blog ganesha

Gambar Membesar Ketika di Sorot

Memang menyenangkan kalau kita disuruh bermain-main dengan gambar. 
Apalagi gambar atau image yang kita suka, rasanya ingin cepat-cepat 
dipajang untuk dipamerkan <img align="middle" border="0" height="15" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif" width="20" />
 ( kalau yang ini lagi pamer gigi ). Posting kali ini berhubungan dengan
 gambar zoom ala dynamic drive, yaitu gambar akan membesar ketika 
disorot. Maksudnya saat mouse kita arahkan ke gambar maka gambar akan 
lebih besar dari ukuran sebelumnya. Untuk membuatnya sobat bisa menggunakan cara di bawah ini.</div>
<ul>
<li>Masuk ke blog
 sobat.
</li>
<li>Klik tata letak.
</li>
<li>Pilih edit HTML.
</li>
<li>Cari kode </head>.
</li>
<li>Letakkan script di bawah ini di atasnya, hingga posisinya sbb: 

<style type='text/css'> 
border:none; 
vertikal-align:top;}

</style> 
<script src="http://sites.google.com/site/darmasites/my-forms/gambarmembesarketikadisorot.js" type="text/javascript"> 
</script> 
</head>.
</li>
<li>Kemudian klik simpan.
</li>
</ul>
Ketika akan posting gambar atau image sobat tinggal menambahkan sedikit kode pada alamat gambar yang sobat punya. 
Contoh: 

<img class="expando" border="0" src="url alamat gambar" width="75" height="75">

Memang menyenangkan kalau kita disuruh bermain-main dengan gambar. Apalagi gambar atau image yang kita suka, rasanya ingin cepat-cepat d...

Pasang Emoticon Pada kotak komentar

<div style="text-align: justify;">
Ada yang bilang kotak komentar tanpa emoticon membuat blog kurang hidup. Apa benar ? Yuk kita buktikan ! Siapa tahu ini memang benar. 
Bagi sobat yang belum menambahkan icon dengan berbagai karakter bisa 
menampilkan emoticon ini pada kotak komentar yang sobat punya. Kita bisa
 menggunakan icon yang biasa di gunakan pada yahoo! messenger seperti 
contoh di bawah ini.</div>
 
<div style="background: #ff9999; border: 3px solid #336633; height: 175px; overflow: auto; padding: 10px; width: 575px;">
<img border="0" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif" />

:)
<img border="0" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif" />
:(
<img border="0" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif" />
;)
<img border="0" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif" />
:D
<img border="0" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif" />
;;)
<img border="0" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif" />
:-/
<img border="0" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif" />
:x
<img border="0" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif" />
:P
<img border="0" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif" />
:-*

:-L
<img border="0" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/66.gif" />
B-(
<img border="0" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/71.gif" />
;))
<img border="0" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif" />
:)]
<img border="0" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif" />
~x(
<img border="0" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif" />
:-t
</div>
 
Bagi yang belum tahu cara memasang emoticon pada kotak komentar bisa ikuti langkah-langkahnya: 
<ul>
<li> Masuk ke blog sobat.

</li>
<li> Klik tata letak.
</li>
<li> kemudian klik edit HTML.
</li>
<li> Beri tanda pada Expand Template Widget.
</li>
<li> Cari kode </body> 
</li>
<li> Letakkan kode ini di atasnya. Hingga posisinya sbb:

</li>
<li>Kemudian letakkan kode emotnya di bawah kode 
Sehingga hasil penempatannya akan seperti di bawah ini: 
 

<img border='0'
src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif'/>
:) 
<img border='0'
src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif'/>
:(

:x 
<img border='0'
src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif'/>
:P 
<img border='0'
src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif'/>
:-* 
<img border='0'
src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif'/>
=(( 
<img border='0'
src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif'/>
:-o

=)) 
<img border='0'
src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/35.gif'/>
8-} 
<img border='0'
src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/62.gif'/>
:-L 
<img border='0'
src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/66.gif'/>
B-( 
<img border='0'
src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/71.gif'/>
;))

