Cara Pasang Read More Animasi

ehmmm ini mungkin perlu banditz kraksaan tampilkan lagi di tutorial blog pada pagi ini yaitu " cara pasang read more animasi " gimana ada yang mau coba g? ini sudah banditz cek di laboratorium banditz labs dan hasilmya top markotop

1.Bagi teman-teman yang blognya belum pake readmore,buat readmore dulu disini

2.Dihalaman Edit HTML, ganti tulisan read more ato lainya yang sobat pake buat link baca selanjutnya dengan kode berikut <img src="link gambar kamu"/>
Yang sudah pake read more langsung langkah 2 aja ya.
3.Langkah terakhir dan terpenting adalah Save Template

Kalo sobat belum punya gambar ini aku sediakan:





http://i496.photobucket.com/albums/rr329/grandisyf/th_button-green-f.gif


http://i496.photobucket.com/albums/rr329/grandisyf/th_arrow-readmore.gif


http://i496.photobucket.com/albums/rr329/grandisyf/th_more.gif


http://i496.photobucket.com/albums/rr329/grandisyf/Read-more-3_grandis.gif


http://i496.photobucket.com/albums/rr329/grandisyf/th_Readmore3.gif

Read More

Pasang Emoticon di Kotak Komentar(Versi Baru)

Maka,Dalam versi baru,emoticonnya adalah seperti berikut:


Gimana? Kamu Pengen memasang emoticon ini? Pengen nggak pengin nih aku kasih tahu caranya

Begini cara membuatnya :

1. Pertama,seperti biasa harus login blogger dulu, trus menuju ke "Layout (Tataletak) --> Edit HTML "
2. Beri tanda centang pada kotak "expand widget template"
3. Lalu letakkan script berikut sebelum kode </body>


