Cara Merubah Tampilan Kursor Pada Blog

Assalamu Alaikum Warahmatullahi Wabarakatuh

Halo Cika'........para Blogger sejati......

 

Mungkin Anda ingin merubah cursor pada blog sobat dengan cursor yang anda inginkan . Apakah sobat menginginkan sesuatu seperti itu????
jika sobat ingin, sini saya mungkin dapat memberikan tips untuk Merubah Cursor Pada Blog.

Bagaimana Merubah Cursor Pada Blog:
1. Login ke blogger dan memilih layout (tata letak)
2. Pilih EDIT HTML
3. Centang Expand widget template ato tekan Ctrl+F lalu Copy </head>  dan paste pada Find (sebelah kiri bawah monitor)
4. Kemudian menempatkan kode html berikut di atas  </head>

<style type="text/css">
HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/spongebob-ani.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/spongebob-ani.gif"), auto;}
</style>

Atau kalau mau memilih model kursor yang lain silahkan klik Disini

5. Sebelum disimpan Silahkan Klin Dulu Pratinjau untuk melihat Hasil sementarax ....

6. Kalau merasa sudah baik silahkan anda Simpan

Note : Cuma itu yang aku bisa berikan Cika'...

            Sebelum Anda Keluar SIlahkan Beri Komentar dan Jangan Lupa Follow Me...

Wassalamu Alaikum Warahmatullahi Wabarakatuh

Read more »

Cara Membuat Daftar Isi

b

Assalamu Alaikum Warhmatullahi Wabarakatuh
 

Cara ini saya peroleh dari infotentangblog lalu saya re-post disini.

Fitur daftar isi ini adalah Daftar isi ini tidak hanya menampilkan judul dan link-nya, tapi juga menampilkan label, tanggal postingan, serta ringkasan dari artikel-artikel kita.

Selain itu, daftar isi ini dapat di-filter untuk menampilkan beberapa artikel dengan label atau tanggal tertentu saja, dan dapat juga diurutkan sesuai tanggal atau judulnya.

Untuk contoh, bisa sobat lihat Disini.

Langkah-langkah cara membuat Cara Membuat Daftar Isi Versi II

1. login blog

2. klik Entry Baru (Edih HTML bukan Compose)

3. lalu masukkan kode dibawah ini

<div id="cl_option"> Loading... </div>
<div id="cl_content_list"> </div>
<script type="text/javascript">var jumlah_kata_dalam_ringkasan = 200;</script>
<script src="http://imdad.googlecode.com/files/DaftarIsi-Revo2.js"> </script>
<script src="http://to-b-one-ii.blogspot.com/feeds/posts/default?alt=json-in-script&amp;callback=onLoadFeed&amp;max-results=500"> </script>

NB :angka 200 adalah posting yg muncul maksimum dan yang berwarna biru ganti dengan alamat blog sobat

Wassalamu Alaikum Warhmatullahi Wabarakatuh

Read more »

Cara Membuat Hujan Salju DI Blog Update

Assalamu Alaikum Warahmatullahi Wabarakatuh

Hai Cika'.........
ini adalah Cara Membuat Hujan Salju DI Blog Update - Di Postingan Terdahulu saya pernah membuat Cara Membuat Salju Di Blog, tapi kode JS nya sudah gak berfungsi, jadi saya update aja daripada mengecewakan pengunjung maka saya buat 'Cara Membuat Hujan Salju DI Blog Update'. berikut adalah tutorialnya :

• Masuk ke Blogger
• Pilih Rancangan - Edit Html - centang Expand widget template
• Kemudian letakkan kode berikut diatas kode </body>

<script src='http://cayunkatel.googlecode.com/files/snow.js' type='text/javascript'>
</script>

• Kemudian Save Template.

mudah Kan.... Cika'........
Nah....Sekarang anda sudah bisa melihat Blog anda .................

Wassalamu Alaikum Warahmatullahi Wabarakatuh 

Read more »

Cara Membuat Teks Berjalan di Navbar

Assalamu Alaikum Warahmatullahi Wabarakatuh

 Kalau anda ingin memasangnya di blog anda, ada

2 (dua) cara dalam pemasangannya dan anda pilih saja

salah satunya. Silahkan anda ikuti langkah-langkahnya

seperti yang tertera di bawah ini :

---

   ■ CARA YANG PERTAMA ■

   1. Login ke Blog anda.

   2. Pada Dasbor, anda klik Rancangan, klik Edit HTML

   3. Copy dahulu kode script di bawah ini :

