Cara Mempercantik Facebook Likebox

Cara Mempercantik Facebook Likebox

Bagi teman2 sesama blogger yang punya facebok likebox di situsnya masing2 yang mengalami masalah tampilan likebox yang diluar batas aturan ukuran disitus masing2 atau bagi yang ingin menghilangkan bordernya (garis persegiempat) likebox. Setelah mencari di mesin pencari saya menemukan trik sederhana untuk ini, hanya dengan menambahkan kustomisai di stylesheet nya (css), kebetulan saya menggunakan wordpress untuk blog saya, jadi hanya perlu menambahkan baris css dibawah ini ke dalam file style.css theme wp nya:

#likebox-frame { border: none; height:200px; left:-2px; overflow:hidden; position:relative; top:-2px; width:275px; z-index:10; } #likebox-frame iframe { left:-5px; overflow:hidden; position:relative; top:-1px; } </>

Kemudian untuk tampilan likeboxnya tinggal ditambahkan kodenya seperti dibawah ini:

SebelumNya

<iframe src="http://www.facebook.com/plugins/likebox.php?id=134004156712806&amp;width=270&amp;connections=4&amp;stream=false&amp;header=false&amp;height=220" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:260x; height:220px;" allowTransparency="true"></iframe>

SesudahNya

<div id="likebox-frame"> <iframe src="http://www.facebook.com/plugins/likebox.php?id=134004156712806&amp;width=270&amp;connections=4&amp;stream=false&amp;header=false&amp;height=220" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:260x; height:220px;" allowTransparency="true"></iframe> </div>

Gimana jadi cantik bukan? silahkan disesuaikan dengan ukuran diblog kalian masing2.