EN ÜSTTE GÖRÜNEN SOSYAL MEDYA EKLENTİSİ
Merhaba arkadaşlar bu blogger eklentisi ile siteniz çok hoş bir görünüm alacak. Benim çok beğendiğim eklentilerden biri. Ayrıca blogunuza gelen kişilerin sizin içeriklerinizi sosyal medyada paylaşması da çok önemli. Onun için bu eklentiyi blogunuzda kullanmanızı şiddetle tavsiye ediyorum.
İlk olarak HTML/Düzenle >> CTRL+F yardımıyla </head> kodunu buluyoruz ve aşağıdaki kodları hemen üstüneyerleştiriyoruz.
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.js"></script>Şimdi ise arkadaşlar, yine CTRL+F yapıyoruz ve <data:post.body/> kodunu buluyoruz. Ve hemen bu kodun altınaaşağıda yer alan kodları yerleştiriyoruz.( Bu koddan birden fazla çıkabilir, yapmanız gereken denemek arkadaşlar. Eğer biraz blogger kodları ile haşır neşir iseniz doğru kodu daha kolay bulabilirsiniz.)
<b:if cond='data:blog.pageType == "item"'> <div id='md-active-share-comment-marker'></div> </b:if>Son olarak da arkadaşlar yine CTRL+F yapıyoruz ve </body> kodunu buluyoruz ve aşağıda yer alan kodları hemen bu kodumuzun üstüne yapıştırıyoruz.
<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/></span> </div> </div> </div> </b:if>Tüm işlemler bu kadar arkadaşlar. Artık blogunuzda çok güzel sosyal medya paylaşım butonları var
Eklenti DEMO'su için TIKLAYINIZ!