قالب قاهر الجبابرة - الإصدار 2 - مدونة قاهر الجبابرة

الرئيسية تطوير بلوجر قوالب بلوجر كل قالب قاهر الجبابرة - الإصدار 2

تطوير بلوجر قوالب بلوجر كل

قالب قاهر الجبابرة - الإصدار 2

محمد عبد الوهاب 0

A+ A-

بسم الله الرحمن الرحيم

و الصلاة و السلام على سيدنا محمد و بعد

اعرض بين يديكم اليوم قالب مدونتى فى اصدارها الثانى متمنياً من الله ان يعجبكم

القالب يحتوى على سيو قوى ارشفة عالية كما يحتوى على العديد من الكماليات بما فيها عرض مواضيع المدونة بشكل جذاب و انيق

معذرة على عدم توفر مشاهدة للقالب و نعدكم بها فى القريب العاجل

و الآن مع تحميل القالب

والآن مع شرح كيفية عمل القالب

الآن نأتي إلى الإضافات

في كل إضافة ستجد كودين هما

var numposts1 = عدد المواضيع ;

var label1 = "التصنيف ";

ستختلف أرقام الأكواد في كل إضافة لكن المضمون واحد

الكود الأول يعني عدد المواضيع التي تعرض في الإضافة

الكود الثاني يعني التصنيف الذي تعرض مواضيعه في الإضافة

الآن هذه أكواد بعض الإضافات الموجودة مسبقا في القالب بعد تحميله و تركيبه

هذه اكوادها

القائمة الرئيسية

<li class='current-menu-item menu-item-home parent-list'><a href='/'>الرئيسية</a></li>
<li class='menu-item'><a href='#'>قسم 1</a></li>
<li class='menu-item'><a href='#'>قسم 2</a></li>
<li class='menu-item'><a href='#'>قسم 3</a></li>
<li class='menu-item'><a href='#'>قسم 4</a></li>
<li class='menu-item'><a href='#'>قسم 5</a></li>
<li class='menu-item'><a href='#'>قسم 6</a></li>
<li class='menu-item'><a href='#'>قائمة منسدلة </a>
<ul class='sub-menu'>
<li class='menu-item'><a href='#'>قائمة 1</a></li>
<li class='menu-item'><a href='#'>قائمة 1</a></li>
</ul>
</li>

آخر الأخبار

<div class='breaking-news'><span>أخبار عاجلة</span><script type='text/javascript'> jQuery(document).ready(function(){ createTicker(); }); </script><script type='text/javascript'> var numposts1 = 6; var label1 = "كل"; document.write("<script src=\"/feeds/posts/default/-/"+label1+"?published&alt=json-in-script&callback=labelthumbs1\"><\/script>"); </script><div class='clear'/></div>

السليدشو

<div class='ei-slider' id='ei-slider'>
<script type='text/javascript'>
var numposts2 = 6;
var label2 = "دورة تصميم قوالب بلوجر";
</script>
<ul class='ei-slider-large'>
<script type='text/javascript'>
document.write("<script src=\"/feeds/posts/default/-/"+label2+"?published&alt=json-in-script&callback=labelthumbs2\"><\/script>");
</script>
</ul>
<script type='text/javascript'>
document.write("<script src=\"/feeds/posts/default/-/"+label2+"?published&alt=json-in-script&callback=labelthumbs22\"><\/script>");
</script>
</div>
<script type='text/javascript'>
jQuery(function() {
jQuery('#ei-slider').eislideshow({
animation : 'center',
autoplay : true,
slideshow_interval : 3000,
speed : 800,
titlesFactor : 0.60,
titlespeed : 1000,
thumbMaxWidth : 100
});
});
</script>

آخر المواضيع

<section class='cat-box recent-box'><div class='cat-box-title'><h2>آخر المواضيع</h2><div class='stripe-line'/></div><div class='cat-box-content'><script type='text/javascript'>var numposts3 = 6;</script><script type='text/javascript'> document.write("<script src=\"/feeds/posts/default/?orderby=published&alt=json-in-script&callback=labelthumbs3\"><\/script>"); </script><div class='clear'/></div></section>

الآن ستحتاج أن تضيف الإضافات المساعدة إلى القالب

أولا إبحث عن هذا الكود

<div id="toedit"/>

ثانيا

يجب أن تضيف الأكواد الثالية تحت الكود الذي بحت عنه و كل كود يخص إضافته و يمكن أيضا إضافته أكتر من مرة

