تحميل قالب Johny Papers Magazine المعرب

تحميل قالب Johny Papers Magazine المعرب

قالب أبيض للمدونات الإخباري بثلاثة أعمدة فوتر بخلفية زرقاء وعمود للإضافات على اليسار بخلفية رمادية

تعديلات ضرورية :

لظهور آخر المواضيع بشكل جيد :

اذهب إلى تصميم ومن عناصر الصفحة إضغط تحرير رسائل المدونة اللإلكترونية، واختر طريقة عرض التاريخ كما هو موضح في الصورة التالية :

لتغيير عدد المواضيع قم بتغيير رقم "عدد الرسائل على الصفحة الرئيسية:" من نفس الصفحة

لتفعيل السلايدر :

اذهب إلى تحرير 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/AVvXsEh-wYUtmZDsV1cmsDC0nK-43z4qU5FlMOyHKomaci0qX26m6s_XkEkMiR3kRwcIkvBbA81k2AC4XwsARJbPKtTCYxv0lm8uBH6jDboMUiNcwUkQLjqT4tn5R856d4-Tdi03mWPKgxRdDzCs/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>

احذفه أو استبدله بكود أدسنس أو بصورة أخرى

مدونة نوح العربي