0 cara membuat pesan selamat tinggal buat pengunjung

Sebelunya saya sudah bahas tentang  Cara Membuat Pesan Perkenalan Bagi Pengunjung, Nah kali ini saya akan bahas tentang Cara Membuat Pesan Selamat Tinggal Buat Pengunjung. Simak baik-baik ya, berikut langkha-langkhanya :

[1]. Pertama Login Dulu Ke Blog Kalian

[2]. Trus Pilih Tata Letak dan Klik Edit HTML
[3]. Cari Code </head> 
[4]. Copy dan Paste-kan Code Dibawah Ini Diatas Code </head>

<script>
function minggat(){
window.alert('Bye...!!! Kapan-Kapan Surfing Lagi Ya...!!!');
}
parent.window.onbeforeunload=minggat;
</script>

NB :
- Tulisan Yang Berwarna Biru Bisa Di Ganti Dengan Kata-Kata Kalian Sendiri.

[5]. Simpan TemplateDan Lihat Hasilnya

0 cara membuat link bergerak

Kalian pasti sudah tahukan, apa itu link bergerak, tu tuh kalo kita sorot kursor ke link blog kita, maka linknya akan bergerak. Ok, pasti Kalian sudah tahukan, langsung saja ke materi.

Ikuti langkah-langkah berikut ini :

[1]. Seperti biasa Login dulu ke Blog Kalian Masing2
[2]. Trus cari Rancangan --> Edit HTML
[3]. Cari Code </head>, trus Copy dan Paste-kan Code di bawah ini, tepat di atas Code </head>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>          
$(document).ready(function()  {           
$(&#39;a&#39;).hover(function() {  //mouse in           
$(this).animate({ marginLeft:  &#39;12px&#39; }, 400);           
}, function() { //mouse out            
$(this).animate({ marginLeft: 0 }, 400);           
});            
});</script>

[4]. Simpan dan lihat hasilnya

0 cara menampilkan postingan blog hanya judulnya saja

Seperti judul kali ini, saya akan memberikan Tips Cara Menampilkan Postingan Pada Blog Hanya Judulnya Saja. Seperti yang Kalian lihat pada Blog ini. OK, kita langsung ke materinya saja. Berikut langkah-langkahnya.

[1]. Pertama pastinya Login dulu ke Blog Kalian.

[2]. Trus cari Rancangan --> Edit HTML.

[3]. Download Template Lengkap (untuk berjaga-jaga apabila ada kesalahan).

[4]. Lalu cari Code ]]></b:skin>.

[5]. Copy dan Paste-kan Cedo de bawah ini, tepat di BAWAH Code tadi.

<style type='text/css'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
.post-body, .post-footer, .jump-link, 
.post-timestamp, .reaction-buttons, 
.star-ratings, .post-backlinks, 
.post-icons, .date-header{display:none;}
</b:if>
</b:if>
</style>

[6]. Terakhir tinggan di SAVE dan lihat hasilnya.

Semoga Bermanfaat...!!!

0 cara membuat blog,postingan,dan judul widget menjadi miring

Heloo sobat Blogger, sesuai dengan permintaan teman Saya, kali ini Saya akan memberikan Tips yaitu "Cara Membuat Judul Blog, Judul Postingan, dan Judul Widget Miring". Jadi kita akan membuat Judul Blog, Judul Postingan, dan Judul Widget menjadi miring-miring. Sebagai Demo, Kalian bisa lihat pada Blog Saya ini, Judul Blog, Judul Postingan, dan Judul Widget-nya kan miring, nah.. kita akan membuat yang seperti itu. OK, kita langsung ke langkah-langkahnya.

[1]. Pertama, Login dulu ke Blog Kalian.

[2]. Dari Dasbor, cari Rancangan --> Edit HTML.

A. Judul Blog Miring.

Cari Code /* Header. Selengkapnya kira-kira sperti di bawah.

/* Header
----------------------------------------------- */
.header-outer {
  margin: $(header.margin.top) 0 $(header.margin.bottom) 0;
  background: $(header.background.color) $(header.background.gradient) repeat scroll 0 0;
}

.Header h1 {
  font: $(header.font);
  color: $(header.text.color);
  text-shadow: 0 0 $(title.shadow.spread) #000000;
}

.Header h1 a {
  color: $(header.text.color);
}

.Header .description {
  font: $(description.font);
  color: $(description.text.color);
}

.header-inner .Header .titlewrapper,
.header-inner .Header .descriptionwrapper {
  padding-left: 0;
  padding-right: 0;
  margin-bottom: 0;
}

.header-inner .Header .titlewrapper {
  padding-top: $(header.padding.top);
}

* Setiap Template pasti Codenya berbeda-beda.

 Kalau sudah ketemu, sekarang HAPUS Code di bawah Code Pertama. Kalau kurang jelas, HAPUS Code seperti di bawah.

.Header h1 {
  font: $(header.font);
  color: $(header.text.color);
  text-shadow: 0 0 $(title.shadow.spread) #000000;
}

.Header h1 a {
  color: $(header.text.color);
}

.Header .description {
  font: $(description.font);
  color: $(description.text.color);
}

