Membuat Gambar di Pojok Blog (lebih dari satu)

Nah tips kali ini gamabar tersebut akan lebih dari satu...
nah berikut ini langka- langkah nya:
1. Masuk ke Edit HTML
2. lalu klik expand widget template......(bila di perlukan...backup dulu templatenya)
3. Cari Kode seperti ini ]]></b:skin>
lalu pastekan kode di bawah ini tepat di atas kode tadi :

#gambar_pojokan {
position:fixed;_position:absolute;bottom:0px; left:0px; (gambar kiri bawah)
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }
#gambar_pojokan1 {
position:fixed;_position:absolute;bottom:0px; right:0px; (gambar kanan bawah)
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }
#gambar_pojokan2 {
position:fixed;_position:absolute;top:0px; left:0px; (gambar kiri atas)
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }

4.lalu cari kode </body> pastekan kode berikut di atas kode tersebut :

<div id="gambar_pojokan">
<a href="url blog kamu/">
<img src="url gambar 1" border="0" /></a> (kiri bawah)
</div>
<div id="gambar_pojokan1">
<a href="url blog kamu/">
<img src="url gambar 2" border="0" /></a> (kanan bawah)
</div>
<div id="gambar_pojokan2">
<a href="url blog kamu/">
<img src="url gambar 3" border="0" /></a> (kiri atas)
</div>

5.lalu klik pratinjau atau langsung saved bila udah yakin.

Semoha Sukses

Pasang Alert di Blog Sebagai Pesan Penutup

Tutorial sebelumnya, saya sudah pernah membahas tentang memasang alert di blog untuk pesan pembuka. Nah, untuk kali ini saya akan mencoba membuat alert di blog tapi sebagai penutup. Efek ini akan muncul apabila pengunjung atau kita sendiri menutup jendela blog kita, otomatis akan muncul kotak alert. Untuk mempersingkat, mari kita tengok bagaimana caranya

1. Login ke Blogger
2. Pilih Layout/Tata Letak
3. Kemudian pada tab menu pilih Edit HTML
4. Kalau sudah beri tanda pada Expand Template Widget
5. Taruh kode di bawah ini di bawah kode

Ketrangan :
Tulisan tebal berwarna merah bisa Anda ganti dengan kalimat penutup Anda sendiri.
6.Kembali ke pengeditan oke? setelah meletakkan kode tersebut, langkah selanjutnya adalah SIMPAN PERUBAHAN :D

Selamat berkreasi!!! :Tutorial sebelumnya, saya sudah pernah membahas tentang memasang alert di blog untuk pesan pembuka. Nah, untuk kali ini saya akan mencoba membuat alert di blog tapi sebagai penutup. Efek ini akan muncul apabila pengunjung atau kita sendiri menutup jendela blog kita, otomatis akan muncul kotak alert. Untuk mempersingkat, mari kita tengok bagaimana caranya :D

1. Login ke Blogger
2. Pilih Layout/Tata Letak
3. Kemudian pada tab menu pilih Edit HTML
4. Kalau sudah beri tanda pada Expand Template Widget
5. Taruh kode di bawah ini di bawah kode</head>

<script type='text/javascript'>
// goodbye alert
function goodbye(){
alert('Terima KAsih Atas Kunjungan Anda, Ditunggu Kunjungan Selanjutnya');
}
parent.window.onunload=goodbye;

</script>

Ketrangan :
Tulisan tebal berwarna merah bisa Anda ganti dengan kalimat penutup Anda sendiri.
6.Kembali ke pengeditan oke? setelah meletakkan kode tersebut, langkah selanjutnya adalah SIMPAN PERUBAHAN

Selamat Mencoba

Membuat Pesan Pembuka pada Blog Versi 1

Kembali lagi pada posting yang akan membahas tentang trik blog degh. Trik ini sangat mudah alias gampang banget diterapkan. Trik ini berfungsi sebagai pesan pembuka, ya seperti yang dikatakan pada judul tadi, kotak yang akan muncul sebelum loading page blog, udah pernah liyat kan blog yang ada pesan pembukanya? Mereka itu pake cara ini nih. Ohya, ada beberapa trik yang membuat trik ini menjadi sebegitu indahnya, tetapi kali ini yang standar dulu deh, oke???

Langsung aja deh, caranya gini nih:

1. Pergi ke Layout--->Edit HTML
2. Centang dulu kotak pada Expand Template Widget
3. Kemudian pasangkan kode berikut sebelum kode </body>

