2012/05/02

Хөндлөн байрлах нуугддаг гоёмсог Share Bar нэмэх


Блогдоо хөдөлгөөнтэй(нуугддаг) хөндлөн Share bar нэмэх хичээлийг энэ удаагийн бичлэгээрээ орууллаа. Блогоо сошиал медиа сайтуудтай хялбархан холбох, мөн блогийг тань үзсэн хүмүүс өөрийн фэйсбүүк, твийтер хуудсаараа бусдад түгээх боломжыг олгох зорилгоор энэхүү Bar-г блогынхоо дээд хэсэгт нэмэх хэрэгтэй. Өнгө дизайны хувьд ч таны блогт тээргүй байх болно.
Блогтоо суулгахын тулд:
Blogger дээр:
1. Blogger.com - Dashboard > Template 
2. Блогынхоо кодон дотроос </head> тагыг хайж олно.
3. </head> тагын өмнө дараах кодыг хуулж тавина.
<div class="rtcv">
&lt;script type=&quot;text/javascript&quot;&gt;
var addthis_config = {
    bar_show_below : 150 }
&lt;/script&gt;
&lt;script type=&quot;text/javascript&quot; src=&quot;http://s7.addthis.com/js/300/addthis_widget.js&quot;&gt;&lt;/script&gt;
</div>

4. Дээрхи кодыг хуулж тавьсаны дараа </body> тагыг хайж олно.
5. Яг өмнө нь дараах кодыг хуулж тавина.
<div class="addthis_bar addthis_bar_medium"> <label>Share This Page:</label> <div class="addthis_toolbox addthis_default_style addthis_32x32_style"> <span><a class="addthis_button_preferred_1"></a></span> <span><a class="addthis_button_preferred_2"></a></span> <span><a class="addthis_button_preferred_3"></a></span> <span><a class="addthis_button_preferred_4"></a></span> <span><a class="addthis_button_compact"></a></span> <span><a class="addthis_counter addthis_bubble_style"></a></span> </div> </div>

6. Дээрхи бүх алхамыг хийж дуусаад хадгалаад өөрийн блог руугаа ороод хараарай гоёмсог Share bar таныг угтах болно.

Demo Blog үзэхийг хүсвэл энд дараарай.

2 Comment:

Блогд минь сэтгэгдэл бичиж байгаад баярлалаа. Удахгүй хариу бичнэ. Хүндэтгэсэн: iBlogs

 
Copyright © . iBlogsClub - Mongolian Blogs Guide - Posts · Comments
· Powered by Blogger