.header-inner .Header .titlewrapper,
.header-inner .Header .descriptionwrapper {
  padding-left: 0;
  padding-right: 0;
  margin-bottom: 0;
}

.header-inner .Header .titlewrapper {
  padding-top: $(header.padding.top);
}

 Kalau sudah di HAPUS, sekarang Copy dan Paste-kan Code berikut tepat di bawah Code,

Code Yang Di Cari.

.header-outer {
  margin: $(header.margin.top) 0 $(header.margin.bottom) 0;
  background: $(header.background.color) $(header.background.gradient) repeat scroll 0 0;
}

Code Yang Di Tambahkan.

 #header{float:center; width:490px; margin:0; text-align:center; color:#000000}

#header h1{font-family:'Molengo',Trebuchet MS,Serif; font-size:48px; font-weight:bold; margin:0; padding:10px; color:#000000; transform:rotate(-6deg); -moz-transform:rotate(-6deg); -webkit-transform:rotate(-6deg); -o-transform:rotate(-6deg); line-height:1.0em}

#header h1:hover{transform:rotate(3deg); -moz-transform:rotate(3deg); -webkit-transform:rotate(3deg); -o-transform:rotate(3deg);}

#header a{color:#000000; text-decoration:none}

#header a:hover{color:#000000;}

#header .description{font-size:14px; font-family:'Molengo',Trebuchet MS,Serif; font-weight:bold; color:#efefe3; margin:0; padding:0 10px; text-transform:none}

#header img{margin:0 auto}

#header-center{width:480px; float:center; padding:0; margin-top:10px}
.center{padding-right:10px; margin:0}

Hingga Menjadi Seperti Di Bawah.

.header-outer {
  margin: $(header.margin.top) 0 $(header.margin.bottom) 0;
  background: $(header.background.color) $(header.background.gradient) repeat scroll 0 0;
}

#header{float:center; width:490px; margin:0; text-align:center; color:#000000}

#header h1{font-family:'Molengo',Trebuchet MS,Serif; font-size:48px; font-weight:bold; margin:0; padding:10px; color:#000000; transform:rotate(-6deg); -moz-transform:rotate(-6deg); -webkit-transform:rotate(-6deg); -o-transform:rotate(-6deg); line-height:1.0em}

#header h1:hover{transform:rotate(3deg); -moz-transform:rotate(3deg); -webkit-transform:rotate(3deg); -o-transform:rotate(3deg);}

#header a{color:#000000; text-decoration:none}

#header a:hover{color:#000000;}

#header .description{font-size:14px; font-family:'Molengo',Trebuchet MS,Serif; font-weight:bold; color:#efefe3; margin:0; padding:0 10px; text-transform:none}

#header img{margin:0 auto}

#header-center{width:480px; float:center; padding:0; margin-top:10px}
.center{padding-right:10px; margin:0}

 Kalau sudah, terakhir tinggal di SAVE.

B. JUDUL POSTINGAN MIRING.

 Cari Code ]]></b:skin>.

 Kemudian Copy dan Paste-kan Code di bawah, tepat di ATAS Code tadi.

.post-title{ opacity: 0.7; background:transparent; border:1px solid #ccc;-moz-border-radius-topleft:15px; -moz-border-radius-bottomright:15px; font-family:'Molengo',Trebuchet MS,Serif; font-size:22px; margin-bottom:2px; padding:5px 10px 10px 10px; transform:rotate(-6deg); -moz-transform:rotate(-6deg); -webkit-transform:rotate(-6deg); -o-transform:rotate(-6deg); line-height:1.2em}
.post-title:hover{transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg);}
.post-title a, .post-title a:visited, .post-title strong{display:block; color:#ccc}
.post-title strong, .post-title a:hover{color:#fff}

KETERANGAN :

* Tulisan yang berwarna Biru, ganti dengan Warna yang Kalian inginkan. Code Warna HTML...? Klik di SINI.

Kalau sudah, sekarang SAVE.

C. JUDUL WIDGET MIRING.

 Cari Code ]]></b:skin>.

 Kemudian Copy dan Paste-kan Code di bawah, tepat di ATAS Code tadi.

.sidebar h2{background-color:transparent; border:1px solid #ccc; -moz-border-radius-topleft:15px; -moz-border-radius-bottomright:15px; margin-bottom:2px; padding:8px 10px 10px 10px; color:#FFA500; font-family:'Molengo',Trebuchet MS,Serif; font-size:20px; transform:rotate(-3deg); -moz-transform:rotate(-3deg); -webkit-transform:rotate(-3deg); -o-transform:rotate(-3deg); font-weight:bold}
.sidebar h2:hover{opacity:0.7;transform:rotate(-3deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg)}

KETERANGAN :

* Tulisan yang berwarna Biru, ganti dengan Warna yang Kalian inginkan. Code Warna HTML...? Klik di SINI.

Kalau sudah, sekarang SAVE.

Sekian dulu Tips kali ini, kalau ada pertanyaan, silahkan Kalian isi Kotak Komentar di bawah. Semoga Tips kali ini bermanfaat buat Kalian semua.