Selamat Datang di Blog Denai !! Blog Ini Dalam Pemeliharaan Mohon Ma'af atas Kenyamananya " Trim's

Cara Membuat Social Network Melayang Disamping Posting Blog




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...
Penulis : Irmansah
Sumber : http://arkhab.blogspot.com 

Ditulis Oleh : irmansah ~ Tips dan Trik Blogspot

Christian angkouw 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

:: Dapatkan widget ini! ::

Loading...