Tahukah sobat apa funsi Widget Icon Sosial Network ini ??? Kalo menurut saya Icon sosial network ini bisa untuk lebih memperjelas siapa si author / pemilik blog (ini menurut saya . kalo menurut yang lain apa ? saya juga tidak tahu). Icon Sosial Network ini bisa mempercantik blog sobat , Mengapa ? Karena Icon Sosial Network ini dilengkapi dengan efek Spin (Berputar).
Widget Icon Social Network Keren dengan Efek Spin ini juga ringan / tidak memberatkan loading blog anda, selain seperti yang sudah saya jelaskan diatas, bahwa tampilannya juga keren. Jadi tunggu apa lagi ?? ayo langsung memasangnya.
Berikut ini Contoh gambarnya :
Bila disentuh Cursor Akan berubah seperti ini :
Sobat mau membuatnya ?? kalo sobat mau silahkan ikuti langkah-langkahnya berikut ini :
- Login ke blogger Sobat
- Pilih Tata Letak > Tambahkan Gadget
- Letakan kode berikut ini :
<style> p#aiizahh_socialnetworkicon img { /* Social Network Widget By http://planetajaib.blogspot.com/ */ -moz-transition: all 0.9s ease-in-out; -webkit-transition: all 0.9s ease-in-out; -o-transition: all 0.9s ease-in-out; -ms-transition: all 0.9s ease-in-out; transition: all 0.9s ease-in-out; } p#aiizahh_socialnetworkicon img:hover { -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } /* Social Network Widget By http://planetajaib.blogspot.com/*/ </style> <center><p id="aiizahh_socialnetworkicon"> <a href="http://twitter.com/USERNAME"' target='_blank'> <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzK4aJzlva6X0N1c_NtnEl7au2MoskwK6Sr5LuHcVLsILhzeosOwnSaW3vu-JYKp_a6-BdgpStrj7AtDMRLsYxyu-kBQdPbRhSuNwDQf1QjUrhG9xanIn9Z-U-g8Kzn1UGDev0erUnGa3N/s0/twitter.png' title='Twitter" /></a> <a href="http://www.facebook.com/USERNAME"' target='_blank'> <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLizeIABB9m5SHtHAzfxMQA5TLXyF0TCp8j0gNwkTfpsa6HMWxkY63D3YuBwir8h30ujtdYGgexpVQt-pB5P_E1ROsyJVwky0bUz_f61IM4hrXIVR-EcB29YoQNo8c3PTwYHQSEgRL_pJZ/s0/facebook.png' title='Facebook" /></a> <a href="https://plus.google.com/USERNAME"' target='_blank'> <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVadDa3OsEN_Sd0cHQP5kh9_bW-i-ls-vjqS_ROzUa6HiWJOP7Z-WXVCTM28CjJ-D2tUwMhsv4pG3K_pz-PbYYO27umo8AuYUjXgUtf6T3UVHItI7Wz8JiTyzFDYpan6dt1c6vrWZaMcX1/s0/gplus.png' title='Google Plus" /></a> <a href="http://www.linkedin.com/USERNAME"' target='_blank'> <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMPpU9QykkgC651UlOF2YKTIonFFfmh4tjVRXle_VVI7W3Od6dVNnxl5pNhFrApnUnHHJmfiehhO3_anaqo0_8M60CvBnn92KN-5pdtYk_OmxUzEkvwJoqqgpexHyZDCoVEB_B2eFaE9f4/s0/linkedin.png' title='LinkedIn" /></a> <a href="http://URL BLOG/feeds/posts/default"' target='_blank'> <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHYmbqwbWr77cONWa_-zRAbsV0Gnko1sygX5RjltDxG2pjpkV2coiZGNkek5IFugKtyr9ooMQ_LrHp39KPh66N4gpDv7DTiSdqV-a-6QA7fLim017YTJrhhxFYs7OBG9NuFiV2tuE-zBql/s0/rss.png" /></a> <a href="mailto:USERNAME@gmail.com"' target='_blank'> <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhF0hYAOfymHj8DIIvkpe-OMFUIyqwihCoLVAh50lKX6DrtwLThasWR59Bbgc5LcT3iVI9-o03LF33SMan4_Ble7MZlJwy6WYXHBO_DFwJ-MpQJeJJaIxhJBoPLNaQ3SBBt-lhtyjnc05b5/s0/email.png' title='Email" /></a> </p></center>
NB : Ganti USERNAME Dengan Username Sobat.4. Simpan
Sudah tahu kan caranya ??? kalau saya sih berharap semua mengerti cara ini, kalau anda belum tahu (masih kurang mengerti) bisa tanyakan lewat komentar dibawah.
Demikianlah postingan saya tentang Membuat Widget Icon Sosial Network Keren dengan Efek Spin , Semoga Bermanfaat bagi sobat semua , bila ada tutur kata yang tidak pas , saya mohon ma'af sebesar-besarnya. Wassalamualaikum.
No comments:
Post a Comment