• About
  • Privacy Policy
  • Daftar Isi
  • Tukar Link
  • Contact

Sharing Blog Parta

Sharing blog parta adalah blog yang membahas tentang tutorial,bloging , windows7 , html , unik dan misteri

  • Home
  • Bloging
    • Bloging
    • Widget
    • HTML
  • Windows 7
    • Performa
    • Tampilan
  • Unik dan Misteri
Home » blogging » HTML » widget » Cara Memasang Widget Metro Style Sosial Untuk Blogger

Cara Memasang Widget Metro Style Sosial Untuk Blogger

Digiteksa
Add Comment
blogging, HTML, widget
Sunday, September 14, 2014
Hari ini saya akan memberikan tambahan yang sangat bagus untuk blog Anda. Widget Ini adalah situs jejaring sosial widget pada bentuk Metro seperti di windows 8.
keren kan, untuk itu saya akan memberikan Bagaimana cara memasang widget metro style sosial untuk blogger
ikuti langkah-langkahnya seperti dibawah ini

Menambahkan widget di Layout
1. Pergi ke Blogger Dashboard → Tata Letak → klik "Tambah gadget".
2. Pilih "script html / java" dan tambahkan kode yang diberikan di bawah ini.

<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 "yang berwarna merah " dengan URL Anda.
4. Klik simpan.
Saya harap artikel ini dapat bermanfaat untuk anda
Tweet
Cara Memasang Widget Metro Style Sosial Untuk Blogger Title : Cara Memasang Widget Metro Style Sosial Untuk Blogger
Description : Hari ini saya akan memberikan tambahan yang sangat bagus untuk blog Anda. Widget Ini adalah situs jejaring sosial widget pada bentuk Metro s...
Rating : 5

0 Response to "Cara Memasang Widget Metro Style Sosial Untuk Blogger"

Silahkan berkomentar yang baik , mohon tidak berkomentar Yang Memasukan link aktif dan yang mengandung sara dan yang memicu Pertengkaran Serta pornografi .
Terima kasih

← Newer Post Older Post → Home
Subscribe to: Post Comments (Atom)

Entri Populer

  • Cara Di Terima Google Adsense Terbaru
    Bagaimana Cara Cepat Supaya Blogger Cepat di Terima Oleh Google Adsense 2015 Cara Di Terima Google Adsense Terbaru - Banyak dari blogger y...
  • Cara Melihat Posisi Artikel Blog Anda Di Google
    Bagaimana Cara Melihat Posisi Artikel Blog anda Di Google Cara Melihat Posisi Artikel Blog Anda Di Google - Untuk mengetahui pada posisi ...
  • Cara Menghapus Coment Spam Otomatis
    Bagaimana Cara Menghapus Coment Spam Otomatis   -  Spam adalah masalah yang sering dihadapi oleh para blogger dan di karenakan ada orang yan...
  • 8 jenis konten yang paling banyak dicari orang
    8 jenis konten yang paling banyak dicari orang - K onten blog itu  bisa berupa tulisan / teks artikel, gambar, video, file software, game, ...
  • Bagaimana Cara Membuat Banner iklan Bergerak (720 x 90 px)
    Bagaimana Cara Membuat Banner iklan Bergerak (720 x 90 px) Bagaimana Cara Membuat Banner iklan Bergerak (720 x 90 px)  - Sekarang SBP aka...

Blog Archive

  • ►  2022 (1)
    • ►  July (1)
  • ►  2021 (1)
    • ►  April (1)
  • ►  2015 (13)
    • ►  March (1)
    • ►  January (12)
  • ▼  2014 (93)
    • ►  December (11)
    • ►  November (10)
    • ►  October (2)
    • ▼  September (16)
      • Apa Saja Hal-Hal Di Blogger Yang Paling Berpengaru...
      • Bagaimana Cara Cepat Mendapatkan Backlink Edu dan...
      • Tips Ampuh Meningkatkan Trafik Blog Anda
      • Bagaimana Cara Mempercepat Loading Blog
      • Bagaimana Cara Memasang Timer/Waktu Pada Fanspage ...
      • Cara Memasang Widget Metro Style Sosial Untuk Blogger
      • Bagaimana Cara Membuat Widget Iklan Teks Seperti I...
      • Bagaimana Cara Memasang Iklan Adsense dalam Posting
      • Download Revo Unistaller
      • Bagaimana Cara Mempercepat Proses Shutdown Pada PC...
      • Bagaimana Cara membuat iklan adsense melayang di blog
      • Bagaimana Mengatur Prefetch Pada PC/Laptop
      • Bagaimana Mengatur Task Scheduler Pada Pc/laptop
      • Cara mempercepat booting pada pc/laptop
      • Bagaimana Cara Mengatur Program Startup Pada Pc/La...
      • Cara Membuat Tampilan Windows 7 Menjadi Apple OS X
    • ►  August (13)
    • ►  July (19)
    • ►  June (22)

Label

blogging widget Windows 7 Performa HTML Tampilan Cerita Unik Bisnis Dumet School
Powered by Blogger.
Back to top!
Copyright 2013 Sharing Blog Parta - All Rights Reserved Design by Mas Sugeng - Powered by Blogger