الإضافة الأولى

<section class='cat-box column2 '>
<div class='cat-box-title'>
<h2><a href='http://titansbreaker.blogspot.com/'>إضافة 1</a></h2>
<div class='stripe-line'/>
</div>
<div class='cat-box-content'>
<ul>
<script type='text/javascript'>
var numposts4 = 6;/*الإضافة 1*/
var label3 = "كل";/*الإضافة 1*/
</script>
<script type='text/javascript'>
document.write("<script src=\"/feeds/posts/default/-/"+label3+"?published&alt=json-in-script&callback=labelthumbs4\"><\/script>");
</script>
</ul>
</div>
</section>
<section class='cat-box column2 last-column'>
<div class='cat-box-title'>
<h2><a href='http://titansbreaker.blogspot.com'>إضافة 2</a></h2>
<div class='stripe-line'/>
</div>
<div class='cat-box-content'>
<ul>
<script type='text/javascript'>
var numposts4 = 6;/*الإضافة 2*/
var label3 = "كل";/*الإضافة 2*/
</script>
<script type='text/javascript'>
document.write("<script src=\"/feeds/posts/default/-/"+label3+"?published&alt=json-in-script&callback=labelthumbs4\"><\/script>");
</script>
</ul>
</div>
</section>

الإضافة الثانية

<div class='home-ads'><a href='https://www.facebook.com/Modawenondotcom' title=''>
<img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiHa8wtjk1z0e8tzZGRHusnqHo-UwIMdwjdbNSgsEJaN1BjQtNcy40qEUy7SrREfFVrUytE-9mSlhjbF5cmj_Uf96LfdBwj8K5g5AxFb2SUi_x0RCv0s8zgrNb4nINhl7_t4EJPboc_0mi/s1600/adsense_185665_adformat-text_468x60_en.png'/>
</a></div>
<div class='clear'/>

الإضافة الثالثة

<section class='cat-box pic-box clear'>
<div class='cat-box-title'>
<h2><a href='http://titansbreaker.blogspot.com/'>إضافة 3</a></h2>
<div class='stripe-line'/>
</div>
<div class='cat-box-content'>
<ul>
<script type='text/javascript'>
var numposts6 = 17;/*إضافة 3*/
var label5 = "كل";/*إضافة 3*/
</script>
<script type='text/javascript'>
document.write("<script src=\"/feeds/posts/default/-/"+label5+"?published&alt=json-in-script&callback=labelthumbs6\"><\/script>");
</script>
</ul>
<div class='clear'/>
</div>
</section>

الإضافة الرابعة

<section class='cat-box wide-box'>

<div class='cat-box-title'>

<h2><a href='http://titansbreaker.blogspot.com/'>إضافة 4</a></h2>

<div class='stripe-line'/>

</div>

<div class='cat-box-content'>

<ul>

<script type='text/javascript'>

var numposts7 = 5;/*إضافة 4*/

var label6 = "كل";/*إضافة 4*/

</script>

<script type='text/javascript'>

document.write("<script src=\"/feeds/posts/default/-/"+label6+"?published&alt=json-in-script&callback=labelthumbs7\"><\/script>");

</script>

</ul>

<div class='clear'/>

</div>

</section>

الإضافة الخامسة

<section class='cat-box list-box'><div class='cat-box-title'><h2><a href='http://titansbreaker.blogspot.com/'>إضافة 5</a></h2><div class='stripe-line'/></div><div class='cat-box-content'><ul><script type='text/javascript'> var numposts8 = 5;/*إضافة 5*/ var label7 = "كل";/*إضافة 5*/</script><script type='text/javascript'> document.write("<script src=\"/feeds/posts/default/-/"+label7+"?published&alt=json-in-script&callback=labelthumbs8\"><\/script>"); </script></ul><div class='clear'/></div></section>

الإضافة السادسة

<section class='cat-box pic-box clear'>
<div class='cat-box-title'>
<h2><a href='http://titansbreaker.blogspot.com/'>إضافة 6</a></h2>
<div class='stripe-line'/>
</div>
<div class='cat-box-content'>
<ul>
<script type='text/javascript'>
var numposts9 = 16;/*إضافة 6*/
var label8 = "كل";/*إضافة 6*/
document.write("<script src=\"/feeds/posts/default/-/"+label8+"?published&alt=json-in-script&callback=labelthumbs10\"><\/script>");
</script>
</ul>
<div class='clear'/>
</div>
</section>

