caRa memasang gambaR tetap di pojok kiri blog

Caranya :

1. Login ke blogspot.com.
2. Lalu menuju ke Rancangan >> Edit HTML.
3. Cari kode  ]]></b:skin> ( Ctrl+F )
 Lalu coPpas kode dibawah ini tepat di atas kode ]]></b:skin> 

#trik_pojok  { position:fixed;_position:absolute;bottom:0px; left:0px; clip:inherit; _top:expression(document.documentElement.scrollTop+ document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }   
1.  Kemudian cari lagi kode </body>. CopPas kode ini tepat diatasnya :
   
   <div id="trik_pojok">
   <a href="http://janyselalubahagia.blogspot.com/">
   <img src="http://i.picasion.com/pic40/23ef268604bc264ca6593d08d39c3cde.gif" border="0" /></a>
   </div>
2.  Kemudian ganti http://janyselalubahagia.blogspot.com/ dengan alamat blog anda. Dan juga gantihttp://i.picasion.com/pic40/23ef268604bc264ca6593d08d39c3cde.gif dengan alamat gambar yang ingin anda jadikan gambar tetap di kiri halaman blog anda.
3. 
    Lalu saVe.., dan liatlaH hasilnya.., bagus kan.., hehe..,
    JangaN lupA berI komEntar ya..,

BegitULah cara memasang gambar tetap di kiri halaman blog..,

Readmore..... BACA SELENGKAPNYA...

CARA MEMBUAT Tag Cloud

Tag Cloud merupakan sebuah box yang berfungsi sebagai wadah untuk sekelompok link dalam sebuah web.

Fungsi dari tag could kurang lebih sebagai wadah beberapa link dari posting yang telah diterbitkan. Model penulisan setiap link judul posting pada tagcloud di buat dalam berbagai variasi bentuk, ukuran dan gaya. lebih jelasnya liaht gambar dibawah ini.

Berikut cara membuat Tag Cloud menggunakan efek background :

1. Login ke akun blogger sobat

2. Masuk tata ltak

3. Edit HTML dan ceklist/centang "Expand Template Widget"

4. Biasakan sebelum sobat mengedit template, backUp dulu templatenya, dengan cara klik "download template lengkap"

5. Carikode berikut : ]]></b:skin>

6. Letakan kode css berikut dan taruh di atas kode ]]></b:skin>

.tagcloud {<br />       width:300px;<br />       font-family:Times;<br />       padding:15px 8px;<br />       border:solid 1px #eee; <br />       background:#fff;<br />}<br />.tcloud { <br />       padding:3px 6px;<br />       text-decoration:none;<br />}<br />.tcloud:link {<br />       color:#003EBA;<br />}<br />.tcloud:visited {<br />       color:#ff900;<br />}<br />.tcloud:hover {<br />       color:#ffffff;<br />       background:#003EBA;<br />}<br />.tcloud:active {<br />       color:#ffffff;<br />       background:#5D7CBA;<br />}

7. Simpan Template.

8. Kemudian masuk ke Elemen Halaman, Tambah gadget, pilih HTML javascript, dan pastekan kode berikut :

 <div class="tagcloud"><br /><a style="font-size:10px" class="tcloud" href="Link-1" title="Title Link-1">Nama Link-1</a><br /><a style="font-size:16px" class="tcloud" href="Link-2" title="Title Link-2">Nama Link-2</a><br /><a style="font-size:18px" class="tcloud" href="Link-3" title="Title Link-3">Nama Link-3</a><br /><a style="font-size:14px" class="tcloud" href="Link-4" title="Title Link-4">Nama Link-4</a><br /><a style="font-size:27px" class="tcloud" href="Link-5" title="Title Link-5">Nama Link-5</a><br /><a style="font-size:22px" class="tcloud" href="Link-6" title="Title Link-6">Nama Link-6</a><br /><a style="font-size:14px" class="tcloud" href="Link-7" title="Title Link-7">Nama Link-7</a><br /><a style="font-size:18px" class="tcloud" href="Link-8" title="Title Link-8">Nama Link-8</a><br /><a style="font-size:10px" class="tcloud" href="Link-9" title="Title Link-9">Nama Link-9</a><br /><a style="font-size:14px" class="tcloud" href="Link-10" title="Title Link-10">Nama Link-10</a><br /></div><br /><br /><br /><br />

9. Edit dan simpan.

Keterangan :

1. Link-1 s/d Link-10 : bisa diperbanyak disesuaikan dengan dengan jumlah link yang akan ditampilkan.

2. Link-1 s/d Link-10 : link posting yang telah diterbitkan dengan URL seperti misalnya :

http://..../....../judul posting.html

3. Nama Link-1 s/d Link-10 = Judul Posting.

4. Title Link : berisikan penjelasan singkat Nama Link.

Readmore..... BACA SELENGKAPNYA...

cara memasang funsi scrol pada arsip di blog

Dibawah ini adalah screenshot pada saat posting ini saya tulis:

Bagi sobat yang ingin menampilkan widgat Arsip / Daftar isi dengan fungsi scroll silahkan ikuti tips ngeblog berikut ini:

1. Login terlebih dahulu mengunakan akun bloger
2. Buatlah Arsip blog dengan menambah Gadget pada sidebar, beri nama dengan "Arsip"  ( bisa diganti sesuai keingian )  pilih gaya hierarki
3. Simpan/save. sampai disini anda telah membuat Arsip( tanpa fungsi scroll ).
4. Utuk menambahkan fungsi scroll pada Arsip Sekarang tuju Tata letak -- -->>Edit HTML.
5. Beri tanda centang pada Expand Template Widgets.
6. Cari Arsip yang sudah di buat tadi, dengan CTRL+Fdan ketikkan kata “Arsip”, ( biasanya di pojok kanan bawah ). akan muncul kode hatml seperti di bawah ini:
   
   <b:widget id='BlogArchive2' locked='false' title='Arsip' type='BlogArchive'>

   <b:includable id='main'>

   <b:if cond='data:title'>

   <h2><data:title/></h2>

   </b:if>

   <div class='widget-content'>

   <div style='overflow:auto; width:ancho;height:200px;'>

   <div id='ArchiveList'>

   <div expr:id='data:widget.instanceId + &quot;_ArchiveList&quot;'>

   <b:if cond='data:style == &quot;HIERARCHY&quot;'>

   <b:include data='data' name='interval'/>

   </b:if>

   <b:if cond='data:style == &quot;FLAT&quot;'>

   <b:include data='data' name='flat'/>

   </b:if>

   <b:if cond='data:style == &quot;MENU&quot;'>

   <b:include data='data' name='menu'/>

   </b:if>

   </div>

   </div></div>

   <b:include name='quickedit'/>

   </div>

   </b:includable>
7. Perhatikan tulisan yang berkedip dan berwarna merahdi atas, kode itulah yang harus disisipkan kedalam arsip yang telah dibuat, sedangkan tulisan yang berwarna biru pada height:200px; adalah ukuran tinggi pada fungsi scroll ( ganti angka 200 sesuai dengan keinginan )
8. Intinya jangan cepat menyerah....
9. Simpan template dan lihatlah hasilnya 

Readmore..... BACA SELENGKAPNYA...