عرض مشاركة واحدة
قديم 06-21-2012, 10:11 AM   #1
admin
مدير عام
 
الصورة الرمزية admin
 
تاريخ التسجيل: Apr 2012
الدولة: جده
المشاركات: 2,846
Talking تحميل قالب Johny Simple Magazine 2 المعرب



تحميل قالب 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(&quot;آخر مواضيع المدونة&quot;, &quot;http://johny-simple-magazine-2-bloggerexp.blogspot.com/feeds/posts/default&quot;) //Specify &quot;label&quot; plus URL to RSS feed


استبدل http://johny-simple-magazine-2-bloggerexp.blogspot.com برابط مدونتك



باسوورد فك الضغط : www.bloggerexp.com

معاينة القالب - تحميل القالب

الدعم العربي

admin غير متواجد حالياً   رد مع اقتباس