Modif Tamplian Blogger

Memasang Video Youtube Pada Postingan

noreply@blogger.com (Unknown) — Fri, 22 May 2009 21:57:00 +0000

Untuk menambahkan sebuah video dari situs Youtube.com pada blog anda, cukup dengan mengikuti langkah-langkah berikut :

Masuk kehalaman situs youtube.com

Pilih video yang akan dipasang pada blog anda

Copy kode yang ada pada kotak Embed, seperti gambar dibawah :

Kemudian Login pada blog anda

Klik New Post

Klik pada tab Edit Html (Note : jangan aktifkan tab Compose)

Paste kan kode pada postingan anda yang ada pada kotak Embed divideo youtube.com yang sebelumnya sudah di copy

Kemudian klik tombol Publish Post dan lihat hasilnya...

Selamat mencoba...

Memasukkan Kode HTML pada Posting versi 2

noreply@blogger.com (Unknown) — Fri, 22 May 2009 18:10:00 +0000

Pada postingan sebelumnya sudah saya sampaikan bagaimana cara untuk menampilkan kode html/J.S/CSS. Dan pada postingan ini, saya juga akan menyampaikan hal yang sama namun berbeda caranya, menurut saya prinsip pemasangan kode ini lebih efektif dari pada postingan sebelumnya, karena tampilan kode yang kita pasang di postingan kita di tandai dengan background warna yang berbeda dengan background blog kita dan kita juga tidak perlu lagi mengatur/menghitung baris kode tersebut. Langkah-langkahnya sebagai berikut :

Login ke blog anda

Klik Layout kemudian klik tab Edit HTML

Cari kode seperti ini :

]]>

Kemudan copykan kode berikut ini pada bagian atas kode yang ada diatas.

.alert { background: #E0F8EC;
text-align: left;
padding: 5px 5px 5px 5px;
border-top: 1px dotted #223344;border-bottom: 1px dotted #223344;border-left: 1px dotted #223344;border-right: 1px dotted #223344;}

Sehingga akan seperti ini :

body#layout #header {
margin-left: 0px;
margin-right: 0px;
}
.alert { background: #E0F8EC;
text-align: left;
padding: 5px 5px 5px 5px;
border-top: 1px dotted #223344;border-bottom: 1px dotted #223344;border-left: 1px dotted #223344;border-right: 1px dotted #223344;}

Klik tombol Save Template.

Pada saat anda membuat postingan dan menampilkan kode HTML, ketikkan kode dibawah ini diantara kode html anda.
<p class="alert">

Kode HTML ANDA

</p>

(Note : Hasilnya hanya bisa dilihat ketika anda sudah mempublish post anda)

Selamat mencoba !!!

Hosting File Java Script dan CSS

noreply@blogger.com (Unknown) — Thu, 21 May 2009 21:08:00 +0000

Pada saat anda searching tip n trik blogger di search engine, akan selalu ada langkah-langkah untuk menghostingkan file Java Script dan CSS (Cascading Style Sheet) sebagai syarat dalam memodifkasi tampilan blog anda. Dan Mungkin anda bingung dimana tempat untuk menghostingkan file-file tersebut??
Dari awal saya mengelola blog ini, saya juga bingung untuk menghostingkan file JS dan CSS, seldik demi selidik... ehh... rupanya ada alternatif lain selain di googlepages.com yang gosip-gosipnya sudah bangkrut...
Untuk menghosting file-file tersebut, dapat anda lakukan dengan GRATIS di fileave.com. Pendaftaran dan pengelolaan filenya simple, walau hanya diberi kapasitas 1GB untuk penghostingan yang gratis, bagi saya itu sudah lebih dari cukup. Dan alamat file kita akan seperti ini http://namaanda.fileave.com. Tunggu apalagi, buruan daftar Klik Disini!!

Menu tersembunyi pada widget

noreply@blogger.com (Unknown) — Thu, 21 May 2009 21:04:00 +0000

"Ssssttt.... jangan bilang siapa-siapa..." Begitulah prinsip dari menu ini. Untuk melihat contohnya, lihat pada bagian atas postingan ini, dan klik... Anda akan melihat menu yang tersembunyi. Untuk membuat menu tersebut, ikuti langkah-langkah berikut :

Anda harus mendownload file berikut dan hostingkan pada server. (Note : Untuk mengetahui cara menghostingkan file-file Java Script dan CSS Klik Disini!!)

File gambar :

Setelah anda mendownload file-file tersebut, Login ke blog anda, klik layout pada blog anda klik edit html.

Copykan kode berikut pada section Head :

<link rel="stylesheet" type="text/css" href="dddropdownpanel.css"><br /><script type="text/javascript" src="dddropdownpanel.js"><br /><br /></script>

Kemudian copykan kode dibawah ini sesudah <BODY>
(Note : Menu ini dapat berada posisi atas halaman atau widget anda)

<div id="mypanel" class="ddpanel"><br /><div id="mypanelcontent" class="ddpanelcontent"><br /><br /><p style="padding:10px"><br />The Milky Way is a barred spiral galaxy that is part of the Local Group of galaxies. Although the Milky Way is one of billions of galaxies in the observable universe,[4] its special significance to humanity is that it is the home galaxy of our Solar System. The plane of the Milky Way galaxy is visible from Earth as a band of light in the night sky, and it is the appearance of this band of light which has inspired the name for our galaxy. It is extremely difficult to define the age at which the Milky Way formed, but the age of the oldest star in the Galaxy yet discovered, HE 1523-0901, is estimated to be about 13.2 billion years, nearly as old as the Universe itself. -Source: <a href="http://en.wikipedia.org/wiki/Milky_way" style="color:white">Wikipedia</a>.<br /></p><br /><br /><br /><p>Note: Click on any link or the Milky Way Image auto closes the panel.</p><br /><br /></div><br /><div id="mypaneltab" class="ddpaneltab"><br /><a href="#"><span>Toggle</span></a><br /></div><br /><br /></div>

Setelah itu, klik Save Template dan lihat hasilnya...
Selamat mencoba..

Menampilkan Gambar Berada di Atas

noreply@blogger.com (Unknown) — Sat, 25 Apr 2009 19:31:00 +0000

Agar gambar selalu berada diatas Blog anda, walaupun halaman blog berganti, atau berpindah-pindah, ikuti langkah-langkah berikut:

login ke blog anda
Klik layout, kemudian klik tab Edit HTML
Pada kotak CSS anda, cari script ]]></b:skin> kemudian letakkan script berikut ini diatas script ]]></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); }
Silahkan diganti posisi gambar tersebut dengan mengganti huruf yang bercetak tebal dengan Left - Right - Bottom - TOP
Selanjutnya cari script berikut ini </body> dan letakkan script dibawah ini sebelumnya script </body>

