-->

Halo !!! Saya Kang Ismet, ini adalah blog tentang AMP HTML dan cara penerapannya

Social Media Bookmarking Dengan 4 style yang keren

GADGET SOCIAL MEDIA 

GADGET SOCIAL MEDIA

Menurut saya Tombol social media Merupakan bagian Penting Untuk memudahkan pengunjung Agar Lebih mudah menemukan anda pada jaringan social favorit mereka,seperti menemukan anda pada jaringan Facebook,twitter,google+,email dan lain2,Kelebihan lain dari social Media Bookmark adalah,selain mempunyai tampilan yang keren dan sederhana juga tidak memberatkan halaman anda.

Dan seperti pada judul postingan ini, social media bookmarking ini tersedia dalam 4 style,dan Memiliki 5 icon dengan fungsi yang Berbeda beda, untuk penerapannya sendiri adalah seperti biasa :

  • Masuk ke blogger anda dan pilih
  • Menu tata letak,Kemudian
  • Add gadget,kemudian
  • Pilih HTML/java script
  • Dan Masukkan salah satu kode style di bawah ini kedalam gadget,yang pass Menurut anda


STYLE 01

GADGET SOCIAL MEDIA
KODE 1
<div align="center"><a style="margin-left: 1em; margin-right: 1em;" title="Get updates on your facebook news feed" href="http://www.facebook.com/uit.makassar.indonesia" target="_blank"><img src="http://3.bp.blogspot.com/-J_bfPwFnHXo/Tso0-M6KMDI/AAAAAAAAB0k/GZR1yPpx87o/s400/facebook.png" alt="" border="0" /></a><a style="margin-left: 1em; margin-right: 1em;" title="Follow us to get our twitter updates" href="https://twitter.com/DCrowDeveloper" target="_blank"><img src="http://4.bp.blogspot.com/-uS7gaAPU2uo/Tso0-eR6lHI/AAAAAAAAB0w/ii6hkHdGTqM/s400/twitter.png" alt="" border="0" /></a><a style="margin-left: 1em; margin-right: 1em;" title="Add us to your circles on google plus" href="https://plus.google.com/u/0/114337199120011402999" target="_blank"><img src="http://1.bp.blogspot.com/-XGYjx-2zJNk/Tso0-pre2TI/AAAAAAAAB04/2sCA_jL1geQ/s400/gplus.png" alt="" border="0" /></a><a style="margin-left: 1em; margin-right: 1em;" title="Subscribe to our RSS feed" href="http://feeds.feedburner.com/D-crow" target="_blank"><img src="http://2.bp.blogspot.com/-BbAHBGPKWMA/Tso0-vznsvI/AAAAAAAAB1I/QLgYCiuX0xA/s400/rss.png" alt="" border="0" /></a><a style="margin-left: 1em; margin-right: 1em;" title="Get updates right in your inbox" href="http://feedburner.google.com/fb/a/mailverify?uri=D-crow&loc=en_US" target="_blank"><img src="http://3.bp.blogspot.com/-HF85KnjDibo/Tso0_KJul6I/AAAAAAAAB1Y/x3zQvXtb0ho/s400/email.png" alt="" border="0" /></a></div>


STYLE 02

GADGET SOCIAL MEDIA
KODE 2
<div align="center"><a style="margin-left: 1em; margin-right: 1em;" title="Get updates on your facebook news feed" href="http://www.facebook.com/uit.makassar.indonesia" target="_blank"><img src="http://3.bp.blogspot.com/-paHBTMz8iLg/Tsozb5W7ljI/AAAAAAAABzo/19jxkmQsKTo/s400/facebook.png" alt="" border="0" /></a><a style="margin-left: 1em; margin-right: 1em;" title="Follow us to get our twitter updates" href="https://twitter.com/DCrowDeveloper" target="_blank"><img src="http://3.bp.blogspot.com/-Hfl5iowJtxI/TsozczqPraI/AAAAAAAAB0Y/sP9tIJri7wQ/s400/twitter.png" alt="" border="0" /></a><a style="margin-left: 1em; margin-right: 1em;" title="Add us to your circles on google plus" href="https://plus.google.com/u/0/114337199120011402999" target="_blank"><img src="http://2.bp.blogspot.com/-L7ev-nE3X-Y/TsozcZqowEI/AAAAAAAABz8/tZ2ASSoBVvg/s400/gplus.png" alt="" border="0" /></a><a style="margin-left: 1em; margin-right: 1em;" title="Subscribe to our RSS feed" href="http://feeds.feedburner.com/D-crow" target="_blank"><img src="http://4.bp.blogspot.com/-BQY6cXWtUms/TwVriyBpOEI/AAAAAAAAB4I/ulYvpWETu3c/s400/rss.png" alt="" border="0" /></a><a style="margin-left: 1em; margin-right: 1em;" title="Get updates right in your inbox" href="http://feedburner.google.com/fb/a/mailverify?uri=D-crow&loc=en_US" target="_blank"><img src="http://1.bp.blogspot.com/-Oc3wJu21NH0/TsozcBsMvII/AAAAAAAABz0/usyKubZsALg/s400/email.png" alt="" border="0" /></a></div>


