Kategori : Blogger
Merhaba arkadaşlar, farklı ve dinamik bir eklenti ile karşınızdayım. Yazdığınız yazılarının sosyal medya da paylaşılması çok sayıda artı puan kazandırdığı gibi trafiği de arttırmaktadır. Bu eklentimiz de ise en üste gelecek olan sosyal medya barımız, sayfa ile beraber aşağı otomatik olarak inecek ve ziyaretçilerinizin dikkatini çekecektir. Eklentimizin kurulumu ise şöyle;
Kumanda Paneli ➜ Şablon ➜ HTML'yi Düzenle sırasını izleyelim ve CTRL+F yardımı ile  </head> kodunu bulalım, üzerine aşağıdaki kodları ekleyelim.

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.js"></script>

Ardından CTRL+F yardımı ile <data:post.body/> kodunu bulalım, altına aşağıdaki kodu ekleyelim, bu koddan birden fazla çıkabilir, üstünde entry-content tagı olanın altına ekleyin.

<b:if cond='data:blog.pageType == "item"'>
<div id='md-active-share-comment-marker'></div>
</b:if>

Son olarak ise yine tekrar CTRL+F yapıyoruz ve </body> kodunu buluyoruz hemen üstüne aşağıda vermiş olduğum kodları ekliyoruz,

<b:if cond='data:blog.pageType == "item"'>
<script src='https://blogger33.googlecode.com/files/sosyalmedya-ustte-acilan.txt' type='text/javascript'/>
<div id='md-share-window' style='width: 100%; display: block; position: fixed; top: -450px; left: 0px; background-color: rgba(235, 88, 60, 0.8); z-index: 100; padding: 0 0 10px 0;'>
<div style='width: 800px; margin: 20px auto;'>
<span id='twitter' style='float:left; margin: 0 5px; padding: 3px 0 0 0;'>
<a class='twitter-share-button' data-count='vertical' href='http://twitter.com/share'>Tweet</a>
<script src='http://platform.twitter.com/widgets.js' type='text/javascript'/></span>
<span id='md-plusone' style='float:left; padding-top: 4px; margin: 0 5px;'>
<script src='https://apis.google.com/js/plusone.js' type='text/javascript'/>
<g:plusone size='tall'/></span>
<span id='md-fblike' style='float: left; margin: 0 5px; padding: 4px 0 0; width: 50px; overflow: hidden;'>
<div id='fb-root'/>
<script src='http://connect.facebook.net/en_US/all.js#appId=155934781145405&xfbml=1'/>
<fb:like font='' href='' layout='box_count' send='false' show_faces='false' width='50'>
</fb:like>
</span>           
<div style='display:block; margin: 0 5px; padding: 5px 0px 0px; color: #FFFFFF'>
Hey! Bu yazıyı sosyal medyada arkadaşların ile paylaşmak istermisin?<br/>
<span style='color: #FFFFFF; font-size: 18px;'><data:blog.pageName/> | <a href="http://www.ilkay.co" title="Güncel Blog">İlkay Gürler</a></span>
</div>
</div>
</div>
</b:if>

Sorunsuz bir şekilde adımları uyguladığınızda eklenti sorunsuz bir şekilde çalışacaktır, eklentinin demosuna buraya tıklayarak ulaşabilirsiniz.

Bunu E-postayla GönderBlogThis!X'te paylaşFacebook'ta Paylaş