<div id="trik_pojok">
<a href="http://modiftampilanblogger.blogspot.com">
<img src="http://photobucket/love.gif" border="0" /></a>
</div>
Silahkan diganti alamat yang berwarna biru dengan alamat blog anda kemudian ganti alamat yang berwarna merah dengan alamat gambar anda.

Membuat ComboBox

noreply@blogger.com (Unknown) — Wed, 22 Apr 2009 19:17:00 +0000

Contoh combo Box :

Untuk membuat Combo Box seperti diatas, lakukan langkah-langkah berikut :

Login ke blog anda
Pilih Layout dan klik Add yang berada diatas Page Element anda
Kemudian pilih element HTML/JavaScript dan masukkan kode dibawah ini :
<br /><select onChange="document.location.href=this.options[this.selectedIndex].value;"><br /><option value="0" selected><span style="color: rgb(255, 0, 0);">Arsip Blog</span></option><br /><option value="<span style="color: rgb(255, 0, 0);">Links 1</span>">Text 1</option><br /><option value="<span style="color: rgb(255, 0, 0);">Links 2</span>">Text 2</option><br /></select><br />
Lihat dengan seksama kode tersebut dan ganti teks yang sama pada Combo box yang ada pada kode tersebut dengan teks anda inginkan.
Selamat Mencoba...

Mengganti Background Blog dengan Gambar

noreply@blogger.com (Unknown) — Mon, 20 Apr 2009 15:13:00 +0000

Siapkan gambar yang ingin dijadikan background pada blog anda, dengan ukuran terserah anda, akan tetapi jangan terlalu besar, karena akan memperlama pengunjung membuka blog anda. Jika gambar sudah ditentukan, ikuti langkah-langkah berikut :

Lakukan Login terlebih dahulu pada blog anda
Klik Menu Layout

Klik Edit HTML tab (Note : Untuk menghindari kesalahan, silahkan Backup terlebih dahulu blog anda dengan memberikan checklist pada Download full template dan klik Download atau dengan cara meng-Copy seluruh kode Template, paste pada notepad lalu save)

Kemudian tambahkan kode (alamat gambar) berikut pada style sheet css anda