الإضافة السابعة

<div class='cat-box-content clear cat-box' id='cats-tabs-box'><div class='cat-tabs-header'><ul><li><a href='#catab1'>إضافة 7</a></li><li><a href='#catab2'>إضافة 8</a></li><li><a href='#catab3'>إضافة 9</a></li><li><a href='#catab4'>إضافة 10</a></li><li><a href='#catab5'>إضافة 11</a></li><li><a href='#catab6'>إضافة 12</a></li></ul></div><div class='cat-tabs-wrap cat-tabs-wrap1' id='catab1'><ul><script type='text/javascript'>var numposts10 = 5;var label9 = "كل";/*إضافة 7*/</script><script type='text/javascript'> document.write("<script src=\"/feeds/posts/default/-/"+label9+"?published&alt=json-in-script&callback=labelthumbs11\"><\/script>"); </script></ul><div class='clear'/></div><div class='cat-tabs-wrap cat-tabs-wrap2' id='catab2'><ul><script type='text/javascript'>var numposts10 = 5;var label10 = "كل";/*إضافة 8*/</script><script type='text/javascript'> document.write("<script src=\"/feeds/posts/default/-/"+label10+"?published&alt=json-in-script&callback=labelthumbs11\"><\/script>"); </script></ul><div class='clear'/></div><div class='cat-tabs-wrap cat-tabs-wrap3' id='catab3'><ul><script type='text/javascript'>var numposts10 = 5;var label11 = "كل";/*إضافة 9*/</script><script type='text/javascript'> document.write("<script src=\"/feeds/posts/default/-/"+label11+"?published&alt=json-in-script&callback=labelthumbs11\"><\/script>"); </script></ul><div class='clear'/></div><div class='cat-tabs-wrap cat-tabs-wrap4' id='catab4'><ul><script type='text/javascript'>var numposts10 = 5;var label12 = "كل";/*إضافة 10*/</script><script type='text/javascript'> document.write("<script src=\"/feeds/posts/default/-/"+label12+"?published&alt=json-in-script&callback=labelthumbs11\"><\/script>"); </script></ul><div class='clear'/></div><div class='cat-tabs-wrap cat-tabs-wrap5' id='catab5'><ul><script type='text/javascript'>var numposts10 = 5;var label13 = "كل";/*إضافة 11*/ document.write("<script src=\"/feeds/posts/default/-/"+label13+"?published&alt=json-in-script&callback=labelthumbs11\"><\/script>"); </script></ul><div class='clear'/></div><div class='cat-tabs-wrap cat-tabs-wrap6' id='catab6'><ul><script type='text/javascript'>var numposts10 = 5;var label14 = "كل";/*إضافة 12*/ document.write("<script src=\"/feeds/posts/default/-/"+label14+"?published&alt=json-in-script&callback=labelthumbs11\"><\/script>"); </script></ul><div class='clear'/></div></div>

لتعديل القائمة السفلية

<a class='ttip rss-tieicon' href='http://titansbreaker.blogspot.com/' original-title='Rss' target='_blank'/><a class='ttip google-tieicon' href='http://titansbreaker.blogspot.com/' original-title='Google+' target='_blank'/><a class='ttip facebook-tieicon' href='https://www.facebook.com/Dr.Help.officiel' original-title='Facebook' target='_blank'/><a class='ttip twitter-tieicon' href='https://twitter.com/mo3aser' original-title='Twitter' target='_blank'/><a class='ttip pinterest-tieicon' href='http://titansbreaker.blogspot.com/' original-title='Pinterest' target='_blank'/><a class='ttip youtube-tieicon' href='http://titansbreaker.blogspot.com/' original-title='Youtube' target='_blank'/><a class='ttip instagram-tieicon' href='http://titansbreaker.blogspot.com/' original-title='Instagram' target='_blank'/><a class='ttip skype-tieicon' href='http://titansbreaker.blogspot.com/' original-title='Skype' target='_blank'/><a class='ttip blogger-tieicon' href='http://titansbreaker.blogspot.com/' original-title='Blogger' target='_blank'/><a class='ttip wordpress-tieicon' href='http://titansbreaker.blogspot.com/' original-title='Wordpress' target='_blank'/><a class='ttip paypal-tieicon' href='http://titansbreaker.blogspot.com/' original-title='Paypal' target='_blank'/><a class='ttip deviantart-tieicon' href='http://titansbreaker.blogspot.com/' original-title='Deviantart' target='_blank'/><a class='ttip linkedin-tieicon' href='http://titansbreaker.blogspot.com/' original-title='Linkedin' target='_blank'/><a class='ttip tumblr-tieicon' href='http://titansbreaker.blogspot.com/' original-title='Tumblr' target='_blank'/><a class='ttip apple-tieicon' href='http://titansbreaker.blogspot.com/' original-title='Apple' target='_blank'/>

