إضافة إقرأ أيضا تحت كل مشاركة في مدونة بلوجر

إضافة اداة اقرأ ايضا بديلة اداة ذات صلة

هل تبحث عن اضافة اقرأ ايضا لتركيبها على مدونة بلوجر ؟ هل تبحث عن كيفية اضافة مواضيع ذات صلة لمقالات مدونتك على بلوجر ؟ اذن انت في المكان الصحيح، اليوم سوف اقدم لك اداة اقرأ ايضا التي تقوم بإقتراح قراءة مواضيع أخرى على الزائر،تقوم اداة اقرأ ايضا على عرض عدد من المشاركات العشوائية بعدد الذي تحدده في مجال ذو مظهر جميل وجذاب .

تعد أداة إقرأ أيضا من بين الإضافات المهمة التي يجب ان تكون موجودة في كل مدونة بلوجر، ببساطة لأنها تساهم في جذب انتباه الزائر لقراءة مقالات اكثر داخل المدونة، حيث تقوم اداة اقرأ ايضا بعرض اسفل كل موضوع روابط اخرى لمواضيع مدونتك بالعدد الذي ستحدده في السكريبت، وبشكل عشوائي، تعتبر هذه الاداة شبيهة بأداة ذات صلة لكنها الافضل، كون اداة ذات صلة تسحب المواضيع حسب التسمية وهذا يؤدي في بعض الاحيان الى جلب مواضيع مكررة او عرض مواضيع قليلة جدا.

قمت ببرمجة اداة إقرأ أيضا لتكون سريعة حيث انها تعتمد على 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/> تكون مكررة في قوالب بلوجر مرتين او ثلاث مرات لذلك فالعبارة الثانية او الثالثة هي المطلوبة لكن في غالب الاحيان يكون ترتيبها ثالثا .

الى هنا يكون شرح اداة اقرا ايضا قد انتهى كنتم مع محسن حميان على مدونة حميان للمعلوميات لا تنسى زيارة قسم اضافات بلوجر للتعرف على المزيد من الشروحات حول اضافات بلوجر اخرى قد تعجبك، اذا واجهتك اي مشكلة او تريد شرح معين عن اي موضوع في بلوجر فلا تتردد في طرح سؤالك في التعليقات او يمكنك التواصل معنا من خلال مواقع التواصل الإجتماعي المطروحة في المدونة.

إرسال تعليق

أحدث أقدم