url('http://https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdiOiTDIEP_r5kmwojSSHAXvL4efnIRkmTp2F2z-dkPZGc1CnMo-3i268YCr5RYzi8FMsbxA5RvrKaVruL9Owms6CeK95weoBkWc860JIwCzZEi1NfUiho1hZ-PwERBFpcV5PH8FW79-2P/s320/MSN.gif');

dan letakkan pada teks yang berwarna merah:

untuk minima klasik :

body {
background:#fff url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdiOiTDIEP_r5kmwojSSHAXvL4efnIRkmTp2F2z-dkPZGc1CnMo-3i268YCr5RYzi8FMsbxA5RvrKaVruL9Owms6CeK95weoBkWc860JIwCzZEi1NfUiho1hZ-PwERBFpcV5PH8FW79-2P/s320/MSN.gif');
margin:0;
padding:40px 20px;
font:x-small Georgia,Serif;
text-align:center;
color:#333;
font-size/* */:/**/small;
font-size: /**/small;
}

untuk minima baru :

body {
background:$bgcolor url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdiOiTDIEP_r5kmwojSSHAXvL4efnIRkmTp2F2z-dkPZGc1CnMo-3i268YCr5RYzi8FMsbxA5RvrKaVruL9Owms6CeK95weoBkWc860JIwCzZEi1NfUiho1hZ-PwERBFpcV5PH8FW79-2P/s320/MSN.gif');
margin:0;
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}

Silahkan diganti alamat link gambar yang berwarna diatas dengan alamat gambar anda.

Klik tombol Preview untuk melihat perubahan

Jika sudah sesuai dengan keinginan, klik tombol Save Template

Menampilkan Iklan di Bawah Read More

noreply@blogger.com (Unknown) — Mon, 20 Apr 2009 15:06:00 +0000

Pastikan sistem Read More pada blog anda aktif dan ikuti langkah-langkah berikut :

Login terlebih dahulu pada blog anda
Klik Menu Layout
Klik Edit HTML tab (Note : Untuk menghindari kesalahan, silahkan Backup terlebih dahulu blog anda dengan memberikan checklist pada Download full template dan klik Download atau dengan cara meng-Copy seluruh kode Template, paste pada notepad lalu save)
Berikan Checklist pada option Expand Template Widget dan tunggu beberapa detik hingga proses selesai.
Temukan kode dibawah ini pada style sheet css anda :
<b:if cond='data:blog.pageType == "item"'><br /><style>.fullpost{display:inline;}</style><br /><p><data:post.body/></p><br /><b:else/><br /><style>.fullpost{display:none;}</style><br /><p><data:post.body/><br /><a expr:href='data:post.url'><strong>Read More</strong></a></p><br /></b:if>
Tambahkan kode iklan anda (Adsense, Kumpulblogger, dll) sehingga kode yang diatas akan seperti ini :
<br /><b:if cond='data:blog.pageType == "item"'><br /><style>.fullpost{display:inline;}</style><br /><p><data:post.body/></p><br /><b:else/><br /><style>.fullpost{display:none;}</style><br /><p><data:post.body/><br /><a expr:href='data:post.url'><strong>Selengkapnya...</strong></a><br /><br /><br /> <br /><br /><span style="color: rgb(255, 0, 0);">KODE IKLAN ANDA PASTE DISINI!!! </span></p><br /><br /></b:if><br />
Klik tombol Preview untuk melihat perubahan
Jika sudah sesuai dengan keinginan, klik tombol Save Template

Menampilkan Pesan Selamat Datang

noreply@blogger.com (Unknown) — Sun, 19 Apr 2009 20:33:00 +0000

Lihat contoh dibawah ini :

Pada saat pengunjung membuka halaman blog anda akan di sodorkan pesan seperti diatas, untuk membuatnya cukup dengan langkah-langkah sebagai berikut :

Lakukan Login terlebih dahulu pada blog anda
Klik Menu Layout
Klik Edit HTML tab (Note : Untuk menghindari kesalahan, silahkan Backup terlebih dahulu blog anda dengan memberikan checklist pada Download full template dan klik Download)
Temukan code </head> pada blog anda (Note : tekan Ctrl + F untuk melakukan pencarian dan ketikkan kata yang ingin dicari).
Silahkan Copy dan Paste code dibawah ini dan letakkan diatas code </head>. (Note : Ganti kalimat yang berwarna hijau dengan kalimat yang anda inginkan)<br /><SCRIPT language='JavaScript'> alert ("Selamat datang di Share Center") ;</SCRIPT><br />
Klik tombol Save Template
Lihat hasilnya…

