Cara Membuat Icon Sosial Media Dengan Gaya Metro Elegan di Blog

Membuat icon sosial media di blog merupakan salah satu dari penerapan SEO. Alasannya apa ? tentu saja dengan memasang icon sosial media akan meningkatkan pengunjung blog dan meningkatkan popularitas blog di sosial media dan mesin pencarian. Selain memasang witget icon untuk optimalisasi search engine tetapi bisa juga digunakan untuk memperindah tampilan blog. Icon ini sangat elegant, tidak banyak pernak-pernik yang mengganggu. Jadi sangat direkomendasikan buat kalian para blogger untuk menggunakannya. Sebelumnya juga kami sudah memberitahu kalian cara Cara Membuat Tombol Sosial Media Melayang di Blog . Sekarang kami akan memberitahu cara membuat Icon Sosial Media dengan Gaya Metro Elegan di Blog
Membuat Icon Sosial Media Dengan Gaya Metro Elegan di Blog
Sosial Media Gaya Metro

1. Buka Dasbor Blogger → Tata Letak → Tambahkan Gatget → Pilih HTML/Javascript

2. Copy kode dibawah

<div class="metro-social">
<li><a class="fb" href="Your Facebook URL here"></a></li>
<li><a class="tw" href="Your Twitter URL here"></a></li>
<li><a class="gp" href="Your GooGle + URL here"></a></li>
<li><a class="fd" href="Your FeedBurner URL here"></a></li>
</div>
<style>
/*Metro UI Social Profile Widget v2.0 by Tech Prevue Labs
Web link to gadget code: 
Distributed under license CC BY-NC-ND 3.0 INT
Please keep license information intact while using this widget*/
.metro-social{width:285px}
.metro-social li{position:relative;cursor:pointer;padding:0;list-style:none}
.metro-social .fb,.tw,.gp,.fd{z-index:7;float:left;margin:1px;position:relative;display:block}
.metro-social .fb{background:url(//goo.gl/6xmUk) no-repeat center center #1f69b3;width:140px;height:141px}
.metro-social .tw{background:url(//goo.gl/oyiFK) no-repeat center center #43b3e5;width:140px;height:70px}
.metro-social .gp{background:url(//goo.gl/oT0kF) no-repeat center center #da4a38;width:140px;height:69px}
.metro-social .fd{background:url(//goo.gl/ncoLY) no-repeat center center #e9a01c;width:282px;height:69px}
.metro-social li:hover .fb{background:url(//goo.gl/MH8AP) no-repeat center center #1f69b3}
.metro-social li:hover .tw{background:url(//goo.gl/hHRHv) no-repeat center center #43b3e5}
.metro-social li:hover .gp{background:url(//goo.gl/wva4B) no-repeat center center #da4a38}
.metro-social li:hover .fd{background:url(//goo.gl/JFGqn) no-repeat center center #e9a01c}
</style>
<br />

3. Ganti huruf yang berwarna biru dengan kode kalian lalu Save

Popular posts from this blog

Sifat-Sifat dan Hubungan Bangun Segiempat

Image
1. PERSEGI Sifat-sifatnya : Mempunyai empat sisi yang sama panjang ( AB = AC = BD = DC ) Keempat sudutnya siku-siku (∠CAB = ∠ABD = ∠BDC = ∠DCA = 90°) Mempunyai 2 garis diagonal yang sama panjang dan saling berpotongan tegak lurus (AD = BC, AD ⊥ BC)  Mempunyai 2 pasang sisi yang sejajar ( AC // BD dan AB // DC) Mempunyai 4 simetri lipat Mempunyai 4 simetri putar  Persegi adalah belah ketupat yang salah satu sudutnya siku-siku Persegi adalah persegi panjang yang dua sisi yang berdekatan sama panjang 2. PERSEGI PANJANG Sifat-sifatnya : Mempunyai 4 buah sisi, sisi-sisi yang berhadapan sama panjang ( PR = QS, PQ = RS)  Keempat sudutnya siku-siku (∠PRS = ∠RSQ = ∠SQP = ∠QPR = 90°)  Mempunyai 2 garis diagonal yang saling berpotongan dan sama panjang (PS = QR)  Mempunyai 2 pasang sisi yang sejajar ( PR // QS dan RS //PQ)  Mempunyai 2 simetri lipat  Mempunyai 2 simetri putar  Persegipanjang adalah jajargenjang yang salah satu sudutnya siku-siku 3. JAJAR GENJAN
Read more

Contoh RPP IPA Kelas 2 Semester II (KTSP)

Image
RENCANA PELAKSANAAN PEMBELAJARAN (RPP) A.     Identitas 1.       Sekolah                         : SD Negeri 1 Gianyar 2.       Kelas/Semester             : II/ II 3.       Mata Pelajaran             : Ilmu Pengerahuan Alam 4.       Jumlah Pertemuan        : 3 x 35 menit (105 menit) B.      Standar Kompetensi        : 3.        Mengenal berbagai sumber energi yang sering dijumpai dalam kehidupan sehari-hari dan kegunaannya C.     Kompetensi Dasar            : 3.2      Mengidentifikasi jenis energi yang paling sering digunakan di lingkungan sekitar dan cara menghematnya D.     Indikator                           : 3.2.1         Menyebutkan jenis energi di lingkungan sekitar 3.2.2         Memberi contoh penggunaan energi di lingkungan sekitar 3.2.3        Melaporkan cara menghemat energi dalam kehidupan sehari-hari E.      Tujuan Pembelajaran      : 1.    Setelah membaca buku, mengamati media, melaksanakan tanya jawab dan mencocokan kartu, sisw
Read more

Download Full Album Shiela On 7 Dari Tahun 1999-2014

Image
          Sheila On 7 sejak awal kiprahnya di kancah musik Indonesia telah menorehkan banyak sekali prestasi, diantaranya menjadi satu-satunya band Indonesia yang mampu menjual album fisik sebanyak lebih dari satu juta copy, tiga album berturut-turut. Mereka juga memiliki pendengar-pendengar setia di negara-negara tetangga seperti Malaysia, Singapura, dan Brunei. Namun di tahun 2004, mereka harus berpisah dengan Anton (drummer) dikarenakan perbedaan visi. Saat itu kemudian Brian masuk sebagai additional player mengisi posisi drummer yang ditinggalkan Anton.       Brian tampil bersama Sheila On 7 di berbagai tour untuk promo album “Pejantan Tangguh”. Album The Very Best of Sheila On 7 (2005) menjadi karir rekaman studio pertama Brian bersama Sheila On 7 sebagai additional player. Pada tahun 2006, Sheila On 7 juga harus berpisah dengan Sakti karena ia mengundurkan diri di tengah-tengah proses rekaman album “507”. Namun pada saat proses rekaman album “507” itu pulala
Read more