Cara Membuat Like Box Lebih Ringan

Kira-kira ada yang sudah punya widget ini belum ya, kalo belum bikin dulu sana " FANS PAGE " bagi yang belum punya fans page facebook, kalo sudah ya disini " LIKE BOX " .
Widget yang bikin blog super lambat loadingnya ini yang kadang kadang bikin sobat/pengunjung males ngebukanya. Meskipun hanya berupa tombol kecil yang pernah Share-Tuts pake sebelum ganti template, tapi cukup untuk membuat loading blog Share-Tuts lambat.

Ikutin Step by Stepnya jika sobat ingin membuat likebox lebih ringan :

- Masuk ke Facebook Developers.
- Bikin LikeBoxnya pake fanspage mu bukan punya saya.
- Setelah selesai utak atik klik " Get Code "
- Setelah dibikin lihat gambar dibawah :

Contoh Kode :

<iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Fpages%2FLimit-Post%2F271795519603025&amp;width=292&amp;height=290&amp;colorscheme=light&amp;show_faces=true&amp;border_color&amp;stream=false&amp;header=true" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:290px;" allowTransparency="true"></iframe>

- Nah, Ambil kode yang sudah Share-Tuts tandai itu, tapi jangan kode yang diatas kode itu punya LimitPost.
- Copy lalu simpan ke notepad sobat.

Next :
- Masuk ke template sobat lalu cari kode ini   </body>
- Masukan Javasript dibawah ini diatas kode tadi :

<script type="text/javascript">
//<![CDATA[
window.onload = function() {
    function createIframe(src, w, h, frID) {
        var i         = document.createElement("iframe");
        i.src         = src;
        i.scrolling   = "auto";
        i.frameborder = "0";
        i.width       = w;
        i.height      = h;
        document.getElementById(frID).appendChild(i);
    }

    // Definisikan dimensi, URL iframe dan tempat sasaran muat iframe di sini...
    createIframe("URL-Iframe", "Lebar Iframe", "Tinggi Iframe", "ID Kontainer");

}
//]]>
</script>

- Lalu cari lagi ini   ]]></b:skin>
- Masukan CSS-nya diatas kode tadi :

/* Iframe Preloader */
.framePreloader iframe {
  background-color:white;
  border:none !important;  
  display:block;
  margin:0px auto;
}

- masih belum selesai sob. cari kode yang di </body> tadi :

createIframe("URL-Iframe", "Lebar Iframe", "Tinggi Iframe", "ID Kontainer")

- Masukan kode yang disimpan ke notepad tadi kedalam kode createIframe, lalu hasilnya akan jadi seperti ini :

createIframe("http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fplatform&amp;width=292&amp;height=290&amp;colorscheme=light&amp;show_faces=true&amp;border_color&amp;stream=false&amp;header=true", "292px", "290px", "framePreloader1");

- INGAT !, kode sobat sendiri bukan kode yang diatas.
- Jika sudah simpan template sobat.

Pemasangan :
- Langkah terakhir adalah memasang widgetnya.
- Bikinlah widget baru, pilih yang HTML/Javasript.
- Lalu masukan kode like box sobat yang keseluruhan bukan kode-kode yang diatas ( kode pada gambar no.2 ).
- Jangan lupa sisipkan kode berikut ini pada widget like box nya :

<div class="framePreloader" id="framePreloader1"></div>

- Hasilnya yang mungkin akan jadi seperti ini :

<div class="framePreloader" id="framePreloader1"><iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Fpages%2FLimit-Post%2F271795519603025&amp;width=292&amp;height=290&amp;colorscheme=light&amp;show_faces=true&amp;border_color&amp;stream=false&amp;header=true" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:290px;" allowTransparency="true"></iframe></div>

- Jika sudah simpan widgetnya.
- Lalu simpan lagi.

Gimana cukup rumit yah sobat cara - caranya ntar deh klau ada cara yang lebih gampang akan Share-Tuts update :).

Source : http://limitpost.blogspot.com

Anda sedang membaca artikel tentang Cara Membuat Like Box Lebih Ringan dan anda bisa menemukan artikel Cara Membuat Like Box Lebih Ringan ini dengan url http://share-tuts.blogspot.com/2012/11/cara-membuat-like-box-lebih-ringan.html. Anda boleh menyebarluaskan atau mengcopy artikel Cara Membuat Like Box Lebih Ringan ini jika memang bermanfaat bagi anda atau teman-teman anda,namun jangan lupa untuk mencantumkan link sumbernya.

Ingin mempromosikan Blog, Produk, Bisnis, Jualan atau lainnya ? Sobat bisa memasangnya diBlog ini. Tunggu apa lagi mumpung masih ada slot untuk sobat. Silahkan hubungi ane dengan meng-Klik Disini

Related Posts :