Membuat Tabel di Blog

noreply@blogger.com (Unknown) — Sun, 19 Apr 2009 20:23:00 +0000

Untuk membuat sebuah tabel tunggal, copy kode dibawah ini :

<table width="250" border="1">
<tr>
<td>

Contoh

</td>
</tr>
<table>

Hasilnya akan seperti ini :

Share Center

Untuk membuat tabel tunggal dengan format Center alignment, copy kode berikut ini :

<table width="200" border="1">
<tr>
<td align="center">

Contoh

</td>
</tr>
</table>

Hasilnya akan seperti ini

Contoh

Untuk membuat tabel dengan 2 baris dan 2 kolom, copy kode berikut ini :

<table width="300" border="1">
<tr>
<td align="center">

Contoh 1

</td>
<td align="center">

http://sharecenter.blogspot.com

</td>
</tr>
<tr>
<td align="center">

Contoh 2

</td>
<td align="center">

http://modiftampilanblogger.blogspot.com/

</td>
</tr>
</table>

Hasilnya akan seperti ini :

Contoh 1	http://sharecenter.blogspot.com
Contoh 2	http://modiftampilanblogger.blogspot.com

Membuat Link Kelap-kelip

noreply@blogger.com (Unknown) — Sun, 19 Apr 2009 20:03:00 +0000

Silahkan Copy kode dibawah ini dan Paste pada tulisan anda :

<blink><a href="http://share-center.blogspot.com/" target="blank">Share Center</a></blink>

Maka hasilnya akan seperti ini :
Share Center

Membuat Judul Blog bergerak

noreply@blogger.com (Unknown) — Sun, 19 Apr 2009 19:46:00 +0000

Mohon lihat Judul/Title blog ini... Udah tau khan maksudnya… dan untuk membuat itu, silahkan ikuti langkah-langkah berikut :

Lakukan Login terlebih dahulu pada blog anda
Klik Menu Layout
Klik Edit HTML tab (Note : Untuk menghindari kesalahan, silahkan Backup terlebih dahulu blog anda dengan memberikan checklist pada Download full template dan klik Download)
Temukan code <head> pada blog anda (Note : tekan Ctrl + F untuk melakukan pencarian dan ketikkan kata yang ingin dicari).
Silahkan Copy dan Paste code dibawah ini dan letakkan dibagian bawah code <head>. (Note : Ganti kalimat "Welcome in Share Center....more...." dengan kalimat anda)
<script language='JavaScript'> var txt="<span>Welcome in ShareCenter.blogspot.com : Free Software, Tips 'n Tricks Computers, Free Tutorials, Free Articles and more..</span>";var kecepatan=100;var segarkan=null;function bergerak() { document.title=txt;txt=txt.substring(1,txt.length)+txt.charAt(0);segarkan=setTimeout("bergerak()",kecepatan);}bergerak();</script>
Klik tombol Save Template
Lihat perubahannya…

Membuat Highlight Link Berwarna - Warni

noreply@blogger.com (Unknown) — Sun, 19 Apr 2009 19:23:00 +0000

Contoh : Coba arahkan Cursor mouse anda ke judul Tulisan ini, anda akan melihat warna-warni dari link itu sendiri, dan untuk membuat, ikuti langkah-langkah berikut :

Lakukan Login terlebih dahulu pada blog anda
Klik Menu Layout
Klik Edit HTML tab (Note : Untuk menghindari kesalahan, silahkan Backup terlebih dahulu blog anda dengan memberikan checklist pada Download full template dan klik Download)
Temukan code <head> pada blog anda (Note : tekan Ctrl + F untuk melakukan pencarian dan ketikkan kata yang ingin dicari).
Silahkan Copy dan Paste code dibawah ini dan letakkan dibagian bawah code <head>
<script src='http://boedjo.fileave.com/LinkWarnaWarni/rainbow.js'> </script>
Klik tombol Save Template
Lihat hasilnya…

Membuat Kalimat Kelap-Kelip

noreply@blogger.com (Unknown) — Sun, 19 Apr 2009 00:49:00 +0000

Untuk membuat huruf atau kalimat kelap-kelip, anda hanya menambahakan kode :
<blink> diawal kata
</blink> diakhir kata

Contoh : Masukkan kode dibawah ini pada tulisan anda
<blink> ShareCenter.blogspot.com</blink>

hasilnya :
ShareCenter.blogspot.com

simpel khan...

Memasang Page Element di Bawah Header Blog

