Search Here

Showing posts with label Tutorial. Show all posts
Showing posts with label Tutorial. Show all posts

Saturday, April 20, 2013

Cara Membuat Kata Sambutan Di Tiap Postingan Blog

Hallo readers yang CETARRRR MEMBAHANAAAA TERPAMPANG NYATA (?)
Readers: Hhhhhhh *tandamarah
Me: Waduh, kenapa neng?
Readers: Kamu sih, dari kemaren gak bikin post !! Kita udah nungguin tau, udah 8 hari kamu gak bikin post, sekarang kita mau DEMO..!!
Me: Wadoooh !! Jangan demo dong, masa demo di blog (?) dan sorry udah lama gak biikn post. Tau gak kenapa aku gak bikin post?
Readers: Kenapa?
Me: Dasar kepo :P Aku gak bikin post karena males *peace* *digetokpakebatubata

Kembali ke tutor *alatukul
  • Pergi ke Dashboard lalu ke Template
  • Centang tanda Expand Widget Template
  • Cari code dibawah ini dengan menggunakan CTRL+F/F3
<data:post.body/>
  • Jika code diatas lebih dari satu, tambahkan lagi di yang paling atas
  • Taruh code dibawah ini sebelum/diatas code <data:post.body/>
<center><img src="URL IMAGE"/></center>
  • URL gambarnya bisa cari sendiri atau membuat sendiri di sini
  • Klik save
Credit to: Lee Kyuri

Friday, April 12, 2013

Cara Membuat Kotak Blockquote Yang Imut

Bonjour! Tutors lageee?
Sebenernya sih aku lagi super duper males bikin tutor, tapi udah 3 hari gak bikin tutor dan kasian kepada kalian yang setia di blog ini (?) :'

Check this out --»
  • Pergi ke Template/Design
  • Edit HTML
  • Cari code dibawah ini dengan menggunakan CTRL+F/F3
.post-body {
  • Copy code dibawah ini dan paste di atas code .post-body {
.post blockquote { background-image:url(URL GAMBAR BACKGROUND BLOCKQUOTE);
-moz-border-radius-topleft: 10px; -moz-border-radius-bottomleft: 10px; padding:
6px; Border: 3px solid #FCA8CB; margin: 1em 20px;}
  • Klik Save
Merah: Url Gambar Background Blockquote
Biru: Jenis Border
Orange: Code Warna Border

Jenis-Jenis Border

Credit to: Lee Kyuri

Tuesday, April 2, 2013

Cara Membuat Cursor Lucu

Hey hey reader(s) yang kece :P {Kecean juga aku (Penulis tutor ini)}
Jadi, apa kabar? Untuk yang sedang sakit, bersabarlah. Suatu hari nanti kalian akan sembuh :)
Untuk yang hari ini meninggal. Semoga amal ibadahnya di terima disisi Allah SWT.

Jadi kita to the point aja ya ! Yang mau tau tutornya harus follow blog ini dulu, yang gak dosa :'
gak lah :P. Enjoy reading :D
  • Buka http://www.cursors-4u.com/ --» Klik kategori yang diinginkan
  • Klik cursor yang diinginkan --» Copy codenya
  • Log in ke blog --» Pergi ke Dashboard lalu ke Layout
  • Add a gadget lalu pilih HTML/JAVASCRIPT
  • Paste code cursornya di dalam HTML/JAVASCRIPT
Berikut Ini Adalah 5 Macam Contoh Cursor Berkategori Cute :
  • Black Moustache Cursor :
<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/others/oth-7/oth639.cur), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2011/11/07/black-moustache.html" target="_blank" title="Black Moustache"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Black Moustache" style="position:absolute; top: 0px; right: 0px;" /></a>
  • Cute Blinking Blue Cat Cursor :
<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/nature/nat-4/nat355.ani), url(http://cur.cursors-4u.net/nature/nat-4/nat355.png), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2009/01/30/cute-blinking-blue-cat.html" target="_blank" title="Cute Blinking Blue Cat"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Cute Blinking Blue Cat" style="position:absolute; top: 0px; right: 0px;" /></a>
  • Cute Running Puppy Cursor :
<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/nature/nat-4/nat354.ani), url(http://cur.cursors-4u.net/nature/nat-4/nat354.png), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2009/01/30/cute-running-puppy.html" target="_blank" title="Cute Running Puppy"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Cute Running Puppy" style="position:absolute; top: 0px; right: 0px;" /></a>
  • Tiny Finger Point Hand With Heart Cursor :
<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/nature/nat-10/nat997.cur), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2011/12/29/tiny-finger-point-hand-with-heart.html" target="_blank" title="Tiny Finger Point Hand With Heart"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Tiny Finger Point Hand With Heart" style="position:absolute; top: 0px; right: 0px;" /></a>
  • Cute Polka Dotted Magenta Bow Tie Ribbon Cursor :
