Cara Membuat "Facebook Like Box" Pada Blog

Tips Membuat Floating Facebook Like Box  - Widget melayang Facebook Like Box kali ini lebih simple dan ringan daripada widget-widget melayang lain yang pernah saya coba. Menempatkan widget dengan cara disembunyikan atau widget floating/melayang selain menghemat tempat pada sidebar juga dimaksudkan supaya tidak menghambat kecepatan loading awal blog pada saat dibuka. Floating Facebook Like Box ini saya dapatkan saat melancong ke blog tetangga dari Uruguay (jauh sekalee..!) yang full stylish banget. So mumpung masih fresh mendingan langsung bagi-bagi aja buat sobat blogger yang mungkin kepingin memasang widget melayang Facebook Like Box di blognya.

Cara Membuat Widget Melayang Facebook Like Box

1.     Sebelumnya anda harus sudah mendaftar dan mendapatkan kode Facebook Like Box untuk nanti dipasang pada widget.

2.       Login ke dashboard blogger anda.

3.       Pilih Rancangan > Elemen Laman > Add Gadget (HTML/Javascript).

4.       Copy script widget dibawah ini dan paste pada gadget.

<style type="text/css">

.barrightfacebook{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOZoMnBMRKb4-EoyAI5u4QaTi8EHp9ZLmWUoGNG13z0YHKL_6ue0YJxylli4tZ4vwMDVXj_z_MoIXD-3qCYHzu3rr-S5qX822IIr6xSxOVCljBfV-Nr2UY0Ghyx216VOdRJqx6S4DY0d8y/');background-repeat:no-repeat;width:39px;height:159px;position:fixed;right:0px;top:370px; z-index:1000;}

.barrightfacebookc{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXuUVflAefpZGP9jQeGV85bYWNmNak0x5UHDnp7BdgfOSNUaFfHMEeOecjDHvig29GENmdYa4gQfddLgvu4SPDfQsAiX8lwOt710dsLPgqe8r5aBmof_66L2VgL2JllGFS2t1xmNC2RiaM/');background-repeat:no-repeat;width:288px;height:345px;position:fixed;right:0px;top:185px; z-index:1100;}

.barcontefacebook{margin:5px 0 0 47px}

</style>

<div class="barrightfacebook" onmouseover="this.className='barrightfacebookc'" onmouseout="this.className='barrightfacebook'">

<div class="barcontefacebook">

<!-- Begin Facebook -->

CONTENT FACEBOOK HERE

<!-- End Facebook -->

</div>

</div>

5.      Ganti tulisan CONTENT FACEBOOK HERE dengan kode Facebook Like Box anda.

6.      Jika pada template anda belum terdapat javascript dari Facebook, maka copy saja javascript dibawah ini dan letakkan tepat diatas kode </head>  pada template supaya widget Facebook Like Box ini bisa berfungsi.

<script>(function(d, s, id) {

  var js, fjs = d.getElementsByTagName(s)[0];

  if (d.getElementById(id)) {return;}

  js = d.createElement(s); js.id = id;

  js.src = &quot;//connect.facebook.net/en_US/all.js#xfbml=1&quot;;

  fjs.parentNode.insertBefore(js, fjs);

}(document, &#39;script&#39;, &#39;facebook-jssdk&#39;));</script>

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>

7.     Sesuaikan tinggi dan lebar widget supaya sama dengan ukuran Facebook Like Box yang anda buat sebelumnya melalui Facebook.

8.      Save / Simpan.

Well, cukup gampang bukan membuat widget melayang Facebook Like Box  ini ? Sekian dulu tips blogging kali ini, happy nice blogging on Saturday Night !!

Sofware Corel Draw X5" Portable Free Download

Corel Draw X5 Portable 100% Free Download

CorelDRAW Grap

hics Suite X5 adalah sebuah software Vector Graphics serbaguna yang dirancang untuk memenuhi kebutuhan dan membantu konsumen yang mendambakan kemudahan dalam menyelesaikan atau membuat sebuah grafis secara kreatif dan profesional untuk mengekspresikan ide-ide media apapun. Ilustrasi, lay out, jejak, Web desain grafis dan foto-edit dengan solusi lengkap untuk komunikasi visual. Mudah mengimpor dan mengekspor konten dengan kompatibilitas file terkemuka. Pergi lebih cepat daripada sebelumnya dengan yang baru, template yang dirancang secara profesional dan bahan pembelajaran yang menarik. Dibuat dengan percaya diri, mulai dari logo khas dan tanda-tanda, untuk materi pemasaran mencolok, Web grafis dan animasi, billboard, mobil wraps dan banyak lagi. Menawarkan peningkatan kecepatan, kontrol warna lebih akurat, dan alat desain baru dan ditingkatkan, ini harus-memiliki versi membantu Anda membuat desain yang luar biasa cepat.

Sudah tidak asing lagi kan dengan software desain editing yang satu ini,yaitu CorelDraw X5 Portable. salah satu software desain grafis yang paling banyak digunakan untuk berbagai macam keperluan desain, mulai dari pembuatan pamflet, desain logo, spanduk iklan, cover majalah dan lain2, dan disini saya akan share versi portablenya

• Microsoft® Windows® 7, Windows Vista®, Windows® XP, with latest service packs installed (32-bit or 64-bit editions)
• Intel® Pentium® 4, AMD Athlon™ 64 or AMD Opteron™ (Intel® Core™ Duo 1.83 GHz, AMD Dual-Core 2.0 GHz or higher required for video editing)
• 1 GB RAM (2 GB or higher recommended)
• 128 MB VGA VRAM or higher (256 MB or higher recommended)
• 4.5 GB hard disk space (to install all applications). Up to 9GB needed to install extra content
• 32-bit ODBC drivers for external database connectivity (for website creation)
• Mouse or tablet
• Windows-compatible sound card
• 1024 x 768 screen resolution (768 x 1024 on a Tablet PC)
• DVD drive
• Recordable DVD required for creating DVDs
• Recordable Blu-ray™ drive required for creating Blu-ray™ discs
• Internet connection required for online features and product registration
• Microsoft® Internet Explorer® 7 or higher
• NET Framework 3.5 Service Pack 1

Free Download Corel Draw X5 Portable Via 4Shared