Disqus for Blog Okulu

Bumerang - Yazarkafe

Home sosyal medya
sosyal medya etiketine sahip kayıtlar gösteriliyor. Tüm kayıtları göster
sosyal medya etiketine sahip kayıtlar gösteriliyor. Tüm kayıtları göster

Sosyal Medya İconlarınızı Açılan Kalp İçerisinde Yayınlayın

9 Yorumlar Edit
Sosyal Medya İconlarınızı Açılan Kalp İçerisinde Yayınlayın

Web dünyasında yayılmada, sosyal paylaşım sitelerinin gücünü bilmeyen yoktur, yazdığınız yazıların hızlı bir şekilde ve daha fazla kişiye yayılmasına olanak sağlayacak en önemli araç sosyal paylaşım siteleridir.Yazılarınızı, sosyal paylaşım sitelerinde paylaşmak için blogunuzda kullanacağanız sosyal paylaşım sitelerine ait iconlar, nekadar dikkat çekici olursa, ziyaretçilerin sosyal medyada yazınızı paylaşma olasılığı o kadar artıyor.Bu sebeplerden dolayı, ziyaretçilerinizi cezbedecek, dikkatini çekecek olan, şık tasarımlı kalp içerisine facebook, twitter, pinterest, linkedin gibi sosyal paylaşım sitelerine ait iconlar yerleştirilmiş kalbi blogunuza nasıl ekliyeceğinizi anlatacağız.Ziyaretçi, maus ile kalbin üzerine geldiği zaman, kalp ikiye ayrılıyor ve içerisinden sosyal paylaşım sitelerine ait iconlar çıkıyor.İconlardan birine tıkladığında ziyaretçi sosyal medyada sayfanızı paylaşmış oluyor.Bu eklentiyi blogunuza eklemek için;
Demo Görünüm için Tıklayın
1.Adım:Kumanda Paneli>Tasarım>Htmlyi Düzenle yolunu takip,Widget Şablonlarını Genişlet kutucuğunu işaretledikten sonra kodlar içerisinde Ctrl+F yardımı ile </head> kodunu aratıp buluyoruz.Aşşağıdaki kodu kopyalayıp bulduğumuız </head> kodundan önceki satıra yapıştırıyoruz.
<!-- Start Heart Bookmarking Gadget Code From http://www.blogokulu.blogspot.com/ -->
<script src='http://w.sharethis.com/gallery/shareegg/shareegg.js' type='text/javascript'/>
<script src='http://w.sharethis.com/button/buttons.js' type='text/javascript'/>
<script type='text/javascript'>stLight.options({publisher: &quot;ur-98d377f-bdd3-9ad1-fbe5-2a678f0a60ee&quot;, onhover:false}); </script>
<link href='http://w.sharethis.com/gallery/shareegg/shareegg.css' media='screen' rel='stylesheet' type='text/css'/>
<!-- End Heart Bookmarking Gadget Code From http://www.blogokulu.blogspot.com/ -->
2.Adım:Yine kodlarımız içerisinde </body> kodunu aratıp buluyoruz.Aşşağıdaki kodu kopyalayıp bulduğumuz </body> kodundan önceki satıra yapıştırıyoruz.
<!-- Start Heart Share Code From http://www.blogokulu.blogspot.com/ -->
<div style='position: fixed; bottom: 2%; left: 2%;'>
<div class='shareEgg' id='shareThisShareHeart'/>
</div>
<script type='text/javascript'>stlib.shareEgg.createEgg(&#39;shareThisShareHeart&#39;, [&#39;facebook&#39;,&#39;twitter&#39;,&#39;pinterest&#39;,&#39;linkedin&#39;,&#39;stumbleupon&#39;,&#39;email&#39;,&#39;sharethis&#39;], {title:&#39; <data:blog.pageTitle/>&#39;,url:&#39;<data:blog.url/>&#39;,theme:&#39;shareheart&#39;});</script><a href="http://www.blogokulu.blogspot.com/">BlogOkulu Gadgets</a>
<!-- End Heart Share Code From http://www.blogokulu.blogspot.com/ -->
Yukarıdaki koda göre eklentimiz sayfamızın sol alt köşesinde olacak.Ama siz eklentinin sol altta değilde başka bir yerde olmasını istiyorsanız, kod içerisinde kırmız ile belirttiğim yerde ufak bir değişiklik yapmanız yeterli olacak.
alt sol için:bottom/left
alt sağ için:bottom/right
üst sol için:top/left 
üst sağ için:top/right 
Son olarak şablonumuzu kaydediyoruz.Kalp içerisinde sosyal medya eklentimiz kullanıma hazır.
Devamını Oku

Blogger "Facebook Beğen Butonu" Eklemek

26 Yorumlar Edit
Blogger "Facebook Beğen Butonu" Eklemek

Bugün sizlere bloğunuza eklediğiniz içeriklerin sonuna "Facebook Beğen Butonu" Eklemeyi anlatacağız."Facebook Beğen Butonu"nu bloğuma eklemenin bena ne faydası var? diyorsanız."Facebook Beğen Butonu" nun içeriklerimizin hemen altında  bulunması, yazdığımız yazıların okuyucular tarafından beğenilip beğenilmediği hakkında bize, geri dönüt sağlayacaktır.Ayrıca sosyal medyanın iç savaş çıkaracak güçte olduğu çağımızda(Arap Baharı),sosyal medyanın nimetlerinden sonuna kadar faydalanmak gerekir diye düşünüyorum.
"Facebook Beğen"  Butonun Bloğuna Eklemek için:

Kumanda Paneli>Şablon>Htmlyi Düzenle Sayfasına geliyoruz. Widget Şablonlarını Genişlet Kutucuğunu İşaretliyoruz.
Kodlar içerisinde aşşağıdaki kodu buluyoruz.
<div class='post-footer'>
Aşşağıdaki kodu da kopyalayıp yukarıda bulduğumuz koddan önceki kısma yapıştırıyoruz.
<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=standard&amp;show_faces=false&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:40px;'/>
Devamını Oku