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

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

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

نمر الان الى تركيب الأضافة كل ما عليك هو نسخ الكود التالي و وضعه في المكان الذي تريد

▼▼▼▼▼▼▼▼
<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&alt=json-in-script&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="http://tiny.cc/other-to-randompost-TGW">اضفها الى مدونتك من هنا</a> </center> ▲▲▲▲▲▲▲▲

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

أتمنى أن تنال هذه الاضافة اعجابكم

لم يتبقى لي الا أن اشكركم على طيب المتابعة أملا في الالتقاء بكم في تدوينة جديدة انشاء الله على مدونة مهووسي الويب اذا اردتم أن يصلكم جديد المدونة مباشرة على بريدكم الالكتروني كل ما عليكم هو التسجيل في خدمة البريد الألكتروني من هنا (ادخل بريدك الالكتروني هناك)
كل من  واجه اي مشكلة في التركيب فليترك تعليقا به وصف للمشكل و سأقوم بحله انشاء الله .