ANDYRRA: Cara membuat Variasi tulisan dan Background Cbox

Apabila kita sedang blogwalking ke blog teman blogger yang lain, kita para blogger biasanya suka meninggalakan jejak ataupun comment. Salah satu fasilitas yang sering di pakai untuk meninggalkan jejak ataupun comment yang paling sering di gunakan para blogger adalah buku tamu dari CBOX.

Mungkin karena gampang di pasang dan tidak ribet. Untuk mendapatkat kode cbox nya anda harus mendaftar dulu disini. Sekarang saya akan sedikit berbagi agar Jejak yang ditinggalkan di Cbox akan terasa lebih menarik perhatian jikalau jejak tersebut tidak standar atau tidak sama dengan jejek-jejak yang lain.

Ketidaksamaan tersebut bisa berupa pesan yang menarik atau nama pengunjung yang aneh. Selain itu, kita bisa juga meninggalkan jejak menarik dengan adanya variasi tulisan yang berbeda di pesan yang ada di Cbox. Dengan menggunakan variasi tulisan lain dari pada yang lain, kita berharap pengunjung lain yang sedang mengisi atau membaca Cbox tersebut akan meng klik nama anda.

He he he...Bagaimana caranya? langsung saja kita ke TKP.

Adapun sedikit rumus atau caranya membuat Variasi tulisan di cbox sbb:

Teks Tebal, kodenya adalah: [b] Tulisan/Pesan kamu [/b]

Teks Miring, kodenya adalah: [i] Tulisan/Pesan kamu [/i]

Teks Bergaris Bawah, kodenya adalah: [u] Tulisan/Pesan kamu [/u]

Teks Bergaris Tengah, kodenya adalah: [s] Tulisan/Pesan kamu [/s]

Teks Berukuran Besar, kodenya adalah: [big] Tulisan/Pesan kamu [/big]

Teks Berukuran Kecil, kodenya adalah: [small] Tulisan/Pesan kamu [/small]

Teks Rata Tengah, kodenya adalah: [center] Tulisan/Pesan kamu [/center]

Teks BerjalanTulisan/Pesan kamu kodenya adalah: [scroll] Tulisan/Pesan kamu [/scroll]

Teks Ber-Link, kodenya adalah: [url=http://andyrra.blogspot.com] Link [/url]

Teks Berwarna, kodenya adalah: [color=red] Tulisan/Pesan kamu [/color]

Kode warna di atas adalah untuk warna merah, sedang warna yang lain adalah: [color=lime] ... [/color]

[color=blue] ... [/color]   [color=green] ... [/color]   [color=yellow] ... [/color]

[color=pink] ... [/color]   [color=purple] ... [/color] [color=brown] ... [/color]

[color=bronze] ... [/color]   [color=orange] ... [/color]   [color=black] ... [/color]

[color=white] ... [/color] [color=gold] ... [/color] [color=silver] ... [/color]

[color=violet] ... [/color]   [color=hotpink] ... [/color] [color=navyblue] ... [/color]

[color=tan] ... [/color] [color=aqua] ... [/color]   [color=teal] ... [/color]

Anda bisa mengkombinasikan kode-kode di atas, seperti kode teks tebal digabungkan dengan kode teks miring dan kode warna

Contoh:

[scroll][big][url=http://andyrra.blogspot.com]Saya[/url][color=red]berkunjung[i]disini[/i][/color][/big][/scroll]

Hasilya :

Saya berkunjung disini

Disini juga saya akan berbagi bagaimana caranya membuat background Cbox. Dengan demikian Cbox anda akan menjadi lebih menarik. Langsung aja kita ikuti tutorialnya :

1. Sebelum Memberi gambar background pada Cbox, silahkan sobat login/membuat buku tamu dahulu klik disini, setelah jadi sobat pilih style presets

2. Lalu Sobat pilih style yang transparan, kemudian atur warna text dan link sesuai dengan yang sobat inginkan lalu save, seperti gambar dibawah ini:

Setelah selesai, Klik Publish, kemudian edit kode yang sobat dapat dari cbox tadi! kode cbox biasanya seperti dibawah ini:

3. Lihat pada kode cbox sobat untuk mempersiapkan ukuran gambar (berikut contoh kode cbox )

<br />
<div id="cboxdiv" style="line-height: 0; text-align: center;">
<br />
<div>
<iframe allowtransparency="yes" frameborder="0" height="180" id="cboxmain" marginheight="2" marginwidth="2" name="cboxmain" scrolling="auto" src="http://www4.cbox.ws/box/?boxid=3774938&boxtag=7yvqhh&sec=main" style="border: #21E000 1px solid;" width="200"></iframe></div>
<br />
<div>
<iframe allowtransparency="yes" frameborder="0" height="75" id="cboxform" marginheight="2" marginwidth="2" name="cboxform" scrolling="no" src="http://www4.cbox.ws/box/?boxid=3774938&boxtag=7yvqhh&sec=form" style="border-top: 0px; border: #21E000 1px solid;" width="200"></iframe></div>
</div>
<br />

height= 180
height= 75
-------------+
Total= 255Sedangkan lebar gambar tidak perlu dijumlahkan seperti diatas >> width=200

4. Setelah Gambar dipersiapkan silahkan upload pada tempat hosting image seperti Picasa atau Photobucket dll.
5. Login Blogger pilih >>Rancangan >>Elemen Laman, dan tambahkan gadget HTML/Java Script
6. Copas kode berikut :

<div style="background:url(https://lh3.googleusercontent.com/-OA7Lq3E5Hnk/TenMyOZV4hI/AAAAAAAAAOY/yr5PvtgcHpU/s640/dragon_black.jpg) no-repeat center;">
Kode Cbox Sobat Disini
</div>

Warna biru ganti dengan URL image sobat yang telah diupload
Warna merah isi code cbox yang telah anda daftarkan terlebih dahulu
7.Save

Note : "Jika gambar tidak tepat pada tengah cbox silahkan cari gambar/buat gambar sesuai dengan ukuran lebar dan tinggi widget sidebar blog sobat, gambar juga bisa berupa icon animasi dll"
no-repeat center dapat diganti dengan :

repeat
no-repeat center [Posisi gambar ditengah]

no-repeat center bottom [Posisi Gambar ditengah>>bawah]
no-repeat center left [Posisi Gambar ditengah>>kiri]
no-repeat center top [Posisi Gambar ditengah>>atas]
no-repeat bottom center [Posisi Gambar ditengah>>bawah]

Sekedar tambahan disini juga saya bagikan beberapa gambar bakcgroundnya :