• Posted by : Unknown 20 Mart 2013 Çarşamba

    Yayın Altına Sosyal Paylaş Butonları

                
    Blogger'da sosyal simgeler daha önceki paylaşımlarımız da olduğu gibi paylaşmıştık.Şimdiki blogger eklentimizde ise sizin paylaştığınız yazıların altına gelecek şekilde farklı ve çok harika görünümlü bir paylaş butonu ekleyeceğiz. yukarda gösterdigim demo resimde  ki gibi olcakdır  Share tuşuna bastığınız başka simgelerde çıkartıp paylaşabiliyorsunuz.Yapmanız gereken sadece aşağıda vermiş olduğum talimatlara uyup yapmaktır.
     

     •Blogger Paneli ► Şablon ►  HTML Düzenle.
     •Witget Şablonu Genişlet daha sonra  CTRL + F yardımıyla
     •Bu kodu bulun ]]></b:skin> ve hemen alttaki kodu üstüne gelecek şekilde yerleştirin


    .btsnts-sswidget{
    border:1px dashed #000000;
    font-size:16px;
    font-family:Segoe Print;
    font-weight:bold;
    padding:10px;
    color:#4488dd;

    •Bu kodu bulun  </head>   yine aynı şekilde üstüne gelecek şekilde yerleştirin

    <script type="text/javascript">var switchTo5x=true;</script>
    <script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script>
    <script type="text/javascript">stLight.options({publisher: "ur-60399e4-d14-8df8-3a50-76118b149821"}); </script>


    •son olarak bu kodu bulun  <div class='post-footer'>  ilk bulduğunuz kodun hemen altına yerleştirin


    <div class="btsnts-sswidget"><span class='st_plusone_hcount' displayText='Google  1'></span>
    <span class='st_facebook_hcount' displayText='Facebook'></span>
    <span class='st_twitter_hcount' displayText='Tweet'></span>
    <span class='st_email_hcount' displayText='Email'></span>
    <span class='st_sharethis_hcount' displayText='ShareThis'></span></div>


    Şablonu kaydet diyoruz ve bir konunun alt satırına geçip bakıyoruz aşağıdaki demo eklenmiş olacaktır.

    Bu eklenti sonunda sizin ana sayfa ve yazılarınızın altında görünecektir ama siz eğer sadece yazı içeriğindeki bölüme olmasını istiyorsanız son koddaki <div class='post-footer'> yerine <data:post.body/> kodunun altına yerleştirin son kodu.
      

    blogger-yazarı iyi calışmalar diler..

    Leave a Reply

    Subscribe to Posts | Subscribe to Comments

  • Copyright © 2013 - Hyperdimension Neptunia

    Blogger Ve Wordpress Tema Arşivi - Powered by Blogger - Designed by Johanes Djogan