Membuat Bingkai Cbox (Background)

Credit: Farah

Hai Semua.... mmmmm sebenarnya ini sama dengan Tutorial yang terdahulu, tapi lebih aku perjelas.. mengapa? karena katanya masih banyak yang bingung... langsung aja deh....(Ikuti Step)

1. Kalian Pilih Salah Satu Desain Bingkai CBOX Yang kalian suka... yang aku punya baru segini.

<div style="background:url(http://i804.photobucket.com/albums/yy321/anik93/chatbox-animation-1-1.gif) no-repeat;padding-right:8px;padding-left:1px;padding-top:130px;padding-bottom:35px;">

Setting Kode Chatbox :

Width : 170 px || Height : 152 px (bagian awal)

Width : 170 px || Height : 75 px (bagian akhir)

Text-align: Left

 __________ 

<div style="background:url(http://i804.photobucket.com/albums/yy321/anik93/yellow-girl-chatbox.gif) no-repeat;padding-right:3px;padding-left:17px;padding-top:140px;padding-bottom:80px;">

Setting Kode Chatbox :

Width : 170 px || Height : 190 px (bagian awal)

Width : 170 px || Height : 75 px (bagian akhir)

Text-align: Left

__________

<div style="background:url(http://i804.photobucket.com/albums/yy321/anik93/strawberry.gif) no-repeat;padding-right:1px;padding-left:25px;padding-top:145px;padding-bottom:70px;">

Setting Kode Chatbox :

Width : 155 px || Height : 210 px (bagian awal)

Width : 155 px || Height : 75 px (bagian akhir)

Text-align: Left

__________

 <div style="background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1SUayzxqmaNQe6epafCdgD0v7iENsWWZSmi3-hUrbS8XAUuVmQhhyD_-1DiH-cIbmU9pk61GfLHWKqbfGN6isl0UfDrDMVvL-jj7n9F_9IfxOEl3RVZCSP3tffhwImejb61PAWy15gHQO/s1600/cboxqs7.gif) no-repeat;padding-right:20px;padding-left:13px;padding-top:110px;padding-bottom:90px;">

Setting Kode Chatbox :

Width : 175 px || Height : 190 px (bagian awal)

Width : 175 px || Height : 75 px (bagian akhir)

Text-align: Left

__________

 

<div style="background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_4M4_JRcKDxurd4IbmlnxcdZxOVhl65RmoeX7a6iYRf9UjvylXKd6s14EXRDKE2ys4LG3-NtGSBGQqOPEfZiainXQIzpBQ0XtuXS5blJ8TCyfeUykSPOJx-HcvNkLGB_bTxBUCxMmsldy/s1600/cbox1fv2.gif) no-repeat;padding-right:25px;padding-left:10px;padding-top:100px;padding-bottom:40px;">

 Setting Kode Chatbox : 

Width : 175 px || Height : 160 px (bagian awal)

Width : 175 px || Height : 75 px (bagian akhir)

Text-align: Left

__________ 

2. Berikutnya..... kalian Buka Blogger

3. Klik Tata Letak.

4. Klik di tempat kita menyimpan cbox simple dulu.

5. klik edit.

