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

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

إضافة الزر إلى تصميم المدونة 


بعد تسجيل دخولك إلى مدونتك توجه إلى صفحة التصميم ثم عناصر الصفحة.
الآن قم باضافة اداة جديدة واختر html/javascript ثم ضع الأكواد الآتية : 

<center>

<style>

#banner img { max-width:95%;} /* لمنع انسياب الصور */

</style>

<div id="banner">

<script type="text/javascript">

var images= new Array()

images[0]= "<a href = 'عنوان الرابط الأول'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibSS1-RlQxXq6gt7XyRBp8_vZNpxQLx4WVdNPr3qKcG9z9ffvGFtUbGmCVVya7HE16n303ydYNO8gvUKykLqPJD3K7R_iebnQXI0cYCRBWViJXt7bOKQ2vLWfZSK81Jw9D6U0hniUit98/s320/%25D8%25AA%25D8%25AF%25D9%2588%25D9%2586%25D9%258A%25D8%25A9+%25D8%25B9%25D8%25B4%25D9%2588%25D8%25A7%25D8%25A6%25D9%258A%25D8%25A9.png' alt='النص البديل اختياري'/></a>";

images[1]= "<a href = 'عنوان الرابط الثاني'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibSS1-RlQxXq6gt7XyRBp8_vZNpxQLx4WVdNPr3qKcG9z9ffvGFtUbGmCVVya7HE16n303ydYNO8gvUKykLqPJD3K7R_iebnQXI0cYCRBWViJXt7bOKQ2vLWfZSK81Jw9D6U0hniUit98/s320/%25D8%25AA%25D8%25AF%25D9%2588%25D9%2586%25D9%258A%25D8%25A9+%25D8%25B9%25D8%25B4%25D9%2588%25D8%25A7%25D8%25A6%25D9%258A%25D8%25A9.png' alt='النص البديل اختياري'/></a>";

images[2]= "<a href = 'عنوان الرابط الثالث'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibSS1-RlQxXq6gt7XyRBp8_vZNpxQLx4WVdNPr3qKcG9z9ffvGFtUbGmCVVya7HE16n303ydYNO8gvUKykLqPJD3K7R_iebnQXI0cYCRBWViJXt7bOKQ2vLWfZSK81Jw9D6U0hniUit98/s320/%25D8%25AA%25D8%25AF%25D9%2588%25D9%2586%25D9%258A%25D8%25A9+%25D8%25B9%25D8%25B4%25D9%2588%25D8%25A7%25D8%25A6%25D9%258A%25D8%25A9.png' alt='النص البديل اختياري'/></a>";

images[3]= "<a href = 'عنوان الرابط الرابع'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibSS1-RlQxXq6gt7XyRBp8_vZNpxQLx4WVdNPr3qKcG9z9ffvGFtUbGmCVVya7HE16n303ydYNO8gvUKykLqPJD3K7R_iebnQXI0cYCRBWViJXt7bOKQ2vLWfZSK81Jw9D6U0hniUit98/s320/%25D8%25AA%25D8%25AF%25D9%2588%25D9%2586%25D9%258A%25D8%25A9+%25D8%25B9%25D8%25B4%25D9%2588%25D8%25A7%25D8%25A6%25D9%258A%25D8%25A9.png' alt='النص البديل اختياري'/></a>";

var random=Math.floor(4*Math.random());

document.write(images[random]);

</script>

</div>

</center>

وان اردت ان تظهر الاضافة في الصفحة الرئيسية فقط قم بتسمية الأداة في خانة العنوان الي عشوائي مثلا ثم اذهب الي تصميم ثم تحرير html وقم بتوسيع قوالب عناصر واجهة المستخدم ثم قم بالبحث باستخدام  (ctrl+f) علي عشوائي ستجده في كود مثل هذا ثم قم باضافة الأكواد التي باللون الأحمر

<b:widget id='HTML2' locked='false' title='عشوائي' type='HTML'>

<b:includable id='main'>

<b:if cond='data:blog.url == data:blog.homepageUrl'>

<!-- only display title if it's non-empty -->

<b:if cond='data:title != &quot;&quot;'>

<h2 class='title'><data:title/></h2>

</b:if>

<div class='widget-content'>

<data:content/>

</div>

<b:include name='quickedit'/>

</b:if>

</b:includable>

</b:widget>

ثم احفظ القالب و عد لعناصر الصفحة و احذف عنوان أداة عشوائي.