CARA MENAMBAHKAN TOMBOL BERBAGI KEREN

CARA MENAMBAHKAN TOMBOL BERBAGI KEREN

Dibawah ini adalah bagaimana cara untuk menambahkan tombol berbagi keren ke blog Blogger Anda:

1.    Login ke blogger

2.    Klik Template> Edit HTML> Expand Templates. Cari kode berikut pada template Sobat: gunakan (ctrl + f) untuk memepermudah pencarian.

<data:post.body/>

3.    Tepat di bawahnya tambahkan kode berikut ini: 

<b:if cond='data:blog.pageType == "item"'>
<div class='spinning_icons'>
<a class='twitter' expr:data-text='data:post.title' expr:data-url='data:post.url' href='http://twitter.com/share' rel='nofollow' target='_blank' title='Twitter'>Twitter</a>
<a class='delicious' expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Delicious'>Delicious</a>
<a class='digg' expr:href='&quot;http://digg.com/submit?phase=2&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Digg'>Digg</a>
<a class='facebook' expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Facebook'>Facebook</a>
<a class='stumbleupon' expr:href='&quot;http://www.stumbleupon.com/refer.php?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Stumbleupon'>Stumbleupon</a>
<a class='rss' href='http://www.kumpulan-terkini-93.blogspot.com' target='_blank' title='RSS'>RSS</a>
</div>
</b:if>

4.  Ganti  http://www.kumpulan-terkini-93.blogspot.com dengan username blog Anda, kemudian cari kode ini:

]]></b:skin>

5.    Tepat di atas kode ]]></b:skin> tambahkan kode di bawah ini:

.spinning_icons a{
    width:48px;
    height:48px;
    display:inline-block;
    text-indent:-9999em;
    background-position:0 0;
    background-repeat:no-repeat;
    z-index:2000;
    overflow:hidden;
}
.twitter{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0wfcIyFJR0Or9h0Gv3f84iUSF-54eGcHI2JHrZVtN3ep8IBOrlZr5quhuziDkiHV77BGyUo32Rt4aLEQdPjGts1REansEXNikEQSqrwjgXLIDtrbYI0hDcpddxH4qu2Irz8faji44V7Q/s1600/twitter_32.png'); }
.delicious{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7QblRNSwExdKrJpijMwdoyaoeCtMNf3fGDSsjXjqefQAZBmXIMiCHw6Xm26jlpXkVpq1uDB6t9J-6PTTJ2BEbh67532kPBAezm4BQV220wR_cFBP8zNewYOA0BsYnVVRpbujB-oJ8N-8/s1600/delicious_32.png'); }
.digg{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjh7ladUU0vrurgqrBB7VcWLimbDL4eu3LEokrOwyRLLn9kt_we2pGHm-BHhNSsi1Y_1UUZJwIOdl3qZNdXj_gKTOQoRfXLboFf4g_SPcEA6JHKi8HOdY39O-mR2zCefQyhwqnkG7ItB40/s1600/digg_32.png'); }
.facebook{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUS_P85xCnfO4AU_mh9y_r6kIZkqiEmEg2B2_5B_jMOpxSzAomrfBZ64fmL-KKKUDH3uXMAa_f2XCeVyxkmH02LiNV8cEidAQV3VmCH9QcuW7hzROBObf0Ll8u10zgVncrI__G8l56_yA/s1600/facebook_32.png'); }
.rss{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgd5Rg4IfXNCIpUDFcqkIr7EzOaXjII-JziwN8W7rtf6oG3HOXk7t0HIFbIZ4EtCyOQX79Mb4Jm0HkWdRFuYm47H9O1xg8U8z0XKsS1yIvxJ9SDybUemTEj5FYlvnzXVkqxOaRHRz1VNpI/s1600/rss_32.png'); }
.stumbleupon{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglvjuGUAHNCxWIGA80sm7XfPf8U89BluYB0sr72eZ4FfLyRHjY5J9H6WddQjdTaxgfqLZJvBAzXRQNYLRvZXHSvMieD0AbJczZsyBmO-xQLgCF74yeyA28Pzqk3p2_wJG_aiD6hmLGJo8/s1600/stumbleupon_32.png'); }
.spinning_icons a:hover{
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
    transition: transform 0.2s ease-out;
    -webkit-transition: -webkit-transform 0.2s ease-out;
        -moz-transition: -moz-transform 0.2s ease-out;
}

6.  Terakhir Simpan Template dan lihat apa yang telah sobat kerjakan, moga aja sobat sukses dan suka dengan gaya nya….

Terimakasih Telah Berkunjung

Judul: CARA MENAMBAHKAN TOMBOL BERBAGI KEREN
Ditulis oleh Unknown
Rating Blog 5 dari 5

Semoga saja artikel ini bermanfaat bagi Sahabat Cara Terkini semuanya . Jika kalian ingin mengutip, baik itu sebagian atau keseluruhan dari isi artikel ini harap menyertakan link dofollow ke http://kumpulan-terkini-93.blogspot.com/2013/10/cara-menambahkan-tombol-berbagi-keren.html. Terima kasih sudah datang untuk membaca artikel ini. Jangan lupa share artikel ini dan silahkan tinggalkan komentar anda dibawah.

Unknown 10/04/2013 Komentar

Related Posts

CARA MENAMBAHKAN TOMBOL BERBAGI KEREN

4/ 5

Oleh Unknown