<b:include data='post' name='comment-form'/> 
<b:else/> 
</li>
<li> Kemudian klik pratinjau. 
</li>
<li> Setelah dirasa aman baru klik simpan.</li>
<li> SEMOGA BERMANFAAT </li>
</ul>

Ada yang bilang kotak komentar tanpa emoticon membuat blog kurang hidup. Apa benar ? Yuk kita buktikan ! Siapa tahu ini memang benar. Bagi...

Daftarkan Blog ke Google

saat ini Google merupakan search angine yang paling banyak
 di gunakan. Kali ini kita akan membahas bagaimana cara mendaftarkan 
blog kita ke mesin pencari google tersebut. Ini salah satu upaya agar 
blog kita dikenali oleh google melalui kata kunci di search angine. 
<div style="text-align: justify;">
Untuk
 sobat yang baru mengawali bikin blog mungkin cara ini perlu kita 
praktekkan. Yang perlu di ingat ini merupakan salah satu alternatif agar
 blog kita bisa cepat terindek oleh mesin pencari google. Karena masih 
banyak cara untuk lebih mengoptimalkan blog kita pada mesin pencari. 
Untuk hal yang satu itu bisa ditanyakan pada webmaster yang memang sudah
 pakarnya mengenai seo.</div>
Untuk memdaftarkan blog sobat ke google bisa ikuti langkah-langkah di bawah ini: 
<ul>1. Masuk ke <a href="http://www.google.com/addurl/?continue=/addurl" target="_blank">www.google.com/addurl/?continue=/addurl</a></ul>
<ul>2. Masukkan alama url sobat.</ul>
<ul>3. Isi komentar sesuai tema blog.</ul>
<ul>4. Masukkan kode.</ul>
<ul>5. Klik tambahkan url.</ul>
Jika berhasil akan muncul:<ul>Google Information for Webmasters</ul>
<ul>Thank you</ul>
<ul style="text-align: justify;">Your
 site URL has been successfully added to our list of URLs to crawl. 
Please note that we do not add all submitted URLs to our index, and we 
cannot make any predictions or guarantees about when or if they will 
appear.</ul>
<ul>6. Kemudian klik google webmaster tool.</ul>
<ul>7.Setelah terbuka jendela baru masukkan alamat email beserta pasword.</ul>
<ul>8. Selamat Datang di Alat Webmaster. Untuk memulai... Klik tambahkan situs.</ul>
<ul>9. Masukkan alamat url.</ul>
<ul>10. klik lanjutkan.</ul>
<ul>11. Kasih cawang dan klik verifikasi situs ini.</ul>
<ul>12.
 Salin meta tag di bawah, dan tempel di beranda situs. Meta tag harus 
berada pada bagian <head>, sebelum bagian <body> pertama.</ul>
<ul>Contoh meta tag:</ul>
<ul><meta name="google-site-verification"content="IYxxxnQuzml2rnmmHjuv9m1VmrxxxxptiFfvWtPWzPo" /></ul>
<ul>13.Cara meletakkannya:</ul>
<ul>*Login ke blog sobat.</ul>
<ul>*Pilih Tata letak.</ul>
<ul>*Klik edit HTML.</ul>
<ul>*Copy dan masukkan tag tersebut pada bagian <head> sebelum bagian <body>.</ul>
<ul>14. Kemudian kembali ke Google webmaster tool.</ul>
<ul>15.Kirim peta situs.</ul>
<ul>16 Pada alamat url tambahkan atom.xml.</ul>
<ul>Misal: http://blog-ganesha.blogspot.com/atom.xml</ul>
<ul>17. Klik mengirim peta situs.</ul>
Selesai.

saat ini Google merupakan search angine yang paling banyak di gunakan. Kali ini kita akan membahas bagaimana cara mendaftarkan blog kita...

Menambah Sidebar di Kanan Kiri

