كيفية اضافة زر مشاهدة تدوينة عشوائية

اليوم سأقدم لكم إضافة خفيفة ورائعة استخدمها في مدونتي هي اضافة  مشاهدة تدوينة عشوائية لتمكين زوارك مشاهدة تدوينة عشوائية.

مميزات إضافة مشاهدة تدوينة عشوائية

1- تساعد على إبقاء الزوار وقت أطول في المدونة فهي تنقل الزائر لتدوينة عشوائية كل مرة يضغط عليها .

2- لا تحتاج أى إعداد فهي تعمل تلقائيا بمجرد إضافتها للمدونة .

3-  لا تاخذ مساحة كبيرة .

شكل إضافة مشاهدة تدوينة عشوائية 

طريقة التركيب

1- من لوحة التحكم   >>>   تخطيط  >>>  اضافة أداة html/javascript .

2- انسخ الكود التالي في الأداة 

<div class="widget-content">

<center>

<center>

<div id="myLuckyPost">

</div>

<script type="text/javascript"> function showLucky(root){ var feed = root.feed; var entries = feed.entry || []; var entry = feed.entry[0]; for (var j = 0; j < entry.link.length; ++j){if (entry.link[j].rel == 'alternate'){window.location = entry.link[j].href;}}} function fetchLuck(luck){ script = document.createElement('script'); script.src = '/feeds/posts/summary?start-index='+luck+'&max-results=1&alt=json-in-script&callback=showLucky'; script.type = 'text/javascript'; document.getElementsByTagName('head')[0].appendChild(script); } function feelingLucky(root){ var feed = root.feed; var total = parseInt(feed.openSearch$totalResults.$t,10); var luckyNumber = Math.floor(Math.random()*total);luckyNumber++; a = document.createElement('a'); a.href = '#random'; a.rel = luckyNumber; a.onclick = function(){fetchLuck(this.rel);}; a.innerHTML = 'مشاهدة تدوينة عشوائيا'; document.getElementById('myLuckyPost').appendChild(a); } </script> <script src="/feeds/posts/summary?max-results=0&amp;alt=json-in-script&amp;callback=feelingLucky"></script></center>

<style type="text/css">

#myLuckyPost a{

color:#fff; 

display: block; 

margin:10px auto; 

width:200px; 

background: #21B9FF;

background: -moz-linear-gradient(top,#21B9FF,#3690F0);

background: -webkit-linear-gradient(top,#3690F0,#21B9FF); 

font-size:14px; 

font-weight:bold; 

font-family: droidkufi-bold, tahoma;

line-height:16px; 

text-decoration:none; 

border:1px solid #7B7A79; 

padding:10px; 

border-radius:3px;

-webkit-border-radius:3px;

-moz-border-radius:3px;

}

#myLuckyPost a:hover{color:#fff;  

background: #0300BA;

background: -moz-linear-gradient(top,#21B9FF,#3690F0);

background: -webkit-linear-gradient(top,#21B9FF,#3690F0); 

text-decoration:none; 

border:1px solid #7B7A79; border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;}

}

#myLuckyPost a:active {}

</style>

<a href="https://plog-mr.blogspot.com/p/blog-page_27.html">اضفها الى مدونتك من هنا</a>

</center>

</div>   

3- احفظ الأداة.

يمكنك وضع زر مشاهدة تدوينة عشوائية في المكان الذي تريد في المدونة

ملحوظة : اذا ظهرت لك رسالة خطأ لا تكترث لها و توجه الى مدونتك ستجد الأداة قد أضيفت بالفعل .
مع تحيات محترف بلوجر .......