<script type='text/javascript'>
//<![CDATA[
a = document.getElementsByTagName('LABEL');
if(a) {
for(i=0; i < a.length; i++) {
_str = b.item(i).innerHTML.replace(/:a:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-001.gif' alt='' class='smiley'/>");
_str = _str.replace(/:b:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-005.gif'' class='smiley'/>");
_str = _str.replace(/:c:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-009.gif' alt='' class='smiley'/>");
_str = _str.replace(/:d:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-013.gif' alt='' class='smiley'/>");
_str = _str.replace(/:e:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-014.gif' alt='' class='smiley'/>");
_str = _str.replace(/:f:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-020.gif' alt='' class='smiley'/>");
_str = _str.replace(/:g:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-018.gif' alt='' class='smiley'/>");
_str = _str.replace(/:h:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-001.gif' alt='' class='smiley'/>");
_str = _str.replace(/:i:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-002.gif' alt='' class='smiley'/>");
_str = _str.replace(/:j:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-005.gif' alt='' class='smiley'/>");
_str = _str.replace(/:k:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-007.gif' alt='' class='smiley'/>");
_str = _str.replace(/:l:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-009.gif' alt='' class='smiley'/>");
_str = _str.replace(/:m:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-008.gif' alt='' class='smiley'/>");
_str = _str.replace(/:n:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-012.gif' alt='' class='smiley'/>")


a.item(i).innerHTML = _str;
}
}

a = document.getElementById('comments');
if(a) {
b = a.getElementsByTagName("DD");
for(i=0; i < b.length; i++) {
if (b.item(i).getAttribute('CLASS') == 'comment-body') {
_str = b.item(i).innerHTML.replace(/:a:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-001.gif' alt='' class='smiley'/>");
_str = _str.replace(/:b:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-005.gif'' class='smiley'/>");
_str = _str.replace(/:c:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-009.gif' alt='' class='smiley'/>");
_str = _str.replace(/:d:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-013.gif' alt='' class='smiley'/>");
_str = _str.replace(/:e:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-014.gif' alt='' class='smiley'/>");
_str = _str.replace(/:f:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-020.gif' alt='' class='smiley'/>");
_str = _str.replace(/:g:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-018.gif' alt='' class='smiley'/>");
_str = _str.replace(/:h:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-001.gif' alt='' class='smiley'/>");
_str = _str.replace(/:i:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-002.gif' alt='' class='smiley'/>");
_str = _str.replace(/:j:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-005.gif' alt='' class='smiley'/>");
_str = _str.replace(/:k:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-007.gif' alt='' class='smiley'/>");
_str = _str.replace(/:l:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-009.gif' alt='' class='smiley'/>");
_str = _str.replace(/:m:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-008.gif' alt='' class='smiley'/>");
_str = _str.replace(/:n:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-012.gif' alt='' class='smiley'/>")
b.item(i).innerHTML = _str;
}
}
}

a = document.getElementById('comments');
if(a) {
c = a.getElementsByTagName("DD");
for(i=0; i < c.length; i++) {
if (c.item(i).getAttribute('CLASS') == 'owner-Body') {
_str = b.item(i).innerHTML.replace(/:a:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-001.gif' alt='' class='smiley'/>");
_str = _str.replace(/:b:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-005.gif'' class='smiley'/>");
_str = _str.replace(/:c:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-009.gif' alt='' class='smiley'/>");
_str = _str.replace(/:d:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-013.gif' alt='' class='smiley'/>");
_str = _str.replace(/:e:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-014.gif' alt='' class='smiley'/>");
_str = _str.replace(/:f:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-020.gif' alt='' class='smiley'/>");
_str = _str.replace(/:g:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-018.gif' alt='' class='smiley'/>");
_str = _str.replace(/:h:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-001.gif' alt='' class='smiley'/>");
_str = _str.replace(/:i:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-002.gif' alt='' class='smiley'/>");
_str = _str.replace(/:j:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-005.gif' alt='' class='smiley'/>");
_str = _str.replace(/:k:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-007.gif' alt='' class='smiley'/>");
_str = _str.replace(/:l:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-009.gif' alt='' class='smiley'/>");
_str = _str.replace(/:m:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-008.gif' alt='' class='smiley'/>");
_str = _str.replace(/:n:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-012.gif' alt='' class='smiley'/>")
c.item(i).innerHTML = _str;
}
}
}
//]]>
</script>


4. Kemudian cari kode berikut ini :

<p class='comment-footer'>
<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='comment-form'/>
<b:else/>
<b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</b:if>
</p>

5. Ketemu kan?Kalo sudah ketemu letakkan kode2 berikut setelah kode
<p class='comment-footer'>





<div style='-moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; width: 200; text-align: center; border: 0px solid #90be35; padding: 5px; background: #ffffff; height:350'>
<b>
<img border='0' height='30' src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-001.gif' width='30'/> :a:
<img border='0' height='30' src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-005.gif' width='30'/> :b:
<img border='0' height='30' src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-009.gif' width='30'/> :c:
<img border='0' height='30' src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-013.gif' width='30'/> :d:
<img border='0' height='30' src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-014.gif' width='30'/> :e:
<img border='0' height='30' src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-020.gif' width='30'/> :f:
<img border='0' height='30' src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-018.gif' width='30'/> :g:
<img border='0' height='30' src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-001.gif' width='30'/> :h:
<img border='0' height='30' src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-002.gif' width='30'/> :i:
<img border='0' height='30' src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-005.gif' width='30'/> :j:
<img border='0' height='30' src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-007.gif' width='30'/> :k:
<img border='0' height='30' src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-009.gif' width='30'/> :l:
<img border='0' height='30' src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-008.gif' width='30'/> :m:
<img border='0' height='30' src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-012.gif' width='30'/> :n:
</b>
</div>

6. Langkah terakhir dan terpenting adalah SAVE TEMPLATE

Kemudian coba akses blog sobat, lalu klik salah satu postingan, kalo di kotak komentar keluar emoticonnya,berarti sobat melakukan langkah2 tersebut dengan benar "MISSION COMPLETE".SELAMAT MENCOBA ya sobat semoga berhasil.

Catatan
@ Kadang-kadang ada beberapa template memiliki kode yang beda. Jika sudah melaksanakan cara2 di atas dengan benar tapi hasilnya tidak terjadi apa2 atau kodenya tidak berubah menjadi emoticon, kemungkinan itu karena Kode pada templatenya berbeda atau bisa jadi karena mugnkin hosting untuk upload file emoticon dan javascriptnya sedang bermasalah.

Read More

Cara pasang search Engine

Sebetulnya hal ini sudah dibahas oleh para bloger-bloger master di indonesia dan juga fasilitas ini sudah ada di blogger itu sendiri . tapi apa salahnya bila banditz kraskaan mengulas kembali karena atas permintaan salah satu teman dari blogger pasuruan yang bertanya

Mas Banditz, bagaimana caranya memasang Search Engine pada blog?

Baikklah, saya akan mencoba menjawabnya. Semoga mudah untuk di mengerti. Sebetulnya blogger sendiri untuk saat ini sudah berkembang dimana blogger sudah support widgat untuk search enggine kalau lewat blog caranya
seperti baisa
1. login ke dasbor
2. tambah gadget
3. pilih kotak penelusuran
4. save
seperti di gambar di bawah ini








namun apabila ingin membuat sendiri dari html monggo silakan isi kodenya

<form id="searchform" action="http://AlamatBlogAnda.blogspot.com/search" name="searchform" method="get">


<input id="s" value="" name="q" type="text">
<input id="searchsubmit" value="Search" type="submit">
</form>

Yang perlu sobat perhatikan adalah tulisan yang saya cetak merah yaitu http://AlamatBlogAnda.blogspot.com/search,
tulisan AlamatBlogAnda harus sobat ganti tentunya dengan alamat blog sobat yang ingin
di pasangi seacrh engine, misalkan apabila di pasang untuk blog ini maka tulisan tersebut di ganti dengan
http://xxxxxx.blogspot.com/search. Selain itu, ada juga yang bisa sobat ubah yaitu
di bagian kode --> value="Search". Tulisan Search ini adalah tulisan
yang akan muncul pada tombol search engine, apabila sobat ingin mengubahnya, silahkan ubah dengan keinginan, contoh : tulisan
tersebut ingin di ubah menjadi Cari atau Go.






lakukan seperti langah biasa
1.login
2. pilih gadget
3. pilih html/java script
4. masukan kode
5.simpan

untuk hasilnya seperti inin

Read More

Membuat gambar transparan di body blog

Sebagian orang menginginkan blognya tampil dalam bentuk transparent
Sebenarnya ide dasarnya adalah soal background. Yang umum dipakai tentu saja background dengan warna atau gambar tertentu, baik pada ruang postingan saja, sidebar saja atau header saja. Pada background statis dimana hanya content blog saja yang ikut dalam gulungan tentu saja banyak pula yang menyukai, termasuk saya.
Bagaimana cara membuat blog supaya transparan pada blogger, silahkan ikuti dan terapkan langkah langkah berikut ini :

Sebelumnya siapkan dulu sebuah gambar (Untuk ukuran background full halaman sebaiknya menggunakan piksel 1024x768) lalu simpan misalnya di Photobucket atau di TinyPic untuk kemudian anda ambil link gambar tersebut.
Langkah berikutnya, masuk ke dashboard klik LAYOUT (Tata Letak) dan klik EDIT HTML. Jangan lupa centang Expand Widget Templates. Kemudian cari kode berikut.
background:$bgcolor;
Lalu copy kode berlatar hijau di bawah ini dan paste pada kode di atas, letaknya persis di bawah body {

body {
background:url(http://i632.photobucket.com/albums/uu50/ocesatria55/closeUPKU3333333333333333.jpg);
background-repeat:no-repeat;
background-attachment:fixed;
background-position:top center;





Anda boleh menggganti alamat URL gambar ini http://i632.photobucket.com/albums/uu50/ocesatria55/closeUPKU3333333333333333.jpg dengan alamat gambar anda sendiri...


Sebelum di-save lihat dulu Pratinjau untuk memastikan ada atau tidaknya kesalahan. Setelah yakin baru klik:

Save Template.

Dan silahkan lihat dan nikmati hasilnya . Anda juga dapat menerapkan kode tersebut untuk semua background. Silakan cari sendiri

O ya, referensi saya untuk postingan ini adalah masterGomaster, Thanks ya!

Read More

Memasang Button Show/Hide (Spoiler)

Spoiler apaan OB? "Oh, asessoris yang biasa digunakan di belakang mobil, sehingga kaya mobil balap". Kalau OB membahas mobil, apa ada hubungannya dengan optimasi blog??? (wkakakakakak). Maksud spoiler di sini adalah menyembunyikan teks, image, dan/atau widget sehingga menghemat ruang suatu blog. Kemudian teks, image, dan/atau widget tersebut dapat ditampilkan kembali dengan menggunakan perintah (baca: bahasa pemprograman) tertentu. Ujung-ujungnya kita menggunakan "button" lagi, "button" memang ngga ada matinya (he..he.. no promotion). Khusus pengguna Wordpress, pluginnya dapat langsung diunduh di felixtriller.de. Sedangkan untuk blogger, mari kita ulas triknya tentang memasang spoiler.Widget ini dapat kamu manfaatkan baik dalam postingan, sidebar, dan/atau elemen lainnya yang memiliki kesesuaian dengan widget spoiler.


<div style="text-align: center;"><div class="button-spoiler"><input value="Contoh Penggunaan Spoiler" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Tutup'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Buka Lagi'; }" type="button"/></div><div class="spoiler"><div style="display: none;">
<div style="text-align: left; padding: 10px; border: 3px inset #333; font-size: small;">
Silakan disimak dan dicermati :
<ul><li>Di sini kamu bisa memasukkan teks, kode, atau script</li>
<li>Kamu juga bisa memasukkan image</li>
<center><img border="0" alt="U Comments I Follow" src="http://i647.photobucket.com/albums/uu191/ariamsi/Icon%20Blog/follow2.jpg"/></center>
<li>Klik button "Tutup" untuk menghilangkan area ini</li></ul>
</div></div></div></div>

Keterangan :

* Ganti kode berwarna biru dengan kata atau kalimat yang kamu inginkan.
* Kode berwarna hijau merupakan gambaran area teks, image, dan/atau widget yang akan kamu masukan.
* Ganti kode yang berwarna merah dengan teks, image, dan/atau widget yang akan kamu inginkan.
* Tidak menutup kemungkinan kamu dapat menambah dan mengurangi kode yang telah ada selama format dasar kode pembuatan spoiler tidak berubah, seperti dalam kode style="....." (yang berkelap-kelip) dapat ditambah atau dikurangi.


Hasilnya :

Silakan disimak dan dicermati :

• Di sini kamu bisa memasukkan teks, kode, atau script


• Kamu juga bisa memasukkan image



• Klik button "Tutup" untuk menghilangkan area ini

Read More

Cara Membuat Script Penutup

Kali ini saya akan memposting tentang Cara Memasang Script Penutup di blog
Bagi para master blog mungkin anda semuanya udah mengetahui tetang ini :D.Langsung aja deh cara seperti ini :





Caranya sebagai berikut :

* Masuk BLOGGER Anda
* Dashboard/dabor
* Layout/tata letak
* Edit HTML
* Cara code </head>
biar lebih cepat bisa pakek CTRL+F, bila udah ketemu silahkan pasang Script Di bawah ini :


<script type='text/javascript'>
// goodbye alert
function goodbye(){
alert('Mau Kemana Besok Mampir lagi YA...! Terima Kasih Atas Kunjungannya... Jangan Bosen-bosen ya Mampir lagi....!');
}
parent.window.onunload=goodbye;

</script>


*Silahkan ganti kata-kata ini : Mau Kemana Besok Mampir lagi YA...! Terima Kasih Atas Kunjungannya... Jangan Bosen-bosen ya Mampir lagi....!
sesuai dengan keinginan anda.

Contohnya :


</head>

<script type='text/javascript'>
// goodbye alert
function goodbye(){
alert('Mau Kemana Besok Mampir lagi YA...! Terima Kasih Atas Kunjungannya... Jangan Bosen-bosen ya Mampir lagi....!');
}
parent.window.onunload=goodbye;

</script>

<body>

Read More

Cara Membuat Link Di Blog

Dalam dunia blog, tentu anda tidak asing lagi dengan yang namanya link. Apabila anda seorang blogger (tukang ngeblog kata orang jakarta mah), tentu saja membuat link adalah sebuah keharusan.untuk semua blog bagi yang kagak tau cara membuat link di masih ketinggalan zaman :D
dan Posting ini diminta oleh Deni dan david kepada deni ini udah saya postingkan

Link pada posting-an

Jika anda membuat sebuah artikel untuk di posting, trus di dalam nya ingin di buatkan sebuah link, misalkan artikel tersebut bercerita tentang bisnis yang anda ikuti pada sebuah website di internet, lalu anda ingin mengajak para pembaca artikel tersebut untuk mengunjungi website yang anda ceritakan. Misalkan dalam artikel tersebut ada kata –kata seperti Jika anda tertarik silahkan anda klik disini, nah untuk membuat link dari kata-kata tersebut silahkan ikuti langkah-langkah berikut :

1. Highlight kata-kata yang ingin di buat link, contoh di atas adalah klik disini.


2. Klik ikon yang bergambar seperti ini yang berada pada toolbar, maka setelah itu akan muncul tulisan http:// pada window baru yang berbentuk seperti contoh gambar di bawah ini :




3. Isi kotak yang ada tulisan tersebut dengan alamat situs yang anda inginkan, misalkan : http://www.aan20.co.cc/


4. Klik OK. Selesai


Mungkin anda punya pikiran, kalau anda membuat sebuah link trus pembaca mengkliknya, anda kwawatir kalau pengunjung blog kita akan meninggalkan blog kita. Untuk meminimalisir hal tersebut, bisa dilakukan dengan cara membuat window baru, jadi ketika pengunjung mengklik salah satu link yang kita buat, halaman blog kita tidak akan tertimpa dengan halaman baru tapi yang terjadi adalah halaman blog anda tetap ada dan halaman yang baru di klik akan muncul terpisah. Sebagai contoh, silahkan anda klik tulisan Resep Bisnis atau Obral plus pada banner header diatas. Ketika anda mengkliknya, akan tercipta window baru. Untuk membuat link seperti ini dapat di lakukan dengan cara :

1. Apabila sudah melakukan cara membuat link seperti keterangan diatas, klik menu yang ada pada toolbar.



2. Pada tulisan yang kita link tadi akan muncul kode seperti ini ( contoh tulisan <strong>klik disini</strong> di link ke http://www.aan20.co.cc/ :
   
   <code><a href="http://www.aan20.co.cc/">klik disini</a></code>
   
   maka disini anda harus menambahkan embel-embel kode <strong>HTML target="new'</strong> ataupun <strong>target="_blank"</strong> pada awal ataupun akhir kode tersebut . Contoh kode yang sudah di modifikasi adalah :
   
   <code><a href="http://www.aan20.co.cc/" target="new">klik di sini</a></code>
   
   atau :
   
   <code><a href="http://www.aan20.co.cc/" target="new">klik di sini</a></code>
   
   atau bisa juga seperti ini :
   
   <code><a href="http://www.aan20.co.cc/" target="_blank">klik di sini</a></code> </li></ol>
   
   <strong>Buat Links di sidebar</strong>
   
   Bila anda berkeinginan membuat link kepada teman anda di sidebar, cara termudah adalah seperti ini : ( khusus untuk template klasik)
   
   
   1. Sign in di blogger dengan id anda
   
   
   
   2. Klik menu TEMPLATE
   
   
   
   3. Klik Edit HTML
   
   
   
   4. Klik Edit
   
   
   
   5. Klik Find (on this page)… --> untuk mempercepat pencarian
   
   
   bisa langsung Cntrl+f nah pasting lansung ketemu :D
   
   
   
   6. Tuliskan kata dimana anda ingin tempatkan, contoh di blog saya adalah Links para sahabat, klik Find
   
   
   7. Tuliskan link yang anda inginkan, contoh jika anda ingin membuat link ke blog saya, maka kode yang di tulis adalah :
   
   
   <code><a href="http://www.aan20.co.cc/" target="_blank">Aan Blog</a>
   
   8. Klik Save Template Changes. Selesai
   
   
   Sedikit clue untuk anda. Jika anda sedang mengotak-atik kode Template sebaiknya sebelum di obrak-abrik, sebaiknya anda copy terlebih dahulu seluruh template ke dalam notepad, ini untuk jaga-jaga apabila anda melakukan kesalahan, anda bisa mengembalikan kesemula karena sudah mempunyai backup data template tersebut. Atau bisa juga sebelum anda klik Save Template Changes sebaiknya anda klik terlebih dahulu tombol preview untuk melihat perubahan yang anda lakukan, apabila sudah cocok dengan perubahan tersebut baru di save Template Changes.
   
   
   
   

Read More