noreply@blogger.com (Unknown) — Sat, 18 Apr 2009 23:11:00 +0000

Apa c maksudnya?? Element yang mana??? Lebih jelasnya lihat pada gambar dibawah ini :

Untuk menambahkan Page Element yang baru dibawah header blog anda, ikuti langkah-langkah berikut :

Login terlebih dahulu pada blog anda
Klik Menu Layout
Klik Edit HTML tab (Note : Untuk menghindari kesalahan, silahkan Backup terlebih dahulu blog anda dengan memberikan checklist pada Download full template dan klik Download)
Temukan code ]]></b:skin> pada blog anda (Note : tekan Ctrl + F untuk melakukan pencarian dan ketikkan kata yang ingin dicari).
Silahkan Copy dan Paste code dibawah ini dan letakkan dibagian atas code ]]></b:skin>

#under_header{
margin:10px 0;
padding:1%;
width:98%;
}
Temukan code-code yang sama dengan kode dibawah ini :

<div id='header-wrapper'>
<b:section class='header' id='header' maxwidget="1" showaddelement="no">
<b:widget id='Header1' locked='true' title='test (Header)' type='Header'/>
</b:section>
</div>
Masukkan kode dibawah ini setelah kode diatas :
<div id="under_header">
<b:section class='header' id='underheader' preferred='yes'/>
</div>
Klik Save Template dan klik Tab Layout, lihat perubahannya...

Membuat Efek Kembang Api di Blog

noreply@blogger.com (Unknown) — Sat, 18 Apr 2009 23:00:00 +0000

Efek kembang api dapat ditambahkan pada blog anda dan letaknya berada pada posisi tengah-tengah atas, untuk melihatnya klik Disini!! dan untuk membuatnya ikuti langkah-langkah berikut :
1. Login ke blog anda
2. Klik Layout
3. Silahkan tambah element blog dengan meng-klik add element

<script src="http://boedjo.fileave.com/KembangApi/kembangapi.js" type="text/javascript"></script>

4. Klik Save dan lihat perubahannya..

Kalimat Dengan Efek Marque

noreply@blogger.com (Unknown) — Sat, 18 Apr 2009 22:14:00 +0000

Efek marque dapat digunakan pada tulisan anda di blog dan pada element/bagian dari blog anda. Untuk mendapatkan efek Marquee, ikuti langkah-langkah berikut :

Ketikkan code berikut ini :
"Marquee ; Kanan ke Kiri"
<marquee align="center" direction="left" height="100" scrollamount="2" width="100%">
Contoh Marquee; kalimat bergerak dari kanan ke kiri
</marquee>

Hasilnya seperti ini :

Contoh Marquee; kalimat bergerak dari kanan ke kiri

Ketikkan code berikut ini :
"Marquee ; Kiri-Kanan"
<marquee align="center" direction="left" height="100" scrollamount="4" width="100%" behavior="alternate">
Contoh Marquee; kalimat bergerak kiri-kanan
</marquee>

Hasilnya seperti ini :

Contoh Marquee; kalimat bergerak kiri-kanan

Ketikkan code berikut ini :
"Marquee ; Kiri-Kanan dengan warna background"
<div align="left"><font face="georgia" color="Yellow"><B><marquee bgcolor="Blue" width="100%" scrollamount="3" behavior="alternate">
Contoh Marquee; kalimat bergerak kiri-kanan dengan warna background
</marquee></b></font></div>

Hasilnya seperti ini :

Contoh Marquee; kalimat bergerak kiri-kanan dengan warna background

Ketikkan code berikut ini :
"Marquee ; Bawah Keatas dan berhenti pada saat mouse diarahkan"
<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="100%" height="100" align="center">
Contoh Marquee; Bawah Keatas dan berhenti pada saat mouse diarahkan
</marquee>

Hasilnya seperti ini :

Contoh Marquee; Bawah Keatas dan berhenti pada saat mouse diarahkan

Ketikkan code berikut ini :
"Marquee ; Bawah Keatas dan berhenti pada saat mouse diarahkan untuk Link"
<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="100%" height="75%" align="center">
<a href="http://modiftampilanblogger.blogspot.com" target="new">Modif Tampilan Blogger</a><br />
<a href="http://share-center.blogspot.com" target="new">Share Center</a><br />
<a href="http://planetgratis.blogspot.com" target="new">Planet Gratis</a><br />
<a href="http://zonabebasakses.blogspot.com" target="new">Zona Bebas Akses</a><br />
</marquee>

