TIPS CARA MEMBUAT TOMBOL SHARE DI BAWAH POSTING BLOG TIPS CARA MEMBUAT TOMBOL SHARE DI BAWAH POSTING BLOG - mizipediacom mizipediacom: TIPS CARA MEMBUAT TOMBOL SHARE DI BAWAH POSTING BLOG
loading...

KATEGORI


HIBURAN


  • RCTI












  • VIDEO

    Iklan Semua Halaman

    TIPS CARA MEMBUAT TOMBOL SHARE DI BAWAH POSTING BLOG

    Tuesday, 7 February 2017



    Membuat Tombol Share di Bawah Posting Blog
    Bagi anda yang ingin membuat tombol share berbagi di blog, anda bisa mengikuti langkah-langkah di bawah ini.
    • Anda  Login ke akun blogger.
    • Kemudian Masuk ke Template lalu pilih Edit HTML.
    • Dan anda Copy kode berikut ini lalu taruh di atas kode ]]></b:skin>
    .widgetshare {font:bold 12px/20px Tahoma !important; background: #333;border: 1px solid #444; padding: 5px 4px; color: #fff !important; margin-top: 10px;}
    .widgetshare a{font:bold 12px/20px Tahoma !important; text-decoration: none !important; padding: 5px 4px; color: #fff !important; border: 1px solid #222; transition: all 1s ease;}
    .widgetshare a:hover {box-shadow: 0 0 5px #00ff00; border: 1px solid #e9fbe9;}
    .fcbok { background: #3B5999; }
    .twitt { background: #01BBF6; }
    .gplus { background: #D54135; }
    .digg { background: #5b88af; }
    .lkdin { background: #005a87; }
    .tchno { background: #008000; }
    .ltsme { background: #fb8938; }
    • Selanjutnya copy kode berikut ini, lalu taruh di bawah kode <data:post.body/> atau bisa juga <div class='post-footer'>
    <div class='widgetshare'>
    Share artikel ke:
    <a class='fcbok' expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url' rel='nofollow' target='_blank'>Facebook</a>
    <a class='twitt' expr:href='&quot;http://twittter.com/share?url=&quot; + data:post.url' rel='nofollow' target='_blank'>Twitter</a>
    <a class='gplus' expr:href='&quot;https://plus.google.com/share?url=&quot; + data:post.url' rel='nofollow' target='_blank'>Google+</a>
    <a class='lkdin' expr:href='&quot;http://www.linkedin.com/cws/share?url=&quot; + data:post.url' rel='nofollow' target='_blank'>Linkedin</a>
    <a class='tchno' expr:href='&quot;http://technorati.com/faves?sub=addfavbtn&amp;add=&quot; + data:post.url' rel='nofollow' target='_blank'>Technorati</a>
    <a class='digg' expr:href='&quot;http://digg.com/submit?url=&quot; + data:post.url' rel='nofollow' target='_blank'>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' class='ltsme'>Lintasme</a>");
    //]]>
    </script>
    </div>
    • Langkah terakhir langsung tinggal Simpan template dan lihat hasilnya.
    • Demikian tutorial untuk Membuat Tombol Share di Bawah Posting Blog
    • Perlu diperhatikan dalam langkah pemasangannya, biasanya didalam template blog terdapat beberapa kode <data:post.body/> dan <div class='post-footer'> maka dari itu silahkan sesuaikan dengan template blog yang anda gunakan.
    Jika kurang jelas bisa di tanyakan, terimaksih sudah berkunjung.