Saling berbagi blog sangat penting. Setelah blog telah berbagi, Anda dapat beristirahat dan memastikan bahwa blog Anda setidaknya dikenal jika tidak populer. Para Blogger sangat tertarik pada aktivitas sosial. Oleh karena itu pengembang web selalu bekerja membuat widget baru, tombol share membantu penulis (author) dalam mempromosikan situs mereka secara online. Postingan kali ini akan membantu penulis untuk berinteraksi dengan para visitor/pembacanya. Tombol-tombol share (berbagi ) ini benar-benar besar! :D
View Demo Di Sebelah Kanan
Cara menambahkannya di Blog
- Masuk akun Blogger -> Klik Tata Letak -> Tambahkan Gadget (posisi peletakannya terserah mau dimana sesuai selera anda)
- Kemudian Klik -> HTML/Javascript
- Pastekan kode berikut di bawah ini :
<style>
.genieland-huge
{
position:fixed;
right:10px;
top:10% ;
}
.genieland-huge img
{
float:right; clear:right; margin:1px;
-webkit-transition: all .0s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.genieland-huge img:hover
{
-moz-transform: scale(1.2) rotate(6deg);
-webkit-transform: scale(1.2) rotate(6deg);
-o-transform: scale(1.2) rotate(6deg);
-ms-transform: scale(1.2) rotate(6deg);
transform: scale(1.2) rotate(6deg);
}
</style>
<div class="genieland-huge">
<a href="https://www.facebook.com/aci.budaya" title="Join me on Facebook" target="_blank"><img alt="Join me on Facebook" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiP0byD0oHodcREapgzZBb5vAjC3qWLRbn1XTkw9OwZS6THDTR9xl-7A8ABOnSkpP1RriqCbi4eTrh1EoB5Umo8Jal2xBcs0qDiofontGkqXYTaqTOrco3J43JfdEXE2lI-odvfbDnib3DU/s1600/facebook_color02_128x128.png" /></a>
<a href="https://twitter.com/coxelgokil" title="" target="_blank"><img alt="Follow me on Twitter" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOux-YXsN9rV2lLz4grF7ShxTXoAekyaybeeFU5M9MVR2pejYyVQ4i8PWhn68VhiMqjrjCP4fxaofFq4mayL9cvagWSklhEDnM2h01pJn744L8OBGLriffza_rYoHEvNsx9zRVUuOptEbt/s1600/twitter02_color_128x128.png" /></a>
<a href="https://plus.google.com/117409006328589770237/posts" title="" target="_blank"><img alt="Follow me on Google Plus" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkItyMWTNd5UmFzEsB0GVpj63fNUaSEJ0rQzWT2Jc_0jJfCmTYi69HX5XFTUiRd6uuinXOSix8PM-uP_zmtxHZ7UmNqjSRqFF6sVqSgxdezFkSkdDYR7gxWO_7WgvTRy8Xps2_SkiNU2FF/s1600/google_color02_128x128.png" /></a>
<a href="http://feeds.feedburner.com/AciBudaya" title="Subscribe to RSS" target="_blank"><img alt="Subscribe to RSS" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjF8EyzsYBTW9bmb1Y1LXz-cVvGNHi_h3RW4rbCuS0Ucr7eU6EcbXKaPQ-rQMNJ76Ck4ETb_muPzY2bpj__2ZDfA_8e2geDo8P3L9MFz5C4EsYqgxssouKGl7YwLfiYMZRV0YSzlj4bb_RM/s1600/feed_color02_128x128.png" /></a>
<a href="http://coxelgokil@gmail.com" title="Email me" target="_blank"><img alt="Email me" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKeuIh50EUu4V7xLUMOAt0f0GeP5dL-whirg_se4p3fr3AMdo6-RzjNyuyu1lu0sgRZMQUkOHGVXuNPaHP_tpkigWBnzqlr59vhGEvBbk2S6-jPG74DnAqaJC7ZiXoy6jh2bTEhFhc5sj4/s1600/mail_color02_128x128.png" /></a>
</div>
<!-- End -->
.genieland-huge
{
position:fixed;
right:10px;
top:10% ;
}
.genieland-huge img
{
float:right; clear:right; margin:1px;
-webkit-transition: all .0s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.genieland-huge img:hover
{
-moz-transform: scale(1.2) rotate(6deg);
-webkit-transform: scale(1.2) rotate(6deg);
-o-transform: scale(1.2) rotate(6deg);
-ms-transform: scale(1.2) rotate(6deg);
transform: scale(1.2) rotate(6deg);
}
</style>
<div class="genieland-huge">
<a href="https://www.facebook.com/aci.budaya" title="Join me on Facebook" target="_blank"><img alt="Join me on Facebook" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiP0byD0oHodcREapgzZBb5vAjC3qWLRbn1XTkw9OwZS6THDTR9xl-7A8ABOnSkpP1RriqCbi4eTrh1EoB5Umo8Jal2xBcs0qDiofontGkqXYTaqTOrco3J43JfdEXE2lI-odvfbDnib3DU/s1600/facebook_color02_128x128.png" /></a>
<a href="https://twitter.com/coxelgokil" title="" target="_blank"><img alt="Follow me on Twitter" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOux-YXsN9rV2lLz4grF7ShxTXoAekyaybeeFU5M9MVR2pejYyVQ4i8PWhn68VhiMqjrjCP4fxaofFq4mayL9cvagWSklhEDnM2h01pJn744L8OBGLriffza_rYoHEvNsx9zRVUuOptEbt/s1600/twitter02_color_128x128.png" /></a>
<a href="https://plus.google.com/117409006328589770237/posts" title="" target="_blank"><img alt="Follow me on Google Plus" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkItyMWTNd5UmFzEsB0GVpj63fNUaSEJ0rQzWT2Jc_0jJfCmTYi69HX5XFTUiRd6uuinXOSix8PM-uP_zmtxHZ7UmNqjSRqFF6sVqSgxdezFkSkdDYR7gxWO_7WgvTRy8Xps2_SkiNU2FF/s1600/google_color02_128x128.png" /></a>
<a href="http://feeds.feedburner.com/AciBudaya" title="Subscribe to RSS" target="_blank"><img alt="Subscribe to RSS" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjF8EyzsYBTW9bmb1Y1LXz-cVvGNHi_h3RW4rbCuS0Ucr7eU6EcbXKaPQ-rQMNJ76Ck4ETb_muPzY2bpj__2ZDfA_8e2geDo8P3L9MFz5C4EsYqgxssouKGl7YwLfiYMZRV0YSzlj4bb_RM/s1600/feed_color02_128x128.png" /></a>
<a href="http://coxelgokil@gmail.com" title="Email me" target="_blank"><img alt="Email me" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKeuIh50EUu4V7xLUMOAt0f0GeP5dL-whirg_se4p3fr3AMdo6-RzjNyuyu1lu0sgRZMQUkOHGVXuNPaHP_tpkigWBnzqlr59vhGEvBbk2S6-jPG74DnAqaJC7ZiXoy6jh2bTEhFhc5sj4/s1600/mail_color02_128x128.png" /></a>
</div>
<!-- End -->
- Ganti Link yang berwarna Biru dengan link anda
- Kemudian simpan Tata Letak....Selesai
Sekarang anda telah berhasil menambahkan widget jejaring sosial melayang dengan tombol besar dan menawan di blog..:)
Sumber : http://jalu-pangna.blogspot.com/2013/04/cara-membuat-tombol-berbagi-besar.html
Sumber : http://jalu-pangna.blogspot.com/2013/04/cara-membuat-tombol-berbagi-besar.html
Author : coxelgokil | ACI BUDAYA
Anda telah membaca
artikel tentang : Cara Membuat Widget Jejaring Sosial Melayang Bag.2. Oleh Admin, Anda diperbolehkan mengcopy-paste atau menyebarluaskan artikel ini, namun jangan lupa untuk meletakkan link dibawah ini sebagai sumbernya. Terimakasih...
