Cara Mudah Dapat Uang di Internet Lewat Blog, Twitter, Facebook
» , » Stylize Facebook Like Box Border Dengan CSS3

Stylize Facebook Like Box Border Dengan CSS3



D-Copy Blog's | Ada berbagai cara dengan mana kita dapat menyesuaikan dengan mode Facebook kita seperti Plugin Box dengan mudah. Ini cukup mudah untuk mencapai dan dengan pelaksanaan beberapa baris CSS3, Anda bisa mendapatkan menikmati border ini.

Mengapa untuk menerapkan itu?

Dengan stilisasi unik untuk plugin sosial Anda, kemungkinan opt-in untuk sebagian besar akan naik. Orang-orang cenderung melihat dan bergabung dalam komunitas blogging Anda. Ikuti langkah-langkah di bawah ini untuk menambahkan border Like Box Facebook Anda.

Langkah :

  1. Pergi ke Developer Facebook Like Box.
  2. Dapatkan kode iFrame Like Box Facebook Anda seperti pada gambar dibawah ini :
    3.  Lalu, buka akun blogger Anda.
    4.  Masuk ke menu Layout > Add Gadget > pilih HTML/Javascript
    5.  Pastekan kode dibawah ini dan 
<style>
.fb-wrap {
    border: 5px solid #A5CBE2;
    border-radius: 6px 6px 6px 6px;
   height: 290px;
 
    width: 290px;
}
</style>
<div class="fb-wrap">
Kode iFrame Anda pastekan disini
</div>
    6. Save.

Keterangan :


  • Ganti #A5CBE2 dengan warna yang Anda inginkan.
  • Ganti height: 290px; untuk tinggi dan height: 290px; untuk lebar.
  • Ganti Kode iFrame Anda pastekan disini yang Anda dapatkan tadi pada langkah ke-2. 
Odii Siitohang
Judul: Stylize Facebook Like Box Border Dengan CSS3;
Ditulis oleh: Anonymous;
Rating Blog: 5 dari 5





Anda sedang membaca Artikel tentang Stylize Facebook Like Box Border Dengan CSS3 dengan url http://d-copy.blogspot.com/2012/09/mengedit-facebook-like-box-border-dengan-css.html, jika Anda menyukai Artikel di blog ini, silahkan masukkan email Anda dibawah ini untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel baru.
D-Copy Reader DMCA
[0] Komentar untuk Stylize Facebook Like Box Border Dengan CSS3:

Post a Comment

Beberapa panduan dalam berkomentar :
Untuk menyisipkan kode[code]KODE ANDA[/code]
Untuk menyisipkan quote[blockquote]QUOTE ANDA[/blockquote]
Untuk menyisipkan gambar[img]URL Gambar[/img]
Untuk menyisipkan video[youtube]URL Video[/youtube]
Anda bisa mengekspresikan komentar Anda dengan emoticon
Klik subscribe by email agar Anda segera tahu balasan komentar Anda

 
D-Copy Blog © 2013 - All Rights Reserved Design : Creating Website Published : Mas Template