Sabtu, 04 Januari 2014

Cara Membuat Tombol Sosial Berputar 3 Dimensi

Cara Membuat Tombol Sosial Berputar 3 Dimensi,Cara memasang widget sosial di blog

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......

Hary Muhlia

Author & Editor

Has laoreet percipitur ad. Vide interesset in mei, no his legimus verterem. Et nostrum imperdiet appellantur usu, mnesarchum referrentur id vim.

9 komentar:

  1. 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 :)

    BalasHapus
    Balasan
    1. silahkan sob,,,smoga bermanfaat :)

      Hapus
  2. berat nggak itu mas? kayanya keren.

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

    BalasHapus
    Balasan
    1. y gpp santai aja..ukurannya 660px sob

      Hapus
  4. Komentar ini telah dihapus oleh pengarang.

    BalasHapus