Cara Memasang Ikon Sosial Media 3D Keren di Blog

 Hi all, jumpa lagi dengan saya di Blog Fajar Cyber. How about you today? I think you fine-fine aja. Setelah sebelumnya saya share tentang Cara Mudah Memasang Burung Twitter Terbang di Blog. Dalam kesempatan kali ini saya akan membahas tentang Cara Memasang Ikon Sosial media 3D Keren di Blog.

Seperti kita ketahui bersama bahwa Sosial media, selain sebagai ajang silaturrahmi dengan teman-teman, juga bisa digunakan sebagai tempat untuk berbagi tulisan misalnya tulisan kita di blog. Jangan pernah menyepelekan peran sosial media dalam promosi blog anda, karena dengan membagikan artikel kita di berbagai sosial media, teman-teman kita pun akan tertarik untuk membaca tulisan-tulisan kita di blog, sehingga dengan sendirinya akan menaikkan trafik pengunjung di blog kita. Terlebih lagi, bila ternyata teman kita juga membagikan artikel kita ke teman-temannya yang lain, tentunya ini akan sangat menguntungkan bukan?

Ikon sosial media yang terpasang di blog, tidak selalu hanya berupa ikon statis. Kita pun dapat memodifikasinya hingga terlihat menarik saat di pasang di blog. Salah satu dari modifikasi ikon sosial media ini adalah dengan memasang ikon sosial media 3D Keren efek berputar di blog. Bila anda penasaran dengan cara  memasangnya, maka sebaiknya anda simak caranya berikut ini.

Cara Memasang Ikon Sosial Media 3D Keren di Blog

•  Masuk ke halaman dashboard blogger lalu klik Tata Letak

 

• Klik Tambahkan Gadget

• Pilih HTML/Javascript

 

• Letakan Kode Berikut di Dalam Kolom  HTML/Javascript

 

<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">
<!--Awal Kode RSS -->
<a title="Grab Our Rss Feed" href="URL-FEED-Anda" target="_blank">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglWXrWEn2TpKOASUZTDFfmFRiRulEQXXisvFZajwlEj90CUunQ0ht6sXx0C-U6uIlFmsq-noPt2kgsjbtaVCvvsYAToqi8FgmQzee_qzmZpq7nqNBSJNX9hyB9NDoJWE6RfWeff5RQhU58/s1600/RSS-48x48.png" style="margin-right:1px;" alt="Icon"/></a>
<!--Akhir Rss Icon-->

<!--Email RSS-->
<a rel="nofollow" title="Get Free Updates Via Email" href="URL-RSS-EMAIL-Anda" target="_blank">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPiAZPKXdagKaoDF98brcNSlVwNqePfxOu10tcF5iIhLajhdtiQjoyI5GpEBq5lhp9ix2tEGAG6EkyE5KcNk6NU37Bn2DON8FM543t5kzj2UFcXC63QdzR8l72BTfxbCq8I833jcA44yaA/s1600/RSS-EMAIL-48x48.png" style="margin-right:1px;" alt="Icon"/></a>
<!--Akhir Kode Email Rss Icon-->

<!--Google+-->
<a title="Follow Us On Google+" rel="nofollow" href="URL-GOOGLE-PLUS-Anda" target="_blank">
<img style="margin-right:1px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXEq9-Bst4P487Y4vvwp2tC91HuHzlikYkOvDofxzoJz7OQeYu3YFoV4RlvHSupBqpdwJsEPvMY9vTbbi6JL-QN1_ZLbUsTD1Y8tS7ooxgEXnKknPUYHP2xg-NaFKyGwfDOI65DOdt45yq/s1600/GOOGLE-PLUS-48x48.png"/></a>
<!--Akhir Kode Google+-->

<!--Awal Kode Pinterest-->
<a title="Follow Our Pins" rel="nofollow" href="URL-PINTEREST-Anda" target="_blank">
<img style="margin-right:1px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiv5W0SahGETYDrcW3Wf9gQ2wmVC7bZm9cSvfSoMZ-uoSh4l9WY5-6N4YeCo16hxIVvsDtyQ5o7F_12C2IoEgK1ON2jGwYBeoHJzh3x-dq3ftZl2pFgFPvjbBIEE1VDIVqqcKBm5gZ6vFJx/s1600/PINTEREST-48x48.png" alt="Follow Me on Pinterest" /></a>
<!--Akhir Kode Pinterest-->

<!--Awal Kode Facebook Icon-->
<a rel="nofollow" title="Like Our Facebook Page" href="URL-FACEBOOK-Anda" target="_blank">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQ_-wFJsNZn3obKi-5jvZHvBfrJ2oFdFZo0DPzBxYQPbVg8aypiEASBReVm6Pd5NsaGGBlI7r7KxrgZan1lHuGsGbTmecVvf2VkJQ0SAOrrqkYL5GYsfRvOzE61nejvjM762vZgTNtkASm/s1600/FACEBOOK-48x48.png" style="margin-right:1px;" alt="Icon"/></a>
<!--Akhir Kode Facebook-->

<!--Awal Kode Twitter Icon-->
<a rel="nofollow" title="Follow Our Updates On Twitter" href="URL-TWITTER-Anda" target="_blank">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7ULPVi91D0UYcALVBMbR2rRWsuQVCUtB1jZuk_rmsw_7h3GE-czcdsnxm_0opa5JtGBQHC1KBa7_H18oWpVD6NiD4OgIRbJSM2KWKXPpUNn_xBGyE6r_PHuUDiDHWUYFBZnW_DcJ2BVWW/s1600/TWITTER-48x48.png" style="margin-right:1px;" alt="Icon"/></a>
<!--Akhir Kode Twitter-->
</div>
<br/>
<!--Awal Kode Tombol Feed Count-->
<a href="URL-FEEDBURNER-Anda" target="_blank">
<img alt="FAJAR CYBER" src="http://feeds.feedburner.com/~fc/FAJARCYBERcom?bg=ff9933&fg=000000&anim=1" style="border:0" /></a>
<!--Akhir Kode Tombol Feed Count-->
</center>

Keterangan!
Silahkan anda mengganti kode yang diberi warna merah dengan URL sosial media dan URL Feed anda sendiri

• Setelah anda memasukan kode di atas ke dalam kolom HTML/Javascript, jangan lupa klik simpan!!

 

 Gimana mudah kan ? sekarang giliran anda untuk mencobanya, Good Luck yaa..!!

Demikianlah tutorial sederhana yang bisa saya share untuk anda tentang Cara Memasang Ikon Sosial media 3D Keren di Blog, Semoga dapat bermanfaat, Jangan lupa baca juga tutorial menarik lainnya di Blog Fajar Cyber tentang Cara Mudah Memasang Lagu di Blog , Terimakasih

Share this article :

Share on FB Tweet Share on G+ Submit to Digg