Welcome

Sekarang saya akan membahas tentang bagaimana untuk mengganti icon address bar pada blog.Icon tersebut berguna untuk membedakan icon blog kita pada blog lain.Caranyapun tidak susah.Berikut merupakan tutornya:

Masuk ke menu Rancangan --> Edit HTML  kemudian tempatkan script berikut sebelum kode



ganti huruf yang dicetak tebal dengan lokasi gambar dimana kamu menyimpannya. Kalian bisa mencar dan menyimpan gambar di photobucket dan juga di imageshack.Atau kalo kalian tidak ingin pusing.,dibawah ini ada beberapa contoh icon/gambar beserta dengan linknya.
http://img87.imageshack.us/img87/5862/image1an1.gif
http://img110.imageshack.us/img110/6218/image2ie0.gif
http://img98.imageshack.us/img98/9617/image3cr0.gif

http://img412.imageshack.us/img412/3808/image11pc0.gif
http://img100.imageshack.us/img100/4658/image12du2.gif
http://img132.imageshack.us/img132/4733/image13lj1.gif
http://img145.imageshack.us/img145/7793/image14zg9.gif
http://img412.imageshack.us/img412/4403/image15jc7.gif

http://img356.imageshack.us/img356/4144/duckcolorvx3.gif

http://img132.imageshack.us/img132/1903/hpexplorerdock32x32dx2.png

Postingan kali ini akan memberikan tutorial Cara Membuat Readmore atau Baca Selengkapnya pada postingan blog secara otomatis. Dengan adanya readmore otomatis, kita bisa menentukan berapa ketinggian dan lebar penggalan postingan dan image yang akan muncul pada halaman pertama blog kita sehingga terlihat rapi dan menarik. Trik ini mungkin telah banyak yang mengetahui dan ada juga yang belum mengetahuinya. Bagi anda yang belum mengetahui bagaimana cara membuat readmore otomatis, bisa mengikuti tutorial berikut ini.

PERTAMA, silakan masuk ke acount blogger anda kemudian pilih Edit Html, jangan lupa memberikan tanda ceklis pada bacaan "Expand Widget Template" atau lihat gambar di bawah ini :

»»  READMORE...

Berikut merupakan tutor dari membuat recent post dengan slider.
Langsung saja,langkah-langkahnya sebagai berikut:


1. Login ke akun Blogger Anda
2. Klik Rancangan/Tata Letak
3. Klik Edit HTML
4. Back up template Anda dahulu Klik Download Full Template
5. Klik Expand Widget Templates
6. Letakan kode berikut tepat di atas kode ]]>



   
   
   
   
   
   




7. Lalu simpanlah Template anda/Save Template

Langkah Ke dua:

1. Klik Page Elements/Elemen Laman
2. Klik Add gadget
3. Pilih HTML/Javascript
4. Masukan kode berikut :



   

   
   
   

        5. Klik Save

Kali ini saya akan membahas tentang cara membuat menu d'tree.Kita sering lihat menu ini di komputer kita sendiri.Seperti pada start menu dari pilihan explore pada komputer kita atau sidebar dari all programs pada komputer kita.Berikut merupakan cara yang akan menampilkan menu tersebut pada blog kita sendiri.Berikut turorialnya:
1. Taruh script berikut di atas kode tag

Login ke blogger, trus masuk ke menu "Page Element" trus pilih Add page elements --> HTML/JavaScript. Kemudian masukkan script berikut ini di kocat "Content"

Kali ini saya akan membahas tentang cara memasang slide show pada blog.Yang akan berguna untuk memperindah blog kalian dengan slide gambar beserta deskripsinya.Berikut tutornya:

1. Masuk ke Edit HTML.
2. Jangan klik Expand Template Widget karena akan membuat sobat jadi pusing dengan kode yang panjang.
3. Copas kode berikut diatas kode ]]>
   
   /* SLIDESHOW */
   #slider-holder{width:540px;height:300px;overflow:hidden;margin-left:-15px;padding:0}
   #s3slider{width:540px;height:300px;position:relative;overflow:hidden}
   #s3sliderContent{width:540px;position:absolute;top:0;margin-left:0}
   .s3sliderImage{float:left;position:relative;display:none}
   .s3sliderImage span{position:absolute;left:0;font-weight:700;font-size:12px;color:#fff;height:70px;width:540px;background-color:#4e4d3c;filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity:0.7;opacity:0.7;display:none;bottom:0;padding:10px}
   .s3sliderImage span a.featured-title:link,.s3sliderImage span a.featured-title:visited{color:#FFF;font-size:14px;padding:0 0 2px}
   .s3sliderImage span a.featured-title:hover{color:#999}
   .s3sliderImage span a:link,.s3sliderImage span a:visited{color:#888}
   .s3sliderImage span a:hover{color:#555}
   
4. Kemudian copas kode berikut diatas kode
   
   
   
   
5. Setelah itu siapkan gambar dan url yang akan ditampilkan dalam menu slideshow, jika sudah ada gambar dan url-nya, silahkan sobat copas kode berikut setelah kode
   
   

   
   

   
   

   • 
     
     
     JUDUL POST 1
     
     Isi diskripsi tentang gambar diatas
     
     
   • 
     
     
     JUDUL POST 2
     
     Isi diskripsi tentang gambar diatas
     
     
   • 
     
     
     JUDUL POST 3
     
     Isi diskripsi tentang gambar diatas
     
   • 
     
     
     JUDUL POST 4
     
     Isi diskripsi tentang gambar diatas
     
     
   • 
     
     
     JUDUL POST 5
     
     Isi diskripsi tentang gambar diatas
     
   • 
     

   
   

   
   

   
   
6. Simpan Template

• Perhatikan lebar 540px, silahkan sesuaikan saja dengan lebar post template sobat.
• Lihat tulisan yang berwarna ungu pada kode css-nya, saya gunakan margin-left:-15px karena menyesuaikan dengan demo template yang saya gunakan.
• Kode yang berwarna pink adalah kode url untuk gambar yang sudah sobat upload sebelumnya.
• dan kode dengan tulisan tebal pastinya bisa dimengerti dan jelas saya tulis disitu

Kali ini saya akan membahas tentang cara pembuatan huruf besar pada awal postingan yang seperti sering kita lihat pada koran atau majalah.Untuk membuatnya sangat mudah, karena hanya butuh satu kode css dan sedikit sentuhan pada saat membuat postingan.

1. Setelah masuk blogger, silahkan klik Edit HTML.
2. Tambahkan kode berikut sebelum kode ]]>< /b:skin>
   .huruf {
   float:left;
   color:#000;
   line-height:60px; 
   padding-right:5px;
   font-family:trebuchet ms,verdana;
   font-size:60px; 
   }
3. Simpan Template.