هل تبحث عن اضافة اقرأ ايضا لتركيبها على مدونة بلوجر ؟ هل تبحث عن كيفية اضافة مواضيع ذات صلة لمقالات مدونتك على بلوجر ؟ اذن انت في المكان الصحيح، اليوم سوف اقدم لك اداة اقرأ ايضا التي تقوم بإقتراح قراءة مواضيع أخرى على الزائر،تقوم اداة اقرأ ايضا على عرض عدد من المشاركات العشوائية بعدد الذي تحدده في مجال ذو مظهر جميل وجذاب .
قمت ببرمجة اداة إقرأ أيضا لتكون سريعة حيث انها تعتمد على JavaScript مباشرة دون الحاجة الى انتظار تحميل Jquery لهذا فهي سريعة التحميل، كما قمت بضم مجموعة من الخوارزميات لتفادي تكرار المواضيع التي ستعرض على الاداة، اضافة الى انني اخذت بعين الاعتبار جميع الاخطاء التي من الممكن ان تحدث .
تركيب اداة إقرأ أيضا على قالب مدونة بلوجر
1- لتركيب CSS في القالب نقوم بالبحث عن </head> ونضع فوقها كود التالي :
<b:if cond='data:blog.pageType != "index"'>
<style>
.readtoo{direction:rtl;text-align:right;width:auto;height:auto;font-size:15px;margin:10px 0;padding:5px;display:block;border:solid 2px #ddd;border-radius:3px;border-right:solid 2px rgb(0,0,180);padding-right:0;font-weight:bolder}
.titleofrt{background-color:rgb(0,0,204);color:#fff;padding:0 3px;border-radius:3px 0 0 0;font-size:1.2em}
.urlreadtoo{padding:3px}
.urlreadtoo a{display:block;text-decoration:none;color:rgb(0,50,70)}
.urlreadtoo a:hover{color:blue}
.urlreadtoo a:before{content:"*";padding:0 3px;vertical-align:middle;display:inline-block;margin:2px 0 0 0;color:rgb(0,0,209)}
</style>
</b:if>
2- الان نقوم بتركيب JavaScript من الأفضل وضعه فوق </body> مباشرة، هذا هو الكود:
<b:if cond='data:blog.pageType != "index"'>
<script>
//<![CDATA[
var numofposts = 5;
function readtooevent(e) {
var cft = document.getElementsByClassName("readtoo").length;
for (let t = 0; t < cft; t++) {
var puu=[];
var titleele = document.createElement("span");
titleele.className="titleofrt";
titleele.innerHTML="اقرأ أيضا";
document.getElementsByClassName("readtoo")[t].appendChild(titleele);
var allposts = e.feed["openSearch$totalResults"]["$t"];
allposts = parseInt(allposts);
if (parseInt(allposts)>150) {allposts=150;}
for (let i = 0; i < numofposts; i++) {
var rnd = Math.floor(Math.random() * allposts);
for(let l=0;l<puu.length;l++)puu[l]==rnd&&(rnd=Math.floor(Math.random()*allposts));
puu.push(rnd);var postorder=e.feed.entry[rnd].link.length-1,urlofppost=e.feed.entry[rnd].link[postorder].href,titleofpost=e.feed.entry[rnd].link[postorder].title,postmh=document.createElement("a");postmh.href=urlofppost,postmh.target="_blank",postmh.innerHTML=titleofpost;var conofposts=document.createElement("div");conofposts.className="urlreadtoo",conofposts.innerHTML=postmh.outerHTML,document.getElementsByClassName("readtoo")[t].appendChild(conofposts);
}
}
}
var scriptthm = document.createElement("script");
scriptthm.src="/feeds/posts/default?alt=json-in-script&max-results=150&callback=readtooevent";
document.getElementsByClassName("readtoo")[0].appendChild(scriptthm);
//]]>
</script>
</b:if>
يمكنك تحديد عدد المواضيع التي تريدها ان تعرض داخل اداة اقرأ ايضا من خلال التعديل على المتغير numofposts الموجود في السكريبت فوق ستجد عدد المواضيع التي ستعرض 5 كإعدادات افتراضية.
3- الآن وصلنا الى مرحلة وضع كود HTML والذي يمكنك وضعه داخل HTML تدويناتك على بلوجر بشكل يدوي حيث سيكون لك الإختيار مكان وضع الكود داخل المواضيع اما ان كنت تريد ان تظهر اداة اقرا ايضا اسفل جميع مشاركات مدونتك كل ما يجب ان تقوم به هو البحث في قالب بلوجر عن عبارة <data:post.body/> ستجدها مكررة مرتين او ثلاثة ففي غالب الأحيان العبارة الثانية هي المقصودة قم بوضع الكود التالي اسفلها :
<div class='readtoo'></div>
ملحوظة
العبارة <data:post.body/> تكون مكررة في قوالب بلوجر مرتين او ثلاث مرات لذلك فالعبارة الثانية او الثالثة هي المطلوبة لكن في غالب الاحيان يكون ترتيبها ثالثا .
الى هنا يكون شرح اداة اقرا ايضا قد انتهى كنتم مع محسن حميان على مدونة حميان للمعلوميات لا تنسى زيارة قسم اضافات بلوجر للتعرف على المزيد من الشروحات حول اضافات بلوجر اخرى قد تعجبك، اذا واجهتك اي مشكلة او تريد شرح معين عن اي موضوع في بلوجر فلا تتردد في طرح سؤالك في التعليقات او يمكنك التواصل معنا من خلال مواقع التواصل الإجتماعي المطروحة في المدونة.
Tags
اضافات بلوجر
كيف اجعله مناسب مع اللغة الانجليزية
ردحذفامتياز شرح رائع
ردحذفاذا امكن طريقه جعلها في منتصف الموضوع