STYLE 03

GADGET SOCIAL MEDIA
KODE 3
<div align="center"><a style="margin-left: 1em; margin-right: 1em;" title="Get updates on your facebook news feed" href="http://www.facebook.com/uit.makassar.indonesia" target="_blank"><img src="http://2.bp.blogspot.com/-lcwXcgZJSJ0/TsoxKDUdI1I/AAAAAAAABys/h91ia_ldyUY/s400/Facebook.png" alt="" border="0" /></a><a style="margin-left: 1em; margin-right: 1em;" title="Follow us to get our twitter updates" href="https://twitter.com/DCrowDeveloper" target="_blank"><img src="http://1.bp.blogspot.com/-prFyF-XjTpg/TsoxLMsYnmI/AAAAAAAABzY/2KTNzIfE2R0/s400/Twitter%2B02.png" alt="" border="0" /></a><a style="margin-left: 1em; margin-right: 1em;" title="Add us to your circles on google plus" href="https://plus.google.com/u/0/114337199120011402999" target="_blank"><img src="http://4.bp.blogspot.com/-3p70fW9C83A/TsoxKdgWRnI/AAAAAAAABzE/x8jtCKInJk4/s400/Google.png" alt="" border="0" /></a><a style="margin-left: 1em; margin-right: 1em;" title="Subscribe to our RSS feed" href="http://feeds.feedburner.com/D-crow" target="_blank"><img src="http://1.bp.blogspot.com/-Sd0t23xy3B0/TsoxK_3N_-I/AAAAAAAABzQ/4_z08t3WcOM/s400/Rss.png" alt="" border="0" /></a><a style="margin-left: 1em; margin-right: 1em;" title="Get updates right in your inbox" href="http://feedburner.google.com/fb/a/mailverify?uri=D-crow&loc=en_US" target="_blank"><img src="http://2.bp.blogspot.com/-HpwOLk9L6DA/TsoxKeCY62I/AAAAAAAABy0/f2pRLYaJ1yo/s400/Gmail.png" alt="" border="0" /></a></div>


STYLE 04

GADGET SOCIAL MEDIA
KODE 4
<div align="center"><a style="margin-left: 1em; margin-right: 1em;" title="Get updates on your facebook news feed" href="http://www.facebook.com/uit.makassar.indonesia" target="_blank"><img src="http://1.bp.blogspot.com/-sT9lHle5N54/TqgOWhi-amI/AAAAAAAAFCU/MwoQL3ZhEy4/s1600/facebook-30×43.png" alt="" border="0" /></a><a style="margin-left: 1em; margin-right: 1em;" title="Follow us to get our twitter updates" href="https://twitter.com/DCrowDeveloper" target="_blank"><img src="http://2.bp.blogspot.com/-eVZSNf1mj_E/TqgOX_ldq1I/AAAAAAAAFCk/2wDDaA8esG8/s1600/twitter-30×43.png" alt="" border="0" /></a><a style="margin-left: 1em; margin-right: 1em;" title="Add us to your circles on google plus" href="https://plus.google.com/u/0/114337199120011402999" target="_blank"><img src="http://3.bp.blogspot.com/-icT9kVFhtOs/TqgOXLJCbBI/AAAAAAAAFCY/pU4wo8HyHNI/s1600/googleplus-30×43.png" alt="" border="0" /></a><a style="margin-left: 1em; margin-right: 1em;" title="Subscribe to our RSS feed" href="http://feeds.feedburner.com/D-crow" target="_blank"><img src="http://3.bp.blogspot.com/-ShqPVqX-vhs/TqgOXX5m9WI/AAAAAAAAFCg/WFRLxQ4yjuM/s1600/rss-30×43.png" alt="" border="0" /></a><a style="margin-left: 1em; margin-right: 1em;" title="Get updates right in your inbox" href="http://feedburner.google.com/fb/a/mailverify?uri=D-crow&loc=en_US" target="_blank"><img src="http://2.bp.blogspot.com/-5PGHBr3D5wQ/TsTs3LTveQI/AAAAAAAABvY/rppRrieBmeo/s400/email-icon-smaall.png" alt="" border="0" /></a></div>

DEMO/HASIL

CATATAN : 

  1. Ganti URL yang berwarna Biru Dengan URL Facebook anda
  2. Ganti URL yang Berwarna merah dengan URL Twitter anda
  3. Ganti URL yang Berwarna Merah dengan URL Google+ anda
  4. Ganti Nama Feed D-crow (warna orange) dengan Nama feedburner anda. 


1 komentar:

  1. cakep-cakep iconnya. ane naksir yang style 4 tuhh. ijin copas gan.

    ReplyDelete