Cara Membuat Share Button Menarik Di Blog
Bagaimana cara memasang atau menambahkan
widget share button di Blogspot ? dari pertanyaan tersebut mungkin sebagian para pakar
blogger profesional pastinya sudah pada tau , namun bagaimana jika ada seorang
blogger pemula yang baru belajar di blogspot , Mungkin sempat kebingungan
mengenai hal cara menambahkan gadget khususnya di blogspot.
Dari sebagian para pakar blogger profesional
untuk mengerjakan hal tersebut pastilah sangat mudah sekali karena sudah
mengetahui sepenuhnya tentang webs atau blogs , tetapi berbeda lagi dengan yang
belum mengetahui caranya , Apalagi yang sama sekali belum pernah mengetahui Cara Membuat Blogs di Blogspot ,
Untuk itu dibawah ini saya akan share kembali
Tutorial Tips Trik Blogger tentang bagaimana cara memasang gadget atau widget
khususnya pengguna blogspot cekidot , Adapun caranya adalah sebagai berikut :
- Sign in terlebih dahulu dengan my account sobat atau sobat bisa klik langsung
di http://www.blogger.com

- Kemudian klik Tata Letak pada Dashboard blogs sobat seperti
gambar diatas , untuk gambar halaman kerangka Template dibawah ini pasti
berbeda - beda bentuknya dan di Template webs atau blogs sobat pun akan
menemukan banyak gadget dibeberapa posisi , seperti ada yang diletakkan di
header , sidebar , main wrapper atau di footer ( " Jika sobat ada yang
belum tau untuk nama - nama kerangka pada Template nanti saya akan posting di
artikel selanjutnya " )
- kemudian silahkan sobat pilih akan menambahkan widget atau
gadget diposisi sebelah mana ?
- kemudian tambahkan "HTML/Javascript

- Sign in terlebih dahulu dengan my account sobat atau sobat bisa klik langsung di http://www.blogger.com

- kemudian tambahkan "HTML/Javascript
- masukkan kode dibawah ini.
<style>
.touchme a {
display:block;
height:55px;
width:73px;
padding:0 6px;
float:left;
background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtA6O63Uogylej1U4LxSLIcd8iiFhuUEfnE_gkdDxV5tl72JAUd2V5TjhJ1rLwaEy3F29WCLfqMt-Fe6e5qPSZxp83_R6AajpeqlaGHsvFKhcSZYI_4ncZVq_iASR8emR9-fB3sOioSeg/s1600/Sharing+Touch+Me.png) no-repeat;
-webkit-transition: ease-in 0.2s all;
-moz-transition: ease-in 0.2s all;
-o-transition: ease-in 0.2s all;
-ms-transition: ease-in 0.2s all;
transition: ease-in 0.2s all;
cursor:pointer;
}
.touchme a.googleplus {
background-position: 0px -58px;
}
.touchme a.googleplus:hover {
background-position: 0px 0px;
}
.touchme a.twitter {
background-position: 0px -290px;
}
.touchme a.twitter:hover {
background-position: 0px -232px;
}
.touchme a.facebook {
background-position: 0px -406px;
}
.touchme a.facebook:hover {
background-position: 0px -348px;
}
.touchme a.rss {
background-position: 0px -174px;
}
.touchme a.rss:hover {
background-position: 0px -116px;
}
</style>
<div class='touchme'>
<!--RSS-->
<a class='rss' href="http://nuraminsaleh.id1945.com/" target='_blank'></a>
<!--Google Plus-->
<a class='googleplus' href="https://plus.google.com/u/0/112808375798591662070/posts" target='_blank'></a>
<!--Facebook-->
<a class='facebook' href="https://www.facebook.com/nuraminsalehblog?ref=hl" target='_blank'></a>
<!-- Twitter -->
<a class='twitter' href="https://twitter.com/NuraminSaleh" target='_blank' ></a>
</div>
- Terakhir Silahkan Ganti link yang berwarna biru dengan link sobat sendiri dan lihat hasilnya.
Semoga Bermanfaat...
Komentar
Posting Komentar