Blogger İçin Sosyal Medya Abonelik Box Eklentisi

Blogger'da Bir Sosyal Abonelik Box Tüm Yükleme Nasıl?

   Aşağıda belirtilen adımları izleyerek son derece basittir ve entegrasyonu kolay olan ve eklentiye sahip olmanız  için sadece 5 dakikada bu eklentiyi ister blogger isterseniz wordpress hesabınıza ekleyebilirsiniz. Unutmayın: Bu widget HTML destekleyen herhangi bir platform üzerinde çalışacaktır.Bu nedenle,biz de vs WordPress, Jhoomla ve üzerinde kullanabilirsiniz.

Blogger İçin Sosyal Medya Abonelik Box Eklentisi Nasıl Kurabilirim?

1.Adım

• Blogger hesabınıza giriş yapın
• Kumanda Paneli> Şablon> HTML Düzenle yolunu izliyoruz.
• Bunu yapmadan önce blog şablon yeteğinizi almayı unutmayın her ihtimale karşı.
• CTRL+F tuşları ile ]]></b:skin> kodunu aradıyoruz.
• Bulduğunuz ]]></b:skin> kodunun hemen üst kısmına gelecek şekilde aşağıda ki kodları ekleyerek şablonunuzu kaydedin.

* Bilgicafem61 bir Sosyal Abonelik Box tüm 
 * ------------------------------------- ------------------- * / 