<script language="JavaScript">alert("SELAMAT DATANG DI BLOG SAYA");</script>

sebagai contoh:

4. Tulisan yang berwarna merah dapat Anda ganti dengan tulisan/kata-kata Anda sendiri
5. Simpan dan lihat deh Hasilnya



Semoga bermanfaat

Cara Membuat Daftar isi Blog

tips kali ini saya berbagi cara membuat Dafatar isi Blog.
contoh :

Berikut Langkah - langkahnya :

* Sign in

* klik Layout atau Tata Letak

* Klik Edit HTML

*
Agar dalam pengeditan tidak terjadi apa - apa dalam blog temen - temen, silahkan klik link bertuliskan download Template Lengkap. ini di fugnsikan jika script yang dihasilkan tidak sesui dengan kehendak maka bisa dikemblikan seperti semula.

* Berilah centang pada Expand Widget Template (agar code widget muncul)

* Setelah itu cari kode seperti dibawah ini :



* Delete / hapus kode diatas, lalu ganti dengan kode dibawah ini :

<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'>
<div style="padding:6px 0 6px 5px;border-right:1px solid #ccc;border-bottom:1px solid #ccc;margin-bottom:2px;background:#EAE9E9;color:#406A0E;">
<data:post.title/></div></a>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
<b:else/>
<b:include data='post' name='post'/>
</b:if>

* Klik tombol Simpan Template.

* Selesai. Langkah pertama sudah selesai.


Setelah langkah di atas selesai,

* Klik Gedget.

* Klik tulisan Tambah Gedget.

* lalu pilih HTML/JavaScript.

* Copy paste kode berikut :

<a href="http:// NamaBlogAnda .blogspot.com/search?max-results= 200 ">Daftar isi&raquo;</a>

* Ganti NamaBlogAnda nama blog anda sendiri.

* Jika angka 200, adalah jumlah posting yang ingin di munculkan.

* Klik tombol Simpan Perubahan .

* Selesai.

Keterangan :

Jika temen - temen bisa, Temen - temen bisa memodifikasi bentuk dari daftar isi ini, apakah mau di kasih backround gambar, bentuk huruf yang berbeda atau apa saja dengan mengubah kode CSS.Code di bawah ini adalah code pertama(1) paling atas.

<div style="padding:6px 0 6px 5px;border-right:1px solid #ccc;border-bottom:1px solid #ccc;margin-bottom:2px;background:#EAE9E9;color:#406A0E;">
  

Smiley Toolbar di Blogger

Ingin punya tool bar tambahan seperti ini di blogger? Dengan menambahkan fitur ini, maka secara otomatis Anda bisa menambahkan berbagai gambar smiley yang akan membuat blog Anda semakin menarik. Tidak usah berlama-lama, kita langsung saja pada langkah-langkahnya.

1. Mohon syarat yang pertama ini harus Anda penuhi, jika tidak maka Anda tidak akan pernah bisa menggunakan fitur semacam ini. Syaratnya adalah gunakan browser Firefox! (masa belum punya? ) Jika Anda belum punya, klik di sini untuk men-download.
2. Kemudian download dan instal add on Firefox (Greas Monkey), klik di sini. Jika link yang pertama tidak berhasil maka coba klik di sini. Setelah download selesai jangan lupa me-restart browser Anda.
3. Jika sudah menginstal add on Greas Monkey, klik link1 dan instal. Kemudian klik link2 instal juga.
4. Login ke account Blogger Anda dengan browser Mozilla Firefox yang sudah Anda download dan instal tadi. Masuk ke Tata Letak → Edit HTML.
5. Tekan kombinasi Ctrl + F untuk menemukan kode ]]>.
6. Copy dan paste kode di bawah ini tepat di atas/sebelum kode  ]]>.
img.emoticon {padding: 0; margin: 0; border: 0;}
7. Simpan pekerjaan Anda.
8. Selesai.

Untuk melihat apakah ini bekerja, dari dasbor klik Buat Entri Baru. Setelah masuk halaman untuk membuat posting yang baru maka akan Anda lihat 2 tab, yaitu Edit HTML dan Tulis. Coba cek dengan memilih tab Tulis.

Semoga berhasil dan semoga tutorial ini bermanfaat...

Anti Klik Kanan

