Blogger Yazı Başlığı Kenarına Sosyal Ağlar Butonu Eklemek

Blogger eklentileriyle devam ediyoruz daha önce bu yazımıza benzer bir yazı daha paylaşacağız. Bu eklentimiz ise blogumuzda kullandığımız eklenti. Hemen yazı başlığının sonunda sol tarafta bulunan sosyal ağlar ikonlarını sizlere istek üzerine paylaşacağız. Hatasız bir şekilde yaptığımız taktirde sorun yaşamayacağınızın belgesini verebiliriz :)

Temamızdan aşağıda ki kodu buluyoruz. Yalnız bu kod sizin temanızda farklı olabilir mesela bizde post-title yazıyorsa sizde farklı yazıyor olabilir.

<h4 class='post-title'>

Daha sonra bulduğumuz kodun altına aşağıda ki kodu ekliyoruz.

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<span style='float:right'>
<a class='external' expr:href='&quot;http://twitter.com/home/?status=&quot; + data:post.title + &quot; - &quot; + data:post.url + &quot;+@onrbatur+&quot;' rel='nofollow' target='_blank' title='Twitter&apos;da Paylas'>
<img alt='Paylas' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhe2ZHWeD6q3ay-OywSUGzULAzFUK1NjInQpxToevVBhrchxY2dWjK__HgcujzjV3i-S0sit2NBuGwVsaTraF1Cg0zXY5NBEPwhXFh0L6N9eAOxqaGTV2_ZRhMtpQuKsnyNQp_XVe1g9u4/h120/mini-twitter-ikon.png'/>
</a>
<a expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;t=&quot; + data:post.title' rel='external nofollow' target='_blank' title='Bu Yazıyı Facebook&apos;ta Paylas'>
<img alt='Paylas' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjp_5Vi29tqcCsAumXfvoa4KyQ8OSczA7WML_tVHI0kRra2UptOKXLY-as1r04ecuQpJqmGATC4jqd3pSUGTYKySp3mkjUtat_jCFDUcHW_j4oZgU9DgIxzMt0UK_f8Z4xnVt-DX6qiF2Q/h120/mini-facebook-ikon.png'/>
</a>
<a expr:href='&quot;http://www.friendfeed.com/?url=&quot; + data:post.title + &quot; - &quot; + data:post.url + &quot;&quot;' rel='nofollow' target='_blank' title='FriendFeed&apos;de Paylas'>
<img alt='Paylas' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjH7ciqD0W-DWrKAj_XJmbhJllLNYhEZx7ryHcz5nhlXQ7b5k_e9ux0-EM9Bpw-3Q2p5ZLq9IECxrYyrZzlmQhJ9sz6UO6X3iY7G39QtVSfK689OZoH2J8FeJdBMhwHs4p0xLmsFDVrw-w/h120/mini-friendfeed-ikon.png'/>
</a>
<a expr:href='&quot;http://www.google.com/search?hl=tr&amp;q=&quot; +data:post.title' expr:onmouseout='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id + &quot;\&quot;,0);&quot;' expr:onmouseover='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id + &quot;\&quot;,21);&quot;' rel='nofollow' target='_blank' title='Bu Yazıyı Google&apos;da Ara'><img alt='Paylas' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUEBgZsTjG96iS5Wx1PkRo1Dwhj4Z9vKyg5pvTeAtzBlteFG1oJI5QbaLISJbi1lTL4yrOmIllmR03ODYdQ3tpDoflY6lMmxcgtiqiG3hBGEcX98RwgFMO9QIbpLKGKNfTmow40aO68NM/h120/mini-google.ikon.png'/>
</a>
</span>
</b:if>

Kodu eklediğimizde işlem tamamlandığında tam olarak şu resimde ki gibi olması gerekecek.

Tweet