div.socialbox-mbl, 
div.socialbox-mbl ul 
div.socialbox-mbl ul li, 
div.socialbox-mbl ul li p , 
div.socialbox-mbl ul li img 
div.socialbox-mbl ul li p açıklıklı, 
div.socialbox-mbl ul li a { background: none; border: none; font-style: normal; font-weight: normal; marjı : 0; padding: 0; } div.socialbox-mbl ul div.socialbox-mbl ul li { list-style: none; } div.socialbox-mbl ul li a, div.socialbox-mbl ul li img { display: inline; width: auto; } div.socialbox-mbl ul li a.socialbox-button { text-align: center; } div.socialbox-mbl.mbl-klasik { color: # 768a96; font-family: Arial, Helvetica, sans-serif; font-size: 14px; } div.socialbox-mbl.mbl-klasik ul { background: tekrarlayın; border: 1px solid # d8dcdf önemli;! -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0px 2px 4px # dfe4e7; -moz -box-shadow: 0px 2px 4px # dfe4e7, box-shadow: 0px 2px 4px # dfe4e7; margin: 0 önemlidir; padding: 0; } div.socialbox-mbl.mbl-klasik ul li { background-image: none; border-bottom: 1px solid # d8dcdf; height: 40px; taşma: gizli; padding: 19px 0 9px 9px; } div.socialbox-mbl.mbl-klasik ul li: last-child { border-bottom: none; } div. socialbox-mbl.mbl-klasik ul li img { border: none; margin-right: 10px; float: left; } div.socialbox-mbl.mbl-klasik ul li p { display: inline; position: relative; top: - 3px; } div.socialbox-mbl.mbl-klasik ul li p yayılma { color: # 425763; font-weight: bold; } div.socialbox-mbl.mbl-klasik ul li a.socialbox-button { background: no-repeat; border: 1px solid # d8dcdf, -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: # 425763; şamandıra: sağ; font-size: 11px; font-weight: bold; line-height: 11px; padding: 10px 6px; position: relative; text-decoration: none; text-transform: büyük; top:-4px; } div.socialbox-mbl.mbl-klasik ul li a.socialbox-düğmesi: hover { background: 0-27px no-repeat; } div.socialbox-mbl.mbl-klasik ul li a.socialbox-düğmesi: active { background: 0-54px no-repeat; }

2.Adım
 Yukarıda ki işlemi yaptıkdan sonra her hangi bir sorun yoksa şimdi 2.ci adıma geçiyoruz.

• Tekrar Kumanda Paneli> Yerleşim> Gadget Ekle> HTML/Javascript yolunu takip ediyoruz.
• Açmış olduğunuz gadgetin içerisine aşağıda ki kodları ekliyoruz.

<- Bilgicafem61Sosyal Medya Abonelik Box Eklentisi ->
<Div class = "socialbox-mbl mbl-klasik" style = "width: 300px ! önemli ">
 <ul>
 <li>
<a href="http://www.facebook.com/BilgiCafem61" title="Like Facebook" rel="nofollow" target="_blank"> <img alt = "Facebook" />
</ A> <p> <span> 3500 </ span> Hayranları </ p> <a href = "http://www.facebook.com/BilgiCafem61" class = "socialbox düğmesi" rel = "nofollow" title = "gibi Facebook" target = "_blank"> gibi </ a>
</ Li>
 <li>
<a href="http://twitter.com/Bilgicafem61" title="Follow Twitter" rel="nofollow" target="_blank"> <img src = "http://3.bp.blogspot.com/ -74-W-RRRlrc/UN8NIc_p-rI/AAAAAAAAKXw/zZ3h9PfUcro/s1600/twitter.png "alt =" Twitter "/> </ a> <p> <span> 3000 </ span> Takipçiler </ p> <a href = "http://twitter.com/Bilgicafem61" class = "socialbox düğmesi" rel = "nofollow" title = Takip> target = "_blank" "Twitter'da takip edin" </ a>
</ Li>
        <li>
<a href="#" title="Subscribe Youtube Channel" rel="nofollow" target="_blank"> <img src = "http://3.bp.blogspot.com/-hZ-iCjY7ZEk/UN8Lqvu_lzI/ AAAAAAAAKV4/NDVmDp0q7nk/s1600/youtube_16.png "alt =" YouTube "/> </ a> <p> <span> 400 </ span> Aboneler </ p> <a href =" # "rel =" nofollow "class = "socialbox-button" title => Abone ol target = "_blank" "Youtube Channel ol" </ a>
</ Li>
<li>
<a href="http://pinterest.com/Bilgicafem61" title="Follow Pinterest" rel="nofollow" target="_blank"> <img alt = "Pinterest" /> </ a> <p> <span> 200 </ span> Takipçiler </ p> <a href = "http://pinterest.com/Bilgicafem61" rel = "nofollow" class = " socialbox-button "title =" Follow> Pinterest "target =" _blank "takip </ a>
</ Li>
<li>
<a href="https://plus.google.com/user/TheAlper061" title="Follow Google+" rel="nofollow" target="_blank"> <img alt = "Google" /> </ a> <p> <span> 1000 </ span> Takipçiler </ p> <a href = "https://plus.google.com/u/0/106374439082237286396" rel = "nofollow" class = "socialbox-button" title = Takip> target = "_blank" "Google+ takip edin" </ a>
</ Li>   
</ Ul>
</ Div>
<- End ->  
<- Bilgicafem61Sosyal Medya Abonelik Box Eklentisi Bitiş->

3.Adım
Kod içerisinde düzenlenecek olan bölümler;

• Kırmızı ile belirttiğim kısıma siz facebook hayran sayfanızın kullanıcı adını yazacaksınız.
• Mavi ile belirtmiş olduğum kısıma twitter kullanıcı adınızı yazın.
• Sarı ile belirtilmiş yere youtube kullanıcı linkinizi ekleyeceksiniz.
• Yeşil belirttiğim yere pinterest kullanıcı adınızı ekleyin.
• Turuncu belirtilmiş yere ise google kullanıcı adınızı ekleyerek gadgetinizi kaydedin.
• Blogger hesabınızda ana sayfada neresinde gözükmesini istıyorsanız gadgeti oraya sürekleyerek bırakın.

Bizi Takip Edin
Pinterest>> Facebook>> Twitter
 © by bilgicafem61
Aşağıda Yorum ve Sorularınızı Bırakın...