<SCRIPT language='JavaScript'>
var txt=&quot;***......Selamat datang Pada Blog Andis-To-B-One-II .....*** ***....... Tempat Untuk Bertukar Ilmu .......*** &quot;;
var speed=140;var refresh=null;function move() { document.title=txt;
txt=txt.substring(1,txt.length)+txt.charAt(0);
refresh=setTimeout(&quot;move()&quot;,speed);}move();
</SCRIPT>
<script type='text/javascript'>
if (window.jstiming) window.jstiming.load.tick(&#39;headEnd&#39;);
</script>

   4.  Cari kode ]]></b:skin>

   5.  Letakkan kode yang anda copy tadi

        dibawah kode ]]></b:skin> ini.

   6.  Silahkan anda pratinjau, setelah itu simpan.

   CATATAN :

   •  Ganti kalimat yang berwana biru pada kode di atas

      dengan kalimat anda sendiri.

   •  Atur kecepatan tampilan teks (speed) nya. Di bawah

      angka 140, teks akan semakin cepat pergantiannya.

---

   ■  CARA YANG KEDUA ■

   1. Login ke blog anda.

   2. Pada Dasbor, anda klik Rancangan

   3. Tambah Gadget dan pilih HTML/JavaScript

   4. Copy Script di bawah ini, paste-kan ke

       dalam kontennya.

   5. Simpan dan anda lihat hasilnya.

<script type="text/javascript">
function tb8_makeArray(n){
this.length = n;
return this.length;
}

tb8_messages = new tb8_makeArray(4); 
tb8_messages[0] = WELLCOME TO BLOG ANDIS-TO-B-ONE-II;
tb8_messages[1] = IKUTI TUTORIAL BLOG INI;
tb8_messages[2] = SEMOGA BERMANFAAT;
tb8_messages[3] = SAMPAI JUMPA LAGI & TERIMA KASIH;
tb8_rptType = 'infinite';
tb8_rptNbr = 5;
tb8_speed = 100;
tb8_delay = 2000;
var tb8_counter=1;
var tb8_currMsg=0;
var tb8_tekst ="";
var tb8_i=0;
var tb8_TID = null;
function tb8_pisi(){
tb8_tekst = tb8_tekst + tb8_messages[tb8_currMsg].substring(tb8_i, tb8_i+1);
document.title = tb8_tekst;
tb8_sp=tb8_speed;
tb8_i++;
if (tb8_i==tb8_messages[tb8_currMsg].length){
tb8_currMsg++; tb8_i=0; tb8_tekst="";tb8_sp=tb8_delay;
}
if (tb8_currMsg == tb8_messages.length){
if ((tb8_rptType == 'finite') && (tb8_counter==tb8_rptNbr)){
clearTimeout(tb8_TID);
return;
}
tb8_counter++;
tb8_currMsg = 0;
}
tb8_TID = setTimeout("tb8_pisi()", tb8_sp);
}
tb8_pisi()
</script>

   CATATAN :

   •  Ganti kalimat yang berwana biru pada kode

      di atas dengan kalimat anda sendiri.

   •  Atur tampilan teks pada kode (tb8_speed = 100;)

      dan (tb8_delay = 2000;)

   Selamat mencoba Cika'....., semoga berhasil.

          Wassalamu Alaikum Warahmatullahi Wabarakatuh

Read more »

Cara Membuat Kata Sambutan dan Penutup Pada Blog

A. Cara membuat Kata Sambutan di blog

1. Login di Blogger
2. Edit Tata Letak/ Rancangan 

3. Tambah Gadged

4. Pilih HTML/JavaSricpt

5. Save

6. OK

<SCRIPT language='JavaScript'>alert("WELCOME TO  BLOG ANDIS-TO-B-ONE 'Jangan Lupa Follow Me & Beri Komentar ya' ");</SCRIPT>

Ket : Gantilah kata-kata yang berwarna BIRU sesuai keinginan kamu.

B. Cara membuat pesan penutup di blog

Proses nya sama dengan di atas OK

<script type='text/javascript'>
// goodbye alert
function goodbye(){
alert('TERIMA KASIH CIKA   ATAS KUNJUNGANNYA" ');
}
parent.window.onunload=goodbye;

</script>

Ket : Gantilah kata-kata yang berwarna BIRU sesuai keinginan kamu.. 

Read more »

CARA MEMBUAT HEADER BLOG DENGAN BANTUAN SITUS BANNER MAKER GRATIS

Cara membuat header blog dengan situs banner maker gratis agar hasil header yang kita buat tidak jadi pasaran , karena di situs banner maker itu kita bisa merancang beragam header tanpa takut ada yang menyamakan header yang kita buat.


Mengenai cara membuat header blog dengan bantuan situs banner maker yaitu :
1. Pergi situs puresilvabannermaker
2. Kemudian pada halaman situs itu kita bisa memulai membuat header blog kita , ikuti petujuk gambar di bawah ini :