Hasilnya seperti ini :

Modif Tampilan Blogger

Share Center

Planet Gratis

Zona Bebas Akses

Memasang Profil Facebook Anda pada Blog

noreply@blogger.com (Unknown) — Sat, 18 Apr 2009 20:20:00 +0000

Langkah-langkah dalam membuat serta memasang Profil Facebook anda di blog adalah sebagai berikut :

Lakukan Login pada account Facebook anda,
Klik Tab Profil pada account facebook anda
Klik Buat Lencana Profil yang ada di paling bawah sebelah kiri pada halaman profil facebook anda.
Copy kode yang telah disediakan oleh Facebook, dan paste pada Notepad
Setelah itu, login ke Blog anda yang ada di halaman blogger Home
Klik Layout, kemudian klik Add yang berada di atas page element anda
Pilih Element HTML/Java Script dan paste-kan kode yang ada di note tadi kemudian klik OK dan lihat hasilnya.

Memasukkan Kode HTML pada Posting

noreply@blogger.com (Unknown) — Sat, 18 Apr 2009 19:41:00 +0000

Kode dibawah ini sangat berguna dalam penulisan blog dan sering digunakan jika ingin membuat kalimat-kalimat atau paragraf yang terpisah dengan kalimat-kalimat lain dengan border yang berbeda... dan biasanya digunakan untuk penulisan atau untuk menampilkan sebuah script atau kode karena kode yang ada di posting tidak bisa digabungkan dengan tulisan anda, nahhhh... dengan contoh ini semoga anda dapat menampilkan code/script anda pada pengunjung secara lebih leluasa,
Contoh kalimat :

contoh untuk anda

Untuk kalimat yang diatas gunakan kode dibawah ini :
<p align="left"><textarea name="code" rows="1" cols="40">contoh untuk anda</textarea></p>
Contoh Script/Kode :

Untuk Script/Kode diatas gunakan kode dibawah ini :
<p align="left"><textarea name="code" rows="3" cols="40"><img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif" width="18" height="18" border="0"/></textarea></p>

Membuat Navbar Terlihat Transparan

noreply@blogger.com (Unknown) — Sat, 18 Apr 2009 19:27:00 +0000

Ikuti langkah-langkah berikut ini :

1. Login ke blog anda
2. Klik Edit HTML
3. Silahkan cari kode berikut ini di dalam template anda

#navbar-iframe{ campur kode yang lain };

4. Setelah ketemu, ganti semua kode tersebut dengan salah satu kode di bawah ini
kode untuk kelihatan transparan :

#navbar-iframe{opacity:0.2;filter:alpha(Opacity=0)}<br />#navbar-iframe:hover{opacity:0.5;filter:alpha(Opacity=100, FinishedOpacity=50)}

kode untuk tidak kelihatan sama sekali (menghilang) :

#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}<br />#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}

5. Klik Preview untuk melihat hasil kerja anda
6. Klik Save Template jika sudah sesuai dengan keinginan anda

Pasang Smiley Yahoo Messenger pada Posting

noreply@blogger.com (Unknown) — Sat, 18 Apr 2009 18:27:00 +0000

Pada saat anda membuat tulisan dan mempostingnya, gunakan smiley yahoo agar tulisan kalian seakan-akan hidup dan menarik dengan adanya smiley, untuk membuat smiley ikuti langkah-langkah berikut :

Lakukan Login terlebih dahulu pada blog anda
Buat sebuah tulisan anda dengan meng-klik New Post pada Blog anda
Klik Edit Html dan Copy code berikut, sisipkan pada tulisan anda : (silahkan pilih smiley yang anda inginkan)
Klik Publish Post dan lihat hasilnya...

Menghilangkan Navbar

noreply@blogger.com (Unknown) — Sat, 18 Apr 2009 17:53:00 +0000

Untuk menghilangkan navbar yang ada di atas halaman blog anda seperti gambar di bawah ini :

lakukan langkah-langkah berikut :

Login terlebih dahulu pada blog anda
Klik Menu Layout
Klik Edit HTML tab (Note : Untuk menghindari kesalahan, silahkan Backup terlebih dahulu blog anda dengan memberikan checklist pada Download full template dan klik Download)
Temukan code body { pada blog anda (Note : tekan Ctrl + F untuk melakukan pencarian dan ketikkan kata yang ingin dicari).
Silahkan Copy dan Paste code dibawah ini dan letakkan dibagian atas code body {

#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}
#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}
Klik tombol Save Template
Dan lihat hasilnya…