Share Button Pada Blog

Discussion in 'Blogger' started by samuel, Apr 12, 2013.

  1. samuel

    samuel Member

    Joined:
    Feb 5, 2013
    Messages:
    480
    Likes Received:
    14
    Trophy Points:
    18
    Google+:
    Share Button memiliki fungsi yang sangat mebantu blog kita, apalagi ditahun 2013 ini Social Media menjadi perhatian khusus dan yang terutama yaitu Google Plus . nah kali ini saya ingin berbagi informasi tentang memasang share button di blog
    .
    [​IMG]

    Langkah Pertama masukan code css tepat dibawah
    Code:
    ]]></b:skin>
    


    Code:
    #share-button{margin:0 0 8px;padding:0;overflow:hidden}#share-button p{float:left;box-shadow:1px 1px 5px rgba(1,1,1,.1);background:#fafafa;display:block;padding:5px 8px !important;margin:0 3px 3px 0;border-radius:6px 6px;border:1px solid #fff}#share-button a{position:relative;float:left;box-shadow:1px 1px 5px rgba(1,1,1,.1);border-radius:6px 6px;display:block;color:#fafafa;padding:5px 8px;margin:0 3px 3px;border:1px solid #fff}#share-button a:hover{top:1px;
    left:1px;box-shadow:0px 0px 3px rgba(1,1,1,.1)}
    

    selanjutnya Letakkan kode HTML berikut tepat di bawah kode HTML post anda


    Code:
    <b:if cond='data:blog.pageType == "item"'>
    <div class='clear'/>
    <div id='share-button'>
    <p>Share to</p>
    <a expr:href='"http://www.facebook.com/sharer.php?u=" + data:blog.url' rel='nofollow' style='background:#3b5998;'>Facebook</a>
    <a expr:href='"http://plus.google.com/share?url=" + data:blog.url' rel='nofollow' style='background:#c0361a;'>Google+</a>
    <a expr:href='"https://twitter.com/intent/tweet?url=" + data:blog.url + "&text=" + data:post.title + "&lang=id"' rel='nofollow' style='background:#4099ff;'>Twitter</a>
    <a expr:href='"http://digg.com/submit?url=" + data:blog.url' rel='nofollow' style='background:#000;'>Digg</a>
    <script>
    //<![CDATA[
    var uri = window.location.href;
    var ttle = document.title;
    document.write("<a href='http://www.lintas.me/?c=bookmarklet&url="+uri+"&title="+ttle+"' rel='nofollow' style='background:#FF9900;'>Lintaskan</a>");
    //]]>
    </script>
    <div class='clear'/>
    </div>
    </b:if>
    


    Source : Hack4rt
     
  2. noetral

    noetral Member

    Joined:
    Apr 6, 2013
    Messages:
    444
    Likes Received:
    15
    Trophy Points:
    18
    Google+:
    pertamax ni di thread agan

    *santai* pertamax ni di thread agan samuel
    anyway nice info gan, jadi tambah tahu nih *ketawa3*
    ane buton share nya pake yang di kiri samping itu loh gan lebih simple pasang nya soal nya hehehe *merokok2*
     
    kaliwungu likes this.
  3. semutkecil

    semutkecil Member

    Joined:
    Apr 11, 2013
    Messages:
    119
    Likes Received:
    1
    Trophy Points:
    16
    Dng adanya Share Button

    Dng adanya Share Button memang mantap and keren dah.
    Kalau saya pake pluginnya Add This dari Blog Wordpress itu lho. :)
     
  4. samuel

    samuel Member

    Joined:
    Feb 5, 2013
    Messages:
    480
    Likes Received:
    14
    Trophy Points:
    18
    Google+:
    semutkecil wrote:

    kalau wordpress memang lebih mudah dan simple , karena adanya plugin *merokok2*
     
  5. Andre

    Andre Member

    Joined:
    Apr 12, 2013
    Messages:
    446
    Likes Received:
    18
    Trophy Points:
    18
    Share buttonnya cuma beberapa

    Share buttonnya cuma beberapa saja ya Sam , saya lihat diblog lain banyak sekali Buttonnya
     
  6. samuel

    samuel Member

    Joined:
    Feb 5, 2013
    Messages:
    480
    Likes Received:
    14
    Trophy Points:
    18
    Google+:
    Andre wrote:

    kalo kebanyak Buttonnya juga berat loading blog *interupsi*
     
  7. Ardilas

    Ardilas Well-Known Member

    Joined:
    Feb 18, 2013
    Messages:
    4,252
    Likes Received:
    313
    Trophy Points:
    83
    Google+:
    Termasuk backlink juga ini.

    Termasuk backlink juga ini. CMIIW. KAJAS.
     
  8. ncang

    ncang Well-Known Member

    Joined:
    Feb 7, 2013
    Messages:
    4,364
    Likes Received:
    654
    Trophy Points:
    113
    Google+:
    keliatan simple share

    keliatan simple share buttonnya tapi mesti oprek template *berkeringat*
     
  9. kaliwungu

    kaliwungu Member

    Joined:
    Jan 7, 2017
    Messages:
    145
    Likes Received:
    11
    Trophy Points:
    18
    Apakah tombol share di atas, sudah responsif ?..
    Postingannya sudah lama.
    Hehehe
     
  10. tipsbudiman

    tipsbudiman New Member

    Joined:
    Mar 20, 2017
    Messages:
    2
    Likes Received:
    0
    Trophy Points:
    1
    Google+:
    Sebenarnya pada template blogger tombol share sudah ada jadi ngak perlu bingung-bingung pasang tombol share lagi. Tapi jika ingin tampilannya lebih keren barulah kita pasang.....
     
Loading...

Share This Page