3. Jika sudah sesuai selera klik save banner,dan simpan di kumputer kita, namun haeader itu ada tulisan linknya maka untuk menghilangkannya bisa gunakan aplikasi paint di computer atau bisa juga gunakan ACDSee Photo Manager 2009 dengan bantuan cropnya

4. Untuk menempatkannya di blog sangat mudah , upload saya di www.tinypic.com , jika sudah diuplaoad ambil link gambarnya pada kotak layout misal http://123.tinypic.com/12345.jpg
 

5. Sebelum mengutak atik Rancangan HTML Blog Silahkan Backup ato silahkan Klik Download Templet Lengkap dulu baru memulainya..

6. Silahkan Login Dulu Ke Blog Anda CIka'....

7. Klik Rancangan

8. Klik Edit HTML.

9. Setelah itu cari
    /* Header
----------------------------------------------- */,
terus ubah header h1 kita dengan dengan html di bawah ini :
 
@media all {
#header {
width:900px;
margin:20 auto 30px;
border:0px solid #ccc;
background:url(http://i.imgur.com/OLACg.jpg) no-repeat top center;
}
}




Silahkan ganti tulisan yan gberwarna kuning dengan alamat gambar yang telah di buat sebelumnya.....
dan biasanya setiap HTML yang Blog miliki tdk mempunyai height:157px; 
Jadi Jika Tidak memiliki height:157px; maka pada saat Cika' sudah Save template maka hasilnya
akan terpotong pada bagian height jadi silahkan tambah height:157px; dibawah Width atau seperti dibawah ini 
 
@media all {
#header {
width:900px;
height:157px;
margin:20 auto 30px;
border:0px solid #ccc;
background:url(http://i.imgur.com/OLACg.jpg) no-repeat top center;
}
}



10.Sebelum Disimpan SIlahkan Klik Dulu PRATINJAU untuk melihat Displaynya......Kalo sudah sesuai dengan yang diinginkan....maka Silakan klik tombol SIMPAN TEMPLATE. 

Nb :. Seandainya Terjadi Kesalahan ato tdk bisa juga...silahkan tinggalkan Komentarx Inysa Allah akan kami beri solusinya........Trima kasih.....

Wassalamu Alaikum Warhmatullahi Wabarakatuh

Read more »

Membuat Teks Berjalan (Marquee)

Sebelumnya nggak pernah kepikiran untuk bikin tips seperti ini kalo saja Iman my little brother nggak minta bikinin tutorial marque. Sebenarnya saya ragu, bener nggak seorang yang pinter blog seperti Iman yang mempunyai template bagus minta saya bikinin tutorial marquee? Lagian bahasa html memang paling rawan untuk orang seusia saya, masih hijau lumut Tapi ya apa salahnya sih sekedar berbagi, yang jelas ini bukan tutorial lho, hanya sekedar tips memaksimalkan kemampuan, keindahan serta teks pada postingan atau pun sidebar blog Anda.

Apa itu Marquee?

Marquee adalah teks berjalan dalam bahasa html. Kalo kita lihat marquee menurut semantik sepertinya ga ada hubungan dengan teks berjalan, tapi kalo diperhatikan lagi… mmmmh memang ga ada hubungannya ^_^ (sepertinya). Tapi kalo kita mau perhatikan lebih dalem, Marquee mempunyai arti “Tenda Besar,” atau “tempat berteduh seperti atap dimuka pintu masuk sebuah gedung” Mmmmh… apa hubungannya dengan marquee sebagai teks berjalan…? Setidaknya menurut saya memang ada, melalui “tenda” tersebut orang lalu lalang berjalan.

Berikut ini contoh-contoh sebagian kecil penggunaan marquee pada teks. Sengaja marquee-marquee di bawah ini saya beri title mulai marquee 1.0 sampai 3.0.3, tidak ada keistimewaan dari penamaan tersebut, hanya untuk memudahkan saya dalam memberi penjelasan. Plus tambahan saya sertakan kode html yang diperlukan, Anda tinggal mengganti teks yang ada dalam kode tersebut “Teks Anda”.

Marquee 1.0

Marquee adalah teks berjalan lho
Marquee 1.0 ini merupakan marquee standar agar teks Anda bisa berjalan secara default (dari kanan ke kiri).

Tag Html
<marquee> Teks Anda</marquee>

Marquee 1.0.1

Marquee adalah teks berjalan lho
Marquee 1.0.1 adalah pengembangan dari 1.0, keistimewaannya jika Anda arahkan mouse pada teks tersebut maka dia akan istirahat dan berhenti dari perjalanannya yang panjang.

Tag Html
<marquee onmouseover="this.stop()" onmouseout="this.start()"> Teks Anda</marquee>