6. taruh salah satu kode linknya, (kalian lihat gak baris ke dua yang ada tulisan <Div nah sepanjangan 1 baris itu sampai Tulisan 0"> dihapus... dan diganti dengan LINK Kode Bingkai CBOXnya.

7. kalian memilih LINK Bingkainya juga harus sesuai dengan LINK Angka Width n Height .... untuk mengukur luasnya... jika tidak diatur. maka akan kacau.

8. Klik Simpan ==> Simpan perubahan.

Cursor Frozen

Frozen sekarang menjadi film paling di gemari di seluruh dunia, dan tak kenal batas usia. Buktinya, tetanggaku yang sudah mempunyai dua anak (8 y & 6 y) sangat menyukainya. Dan, aku punya cursor tokoh Frozen-nya. Maaf, tapi cuma sedikit^^

<style type="text/css">body, a:hover {cursor: url(http://ani.cursors-4u.net/movie/mov-2/mov139.cur), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2014/03/18/elsa-disney-s-frozen.html" target="_blank" title="Elsa - Disney's Frozen"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Elsa - Disney's Frozen" style="position:absolute; top: 0px; right: 0px;" /></a>

<style type="text/css">body, a:hover {cursor: url(http://ani.cursors-4u.net/movie/mov-2/mov135.cur), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2014/03/18/anna-disney-s-frozen.html" target="_blank" title="Anna - Disney's Frozen"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Anna - Disney's Frozen" style="position:absolute; top: 0px; right: 0px;" /></a>

<style type="text/css">body, a:hover {cursor: url(http://ani.cursors-4u.net/movie/mov-2/mov138.cur), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2014/03/18/olaf-the-snowman-disney-s-frozen.html" target="_blank" title="Olaf the Snowman - Disney's Frozen"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Olaf the Snowman - Disney's Frozen" style="position:absolute; top: 0px; right: 0px;" /></a>

<style type="text/css">body, a:hover {cursor: url(http://ani.cursors-4u.net/movie/mov-2/mov137.cur), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2014/03/18/kristoff-disney-s-frozen.html" target="_blank" title="Kristoff - Disney's Frozen"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Kristoff - Disney's Frozen" style="position:absolute; top: 0px; right: 0px;" /></a>

<style type="text/css">body, a:hover {cursor: url(http://ani.cursors-4u.net/movie/mov-2/mov136.cur), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2014/03/18/prince-hans-disney-s-frozen.html" target="_blank" title="Prince Hans - Disney's Frozen"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Prince Hans - Disney's Frozen" style="position:absolute; top: 0px; right: 0px;" /></a>

Itu aja dulu ya^^

O ya, caranya tau enggak?

Login blog > Tata Letak > Add gadget > Html/Java Script > paste-kan salah satu kode di atas dan save tanpa judul^^

Pretty Cursor for You

Ada yang mau cursor cantik? Tau cursor kan? Kalau mau, ikuti step

1. Login blog kamu
2. Tata Letak atau Layout
3. Add gadget >>Html/Java Script
4. Paste kode di bawah ini. Pilih satu ya!
5. Save tanpa judul

<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/nature/nat-10/nat991.cur), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2011/12/29/angel-wing-heart.html" target="_blank" title="Angel Wing Heart"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Angel Wing Heart" style="position:absolute; top: 0px; right: 0px;" /></a>

<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/nature/nat-10/nat993.cur), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2011/12/29/heart-chat-bubble.html" target="_blank" title="Heart Chat Bubble"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Heart Chat Bubble" style="position:absolute; top: 0px; right: 0px;" /></a>

<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/nature/nat-10/nat992.cur), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2011/12/29/pink-diamond-2.html" target="_blank" title="Pink Diamond"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Pink Diamond" style="position:absolute; top: 0px; right: 0px;" /></a>

<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/nature/nat-10/nat989.cur), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2011/12/29/tiny-kaoani.html" target="_blank" title="Tiny Kaoani"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Tiny Kaoani" style="position:absolute; top: 0px; right: 0px;" /></a>

<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/nature/nat-10/nat995.cur), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2011/12/29/tiny-cd.html" target="_blank" title="Tiny CD"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Tiny CD" style="position:absolute; top: 0px; right: 0px;" /></a>

<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/nature/nat-10/nat980.cur), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2011/12/29/blue-berry-and-cherry-mix.html" target="_blank" title="Blue Berry and Cherry Mix"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Blue Berry and Cherry Mix" style="position:absolute; top: 0px; right: 0px;" /></a>

<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/nature/nat-10/nat983.cur), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2011/12/29/cute-bunny-holding-heart.html" target="_blank" title="Cute Bunny Holding Heart"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Cute Bunny Holding Heart" style="position:absolute; top: 0px; right: 0px;" /></a>

Udah? Gimana? Bagus, kan? Oke, sekian dulu ya^^ semoga bermanfaat buat kalian...

Membuat Text Berkelip Pada Blog

KALI Ini.... Tutorialnya Judulnya Cara Membuat Text Berkelip Pada Blog, Aku sih... Malas  nambahinnya!!! tahu kan?? udah kebanyakan LINK di Blogku! padahal Dulu Blogku banyak LINK-nya tapi gara gara itu jadi Hank :D hihihi!!!! ok! kalian mau ditambahkan gak Text berkelip ini ke blog Kalian??? OK Langsung aja (Ikuti Step).

1. Buka Blogger.

2. Pilih Tata Letak.

3. Tambah Gadget ==> HTML/JavaScript.

4. Copast Code Ini.

<div style="color: black; text-align: center;">
<blink> Text berkelip kalian </blink></div>  

5.  Ganti ganti dulu!!!!! 
black - gantikan dengan warna text yang anda mau.
center - kedudukan text yang anda mau, sama ada center, left atau right.
Text berkelip anda -  gantikan dengan perkataan yang anda mau.

6. Simpan ==> Simpan Perubahan.

"Selesai!!!" ^^

Selamat Mencoba yaaaaa

Credit: Farah

Cara Membuat Private Cbox

Dulu Fia pernah ngepost tutorial cara membuat simple cbox kan? Ok, sekarang Fia akan ngepost tutorial 'Cara Membuat Private Cbox' Buat yang udah punya cbox langsung aja follow this tuto. But, kalau yang belum punya akun cbox, follow tutor cara membuat cbox yg udah Fia post sebelumnya ;;)

• Login cbox.ws mu 
• Klik kolom publish
• Kan ada code cboxmu disitu, tinggal di copy 
• Login blogmu terus ke tata letak
• Klik add gadget/javascript
• Paste kode cboxmu, hapus bagian <div id sampai </iframe></div>

Contoh:

<!-- BEGIN CBOX - www.cbox.ws - v001 --><div id="cboxdiv" style="text-align: center; line-height: 0"><div><iframe frameborder="0" width="200" height="305" src="http://www4.cbox.ws/box/?boxid=4223959&amp;boxtag=wjtgea&amp;sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain4-4223959" style="border:#ababab 1px solid;" id="cboxmain4-4223959"></iframe></div><div><iframe frameborder="0" width="200" height="75" src="http://www4.cbox.ws/box/?boxid=4223959&amp;boxtag=wjtgea&amp;sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform4-4223959" style="border:#ababab 1px solid;border-top:0px" id="cboxform4-4223959"></iframe></div></div><!-- END CBOX -->

• Save :) 
• Credit: Aura Sabrina D

Membuat tombol Follow Blog Hello Kitty

ini adalah tutorial kelima untuk hari ini!!! terakhir ya :D kalau kalian masih kurang paham!!! bisa lihat!!!! 

Kalau sudah paham!!!! (Ikuti STEP)

1. Buka Blogger.

2. Pilih Tata Letak.

3. Klik tambah Gadget.

4. Pilih HTML/Java Script.

5. Copy Paste Link ini.

<div style="position:relative; top:5px; right: 4px; width:125px; border:2px solid #FFCBD9; border-radius:2px; position:fixed; padding:3px; color:#000000; font-size:11px; background:#ffffff; opacity:0.7; color:#000000; font-size:11px; text-align:center;"><center><img src="http://i.imgur.com/3RXYeMp.gif" /></center><a href="http://www.blogger.com/home" tip="">Dashboard</a> | <a href="http://www.blogger.com/follow-blog.g?blogID=ID BLOG KALIAN" tip="">Follow</a></div>

 6. Untuk mendapatkan ID Blog bisa dilihat di Tata Letak.

7. Save tanpa judul.

8. Simpan perubahan!!!

Selesai!! Smoga bermanfaat!!

Credit: Farah

Memasang Chat Box di Blog

Haloooooo^^
Adakah yang belum tau cara buat cbox alias chatting box? hmm.... langsung aja yaa ikuti tutor ini hehe xD.

• Let's go to www.cbox.ws 
• Sign up >> semua kolom jangan sampai ada yang kosong >> Creat my Cbox
• Sudah buat akun? OK langsung aja login ;3
• Dan sekarang kamu ada di menu home. Klik PUBLISH
• Copy kode cbox mu
• Udh dpt kode cbox mu? OK sekarang kamu login ke blog
• Klik tata letak >> Tambah gadget >> Javascript/HTML
• Paste kode cboxmu
• SAVE
• Credit: Aura Sabrina D

Puluhan Freebies Header

Haaaaai abis ngestalk Blog Ihza :D nemu banyak Header :D Ratusan kayaknya kwkwkw hehehe mau? yuk ^^ Credit: Ihza Aulya

http://i.imgur.com/2e3iMkU.png

 

http://i.imgur.com/iApmaXI.png

 

http://i.imgur.com/AeA3Khk.png

 

http://i.imgur.com/bzwiWrU.png

 

http://i.imgur.com/Fzn8fB8.png

 

http://i.imgur.com/WE0FHlI.png