تحميل قالب Johny Simple Magazine 2 المعرب
قالب Johny Simple Magazine 2 المعرب للبلوجر : قالب أزرق وأسود بعمود للإضافات على اليسار وبدون أعمدة فوتر.
لتفعيل الاشتراك عبر البريد، اذهب إلى تحرير HTML وعلم على توسيع قوالب عناصر واجهة المستخدم.
واستبدل : http://feedburner.google.com/fb/a/mailverify?uri=blogspot/htbgh برابط خلاصات مدونتك على فيدبرنر
----------------------------
كود السلايدر، أضفه في أداة HTML/JavaScript:
كود:
<!-- 1st Content -->
<div id="gal1" style="display:none;" class="img400">
<div class="h250"><img alt="" src=رابط صورة الموضوع الأول&cat=1&pid=2107&cache=false" /></div>
<div class="min250">
<div class="bottom">
<div class="topic">
<a href="رابط الموضوع الأول">عنوان الموضوع الأول</a>
</div>
<div class="summary">وصف الموضوع الأول - هذا القالب من تعريب معهد خبراء بلوجر ...... <a href="رابط الموضوع الأول">أكمل بقية الموضوع</a>
</div>
</div></div>
</div>
<!-- 2st Content -->
<div id="gal2" class="img400">
<div class="h250">
<img alt="" src="رابط صورة الموضوع الثاني&cat=1&pid=2107&cache=false" /></div>
<div class="min250">
<div class="bottom">
<div class="topic"><a href="رابط الموضوع الثاني">عنوان الموضوع الثاني</a>
</div>
<div class="summary">وصف الموضوع الثاني - هذا القالب من تعريب معهد خبراء بلوجر ...... <a href="رابط الموضوع الثاني">أكمل بقية الموضوع</a>
</div>
</div></div>
</div>
<!-- 3st Content -->
<div id="gal3" style="display:none;" class="img400">
<div class="h250">
<img alt="" src="رابط صورة الموضوع الثالث&cat=1&pid=2107&cache=false" /></div>
<div class="min250">
<div class="bottom">
<div class="topic"><a href="رابط الموضوع الثالث">عنوان الموضوع الثالث</a>
</div>
<div class="summary">وصف الموضوع الثالث - هذا القالب من تعريب معهد خبراء بلوجر ...... <a href="رابط الموضوع الثالث">أكمل بقية الموضوع</a>
</div>
</div></div>
</div>
<!-- 4st Content -->
<div id="gal4" style="display:none;" class="img400">
<div class="h250"><img alt="" src="رابط صورة الموضوع الرابع&cat=1&pid=2107&cache=false" /></div>
<div class="min250">
<div class="bottom">
<div class="topic"><a href="رابط الموضوع الرابع">عنوان الموضوع الرابع</a>
</div>
<div class="summary">وصف الموضوع الرابع - هذا القالب من تعريب معهد خبراء بلوجر ...... <a href="رابط الموضوع الرابع">أكمل بقية الموضوع</a>
</div>
</div></div>
</div>
<!-- 5st Content -->
<div id="gal5" style="display:none;" class="img400">
<div class="h250"><img alt="" src="رابط صورة الموضوع الخامس&cat=1&pid=2107&cache=false" /></div>
<div class="min250">
<div class="bottom">
<div class="topic"><a href="رابط الموضوع الخامس">عنوان الموضوع الخامس</a>
</div>
<div class="summary">وصف الموضوع الخامس - هذا القالب من تعريب معهد خبراء بلوجر ...... <a href="رابط الموضوع الخامس">أكمل بقية الموضوع</a>
</div>
</div></div>
</div>
<!-- 6st Content -->
<div id="gal6" style="display:none;" class="img400">
<div class="h250"><img alt="" src="رابط صورة الموضوع السادس&cat=1&pid=2107&cache=false" /></div>
<div class="min250">
<div class="bottom">
<div class="topic"><a href="رابط الموضوع السادس">عنوان الموضوع السادس</a>
</div>
<div class="summary">وصف الموضوع السادس - هذا القالب من تعريب معهد خبراء بلوجر ...... <a href="رابط الموضوع السادس">أكمل بقية الموضوع</a>
</div>
</div></div>
</div>
<div style="height:255px; margin-top:-255px;"><div id="galtabs" class="page_hl pd_5"><a href="#" rel="gal1">1</a> <a href="#" rel="gal2">2</a> <a href="#" rel="gal3">3</a> <a href="#" rel="gal4">4</a> <a href="#" rel="gal5">5</a> <a href="#" rel="gal6">6</a> </div></div><div class="clearit"></div>
<div class="clearit pb_10"></div>
<script type="text/javascript">
var myheads=new ddtabcontent("galtabs");myheads.setpersist(false);myheads.setselectedClassTarget("link");myheads.init(4000)
</script>
----------------------------
لاظهار مواضيع قسم معين في الصفحة الرئيسية مثل أخبار ورياضة الصق الكود التالي في أداة HTML/JavaScript مع تغيير رياضة إلى اسم القسم المراد عرضه :
كود:
<script type="text/javascript">
var numposts = 3;var showpostthumbnails = true;var displaymore = false;var displayseparator = false;var showcommentnum = false;var showpostdate = false;var showpostsummary = true;var numchars = 60;
</script>
<script src="/feeds/posts/default/-/رياضة?orderby=updated&alt=json-in-script&callback=labelthumbs" type="text/javascript">
</script>
var numposts = عدد المواضيع المراد عرضها
var numchars = عدد حروف العنوان
----------------------------
لإضافة أداة آخر المواضيع، الصق الكود التالي في أداة HTML/JavaScript مع تغيير عناوين الأقسام :
كود:
<div id="basic-accordian" ><!--Start of accordion parent-->
<!--Start 1st Content-->
<div id="test-header" class="accordion_headings header_highlight" >آخر المواضيع</div>
<div id="test-content">
<div class="accordion_child">
</div>
</div>
<!--End 1st Content-->
<!--Start 2st Content-->
<div id="test1-header" class="accordion_headings" >أخبار</div>
<div id="test1-content">
<div class="accordion_child">
<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 = 60;
</script>
<script src="/feeds/posts/default/-/أخبار?orderby=updated&alt=json-in-script&callback=labelthumbs" type="text/javascript">
</script>
</div>
</div>
<!--End 2st Content-->
<!--Start 3st Content-->
<div id="test2-header" class="accordion_headings" >رياضة</div>
<div id="test2-content">
<div class="accordion_child">
<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 = 60;
</script>
<script src="/feeds/posts/default/-/رياضة?orderby=updated&alt=json-in-script&callback=labelthumbs" type="text/javascript">
</script>
</div>
</div>
<!--End 3st Content-->
<!--Start 4st Content-->
<div id="test3-header" class="accordion_headings" >إنترنت</div>
<div id="test3-content">
<div class="accordion_child">
<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 = 60;
</script>
<script src="/feeds/posts/default/-/إنترنت?orderby=updated&alt=json-in-script&callback=labelthumbs" type="text/javascript">
</script>
</div>
</div>
<!--End 4st Content--></div>
-------------------------------------
لإظهار آخر مواضيع المدونة المتحركة أسفل القائمة الرئيسية. من تحرير HTML علم على توسيع قوالب عناصر واجهة المستخدم وابحث عن :
كود:
cssfeed.addFeed("آخر مواضيع المدونة", "http://johny-simple-magazine-2-bloggerexp.blogspot.com/feeds/posts/default") //Specify "label" plus URL to RSS feed
استبدل http://johny-simple-magazine-2-bloggerexp.blogspot.com برابط مدونتك
باسوورد فك الضغط : www.bloggerexp.com
معاينة القالب - تحميل القالب