Cara Menghilangkan atau Menyembunyikan Judul dan Deskripsi pada Blog

Assalamu Alaikum Warhmatullahi Wabarakatuh

Hai Cika'........Kita Ketemu lagi......

Saat aku lagi utak atik Header Blog aku....untuk pasang Banner..... Aku merasa terganggu dengan Judul Header dan Deskripsi yang selalu saja Muncul..................

untuk solusi dari semua itu maka Silahkan Simak Tips & Trik aku Berikut ini :

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

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

2.Klik Rancangan

3.Klik Edit HTML.

4.Untuk menembunyikan judul blog cari kode seperti dibawah ini .

 #header h1 {
margin:5px 5px 0;
padding:15px 20px .25em;
line-height:1.2em;
text-transform:uppercase;
letter-spacing:.2em;
font: normal normal 200% Georgia, Serif;
}

 Jika tidak ada Kode Seperti Itu maka cari saja 

.header h1

 lalu ganti seluruhnya dengan kode dibawah ini :

 margin:5px 5px 0;
padding:15px 20px .25em;
line-height:1.2em;
text-transform:uppercase;
letter-spacing:.2em;
font: normal normal 200% Georgia, Serif;
}

5.Kalo sudah ketemu Tambahkan kode display:none; di bawah kode font: normal normal 200% Georgia, Serif; .atau lebih jelasnya lihat kode dibawah ini.

#header h1 {
margin:5px 5px 0;
padding:15px 20px .25em;
line-height:1.2em;
text-transform:uppercase;
letter-spacing:.2em;
font: normal normal 200% Georgia, Serif;
display:none;
}

6.Selanjutnya untuk menyembunyikan deskripsi Dari judul Blog sobat silkan cari kode seperti di bawah ini .

#header .description {
margin:0 5px 5px;
padding:0 20px 15px;
max-width:700px;
text-transform:uppercase;
letter-spacing:.2em;
line-height: 1.4em;
font: normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif;
color: #999999;
}
7.Selanjutnya tambahkan kode display:none; di bawah kode color: #999999; atau biar lebih jelas lihat kode lengkapnya.

#header .description {
margin:0 5px 5px;
padding:0 20px 15px;
max-width:700px;
text-transform:uppercase;
letter-spacing:.2em;
line-height: 1.4em;
font: normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif;
color: #999999;
display:none;
}

8.Kalo tdk bisa juga cika'.......cari kode seperti di bawah ini.

.descriptionwrapper p{
margin:0;
padding:0px 0 0 110px;
line-height:1.0em;
font-style:normal;
font-weight:;
font-size:9pt;
letter-spacing:.1em;
color:#333;
}
9.Selanjutnya sama seperti di atas tinggal tambahin kode display:none; aja dibawah kode color:#333; .

10.Sehingga kodenya jadi seperti dibawah ini .

.descriptionwrapper p{
margin:0;
padding:0px 0 0 110px;
line-height:1.0em;
font-style:normal;
font-weight:;
font-size:9pt;
letter-spacing:.1em;
color:#333;
display:none;
}

11.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 »

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 »