لإضافة صندوق الإشتراك (يتم إضافتها من تخطيط)

<div id="widget-feedburner-2" class="widget-feedburner">
<div class="widget-container"><div class="widget-feedburner-counter">
<p>إشترك الآن في لائحتناو توصل باخر الأخبار .</p> <form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=هنا إسمك في فيدبرنر', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
<input class="feedburner-email" type="text" name="email" value="Enter your e-mail address" onfocus="if (this.value == 'Enter your e-mail address') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Enter your e-mail address';}" />
<input type="hidden" value="mo3aser" name="uri" />
<input type="hidden" name="loc" value="en_US" />
<input class="feedburner-subscribe" type="submit" name="submit" value="إشتراك" />
</form>
</div>
</div></div>

لتعديل أزرار المواقع الإجتماعية في الجانب و حذفها هذا كودها

<div class='social-icons'><a class='ttip' href='http://titansbreaker.blogspot.com/' original-title='Rss' target='_blank'><img alt='RSS' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkeiju76gk4ma7xdojRv3u8y0mjJ0bHo1AJJTx8m0W5Pv1FlgwVfO16ZRMrGYKxTdSTcHUXayPI-wZ3sEax4YDJzXCqrWN-Of4RVTsh05HXRT1r17FPTYppMgVOZO6aMh9ZMVWrEid71c/s1600/rss_32.png'/></a><a class='ttip' href='http://titansbreaker.blogspot.com/' original-title='Google+' target='_blank'> <img alt='Google+' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi25pKrGHVfar8N1GzZNcje6juBhEEQf3YA4Yt4ALwP80FwulyBZL3eUQ2ctKhyHfjzBmy8MedlraB_3ZeTSairEr5eTtYdtMHihCKqUJBrRLXYNLZxWI1Xa0vOMh6f1dx4LR8mLiB8JdU/s1600/google_plus_32.png'/></a><a class='ttip' href='http://titansbreaker.blogspot.com/' original-title='Facebook' target='_blank'> <img alt='Facebook' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgU5vQmSI2vj_WxgGRRvs2Ox0uCwrQiI-4BgmoHDhnyL9ow4wcijYAuvc6jKpFrzNYixz5Yu-SIT6qxRMwSV3uPMPb_qVmxhgFLiPSOs_P4XoYiuqEno4e6ZWcE28abR18p229hPAI8NOs/s1600/facebook_32.png'/></a><a class='ttip' href='http://titansbreaker.blogspot.com/' original-title='Twitter' target='_blank'> <img alt='Twitter' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi81uLV3FG6r2wmxonzGBzieB5RDO23Q7IbT_XWS1EoTxsw5aA2Zgo8pFHAQMnaLRos1BJTsTMaxlNJV62_ghbTozMmwDqWf1VWgms6W7JsAS4nnCqOIcJXinM0U8XUnzewepdq6NrXr-s/s1600/twitter_32.png'/></a><a class='ttip' href='http://titansbreaker.blogspot.com/' original-title='Pinterest' target='_blank'> <img alt='MySpace' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCr9Xfv8alYM9wx5LMJLBQnu-_87sxH1KYY_MbbTMmf7oeyf8NI_xQnofwb5fZ9j_hF5soAVnL67O1UUrUySYITmgYowtLrz_2-voS7VF856ta2vmaW_tcONBqwokIxerJZdfI5cGiC4Q/s1600/pinterest_32.png'/></a><a class='ttip' href='http://titansbreaker.blogspot.com/' original-title='Flickr' target='_blank'> <img alt='Flickr' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbRRiddcjAn7-glVoTBIoDLdx0z91V-B5H8xD2xUJq8pGM_V2beI2HqQelYRMjK_klOSNtWsSk8U8NRBGOP3OVg72Vt-CF8-3OwvkmfGcv8GE1H3_8PbYgCcpDpCz192pACxraWnZjKnM/s1600/flickr_32.png'/></a><a class='ttip' href='http://titansbreaker.blogspot.com/' original-title='Youtube' target='_blank'> <img alt='YouTube' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMabqqtzNtqNn8R8yKOucZup9kUm3HLXELUHbxc3lCPlrLh9GhTg4k3jyVGimnXT4W5kaxNpERfIy-wDBT1MIFEhRymX02Dh4ofZF2it1zIAWcjDxPetzGfr5VBkzWrOR1jYymmtqZeoY/s1600/youtube_32.png'/></a> </div>

