Cara Buat Tombo Shere Unik

 Ikuti langkah2 Nya

DI Blogger

1. klik tema 

2. Klik Edit Html

3. Tekan Html lalu tekan tombol ctrl + J untuk

mencari kata kata berikut

1. Sebelumnya pastikan di blog anda sudah terpasang kode font awesome, jika belum silahkan tambahkan kode berikut ini di atas kode </head>

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.1/css/font-awesome.min.css"/> 

2. Jika sudah, langkah selanjutnya yaitu cari kode ]]></b:skin> atau </style> dan letakkan kode berikut ini tepat di atasnya

#sharesimpelkeren {width: 100%; text-align: center;}#sharesimpelkeren a {width: 20%;height: 40px;display: block;font-size: 24px;color: #fff;opacity: 0.8; transition: opacity 0.15s linear; float: left;}#sharesimpelkeren a:hover {opacity: 1;}#sharesimpelkeren i {position: relative;top: 50%;transform: translateY(-50%);}.facebook {background: #3b5998;}.twitter {background:#55acee;}.linkedin {background: #0077b5;}.pinterest {background: #cb2027;}.whatsapp {background: #25d366;}#share a:first-child {border-radius: 0px 0 0 0px;}#sharesimpelkeren a:last-child {border-radius: 0 0px 0px 0;}

3. Langkah terakhir yaitu cari kode <data:post.body/>. Jika anda ingin tombol share berada di atas artikel maka letakkan kode berikut ini di atas kode tersebut. Tapi kalau anda ingin tombol sharenya di bawah artikel maka letakkan di bawahnya. 

<div id='sharesimpelkeren'>  <a class='facebook' expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:blog.url' rel='nofollow' target='blank'><i class='fa fa-facebook'/></a>  <a class='twitter' expr:href='&quot;http://twitter.com/share?url=&quot; + data:post.url' rel='nofollow' target='blank'><i class='fa fa-twitter'/></a>  <a class='linkedin' expr:href='&quot;http://www.linkedin.com/shareArticle?mini=true&amp;amp;url=&quot; + data:post.url + &quot;&amp;amp;title=&quot; + data:post.title + &quot;&amp;amp;summary=&quot; + data:post.snippets' rel='nofollow' target='blank'><i class='fa fa-linkedin'></i></a>  <a class='pinterest' expr:href='&quot;http://pinterest.com/pin/create/button/?url=&quot; + data:post.url + &quot;&amp;amp;media=&quot; + data:blog.postImageUrl + &quot;&amp;amp;description=&quot; + data:post.title' rel='nofollow' target='blank'><i class='fa fa-pinterest-p'></i></a>  <a class='whatsapp' data-action='share/whatsapp/share' expr:href='&quot;whatsapp://send?text=&quot; + data:post.title + &quot;%20%2D%20&quot; + data:post.url'><i aria-hidden='true' class='fa fa-whatsapp'/></a></div>

Simpan