Tutorial - Hearder Berkelap Kelip!

credit to : Farsya 1. Dashboard -> Tempelate -> Edit Tempelate 2. CTRL+F Tulis kod ini /* Header 3. Kalo Udah ketemu kode diatas, copy kode ini mg{cursor:vertical-text;opacity:1.0;}img:hover{background: url(http://a.deviantart.net/avatars/s/p/sparklesplz.gif?1);opacity:1.0;cursor:vertical-text;-webkit-transition:All 1s ease;-moz-transition:All 1s ease;-o-transition:All 1s ease;} 4. Dan Pastekan Diatas Kode /* Header 5. Save. CTRL + C Serentak ya to copy yah!!

Tutorial - "Cara menambahkan Buku Tamu"

"Cara menambahkan Buku Tamu"

 Hai, aku balik lagi nih :) kali ini, aku akan memberitahukan cara menambahkan Buku Tamu ke dalam BLOG... mmmm sebenarnya bukan aku sih yang ngasih tahu!! tapi... Aku Copast doank dari BLOG Guru TIK-ku di sekolahku :D hihihi langsung saja ya, Copastnya no edit, jadi maklumin kalo panjang!

Anda tinggal mencarinya pada mesin pencari semisal google ataupun yahoo, silahkan ketikan kata free shoutbox atau free guestbook pada search engine masing-masing situs, maka dalam beberapa detik saja akan muncul berpuluh-puluh situs penyedia buku tamu tadi, anda tinggal klik lalu coba lihat-lihat. Tapi untuk menghemat waktu pencarian anda, maka di sini saya akan langsung memberikan alamat situs penyedia buku tamu yang servernya lumayan bagus dan jarang sekali mengalami down yakni shoutmix. Untuk caranya silahkan anda ikuti langkah-langkah berikut ini :

1. Seperti biasa anda harus daftar terlebih dahulu dengan cara mengklik tulisan Get One noe, free>>, ataupun dengan mengklik tulisan Sign Up, silahkan anda tulis data-data anda pada form yang telah di sediakan.

2. Jika sudah tedaftar, dan di terima jadi anggota shoutmix, silahkan anda login dengan ID anda.

3. Pada kolom yang berjudul Style, klik menu appearance.

4. Silahkan klik menu pulldown di samping tulisan Load From Preset untuk mengatur tampilan buku tamu anda, silahkan pilih yang sesuai dengan keinginan anda. Jika sudah selesai klik Save Setting.

5. Untuk mendapatkan kode HTML dari shoutbox anda, silahkan klik Use Shoutbox yang berada di bawah menu Quick Start

6. Klik tulisan Place Shoutbox on web page. Isi lebar dan tinggi shoutbox yang di inginkan.

7.Copy seluruh kode HTML yang ada pada text area yang berada di bawah tulisan Generated Codes, lalu simpan di program Notepad anda.

8. Klik Log out yang berada di atas layar anda untuk keluar dari halaman shoutmix anda. Silahkan close situs tersebut.

9. Selesai.

Untuk menempatkan kode HTML shoutbox tadi pada blog anda, silahkan ikuti langkah-langkah berikut ini.

1. Log in terlebih dahulu ke blogger.com dengan id anda.

2. Klik menu Template.

3. Klik Edit HTML.

4. Paste kode HTML shoutbox anda yang telah di copy pada notepad tadi di tempat yang anda inginkan.

5. Untuk jelasnya saya ambil contoh dengan shoubox milik saya, untuk menempatkannya tinggal klik Edit pada browser lalu pilih... trus tuliskan kata buku tamu lalu klik find, maka kita akan langsung di bawa ke tulisan tersebut. Jika sudah ketemu tulisan tadi silahkan paste kode HTML shoutbox nya.

6. Klik tombol Preview untuk melihat perubahan yang kita buat.

7. Jika sudah cocok dengan perubahan tadi, klik Save Template Changes.

8.Selesai.

Sedikit Clue, agar shoutbox anda sesuai dengan ukuran lebar sidebar , anda bisa merubah ukuran lebar ataupun tinggi dari shoutbox , caranya anda tinggal merubah angka Width (untuk lebar) dan Height (untuk tinggi) dari dalam kode HTML shoutbox tersebut.

Untuk Blogger baru :

1. Silahkan Login dengan id anda.

2. Klik menu Layout.

3. Klik Page Element.

4. Klik Add a Page Element.

5. Klik tombol Add to Blog yang berada di bawah tulisan HTML/JavaScript.

6. Tuliskan judul shoutbox anda pada form title. Contoh : Buku tamu ku, atau my guestbook atau apa saja yang anda suka

7.Copy paste kode HTML shoutbox anda di dalam form Content.

8.Klik tombol Save Changes.

9. Drag & Drop element yang telah anda buat tadi di tempat yang di sukai.

10.Tekan tombol Save.

11.Selesai.

Selamat mencoba "Good Luck"

Nah!!!! itu dia!!! Cara menambahkan Buku Tamu ke dalam BLOG!!! Gimana udah berhasil? aku sih berhasil berhasil aja!! tapi males nambahin! hihihi mungkin kapan - kapan... mmmm panjang kan? namanya juga Copast dari BLOG Guru! Guru kan menerangkannya panjaaaaaang!!!. Hehehe. Udah dulu ya!! kapan kapan aku akan menambahkan Tutorial baru lagi Pastinya UNTUK BLOG!!

Tutorial - Cute Cursor

Ini tuto sangat senang !
Kepada NEW BLOGGERS , if korunk nak tahu caranye, meh ciniyh, Diva ajarin ^^

1. Korunk g cari code cursor yang korunk suka ;) nak thu cari kt mana ?Click CURSOR .

*Peringatan ! Yang "Animated" hanya untuk Internet Explorer ok :)

2. Korunk copy URL Code Cursor tuh  ! ;)
 *Then , korunk PASTE Url tuh  ,kat dalam kod at bawah yang Diva tunjukkan ini ;)

<style>body {cursor:url(URL ICON), url(URL ICON), auto;} </style>

<a href="LINK BLOG KORANG" target=_blank><div style="height: 50px; width: 50px; position: absolute; top: 0px; left: 0px;"> </div></a>

*Warna Merah , korunk letak URL Icon  korunk k .?

*Warna Kuning , korunk letak Url Blog korunk ;)

3. Then , Deashboard > Design > Add Gadget > Html/JavaScript

4. Paste Code tadi kat situ ok ?

5. Save. Selesai ^_^

Di sini , Diva ada contoh Cursor Comel :) (Kalau nak , ambik je, "Jgn Malu-Malu" .hehe)


http://cur.cursors-4u.net/smilies/smi-2/smi164.cur

  http://cur.cursors-4u.net/food/foo-4/foo348.cur

http://cur.cursors-4u.net/user/use-1/use67.cur

http://cur.cursors-4u.net/others/oth-4/oth305.cur

http://cur.cursors-4u.net/cursors/cur-3/cur278.cur

http://cur.cursors-4u.net/cursors/cur-2/cur168.cur

http://cur.cursors-4u.net/cursors/cur-2/cur227.cur

http://cur.cursors-4u.net/cursors/cur-1/cur94.cur

http://cur.cursors-4u.net/cursors/cur-1/cur11.cur

Senangkan .? :)
huhu^^

Tutorial - Button Follow Ans Dash Board

Lohaa.. How Are You Friends? baik? atau buruk? hehe

ada yg request lagi nih.. u,u mumpung lgi ada mood buat nge-posting ._.

yg belum tau diva kasih tau contohnya:

okay -_- langsung aje..

1.Dashboard >>  Layout >> Add A Gadget >>  HTML/JavaScript
2.Copy Code dibawah, paste di ruangan HTML/JavaScript

<div style="display:scroll; position:fixed; top:5px; right:90px;"><a class="linkopacity" href="http://www.blogger.com/follow-blog.g?blogID= ID BLOG ANDA" target="_blank" rel="nofollow" title="Follow !" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://assets.tumblr.com/images/iframe_follow_alpha.png?6" /></a> <div style="display:scroll; position:fixed; top:5px; right:2px;"><a class="linkopacity" href="http://blogger.com/home" target="_blank" rel="nofollow" title="Dashboard !" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://assets.tumblr.com/images/iframe_dashboard_alpha.png?6" /></a></div></div>  

3.ubah yang berwarna merah jadi ID blog kalian..
kalau kamu gak mau gambar yang itu, warna hijau kamu ganti dgn URL gambar kamu

4.Save :)

 

NB : kalau mau cuman follow aja delete yang <div style="display:scroll; position:fixed; top:5px; right:2px;"><a class="linkopacity" href="http://blogger.com/home" target="_blank" rel="nofollow" title="Dashboard !" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://assets.tumblr.com/images/iframe_dashboard_alpha.png?6" /></a></div></div> ya!

 Mau copas??

 

Cara nya : Diva Tutorial Blog

 

 

Tutorial SMS Gratis Di Blog

Mau SMS Orang Tapi Ga Ada pulsa?? mau beli pulsa ga ada duit? :v
pasang aja widget sms gratis di blogmu.. XD

PENTING! : Jangan lupa beritahu ke temanmu,jangan sampe temenmu bales ke nomer itu (contoh : balesnya ke nomer yang 021xxxxxxx aja ya,jangan ke nomer ini)

Okeh langsung saja ke tutornya

1. Login blog -> dashboard -> tata letak

2. Tambah Gadget -> HTML JavaScript

3. Copy dan paste kode ini

<!-- Start SMS gratis -->
<iframe src="http://www.freesmsvoip.com/index.php?do=widget" width="292"height="260&quot; frameborder="0" scrolling="auto"></iframe>
<!-- end SMS Gratis -->

4. Save.

Selesai Kann??

Credit Evania ♥ 

Tutorial : Scroll Bar BerWarna

 

Alar , yang Diva tunjukkan anak panah tuh lahh .

Scroll Bar Warna Pink . Comel kan ?

Kalau rajin , tolong lah Follow Blog BestFriend Diva everever nih :)

Cik Nynna nama nye :) Klik Pic atas untuk ke blognya ^^ 

OK ! STOoOOOPPPppP ! :)

Kembali ke tutorial ini .

Sebelum anda buat tutorial ini ..

AMARAN KERAS !

Diva nak peringat korang lah..

Tutorial ini , hanya berfungsi kepada pengguna Google Chrome sahaja !

Segala-gala yg lain . Mozilla ke , Internet Explorer ke , tak kan menjadi ok?

  

Ok . Mari kita mulakan =,=

1. Dashboard > Design > Edit Html > Tick Expand Widget Templates

2.Tekan Ctrl F serentak , cari kod ini :

]]></b:skin>

3. Dah jumpa ? Gud ! Copy kod ini pulak :

::-webkit-scrollbar {
height:12px;
width: 12px;
background: #ffffff;
}
::-webkit-scrollbar-thumb {
background-color: #ff3399;
-moz-border-radius: 10px;
border-radius: 10px;
border: 1px solid #ffffff;
} 

4. Paste kan kod itu DI ATAS kod ]]></b:skin>

Ok , sudah kan ? Jom kita adjust pulak ikut cita rasa korang ye=,=

* Warna Biru = background scroll bar
* Warna Pink = warna scroll bar anda


5. Kepada sesiapa nak ubah warna boleh cari kod DI SINI !


6. Dah siap , Preview dulu . Then , SAVE ! Menjadi takk ? :*

Tutorial : Membuat Top Hits

Mau Top Hits Kaya Diatas.. Yuk Follow Tutorsnya

1. ke Sini
2. Klik Tanda Bulet Di samping gambar top hit yang kamu pilih
3. Tulis Emailmu Yang ada di bawah (your email)
4. klik "create hit counter)
5. copy kodenya
6. dasboard -> tata letak -> tambah gadget -> html javascript -> copy
7. save