أزرار المواقع الإجتماعية الكبيرة

<div class='widget widget-counter'><ul><li class='rss-subscribers'><a href='http://titansbreaker.blogspot.com/' target='_blank'><strong/><span>إشترك</span><small>في الخلاصات</small></a></li><li class='twitter-followers'><a href='http://titansbreaker.blogspot.com/' target='_blank'><strong/><span>0000</span><small>متابع</small></a></li><li class='facebook-fans'><a href='http://titansbreaker.blogspot.com/' target='_blank'><strong/><span>0000</span><small>معجب</small></a></li><li class='youtube-subs'><a href='http://titansbreaker.blogspot.com/' target='_blank'><strong/><span>0000</span><small>مشترك</small></a></li><li class='vimeo-subs'><a href='http://titansbreaker.blogspot.com/' target='_blank'><strong/><span>0000</span><small>مشترك</small></a></li><li class='dribbble-followers'><a href='http://titansbreaker.blogspot.com/' target='_blank'><strong/><span>0000</span><small>مشترك</small></a></li></ul></div>

إضافة صندوق المعجبين على الفيسبوك (يتم إضافتها من تخطيط)

<iframe allowtransparency="true" frameborder="0" scrolling="no" src="http://www.facebook.com/plugins/likebox.php?href=http://facebook.com/Modawenondotcom&width=260&height=250&colorscheme=light&show_faces=true&header=false&stream=false&show_border=false" style="border:none; overflow:hidden; width: 100%; height:250px;"></iframe>
لإضافة آخر المواضيع في ألسيدبار هذا كودها (يتم إضافتها من تخطيط)
<ul>
<script type='text/javascript'>
var numposts00 = 6;
</script>
<script type='text/javascript'>
document.write("<script src=\"/feeds/posts/default/?orderby=published&alt=json-in-script&callback=labelthumbs00\"><\/script>");
</script>
</ul>

لإضافة آخر التعليقات في ألسيدبار هذا كودها (يتم إضافتها من تخطيط)

<style type='text/css'>ul.w2b_recent_comments { list-style: none; margin: 0; padding: 0;}.w2b_recent_comments li { background: none !important; margin: 0 0 6px !important; padding: 0 0 6px 0 !important; display: block; clear: both; overflow: hidden; list-style: none;}.w2b_recent_comments li .avatarImage {padding: 3px;background: #fefefe;-webkit-box-shadow: 0 1px 1px #ccc;-moz-box-shadow: 0 1px 1px #ccc;box-shadow: 0 1px 1px #ccc;float: right;margin: 0 6px 0 15px;position: relative;overflow: hidden;}.w2b_recent_comments li img { padding: 0px; position: relative; overflow: hidden; display: block;}.w2b_recent_comments li span { margin-top: 4px; color: #666; display: block; font-size: 12px; font-style: italic; line-height: 1.4;}</style><script type='text/javascript'>//<![CDATA[ // Recent Comments Settings var numComments = 5, showAvatar = true, avatarSize = 60, roundAvatar = true, characters = 40, showMorelink = false, moreLinktext = "More »", defaultAvatar = "http://www.gravatar.com/avatar/?d=mm", hideCredits = true;//]]></script><script src='http://helplogger.googlecode.com/svn/trunk/w2b recent comments with avatars.js' type='text/javascript'></script><script src='/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=5' type='text/javascript'></script>لجعل الفيديو يقبل سحب صورته في الملخص أضف هذا الكود عند كتابة موضوع و غير اللازم بما يناسبك
<iframe allowfullscreen="" frameborder="0" height="320" src="http://www.youtube.com/embed/أيدي الفيديو" width="100%"></iframe>

فى أمان الله

وصف المدون

احدث المقالات

المشاركات الشائعة

الوسوم

التعليقات

تطوير بلوجر

التصنيفات

احدث المقالات