Sebelum anda men-DISABLE klik kanan pada mouse, ada baiknya untuk berfikir terlebih dulu apakah sudah benar-benar yakin untuk memasang ini pada blog anda, atau paling tidak jika anda memang perlu menggunakan ANTI KLIK KANAN, please... berikan comment yang baik pada "alert message" yang muncul untuk alternatif lainnya. seperti yang saya lakukan pada blog saya ini, ( etss jangan coba coba..!!) hal ini perlu dilakukan, tentunya untuk mencegah rasa frustasi pengunjung blog kita, dan agar para pengunjung blog kita tidak merasa terlalu "dibatasi" dengan adanya aplikasi ini.
Nah setelah anda berfikir dengan matang..... silahkan anda coba Tip's yang paling mudah diantara tip's anti klik kanan yang ada berikut ini.

Masuk account blogger anda ===> Dashboard/dasbor ===> Layout/tataletak ===> pilih edit HTML, jangan lupa untuk mencentang "EXPAND TEMPLATE WIDGET".

Seperti biasa, sebelum mulai memasukan kode, lakukan "Download lengkap template" sebagai backup jika terjadi kesalahan...., ocre brother ? Let's go.. !!

Copy kode dibawah ini :
 
<script language=JavaScript>
<!--

//Disable right mouse click Script
//By Maximus (maximus@nsimail.com) w/ mods by DynamicDrive
//For full source code, visit http://www.dynamicdrive.com

var message=" etss jangan coba coba..!!!";

///////////////////////////////////
function clickIE4(){
if (event.button==2){
alert(message);
return false;
}
}

function clickNS4(e){
if (document.layers||document.getElementById&&!document.all){
if (e.which==2||e.which==3){
alert(message);
return false;
}
}
}

if (document.layers){
document.captureEvents(Event.MOUSEDOWN);
document.onmousedown=clickNS4;
}
else if (document.all&&!document.getElementById){
document.onmousedown=clickIE4;
}

document.oncontextmenu=new Function("alert(message);return false")

// -->
</script>

Setelah anda meng-Copy semua kode diatas.... kemudian paste tepat DIATAS kode :

</body>

Setelah di paste dengan benar, silahkan anda tekan tombol save/simpan perubahan o.k?
Eiitt's !! jangan senang dulu brother.... seringkali pihak Blogger tidak bisa menerima kode diatas dan muncul pesan error !! trus apa yang harus kita lakukan ?
Yang perlu anda lakukan hanyalah mem-PARSE kode diatas !! masih ingat PARSE kan ? anda bisa langsung ke alamat ini atau disini.
Copy kode diatas dan pastekan pada kotak yang tersedia, trus klik PARSE beres.... !!
Nahh...!! hasil PARSE tersebutlah yang akan kita paste-kan didalam edit HTML blog kita coy !!
Dengan posisi yang sama yaitu tepat DIATAS kode :

</body>

Setelah dipaste dengan baik dan benar, baru kalian boleh Klik save/simpan perubahan! dan kayaknya kalau sekarang sudah pasti beres alias "NO PROBLEMO" kan ??

Hint :
Tulisan warna merah bisa anda ganti dengan kalimat anda sendiri yang nantinya akan muncul pada kotak alert message, begitu pengunjung blog melakukan klik kanan pada mouse (Tolong kasih kalimat yang baik ya ?).
Sekali lagi saya ingatkan untuk berfikir sekali lagi apakah anda benar-benar akan menggunakan fasilitas ini ?
Selamat mencoba !!

Membuat Daftar Isi Di Blog

Dikala artikel di blog sudah menggunung, dan ketika itu kita ingin membaca suatu artikel yang sudah lama di post, hal yang sangat diperlukan adalah Daftar Isi. Dengan daftar isi kita bisa melihat seluruh judul artikel yang ada di dalam blog, dan tentu itu akan mempermudah si pembaca kalau ingin mencari-cari artikel yang dianggapnya penting. Lalu bagaimana cara membuat daftar isi di blog ?? membuatnya sangat mudah kok, dan tidak memerlukan banyak kode html.. /hmm:
Perhatikan langkah-langkah berikut ini :

1. Login di http://draft.blogger.com/
2. Klik Layout > Edit HTML
3. Untuk antisipasi berbagai kemungkinan, sebaiknya backup dulu template dengan mengklik download full template.
4. Kemudian beri tanda check pada Expand Widget Templates.
5. Cari kode berikut :
   

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

6. Setelah bertemu, kasi ucapan selamat tinggal sama dia /bye: /nyengir:, dihapus dan diganti dengan kode berikut : 
   

   <b:if cond='data:blog.homepageUrl != data:blog.url'>
   <b:if cond='data:blog.pageType != &quot;item&quot;'>
   <a expr:href='data:post.url'>
   <div style='padding:6px 0 6px 5px;border-right:1px solid #ccc;border-bottom:1px solid #ccc;margin-bottom:2px;background:#EAE9E9;color:#406A0E;'>
   <data:post.title/></div></a>
   <b:else/>
   <b:include data='post' name='post'/>
   </b:if>
   <b:else/>
   <b:include data='post' name='post'/>
   </b:if>