Marquee 1.0.2

Marquee adalah teks berjalan lho
Marquee 1.0.2 jika Anda menggunakan teks Arabic yang dimulai dari kanan ke kiri, maka Anda membutuhkan Marque ini yang berjalan sebaliknya; dari kiri ke kanan, contoh dengan teks arabic:
مرقو ادلح تيكس برجالان

Tag Html
<marquee direction="right"> Teks Anda</marquee>

Marquee 2.0

Marquee adalah teks berjalan lho
Marquee 2.0 Marquee ini tidak memiliki kemampuan magic seperti David Coperfield marquee sebelumnya yang bisa menembus ruang, Marquee 2.0 ini kerjaannya bolak-balik dari ruang kotak yang kasat mata.

Tag Html
<marquee behavior="alternate"> Teks Anda</marquee>

Marquee 2.0.1
Marquee adalah teks berjalan lho
Marque 2.0.1 Pengembangan dari marquee sebelumnya, dengan pancingan scrollamount dia menjadi sangat agresif
Marquee adalah teks berjalan lho

Tag Html
<marquee behavior="alternate" scrollamount="18"> Teks Anda</marquee>

Marquee 2.0.2
Marquee adalah teks berjalan lho
Marquee 2.0.2 Masih pengembangan dari Marquee 2.0 dengan sentuhan on-mouse-over stop dan on-mouse-out start, seperti marquee 1.0.1 jika Anda arahkan mouse pada teks maka dia akan berhenti.

Tag Html
<marquee behavior="alternate" onmouseover="this.stop()" onmouseout="this.start()"> Teks Anda</marquee>

Marquee 3.0
Marquee adalah teks berjalan lho #1

Marquee adalah teks berjalan lho #2

Marquee adalah teks berjalan lho #3

Marquee adalah teks berjalan lho #4

Marquee adalah teks berjalan lho #5

Marquee adalah teks berjalan lho #6

Marquee adalah teks berjalan lho #7

Marquee 3.0 Dia adalah marquee climbing, marquee pendaki ini suka sekali ketinggian, sehingga kita lihat arah teksnya pun ke atas (up) . Jika Anda memiliki teks yang banyak, maka marquee ini merupakan pilihan yg tepat dan sangat cocok sebagai teman pendamping hidup Anda.

Tag Html
<marquee direction="up"> Teks Anda</marquee>

Marquee 3.0.1
Marquee adalah teks berjalan lho #1

Marquee adalah teks berjalan lho #2

Marquee adalah teks berjalan lho #3

Marquee adalah teks berjalan lho #4

Marquee adalah teks berjalan lho #5

Marquee adalah teks berjalan lho #6

Marquee adalah teks berjalan lho #7

Marquee 3.0.1 Pengembangan dari marquee sebelumnya yang tidak mempunyai batas ruang, marquee ini kita batasi ruang kasatnya sehingga memliki height 100 saja. Demikian dengan kemampuan scrollamountnya kita perlambat. Dan kita kasih on mouse stop/start juga.

Tag Html
<marquee direction="up" onmouseover="this.stop()" width="100%" scrollamount="2" onmouseout="this.start()" height="100"> Teks Anda</marquee>

Marquee 3.0.2
Marquee adalah teks berjalan lho #1

Marquee adalah teks berjalan lho #2

Marquee adalah teks berjalan lho #3

Marquee adalah teks berjalan lho #4

Marquee adalah teks berjalan lho #5

Marquee adalah teks berjalan lho #6

Marquee adalah teks berjalan lho #7

Marquee 3.0.2 Masih pengembangan dari marquee sebelumnya, hanya saja teks berada di tengah ruang kasat.
Tag Html

<marquee direction="up" width="100%" scrollamount="2" height="100" align="center">Teks Anda</marquee>

Marquee 3.0.3
Marquee adalah teks berjalan lho #7

Marquee adalah teks berjalan lho #6

Marquee adalah teks berjalan lho #5

Marquee adalah teks berjalan lho #4

Marquee adalah teks berjalan lho #3

Marquee adalah teks berjalan lho #2

Marquee adalah teks berjalan lho #1

Marquee 3.0.3 Pengembangan juga dengan arah berlawanan dari marquee sebelumnya, marquee ini senang sekali berjalan menurun. Sehinggan teks yang kita lihat berjalan dari atas ke bawah. Kemampuan scrollamountnya tidak kita batasi sehingga terlihat agresif dengan ruang kasat yang kecil. Silahkan Anda perlambat sendiri.

Tag Html
<marquee direction="down" width="100%" height="100"> Teks Anda</marquee>

Demikian tips sederhana ini.........., silahkan Anda coba Cika'….!

Read more »