Sebelum menambah kolom sidebar yang perlu kita perhatikan adalah pada bagian di bawah ini: 
 
Outer-wrapper=660px; 
Header-wrapper=660px; 
Footer-wrapper=660px; 
 
<ul>
<li>Sekarang masuk ke blog sobat.
</li>
<li>Klik tata letak.
</li>
<li>Edit html.
</li>
<li>Jangan beri centang pada Expand widged template.</li>
</ul>
Cari kode seperti di bawah ini: 
 
/* Outer-Wrapper 
----------------------------------------------- */ 
#outer-wrapper { 
width: 660px; 
margin:0 auto; 
padding:10px; 
text-align:$startSide; 
font: $bodyfont; 
} 
 
#main-wrapper { 
width: 410px; 
float:right; 
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ 
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ 
} 
 
#sidebar-wrapper { 
width: 220px; 
float: $startSide; 
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ 
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ 
 
Outer-wrapper ini merupakan sebuah bingkai di mana main wrapper dan sidebar berada,termasuk header dan footer berada di dalamnya. 
 
<div style="text-align: justify;">
Jika ingin menambah satu sidebar
 berarti kita harus menambah pula lebar dari bingkai tersebut.Misalnya 
kita ingin menambah satu sedebar dengan lebar yang sama dari sedebar 
sebelumnya,kita tinggal cloning dan menambahkan nilai sidebar tersebut 
pada Outer-wrapper= 660+220=880. 
</div>
 
<div style="text-align: justify;">
Kemudiann kasih nama sidebar tersebut dengan nama yang berbeda.Agar lebih mudah membedakannya kita beri nama sidebarbaru-wrapper,hingga hasilnya sbb: 
</div>
 
/* Outer-Wrapper 
----------------------------------------------- */ 
#outer-wrapper { 
width: 880px; 
margin:0 auto; 
padding:10px; 
text-align:$startSide; 
font: $bodyfont; 
} 
 
#main-wrapper { 
width: 410px; 
float:$endSide; 
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ 
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ 
} 
 
#sidebar-wrapper { 
width: 220px; 
float: right; 
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ 
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ 
padding:5px; 
 
#sidebarbaru-wrapper { 
width: 220px; 
float: left; 
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ 
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ 
padding:5px 
 
<div style="text-align: justify;">
Untuk warna merah adalah hasil cloning dari sedebar-wrapper yang kita beri nama sidebarbaru-wrapper,sedang warna biru tambahan sela agar font tidak terhimpit bingkai sidebar. warna orange dimana letak sidebar berada. 
</div>
 
Jangan lupa ganti juga nilai lebar dari: 
header-wrapper= 880px; 
footer-wrapper= 880px; 
 
<div style="text-align: justify;">
Setelah mengganti 
kode-kode angka dan memberi nama sidebar tersebut,kemudian tarik ke 
bagian bawah pada kode template sobat. Temukan kode seperti di bawah 
ini: 
</div>
 
<div id='main-wrapper'> 
 <b:section class='main' id='main' showaddelement='no'> 
<b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'/> 
</b:section> 
</div> 
 
Letakkan kode dibawah ini tepat atasnya: 
 
<div id='sidebarbaru-wrapper'> 
 <b:section class='sidebar' id='sidebarbaru' preferred='yes'/> 
</div> 
 
Hingga hasilnya sebagai berikut: 
 
<div id='sidebarbaru-wrapper'> 
 <b:section class='sidebar' id='sidebarbaru' preferred='yes'/> 
</div> 
 
<div id='main-wrapper'> 
<b:section class='main' id='main' showaddelement='no'> 
<b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'/> 
</b:section> 
</div> 
 
<ul>
<li>Klik pratinjau.
</li>
<li>Jika di rasa sudah sesuai klik simpan template.</li>
</ul>

Sebelum menambah kolom sidebar yang perlu kita perhatikan adalah pada bagian di bawah ini: Outer-wrapper=660px; Header-wrapper=660px; F...