إضافة أزرار التحميل في العمود الجانبى

الــســلام عــلــيــكــم زوار مــدونــة تــقــنــي ويــب، هــل رأيــت مــدونــات تــضــع أزرار فــي الــعــمــود الــجــانــبــى وتــمــنــيــت ان تــضــعــهــا فــي مــدونــتــك ؟ فــي هــذه الــتــدويــنــة ســنــتــطــرق لــطــريــقــة وضــعــهــا فــي مــدونــتــك كــمــا هــو مــوجــودة فــي الــرابــط ( مــثــال ) :

مـعـايــنــة الإضــافــة

المعــاينة

تــركــيـب الإضــافـة

أولا قــم بــالـدخــول لـهــذا الـرابــط [ إضـافــات بـلــوجــر ] حـصــريــا إضــافــة مــعـلــومــات الــتـدويــنــة فــي الـعــمــود الــجـانــبــى لـمــدونــات بـلــوجــر ثــم قــم بــتــنـفــيــذ الــكــود الأول والــكــود الـثــانــى.

إسـتــخــدام الإضــافــة

لإضــافـة أزرار الــتــحــمــيـل فـي الــســايـد بـار انــتــقـل إلـى الــمــوضـوع ثم تحرير HTML، ثم الصق الكود التالى :

<div class="teqniweb-links">
<!--بداية ازرار العمود الجانبى من تقني ويب-->
<h2 class="y-title" style="margin: 0 0 15px 0;">
تحميل القالب </h2>
<a class="demo1" href="#" target="_blank">معاينة</a><br />
<a class="download2" href="#" target="_blank">تحميل </a><br />
<a class="download3" href="#" target="_blank">تحميل </a><br />
<a class="link" href="#" target="_blank">تحميل النسخة الإنجليزية </a><br />
<!--نهاية ازرار العمود الجانبى من تقني ويب-->
<br />
<!--بداية الخصائص والمميزات من تقني ويب-->
<div class="temp-ftr">
<ul><h2 class="y-title" style="margin: 0 0 15px 0;">
المميزات / الإضافات</h2>
<li><i class="fa fa-check"></i> متجاوب</li>
<li><i class="fa fa-check"></i> سريع التحميل</li>
<li><i class="fa fa-check"></i> صفحة الخطأ</li>
<li><i class="fa fa-check"></i> صفحة الفهرس</li>
<li><i class="fa fa-check"></i> صفحة  </li>
<li><i class="fa fa-check"></i> لونين: أسود ـ أزرق / أبيض ـ أحمر</li>
<li><i class="fa fa-check"></i> سكربت المشاهدات</li>
<li><i class="fa fa-check"></i> المشاركات الشائعة بشكلين</li>
<li><i class="fa fa-check"></i> 4 أزرار احترافية</li>
<li><i class="fa fa-check"></i> أداة آخر التعليقات</li>
<li><i class="fa fa-check"></i> كوفر لكل صفحة</li>
<li><i class="fa fa-check"></i> أزرار المشاركة</li>
<li><i class="fa fa-check"></i> مواضيع ذات صلة</li>
<li><i class="fa fa-tasks"></i> والمزيد...</li>
</ul>
</div>
<!--نهاية الخصائص والمميزات من تقني ويب-->
</div>

بـحــيــث ان أردت إضــافــة الأزرار وحــدهــا إحــذف الــكــود مــن : <!--بداية الخصائص والمميزات من تقني ويب--> إلــى <!--نهاية الخصائص والمميزات من تقني ويب-->

إشترك في قناتنا على اليوتيوب لتتوصلو بجديد حلقاتنا التقنية
سبحان الله، والحمدلله، ولا إله إلا الله، والله أكبر
إذا أعجبك الموضوع فلماذا تبخل علينا بالردود المشجعة ؟!