Sosial Share Icon Gaya Berputar Dengan CSS3

45 Komentar

Sosial Media
Sosial Icon Berputar Dengan CSS3 Styles. Akhirnya Mas yusa punya kesempatan buat nge-post. Sebenarnya bukan kesempatan buat nge post, tapi punya ide untuk nge-post. Kalo kesempatan sih banyak. Sama aja kan, punya kesempatan nge-post tapi gak punya ide. Hahahaha,


Seperti judulnya, Mas yusa akan bagi bagi Widget lagi. Sosial Icon Berputar Dengan CSS3, Nah... widget ini adalah widget untuk memudahkan pengunjung atau anda untuk share post anda di Sosial Media. Diantaranya : Facebook, Twitter, Digg, Technorati, Reddit, dan Stumbleupon. Widget ini mempunyai efek berputar ketika di Hover atau Mouse Over atau mudahnya lagi disorot. (Hahahaha). Berikut kodenya :


<style>p#hb_socialicons img {
 /* Spinning Social Icons Widget By Masyusablog*/
    -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;
}

p#hb_socialicons img:hover {
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
}

/* Spinning Social Icons Widget By Masyusablog */
</style>


<center><p id="hb_socialicons">
    <a href="http://www.facebook.com/btsnts/">
<img border="0" src="http://3.bp.blogspot.com/-ck0bnvgk5uI/T_fxhb7Ay-I/AAAAAAAACRY/yZR4hu8omnE/s1600/helperblogger.com-facebook.png" /></a>
    <a href="http://www.twitter.com/helperblogger/">
<img border="0" src="http://4.bp.blogspot.com/-P_NkdPIsSQQ/T_fxjUKUF2I/AAAAAAAACRs/KXfA3LnHej8/s1600/helperblogger.com-twitter.png" /></a>
    <a href="https://plus.google.com/u/0/106527290580119996124">
<img border="0" src="http://1.bp.blogspot.com/-uSOHwlVeA68/T_fxiHgtoJI/AAAAAAAACRc/-UZ8ujxc7Ic/s1600/helperblogger.com-google_plus.png" /></a>
    <a href="http://www.feeds.feedburner.com/hblogger/">
<img border="0" src="http://2.bp.blogspot.com/-2sRpqFhID4A/T_fxipoh7DI/AAAAAAAACRo/kn_qiQKBT-o/s1600/helperblogger.com-rss.png" /></a>
    <a href="http://www.youtube.com/helperblogger1/">
<img border="0" src="http://3.bp.blogspot.com/-2wY3FQCZgoM/T_fxkMsCqtI/AAAAAAAACR4/jsNUZdVcCCg/s1600/helperblogger.com-youtube.png" /></a>
</p></center>

  • Jika anda ingin Widget diatas tampil dibawah postingan, berikut caranya :
  • Masuk ke akun blogger anda,
  • Lalu masuk ke Rancangan->Edit HTML->Centang Expand Template
  • Jangan Lupa Back up dulu bro...!!
  • Cari Kode <div class='post-footer'> (Ctrl + F)
  • Lalu letakan kode Sosial Share Icon dibawah kode <div class='post-footer'>.
  • Lalu simpan template...
Semoga berhasil bang... :) Ada pertanyaan, tanyakan VIA Komentar.
Baca Peraturan Copy Paste !

Anda sedang membaca artikel tentang Sosial Share Icon Gaya Berputar Dengan CSS3 dan anda bisa menemukan artikel Sosial Share Icon Gaya Berputar Dengan CSS3 ini dengan url http://masyusa.blogspot.com/2012/07/sosial-share-icon-gaya-berputar-dengan.html, Anda boleh menyebar luaskannya atau mengcopy paste-nya jika artikel Sosial Share Icon Gaya Berputar Dengan CSS3 ini sangat bermanfaat bagi teman-teman Anda, namun jangan lupa untuk meletakkan link postingan Sosial Share Icon Gaya Berputar Dengan CSS3 sebagai sumbernya. Jika tidak saya akan laporkan Google ! Yusa Syihab Akbar


45 comments

July 19, 2012 at 5:39 PM

mantep nih sob...

July 19, 2012 at 9:32 PM

. . keren nich. bagus banget. jadi pengen. he..86x . .

July 19, 2012 at 11:43 PM

keren sob Share Buttonnya,,

July 20, 2012 at 12:14 AM

Langsung Meluncur dahh , !! diTunggu Komentarnya Sob ?

July 20, 2012 at 12:38 AM

Wah bisa di coba nich sob..thank s share nya :D

July 20, 2012 at 1:06 AM

@tovaHaha makasih dah mampir. :)

July 20, 2012 at 1:06 AM

@♥VPie◥♀◤MahaDhifa♥Kalo pengen ya silahkan di pasang mbak :D

