Kamis, 25 Agustus 2011

Snippet CSS Code Widget Plipeo

Bagaimana para sobatku tercinta apa sudah pada memasang Widget By Plipeo! Yeee kenapa pada belom memasangnya ih. Itu baik sekali untuk meningkatkan pengunjung (traffic) dan mendapat backlinks berkali-kali lipat [-( Hampir blogger dari Indonesia ada disana loh. Beben Koben si bloglang anu ganteng kalem tea juga sudah mendaftarkan blog disana :-"

Ngomong-ngomong widget yang diberikan nanti berupa gambar yang diacak setiap kali reload, Koben cuma mau berbagi sedikit kode snippet agar bisa tampil super look dengan sentuhan efek border radius :D Bagi agan & aganwati yang sudah mendaftar dan di approve oleh pihak Plipeo, klik pada bagian tab yang bertuliskan Widget Anda (Your Widget).

Lakukan seting sesempurna mungkin guna mengambil script gadget yang akan diberikan.



Tulisan Widget code itulah scriptnya sob, ambil dan pastekan di notepad terlebih dahulu :) Mari kita mulai menginfus snippet code...cusss

Setelah script didapatkan hasil seting sana-sini, like this default script<script type="text/javascript" src="http://plipeo.com/widget/30/0/3/2/140/bottom/transparent/006b9b/Tahoma|1.2em|0.04em|13px|100%25|1px|1px|c0c0c0|center|top|square|1,2,7,6,5,9,3,4" charset="utf-8"></script>Grab ambil link script yang diberi warna biru, kemudian pastekan di address bar browse. Hasilnya akan tampak seperti



Gambar runyam, kesalahan bukan pada mata/monitor anda :D


Ketik pada keyboard Ctrl + U (view page source) Terdapat deretan tulisan document.write, perhatikan yang paling bawah ya!!! Scroll ke kiri secara perlahan dan temukan atribut unique id class urutan pertama.
document.write('<table cellspacing="5" cellpadding="3" style="width:100%; overflow:hidden; border:0px solid #cccccc; background-color:transparent; 

margin:0 auto;" class="daaebfdfececfaa">');
Kalau sudah melakukan tahapan diatas, sobat hanya perlu menuliskan script widget Plipeo menjadi
<style type="text/css">

.daaebfdfececfaa {

background: #555;

border-radius:10px;

-moz-border-radius:10px;

-webkit-border-radius:10px;

}

</style>



<script type="text/javascript" src="http://plipeo.com/widget/30/0/3/2/140/bottom/transparent/006b9b/Tahoma|1.2em|0.04em|13px|100%25|1px|1px|c0c0c0|center|top|square|1,2,7,6,5,9,3,4" charset="utf-8"></script>
Tulisan warna merah & berkedip itu merupakan unique id class.

Jangan merubah kode yang ada di dalam script secara manual. Kalau sobat tetap nekat merubah secara manual kode yang ada didalam script, maka harus mulai lagi langkah-langkah mendapatkan kode CSS (unique id class) snippet dari awal lagi seperti diatas [-X

Ternyata setiap kali kita melakukan Add Postingan, disortir dulu ama yang punya WEB...ck ck ck Menarik ternyata, tidak bisa sembarangan nih sob. Content is King berlaku disana!!!
Good luck :)

Happy snippet \m/

Tidak ada komentar:

Posting Komentar