<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/others/oth-8/oth708.cur), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2011/12/03/cute-polka-dotted-magenta-bow-tie-ribbon.html" target="_blank" title="Cute Polka Dotted Magenta Bow Tie Ribbon"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Cute Polka Dotted Magenta Bow Tie Ribbon" style="position:absolute; top: 0px; right: 0px;" /></a>
Credit to: Johana ZJ

Monday, April 1, 2013

Cara Merubah Favicon Blog

Kalian tau apa itu favicon?
#Lirik ke icon tab samping kiri blogku
Itu lho, kucing yang lagi tiduran. Dan secara singkat favicon adalah icon kecil yang bisa diganti untuk menghiasi tab blog (menurutku :P). Mau tau tutorsnya? Nih tutorsnya ... Kece lho!
  • Pergi ke Dashboard lalu ke Template
  • Edit HTML
  • Centang Expand Widget Templates
  • Press CTRL+F/F3 dan cari code
</head>
  • Lalu copy code dibawah ini dan paste di atas code </head>
<link href='URL GAMBAR' rel='shortcut icon' type=image/x icon'/>
  • Ganti tulisan berwarna MERAH menjadi url gambar yang kamu mau
  • Klik Save
Credit to: Lee Kyuri

Sunday, March 31, 2013

Rain Effects

Holla, I'm back with a super cool tutor!
You can read the tittle of this tutor, have you read it?
Good, now you can read the instruction, go ahead!

Template Designer

  • Dashboard » Layout »Add a gadget» HTLM/JAVASCRIPT
Template Classic
  • Dashboard » Template
  • Press CTRL+F/F3 dan cari code </style>
    Copy code dibawah ini
<script type="text/javascript" language="javascript" charset="euc-jp" src="http://www.hapinemu.net
/fobp/bp092/bp092.js"></script><p><a href="http://www.hapinemu.net/blogparts/"></p>

  • Template designer paste di dalam HTML/JAVASCRIPT
  • Tempate classic paste di bawah code <style/>
  • Preview & Save
Credit to: Mrs.Baekyeol

Saturday, March 30, 2013

Cara Membuat Judul Blog Bergerak

Bonjour!
Welcome, my name is Lee Moustache. And now, you are reading this, am i right?
Heheh
  • Pergi ke Dashboard lalu ke Layout
  • Klik Add a gadget
  • Pilih HTML/JAVASCRIPTMasukan code dibawah ini
<script language=javascript>
msg = "JUDUL BLOGMU";

msg = "~" + msg;pos = 0;
function scrollMSG() {
document.tittle = msg.substring(pos, msg.length) + msg.substring(0, pos);
pos++;
if (pos > msg.length) pos = 0
window.setTimeout("scrollMSG()",200);
}
scrollMSG();
</script>
  • Ganti tulisan berwarna MERAH menjadi judul blog yang kamu inginkan
  • Ganti tulisan berwarna ORANGE menjadi hiasan yang kamu inginkan, misalnya ~
  • Klik SAVE
Credit to: Lee Kyuri

Friday, March 29, 2013

Cara Mengganti Warna Highlight

Silahkan enjoy tutor ini :D
#TumbenGakNgomongPanjangLebar-_-

  • Pergi ke Dashboard lalu ke Template/Design
  • Klik Edit HTML
  • Cari code dibawah ini dengan menggunakan CTRL+F/F3
