En Üstte Görünen Sosyal Paylaşım Eklentisi

1-) İlk olarak  blogger panelinden Şablon > HTML/Düzenle > CTRL+F yardımıyla </head> kodunu buluyoruz bu kodun üstüne aşağıdaki kodları ekliyoruz.

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

2-) CTRL + F yardımı ile <data:post.body/> kodunu buluyoruz. Aşağıdaki kodları <data:post.body/> kodunun altına ekliyoruz . Burdaki sorun deneyerek bulacağız.Çünkü ; bu koddan bir adet bulunmuyor .

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

3 -) CTRL + F yardımı ile </body> kodunu buluyoruz,ve aşağıdaki kodları </body> kodunun üstüne ekliyoruz .

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<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&amp;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/></span>
</div>
</div>
</div>
</b:if>