Tutorial

Cara Membuat Tombol Share Di Blogger KEREN

Rizky Dian Syahputra
Jumat, Juni 26, 2020
0 Komentar
Beranda
Tutorial
Cara Membuat Tombol Share Di Blogger KEREN
Cara Membuat Tombol Share Di Blogger KEREN 2018 - Tombol share sangatlah penting untuk blog kita, agar blog dapat di share / dibagikan oleh pengunjung tah itu di facebook, twitter, google+ dan lain - lain. dengan kamu memasang tombol share ini, blog kamu akan terlihat indah dilihat sehingga orang yang melihat nya akan jatuh cinta wkwkwkwk. Ok lah gak usah panjang - panjang nanti kamu bosan bacanya dan saya pun bingung mau nulis apa [ baru belajar nulis :D ]


Cara Membuat Tombol Share Di Blogger KEREN

Cara Memasang / Memuat Tombol Share DiBlog Tanpa Javascript


  1. Buka blogger.com 
  2. Pilih Menu TEMA
  3. Lalu klik disitu EDIT HTML
  4. Lalu pastekan kode dibawah ini, tepatnya diatas kode </style>

    5. .article-share-dianberbagi{width:100%;height:43px;margin-bottom:10px}
    .article-share-fb-cont,.article-share-other-cont{float:left;width:138px;width:114px;padding:0 7px;height:inherit}
    .article-share-tw-cont,.article-share-other-cont,.article-share-like-cont{float:left;width:114px;height:inherit;padding:0 7px;border-left:solid 1px #d8d8d8}
    .article-share-fb-cont,.article-share-other-cont{float:left;width:138px;width:114px;padding:0 7px;height:inherit}
    .article-share-fb,.article-share-tw,.article-share-gp,.article-share-li,.article-share-pi{float:left;display:block;background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAu8CKxE2u5tnQnNOvPpBoboYuhp6yM3JkMLigWdGr5uPb-Wss1gni_r7soVcjlUkxjS5JTJKXV8Ilvlz83_cv7E9gB6UwqwYGA4PExQAZJa0BleGg_nQ17HwWrfJm5ZN2mSuM7CGj3EU/s1600/share.png') no-repeat;width:42px;height:41px;margin-right:3px}
    .article-share-fb-label{color:#2d609b}
    .article-share-fb-label,.article-share-tw-label,.article-share-gp-label{float:left;width:58px;height:inherit;font-size:12px;font-family:'Open Sans Bold',Arial,sans-serif;line-height:14px;margin:5px 0 0 4px}
    .article-share-tw{background-position:0 -43px}
    .article-share-tw-label{color:#00c3f3}
    .article-share-gp{background-position:0 -86px}
    .article-share-gp-label{color:#f00}


  5. Setelah itu kita akan memasang kode html nya, agar kode css diatas tadi berfungsi.                caranya => pastekan kode dibawah ini tepatnya diatas kode <data:post.body/> [ kode ini biasanya lebih dari satu, silahkan kamu coba satu persatu ] Lalu klik Simpan Tema
<div class='article-share-dianberbagi'>
<div class='article-share-fb-cont'>
<a class='article-share-fb' expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'></a>
<a class='article-share-fb-label' expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'> Share on Facebook</a>
</div>
<div class='article-share-tw-cont'>
<a class='article-share-tw' expr:data-text='data:post.title' expr:data-url='data:post.url' href='http://twitter.com/share' rel='nofollow' target='_blank'></a>
<a class='article-share-tw-label' expr:data-text='data:post.title' expr:data-url='data:post.url' href='http://twitter.com/share' rel='nofollow' target='_blank'>Share on Twitter</a>
</div>
<div class='article-share-other-cont'>
<a class='article-share-gp' expr:href='&quot;https://plus.google.com/share?url=&quot; + data:post.url' rel='nofollow' target='_blank'></a>
<a class='article-share-gp-label' expr:href='&quot;https://plus.google.com/share?url=&quot; + data:post.url' rel='nofollow' target='_blank'>Share on Google+</a>
</div>
</div>


Itulah tentang Cara Membuat Tombol Share Di Blogger KEREN dari saya, semoga artikel ini bisa bermanfaat untuk semua orang. dan sebelumnya saya minta maaf kalo tulisan saya gak bagus, karena niat saya disini hanya lah berbagi dan belajar menulis. jangan lupa komentar ya, terima kasih
Postingan Lama
Postingan Lebih Baru

Penulis blog

Rizky Dian Syahputra
Rizky Dian Syahputra
I'm stuttering, heal me O Allah. The world is hard my friend, keep learning

Anda mungkin menyukai postingan ini

Tidak ada komentar

Berkomentar lah sesuai judul diatas