Memasang Sosial Media

Sebagai mana kita ketahui bahwa sosial media sekarang menjadi alat komunikasi yang sudah sangat terkenal, dan sangat mudah mengaksesnya, lewat blog juga kita bisa pasangkan Icon sosial media seperti Fasebook, Twiter, Google +, dll.
Kesempatan kali ini kita akan memasang icon sosial media yang apabila di klik maka dapat mengantar kita ke situsnya sosial media tersebut

Model gambar media sosial yang kami tampilkan ini berasal dari AtozBuzz.com bagi yang mau kesana langsung tidak papaji, bagi yang  mau lanjut oke .....      lanjut !!!

Icon sosial media ini dapat kamu simpan di mana saja yang ingin kamu tempati, kalau di blog saya ini, saya  simpan di SIDEBAR Blog, kita mulai dari  tata letak

Tambahkan Gatget dan pilih HTML/Java Scrib

Lalu Paste Kode berikut didalam konten Gatget  .....

<Style> /* -------- http://truebloggertricks.blogspot.in/ Touch Me Sharing Widget ------ * / .touchme a {display: block; height: 50px; width: 50px; padding: 4px 0; mengapung: kiri; background: url transparan (http://beautifulbloggerwidgets.googlecode.com/files/Sharing%20Touch%20Me.png) no-repeat; WebKit-transisi: kemudahan dalam 0.2s semua; moz-transisi: kemudahan dalam 0.2s semua; -o-transisi: kemudahan dalam 0.2s semua; -MS-transisi: kemudahan dalam 0.2s semua; transisi: kemudahan dalam 0.2s semua; kursor: 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> <p style = "display: none;"> Cool Social Media Sharing Sentuh Me Widget by <a href = "http://truebloggertricks.blogspot.in/2012/08/cool-sosial-media-sharing -touch-me.html "> Blogger Widgets </a> </ p> <div class = 'touchme'> <! - RSS -> <a class = 'rss' href =" RSS LINK "ANDA rel = 'nofollow eksternal' target = '_blank'> </a> <-! Google Plus -> <a class='googleplus' href="YOUR GOOGLE PROFIL LINK" rel='nofollow' target='_blank'> < / a> <! - Facebook -> <kelas = 'facebook' href = " ANDA FACEBOOK LINK "rel = 'nofollow' target = '_blank'> </a> <-! Twitter -> <a class = ' twitter 'href = "ANDA TWITTER LINK "rel = 'nofollow' target = '_blank'> </ span>

Jangan Lupa yaaaa mengganti link kamu sendiri pada yang berwarna merah, oke selamat mecoba semoga bermanfaat, amin