July 20, 2012 at 1:07 AM

@Saeful RahmanMakasih dah mampir. :)

July 20, 2012 at 1:09 AM

@Kevin PramanaOke deh sob. :)

July 20, 2012 at 1:09 AM

@Mahfid MayantoSama sama sob. :)

July 20, 2012 at 1:12 AM

Marhaban ya ramadhan salah dan khilaf selama ini mohon mas yusa maafkan...dan yang pasti artikelnya manteffffff...hahhahyy

July 20, 2012 at 2:13 AM

Keren sob. Thank's infonya :)

July 20, 2012 at 5:35 AM

keren nih sob.. boleh dicoba gak nih.. :D

July 20, 2012 at 6:01 AM

@ICAH BANJARMASINMakasih bang icah. :)

July 20, 2012 at 6:01 AM

@Muhammad Yoga PratamaSama sama....... :)

July 20, 2012 at 6:02 AM

@Andy BorneoBoleh dong bro... :)

July 20, 2012 at 8:44 AM

wah, mantap nih, bisa ikutan nyoba ah kapan2, biar tambah keren tampilannya ... :)

July 20, 2012 at 11:30 AM

kren ya sob...
kpan"coba lar

July 20, 2012 at 5:20 PM

@EKA IKHSANUDINHeheheh silahkan bang eka.. :D

July 20, 2012 at 5:20 PM

@Shaq DerriSolahkan bang. :D

July 20, 2012 at 6:18 PM

keren gan :)

July 20, 2012 at 8:00 PM

keren-keren..................

July 20, 2012 at 11:34 PM

@Yusa Syihab
. . tapi aq udah punya. he..86x . .

July 21, 2012 at 12:41 AM

Wow keren ^_^.....
Kapan - kapan saya coba lah...hehehehe

July 21, 2012 at 5:33 PM

@blogatapMakasih dah mampir bos...:)

July 21, 2012 at 5:33 PM

@MisbahudinHahaha singkate komene... :D

July 21, 2012 at 5:34 PM

@Aspar69Oke...silahkan saja. :)

July 21, 2012 at 5:34 PM
July 21, 2012 at 10:49 PM

Sosial Share Icon Gaya Berputar Dengan CSS3 yang.... sangat keren sob...

July 22, 2012 at 1:17 AM

@Ehwansah JailaniHehehe makasih sob... :D

July 22, 2012 at 4:27 AM

Keren Keren Komentar Baliknya Di tunggu

July 22, 2012 at 7:43 PM

@♥VPie◥♀◤MahaDhifa♥kalo udah punya ngapain juga kepengen,,,menuh2in kotak aja nih,,sesek tau,,,wkwkwkwk... :D

July 22, 2012 at 8:23 PM

@Ants Kakawkwkwkw... :D bener

July 22, 2012 at 8:24 PM

@Miki MaruOke.. :)

July 23, 2012 at 9:54 PM

Informasi yang lagi ane cari.Ijin praktek sop,thanks ya.

July 23, 2012 at 10:35 PM

Makasih share nya sooob,,,,,sangat membantu

July 23, 2012 at 11:20 PM

@Sport NewsSilahkan bro... :) Makasih dah mampir.

July 23, 2012 at 11:21 PM

@INFOSama sama sob.... :)

July 24, 2012 at 2:52 AM

cobain ah.... :
thanks mas yusa..

July 24, 2012 at 4:16 AM

Thanks tips nya :)

July 24, 2012 at 10:34 AM

pengin pakai juga sob,...cuman kayaknya terlalu berat buat blog aku sory ya sob,..

July 25, 2012 at 12:44 AM

@Dian (Admin Sobat Blogger's)Sama sama sob.. :)

July 25, 2012 at 12:45 AM

@zulhamGpp sob... :)

July 27, 2012 at 9:58 PM

wah thanks tutorialnya kawan, mo coba diterapin juga nih di blog ane

Mantap widgetnya mas,tapi saya coba yang kemaren aja.
sukses selalu.

Post a Comment

Silahkan kalian berkomentar,namun tetap jaga kesopanan dengan tidak melakukan komentar spam (•͡˘˛˘ •͡)┌П┐ .
Untuk yang tidak mempunyai akun apapun,anda bisa gunakan Anonim (✿◠‿◠)...
Untuk membalas komentar/reply akan keluar Pop Up, jangan hapus kode yang ada di kotak komentar
\\▼▼▼| |▼▼▼| |▼▼▼| |▼▼▼| |▼▼▼| |▼▼▼| |▼▼▼//

Welcome to: Mas Yusa Blog | Twitter: Yusa_Syihab & Google+: Yusa Syihab
 
Follow Me

English
Japanese
Korean
Arabic
Chinese Simplified

Kembali Ke Atas Copyright © 2012 | Template Platinum Theme Modified by Mas Yusa