Cara Membuat Tombol Sosial Berputar 3 Dimensi

- Januari 04, 2014
advertise here
advertise here
Cara Membuat Tombol Sosial Berputar 3 Dimensi- Assalamualaikum sobat semuanya,setelah beberapa hari tidak membuat postingan,saat ini saya akan mencoba membagi widget sosial yang bisa anda semua pasang untuk kebutuhan sosial button di blog sobat,tombol ini saya kasih nama Cara Membuat Tombol Sosial Berputar 3 Dimensi.Sebelum melangkah lebih lanjut,siapa tahu ada yang anda butuhkan seperti wigdet sosial lain di antaranya Cara Membuat Widget Contact Me Metro Style atau yang belum tahu Cara Mencari Kode HTML Pada Edit Template Blogspot Tampilan Baru silahkan baca artikelnya.Berikut di bawah ini adalah contoh widget Tombol Sosial Berputar 3 Dimensi yang akan saya bagikan,untuk cara pembuatan dan pemasangannya adalah sebagai berikut :

IconIconIconIconFollow Me on Pinterest

  1. Login ke akun blogger sobat
  2. Copy Script di bawah ini
  3. Masuk ke bagian Tata letak >> Tambah Gadget >> HTML/Java Script
  4. Paste kan kode tersebut kedalam gadget baru
  5. Save atau simpan dan Selesai
<style> #social a:hover { background-color: transparent;opacity:0.7; } #social img { -moz-transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; } #social img:hover { -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } </style> <center> <div id="social"><a title="Grab Our Rss Feed" href="YOUR-FEED-URL-HERE" target="_blank"><img border="0" src="http://3.bp.blogspot.com/-JJAnjTFe4mQ/UA6_gexOboI/AAAAAAAAH8w/pUVfxnjRUM4/s1600/RSS-48x48.png" style="margin-right:1px;" alt="Icon"/></a><a rel="nofollow" title="Get Free Updates Via Email" href="YOUR-EMAIL-RSS-URL-HERE" target="_blank"><img border="0" src="http://4.bp.blogspot.com/-1BWe2ZnJHas/UA6_hrD6_GI/AAAAAAAAH80/exs4JwDuyhY/s1600/RSS-EMAIL-48x48.png" style="margin-right:1px;" alt="Icon"/></a><a rel="nofollow" title="Like Our Facebook Page" href="YOUR-FACEBOOK-PAGE-URL-HERE" target="_blank"><img border="0" src="http://4.bp.blogspot.com/-dkmDM3RXcoE/UA6_d28wCyI/AAAAAAAAH8Y/9E3PI3lXueM/s1600/FACEBOOK-48x48.png" style="margin-right:1px;" alt="Icon"/></a><a rel="nofollow" title="Follow Our Updates On Twitter" href="YOUR-TWITTER-URL-HERE" target="_blank"><img border="0" src="http://3.bp.blogspot.com/-TrNf8cdHE6w/UA6_iRAUK_I/AAAAAAAAH88/Jo7RAX207xo/s1600/TWITTER-48x48.png" style="margin-right:1px;" alt="Icon"/></a><a title="Follow Us On Google+" rel="nofollow" href="YOUR-GOOGLE-PLUS-URL-HERE" target="_blank"><img style="margin-right:1px;" src="http://2.bp.blogspot.com/-VeOVFTKCvHw/UA6_em6-aOI/AAAAAAAAH8c/Uu4blSzFwLk/s1600/GOOGLE-PLUS-48x48.png"/></a><a title="Follow Our Pins" rel="nofollow" href="YOUR-PINTEREST-URL-HERE" target="_blank"><img style="margin-right:1px;" src="http://4.bp.blogspot.com/-uSSbLLRLSIE/UA6_fTHiLrI/AAAAAAAAH8k/OxlFAJozvX8/s1600/PINTEREST-48x48.png" alt="Follow Me on Pinterest" /></a></div></center>

Seperti halnya widget sosial yang lainnya,tulisan ''YOUR-FACEBOOK-PAGE-URL-HERE'' pada widget yang satu ini juga harus di ganti dengan alamat URL yang bersangkutan,begitu juga dengan URL Twitter,Google Plus Dan yang lainnya sehingga apabila di klik akan menuju sesuai dengan alamat yang telah kita pasang di Tombol Sosial Berputar 3 Dimensi ini.Oke mungkin itu saja sharing saya tentang Cara Membuat Tombol Sosial Berputar 3 Dimensi,semoga bisa membantu dan bermanfaat,terimakasih dan SALAM SUKSES buat sobat semuanya......
Advertisement advertise here

9 komentar

avatar

Selamat Malam Mas Hary, simak artikel bermanfaat nya nih Mas
Kebetulan saya belum punya tombol sosial yang berputar nih Mas
Perlu di coba untuk saya belajar dengan trik ini terima kasih :)

avatar

berat nggak itu mas? kayanya keren.

avatar

oh ya , itu ukuran headernya berapa ya mas? pengen ganti header segitu juga
maaf OOT

avatar

y gpp santai aja..ukurannya 660px sob

avatar

gk sob,,cukup ringan

avatar

silahkan sob,,,smoga bermanfaat :)

avatar

Mantaps artikelnya nih

avatar
Komentar ini telah dihapus oleh pengarang.


EmoticonEmoticon

 

Start typing and press Enter to search