قالب أبيض للمدونات الإخباري بثلاثة أعمدة فوتر بخلفية زرقاء وعمود للإضافات على اليسار بخلفية رمادية
تعديلات ضرورية :
لظهور آخر المواضيع بشكل جيد :
اذهب إلى تصميم ومن عناصر الصفحة إضغط تحرير رسائل المدونة اللإلكترونية، واختر طريقة عرض التاريخ كما هو موضح في الصورة التالية :
لتغيير عدد المواضيع قم بتغيير رقم "
عدد الرسائل على الصفحة الرئيسية:" من نفس الصفحة
لتفعيل السلايدر :
اذهب إلى تحرير HTML وعلم على توسيع قوالب عناصر واجهة المستخدم وابحث عن :
numposts1 = 4;label1 = "رياضة";
استبدل الرقم 4 بعدد المواضيع المراد عرضها بالسلايدرواستبدل رياضة بالقسم المراد عرضه في السلايدرالآن لإضافة أقسام "مثل ما هو موجود بالمشاهدة أسفل المساحة الإعلانية الأولى" :
اذهب إلى تصميم ومن عناصر الصفحة أضف أداة HTML/JavaScript وقم بلصق الكود التالي :
<script type='text/javascript'>var numposts = 1;var showpostthumbnails = true;var displaymore = false;var displayseparator = false;var showcommentnum = false;var showpostdate = false;var showpostsummary = true;var numchars = 60;</script>
<script type="text/javascript" src="/feeds/posts/default/-/رياضة?orderby=updated&alt=json-in-script&callback=labelthumbs"></script>
<script type="text/javascript">
function recentpostslist(json) {
document.write('<ul>');
for (var i = 0; i < json.feed.entry.length; i++)
{
for (var j = 0; j < json.feed.entry[i].link.length; j++) {
if (json.feed.entry[i].link[j].rel == 'alternate') {
break;
}
}
var entryUrl = "'" + json.feed.entry[i].link[j].href + "'";//bs
var entryTitle = json.feed.entry[i].title.$t;
var item = "<li>" + "<a href="+ entryUrl + '" target="_blank">' + entryTitle + "</a> </li>";
document.write(item);
}
document.write('</ul>');
}
</script>
<script src="http://johny-papers-mag-arblogger-templates.blogspot.com/feeds/posts/summary/-/رياضة?max-results=5&alt=json-in-script&callback=recentpostslist"></script>
<a href="http://johny-papers-mag-arblogger-templates.blogspot.com/search/label/رياضة" style="float:right;font:normal 11px Arial;padding:5px 0;">اقرأ المزيد من مواضيع هذا القسم »</a>
استبدل ما باللون الأحمر باسم القسم المراد عرض آخر مواضيعه
واستبدل ما باللون الأزرق برابط مدونتك
var numposts = عدد المواضيع المراد عرضها بالصور
max-results= عدد المواضيع المراد عرضها
الآن لإضافة أقسام "مثل ما هو موجود بالمشاهدة أسفل المساحة الإعلانية الثانية" :
اذهب إلى تصميم ومن عناصر الصفحة أضف أداة HTML/JavaScript وقم بلصق الكود التالي :
<script type="text/javascript">var numposts = 4;var showpostthumbnails = true;var displaymore = false;var displayseparator = false;var showcommentnum = false;var showpostdate = false;var showpostsummary = true;var numchars = 100;</script><script src="/feeds/posts/default/-/رياضة?orderby=updated&alt=json-in-script&callback=labelthumbs" type="text/javascript"></script><a href="http://johny-papers-mag-arblogger-templates.blogspot.com/search/label/رياضة" style="float:right;font:normal 10px Arial;padding:5px 0;">اقرأ المزيد من مواضيع هذا القسم</a>
استبدل ما باللون الأحمر باسم القسم المراد عرض آخر مواضيعه
واستبدل ما باللون الأزرق برابط مدونتك
var numposts = عدد المواضيع المراد عرضها
الآن لإضافة آخر جديد حسابك على تويتر :
اذهب إلى تصميم ومن عناصر الصفحة أضف أداة HTML/JavaScript وقم بلصق الكود التالي :
<div style="background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhr2PLp9YRGFxiWBk5oiVUoFV6NVAMSCUJwksnmLMlNtGdlj8h7SxCo0y2iIaJfGpB2PwUK7TmsATUDQ2gH9QWeXK34v8OSP198Ws3psdYjyLsaTjkAKwJtYvxa47-Ewy6n-6d_FZK4XXJ2/h1600/twitter.png) no-repeat;padding-top:45px;padding-left:8px"><script src="http://widgets.twimg.com/j/2/widget.js"></script><script>new TWTR.Widget({version: 2,type: 'profile',rpp: 10,interval: 3000,width: 285,height: 123,theme: {shell: {background: 'transparent',color: '#000000'},tweets: {background: 'transparent',color: '#000000',links: '#135a9e'}},features: {scrollbar: false,loop: true,live: true,hashtags: true,timestamp: true,avatars: true,behavior: 'default'}}).render().setUser('OthmaneBlog').start();</script></div>
استبدل OthmaneBlog بحسابك على تويتر
لحذف صورة الإعلان أسفل المواضيع أو استبدالها :إذهب إلى تحرير HTML وعلم على توسيع قوالب عناصر واجهة المستخدم وابحث عن الكود التالي :
<a href='http://www.arblogger-templates.com/'><img src='http://www.i666i.com/wp-content/uploads/b.gif'/></a>
احذفه أو استبدله بكود أدسنس أو بصورة أخرى
