Kali ini sayakan membahas cara memasang jaringan sosial 3D pada blog seperti contoh disamping kanan postingan saya.
Petama silahkan masuk ke dasbhoard anda lalu pilih Desain, pilih Tata Letak Pilih Tambahkan Gadget, pilih JavaScrip Lalu Copy Code ini
<style>
.TNT-flt-wdt
{ position:fixed; right:10px; top:36% ; } .TNT-flt-wdt 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; } .TNT-flt-wdt 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="TNT-flt-wdt"> <style> .TNT1 { display: block; width:
64px; height: 64px; background:
url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaNIrNk7boFcTCG9J5YI011t3DlzfYXrII59FuvNaQkOHA5HslThrzHivb4vGX74qs8v7fnZIBlOEbUrscWeSdqluXxeKTxNPvtCcqzSQeCWQYOWfMfU38I-CqEFt8wbI5ThVtkUhgYj_2/s1600/Facebook+Icon.png')
bottom;
text-indent: -99999px; } .TNT1:hover { background:
url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizVjfvVO-LPxu_D74S1VicZ-4lBZxqMDn3FjowrD3y5-F5vzmwfnk3vxEjI2JMpOjQ2T5JdyCd1ycjXZbo0fdNFLGU15-33HT0KSrgIN2e3zR0rPufPnMoJd9XCvUmFhL-nrT_ngCfZ2R3/s1600/Facebook+Rollout+Image.png')
bottom;
height: 64px; } </style> <a class="TNT1"
href="www.facebook.com/ Your Facebook Address"></a> <style> .TNT2 { display: block;
width: 64px; height: 64px; background:
url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQsc7BE2f2WrBf_pK_TH82qGUXs_T21nCC6o030urfxeA7kgaFWqs_CvL0cHeS49DKy33W5y5jNBmmdwQIIf0HACtUDyIDMUNCZxGQ3J8jjwVb-XkcjV8i1SZfe2Y3DZQ3icfiTcSZke5v/s1600/Twitter+Icon.png')
bottom; text-indent: -99999px; } .TNT2:hover { background:
url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhENkFo_RC_svJMuCvJznQbnjATnftx-1FHMmN_jhHpwTSTGlN9cfxiooaT_H78M5DHD7hU40qG4NfvQnwVsoBumgYVvNt8w92py3J3INLnVj7dH9XlLuCflMlBJCI6M0Jju1yWVm4QEjhF/s1600/Twitter+Rollout+Image.png')
bottom; height: 64px; } </style> <a class="TNT2" href="https://twitter.com/Your Twitt Address"></a>
<style> .TNT3 { display: block; width: 64px; height: 64px; background:
url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhug-LhEmE0zR1-Q4_ZaTUWeCeh0o9FHiUNtdiTtdk_HJz9tc-iu_817jCTUcHGcNZr51fXcMLXqTReNFVLU0rEPUeGgA6Mk-EXS6ie-H_6YKbCzEZMpFQjPXZR8WSqjUOeqRY4MVM5Ah5D/s1600/Feedburner+Icon.png')
bottom; text-indent: -99999px; } .TNT3:hover { background:
url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoHaCC_sYvvsPqxIewz7Z46Hd2qltbhM4Qj0MOpGS1fpj2OualQrieaLZHt7q0HwMkO1YGBbhMlbnvsXEkis8tKt4DmE6SsWFiW4Q0WmVY-l-OEz126fIzuOIqz4FmoKlD515r3lPZ4SwB/s1600/Feedburner+Rollout+Image.png')
bottom; height: 64px; } </style> <a class="TNT3"
href="http://feeds.feedburner.com/Your Feed
Address"></a> <style> .TNT4 {
display: block; width: 64px; height: 64px; background:
url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglzA53jxyGNatm5rbPLJU3FA-U1J0S4cRFvouBvuzP8ybEfI_gsZQeYHeaQLNUD3XS-gr4uFOfHUPL2Y-UCSGbUu4sRZCwjgDGN92vZlYozN4RhYwNSsx5ZQBggASjUk-VF8H4cBBKmQ6B/s1600/Google+Icon.png')
bottom; text-indent: -99999px; } .TNT4:hover { background:
url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxit5xgeeiG6wdZ8mduRHPmTbZQMp04Gfrzs7DXe9UoGCCTsBp_vNPUhi4Uc6ranAWQRsNc3PE3mj1qnl28lTK1qIrgynRwKavtDF-GnY6jv_aaL-ge2LCnStNQhLuAXCm4DppPNmjAJ-C/s1600/Google+Rollout+Image.png')
bottom; height: 64px; } </style> <a class="TNT4"
href="https://plus.google.com/Your ID Google
Plus"></a>
Ganti tulisan warna merah
dengan alamat anda
Kemudian Save
Semoga Bermanfaat
Jika kurang ngerti silahkan
comment.
Selesai...
Selesai...
Penulis : Irmansah
Sumber : http://arkhab.blogspot.com
Ditulis Oleh : irmansah ~ Tips dan Trik Blogspot
Sobat sedang membaca artikel tentang Cara Membuat Social Network Melayang Disamping Posting Blog. Oleh Admin, Sobat diperbolehkan mengcopy paste atau menyebar-luaskan artikel ini, namun jangan lupa untuk meletakkan link dibawah ini sebagai sumbernya