a:link {
  • Lalu copy code dibawah ini
:: moz-selection {background:#FFFFFF; color:#FCA8CB;}
:: selection {background:#FFFFFF; color:#FCA8CB;}
  • Ganti tulisan berwarna MERAH menjadi warna background ketika di highlight
  • Ganti tulisan berwarna ORANGE menjadi warna tulisan ketika di highlight
  • Klik SAVE
Catatan: Tutorial ini hanya bisa jadi jika kalian menggunnakan browser Google Chrome atau Mozilla Firefox
Credit to: Lee Kyuri

Thursday, March 28, 2013

Cara Menukar Bullet Biasa Ke Icon Lucu

Aku kembali dengan tutorial yang kece badai lho !!
Sekarang tentang bullet. Tau kan yang mana yang namanya bullet? Pasti tau dong !! Kan kalian anak pintar, yang rajin belajar. Heheh :D
Mau tau gak gimana caranya menukar bullet biasa ke icon lucu? mau tau gak? mau gak? 
Dasar anak kepo :P

Nih tutonya --»
  • Pergi ke Dashboard lalu ke Template
  • Klik Edit HTML
  • Cari code dibawah ini dengan menggunakan CTRL+F/F3
/* Header
  • Paste code dibawah ini dan paste diatas code /* Header
li {list-style-image:irl(http://media.tumblr.com/tumblr_m3wh4koB3w1qdlkyg.gif) ;}li:hover {list-style-image:url(http://media.tumblr.com/tumblr_m3wh4koB3w1qdlkyg.gif) ;}
  • Ganti tulisan berwarna MERAH menjadi gambar icon sebelum disentuh oleh cursor
  • Ganti tulisan berwarna ORANGE menjadi gambar icon setelah disentuh oleh cursor
  • Klik SAVE dan jadi !!
Cara Menggunakan Bullet


Credit to: Farsya Widodo

Wednesday, March 27, 2013

Cara Membuat Efek Link Berpelangi

Whats up chingu?!
Kalian tau kan apa itu efek link berpelangi? Tau donk masa gak :P
Untuk yang belom tau, silahkan lihat foto ini --»

Sekarang udah tau kan? Atau belom?
Mau tau caranya? Gak akan aku kasih tau :P
Aku akan mengasih tau kalian kalau kalian membayar dengan mengcomment post ini !!
Yang gak comment dosa !! Yang comment masuk surga !! Peace ._.V
Nih, baca atau pergi !! #Kejam ._.)

  • Pergi ke Dashboard lalu ke Layout/Tata Letak
  • Klik Add a gadget/Tambah gadget
  • Pilih HTML/JAVASCRIPT
  • Lalu masukan code dibawah ini
<script src= "http://sites.google.com/site/tutorialcursorsparkle/raibow.user/js"
type="text/javascript">
/***********************************************
http://rikakyuri.blogspot.com/
***********************************************/
</script>
  • Tulisan HTTP://RIKAKYURI.BLOGSPOT.COM dilarang diganti, yang ganti dosa !!
Credit to: Lee Kyuri

Tuesday, March 26, 2013

Cara Memasang Header Blog

Bonjour !!
Untuk kalian yang belom tau apa itu header, silahkan lihat foto ini --»


Sekarang udah tau kan?
Mau tau caranya memasang header?
Iiih, kalian kepo banget :P. Yaudah nih --»
  • Design --» Layout / Tata Letak
  • Klik "Header" (Disamping nama blogmu)
  • Unggah gambar kamu disitu!
Sekarang udah tau kan?
Credit to: Me. Why? Because --
» Waktu pas masih blogger trainee, aku pengen banget pake header. Lama - lama aku muter-muter nyari dashboard (design). Pas aku liat layout, aku ngeliat ada tulisan header. #Deng deng deng, suara musik datang dari mana ya? *Lebay. Tuh kan jadi curcol -_-         

          Aku punya beberapa header untuk para chinguku !!^^

Black Moustache