7. Klik Save Template untuk menyimpan perubahan

Belum selesai lho.. sekarang kita bikin link pemanggil daftar isinya.

1. Pergi ke Layout > Page Element
2. Tambahkan sebuah Widget tipe HTML/JavaScript
3. Masukkan link berikut ke dalamnya
   

      <a href='http://NAMA BLOG.com/search?max-results=200'>Daftar Isi</a></li>
   

4. Gantu huruf yang berwarna merah dengan URL blog kita
5. Simpan Widget
6. Letakkan di manapun yang kalian suka. /nyengir: /nyengir:

Atau juga kalau kalian juga bisa meletakkannya di menu . Tinggal copy aja link tsb.



Selamat Berjuang 

Disable Klik Kanan

Langsung aja neh, tanpa basa basi :D. Ini ada java script untuk memberikan larangan pada pembaca untuk melakukan klik kanan. Kelemahanya, kita hanya perlu mematikan fitur javascript pada browser, kemudian pembaca bisa melakukan klik kanan sepuas hati. Oke bagi yang sekedar mau iseng-iseng aja, tinggal ikuti langkah berikut :

1. Login http://draft.blogger.com/ Seperti biasa
2. Pergi ke Layout > Edit Html
3. Jangan Lupa centang Expand Widget Template
4. Copy Javascript berikut:

   <script type='text/javascript'>
       //<![CDATA[
   
       var pesan = 'TULIS PESAN KALIAN DI SINI';
       function klik_IE()
       {
       if (event.button == 2){
       alert(pesan);
       }
       }
       function klik_NS(e)
       {
       if (document.layers || document.getElementById && !document.all){
       if (e.which == 2 || e.which == 3){
       alert(pesan);
       }
       }
       }
       if (document.layers)
       {
       document.captureEvents(event.mousedown);
       document.onmousedown = klik_NS;
       }
       else if (document.all && !document.getElementById)
       {
       document.onmousedown = klik_IE;
       }
       document.oncontextmenu = new Function("alert(pesan); return false")
   
       //]]>
       </script>

5. Letakkan di bawah <head> atau sebelum </head>
6. Save Template

Selamat berjuang

Membuat Read More

Kalian pernah membaca koran, pasti kalian pernah melihat suatu artikel yang berada di halaman awal di penggal dengan “lanjut ke halaman 10”. Nah fungsi readmore juga seperti itu.Tujuan membuat readmore atau baca selengkapnya ini adalah untuk memperpendek artikel yang telalu panjang sehingga membuat blog lola alias loading lambat, terus tidak membuat “mata pembaca sakit” karena panjangnya isi blog. Cara membuatnya cukup mudah ayo menuju ke TKP.

1. Login http://draft.blogger.com/ seperti biasa
2. Masuk menu layout > EditHTML
3. Checklist Expand Widget Template
4. Kemudian cari kode berikut di blog kalian:#
   
       <p><data:post.body/></p>
   
   # Kemudian ganti code tersebut dengan code berikut :
   
       <b:if cond='data:blog.pageType == "item"'>
       <style>.fullpost{display:inline;}</style>
       <p><data:post.body/></p>
       <b:else/>
       <style>.fullpost{display:none;}</style>
       <p><data:post.body/></p>
       <a expr:href='data:post.url'>Read More......</a>
       </b:if>
   
5. Huruf berwarna merah bisa kalian ubah sesuka hati
6. Setelah itu Save Template

Kemudian :

1. Masuk menu Setting > Formatting
2. Pergi ke point Post Template
3. MAsukkan Kode berikut :

   <span class="fullpost">
   
   </span>

4. Save Settings

PAda saat kalian akan membuat new post, pada area editing kalian akan menjumpai code yang kita buat pada Post Template tadi. Cara penggunaanya :

Live Writer FB Notification Plugin

Selain untuk Twitter, untuk Facebook ada juga lho . . Cara kerjanya mirip Twitter Notify Plugin. Nha nanti akan dibuat status secara otomatis yang memberitahukan Posting terbaru di blog kita. Jadi lebih mudah kan..
Download pluginnya di SINI. atau kunjungi saja http://gallery.live.com. Dha…..