Terimakasih telah berkunjung ke blog pribadi saya, buatlah komentar untuk memajukan blog ini! :)

Cara Pasang Widget Sharing is Caring Di Bawah Postingan

Tombol Sharing is Caring
Cara Pasang Widget Sharing is Caring Di Bawah Postingan - Memasang widget sharing atau membuat sosial bookmark di blog menajdi keharusan di era social media sekarang ini. Dengan tombol sharing tersebut pengunjung dapat men-share artikel blog tersebut ke akun facebook, twitter, google+ dan lainya. Pada postingan sebelumnya Cara Design Blog sudah memberika tutorial blogger cara membuat tombol share button di bawah postingan blog.

Pada kesempatan ini saya akan berikan tips blog cara membuat widget sharing is Caring di bawah postingan blog.
Apa fungsi widget sharing is caring?
Funginya sama seperti share button lainya, yaitu untuk memudahkan pengunjun untuk sharing atau berbagi artikel blog ke sosial media. Namun tampilan widget ini lebih cantik.


Bagaimana cara memasang widget sharing is caring?

Silahkan ikuti tips blogger berikut ini:

1. Login Dasbor Blog.
2. Template > EDIT HTML > Centang Expand Widget Template.
3. Cari kode <data:post.body/>

Biar lebih mudah mencari pake CTR+F

4. Letakan kode berikut tepat dibawah <data:post.body/>


<b:if cond='data:blog.pageType == &quot;item&quot;'>
<a href='http://blazerracing.blogspot.com/'><img alt='Blazer Blog' src='http://3.bp.blogspot.com/_rKG-ziTSNUQ/TQ5eV0U0EiI/AAAAAAAACik/xo2eFaDbfrE/s1600/best+blogger+tips.png'/></a><style>
img{border:0;}
#wrapper{width:488px; height:110px; background-image:url(http://4.bp.blogspot.com/_rKG-ziTSNUQ/TOaed31zc8I/AAAAAAAACO8/534zFFe2u_0/s1600/sharing+is+caring+hearts.jpg); position:relative; background-repeat:no-repeat; background-color:transparent;}
#wrapper ul{position:absolute; width:600px; top:42px; left:3px; list-style-type:none;}
#wrapper li{float:left;}
</style>
<div id='wrapper'>
<ul>
<li>
<!-- Facebook -->
<a expr:href='&quot;http://www.facebook.com/share.php?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Share On Facebook' height='48' src='http://4.bp.blogspot.com/_rKG-ziTSNUQ/TOagqwq3OGI/AAAAAAAACPI/bME2dWPpn_0/s1600/facebook.png' width='48'/></a>
</li>
<li>
<!-- Digg -->
<a expr:href='&quot;http://digg.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Digg This Post' height='48' src='http://4.bp.blogspot.com/_rKG-ziTSNUQ/TOaieu9vfSI/AAAAAAAACPk/78Ii_ygGBtU/s1600/digg.png' width='48'/></a>
</li>
<li>
<!-- Stumbleupon -->
<a expr:href='&quot;http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Stumble This Post' height='48' src='http://3.bp.blogspot.com/_rKG-ziTSNUQ/TOagKuDqChI/AAAAAAAACPA/lxZJOhJENrA/s1600/stumble.png' width='48'/></a>
</li>
<li>
<!-- Twitthis -->
<a expr:href='&quot;http://twitthis.com/twit?url=&quot; + data:post.url' rel='nofollow' target='_blank'><img alt='Tweet This Post' height='48' src='http://1.bp.blogspot.com/_rKG-ziTSNUQ/TOagslBDv6I/AAAAAAAACPY/TaoVTOxzWSo/s1600/twitter.png' width='48'/></a>
</li>
<li>
<!-- Delicious -->
<a expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Save Tis Post To Delicious' height='48' src='http://1.bp.blogspot.com/_rKG-ziTSNUQ/TOagvrxLHNI/AAAAAAAACPg/Qr5X9G5Frb8/s1600/delicious.png' width='48'/></a>
</li><li>
<!-- Design Float -->
<a expr:href='&quot;http://www.designfloat.com/submit.php?url=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Float This Post' height='48' src='http://1.bp.blogspot.com/_rKG-ziTSNUQ/TOagqf-dP2I/AAAAAAAACPE/RscvMGavqlU/s1600/designfloat.png' width='48'/></a>
</li><li>
<!-- Reddit -->
<a expr:href='&quot;http://www.reddit.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Share On Reddit' height='48' src='http://3.bp.blogspot.com/_rKG-ziTSNUQ/TOagrpbZVII/AAAAAAAACPQ/dngIdFG2arY/s1600/reddit.png' width='48'/></a>
</li><li>
<!-- Technorati -->
<a expr:href='&quot;http://technorati.com/faves?add=&quot; + data:post.url' rel='nofollow' target='_blank'><img alt='Bookmark On Technorati' height='48' src='http://4.bp.blogspot.com/_rKG-ziTSNUQ/TOagsHvPMEI/AAAAAAAACPU/dKQ9SgFZrec/s1600/technorati.png' width='48'/></a>
</li></ul></div>
</b:if>

5. Klik Preview.
Untuk melihat apa masih ada galat atau kesalahan. Bila ada kesalahan silahkan diulangi lagi dan pastikan kode diletakan sesuai petunjuk. Jika tidak ada kesalahan lanjutkan ke langkah berikutnya.

6. Save Template.
Gampang kan :)


SEMOGA BERMANFAAT :D


PERHATIAN.!
Anda sedang membaca artikel tentang Cara Pasang Widget Sharing is Caring Di Bawah Postingan dan anda bisa menemukan artikel Cara Pasang Widget Sharing is Caring Di Bawah Postingan ini dengan url http://agraanggakara.blogspot.com/2012/11/cara-pasang-widget-sharing-is-caring-di.html, Anda boleh menyebar luaskannya atau mengcopy paste-nya jika artikel Cara Pasang Widget Sharing is Caring Di Bawah Postingan ini sangat bermanfaat bagi teman-teman Anda, namun jangan lupa untuk meletakkan link postingan Cara Pasang Widget Sharing is Caring Di Bawah Postingan sebagai sumbernya.

Related Post:

0 comments:

Post a Comment

Sisihkan waktu anda untuk berkomentar, tetapi berkomentarlah dengan bahasa yang baik dan sopan, Spam Sara dan Mencantumkan alamat Url tidak akan ditampilkan, Setiap komentar menunggu moderasi admin Terimakasih :)

 

Followers

Like Me!

Copyright © 2013. Agra Anggakara.Blog - Posts · Comments
Template by BTDesigner | Editing by Agra Anggakara