Bikin Banner Untuk Tukeran Link

Tuker Banner link Yuk !!! Nah, kata-kata tersebut sering muncul di shoutMix atau comment seseorang untuk mengajak kita bertukatan link.
Saya jelasin sedikit ya. Begini ceritanya, hihi. banner itu sama seperti logo yang fungsinya untuk menggambarkan suatu item, toko, ciri khusus web kita. jadi dengan adanya fasilitas banner link, kita dapat memberikan logo web, blog kita kepada siapa saja dan tentunya ini juga sangat bermanfaat untuk meningkatkan traffik blog kita. Karna salah satu cara untuk meningkatkan traffik web itu adalah dengan bertukeran Link.

Masih bingung !!!, oke saya kasih contoh seperti blogger, kanapa blogger di kenal banyak orang ? salah satu jawabnya adalah karna bannernya, logonya. Jadi kita sebagai pemilik web, blog juga mengikuti atau setidakknya berusaha memperkenalkan blog, web kita kepada khalayak umum denga salah satu cara membuat banner.

Langsung ke langkahnya ok :

1. Pastikan kamu berada di Dasbor.
2. Pilih Tata Letak dan Masuk ke bagian Elemen Halaman.
3. AddNew Gadget, tambah gadget baru dan pilih HTML/JavaScript.
4. Masukkan Code HTML berikut :

<a href="http://elitzeroone.blogspot.com" target="_blank">
<img border="0" width="180" src="http://images.cooltext.com/1033004.gif" height="36" title="KLIK!"/></a>

<!------------------------------------------------------------>
<textarea rows="5" cols="22"><a href="http://elitzeroone.blogspot.com" target="_blank">
<img border="0" width="150" src="http://images.cooltext.com/1033004.gif" height="35" title="KLIK!"/></a>
</textarea>

5. Eits, Jangan di simpan dulu ada yang perlu kita ubah.

Keterangan:

• Diatas kode <!-----> adalah Bannernya, Logonya dan dibawahnya adalah Text area, kotak untuk link bannernya.
• http://elitzeroone.blogspot.com merupakan URL yang dituju, kita ganti dengan URL kita sendiri.
• Nah, http://images.cooltext.com/531532.gif kalau yang ini adalah URL Banner, logonya.
• Oiya, Kita juga bisa ubah tinggi danlebar logonya , denga mengubah angka pada height dan width. Sedangkan untuk tinggi dan lebar (textareanya) kita dapat mengubah angka pada rows dan cols.

Nah, kita juga bisa buat logo yang kita suka. Klick disini . kita dapat memilih model tulisan bentuk dari logonya, tentunya kita diharuskan mendaftar terlebih dahulu.


Ini Contohnya : ok






<a href="http://elitzeroone.blogspot.com" target="_blank"><br /><img border="0" width="150" src="http://images.cooltext.com/1033004.gif" height="35" title="KLIK!" /></a><br />

Read more...

Tips Menampilkan Kotak kementar DI Bawah Postingan

Kotak komentar di bwaha Postingan sangat penting kegunaannya. Sebab biasanya Pengunjung blog selalu meninggalkan komentar atas postingan yang kita buat. Nah, dengan adanya komentar kita bisa tau apakan postingan yang kita post sudah benar atau blum. Nah, biar kan saya bagi tau caranya ya. hihi. becanda.

ups, ini contoh colom komentarnya :



Ikuti Langkahnya :
1. Pastikan kita berada di dasbor. Masuk ke Pengaturan->Komentar->Disemat dbwah entri

Ini Contoh nya.

2. Masuk Ke TataLetak->Edit HTML ->Centeng Expend Template Widget

Ini Contohnya.

3. Gunakan Ctrl + F dan cari kode <b:include data='post' name='comments'/>

4. Seteleh ketemu simpan kode berikut ini di bawah kode tadi :

<b:include data='post' name='comment-form'/>

5. Simpan Perubahan.


NB:
Terkadang cari di atas tidak berhasil, di sebabkan ada perbedaan antara template yang kita gunakan. Sehingga akan berbeda pula cara nya. Nah, untuk itu saya sudah menyiapkan Jurus kedua untuk menanganinya. Berikut ajianya. hihi. kidding.

Langsung ke langkahnya :

1. Pastikan kita tlah berada pada posisi Edit Html
2. Cari kode berikut ini :

<p class='comment-footer'>
<a expr:href='data:post.addCommentUrl'
expr:onclick='data:post.addCommentOnclick'> <data:postCommentMsg/></a>
</p>

3. Setelah ketemu ganti dengan kode Berikut :

<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>

4. Simpan Perubahan ( save template )
5. Selamat Mencoba.

Read more...

Mengenal SEO

Menurut situs Wikipedia.org " SEO (Search Engine Optimization) atau optimisasi mesin pencari adalah serangkaian proses yang di lakaukan secara sistematis yang bertujuan untuk meningkatkan volume dan kualitas trafik dari mesin pencari menuju alamat situs web tertentu dengan memanfaatkan mekanisme kerja alami algiritma mesin pencari tersebut.

Tujuan spesifik SEO adalah menempatkan suatu alamat situs web pada posisi teratas (atau setidaknya pada halaman pertama) hasil pencarian berdasarkan subject tertentu. Secara logis, alamat situs yang menempati posisi teratas mesin pencari memiliki peluang lebih besar untuk mendapatkan pengunjung. "Atau secara sedernaha SEO ( search engine optimization ) ini merupakan tindakan yang dilakukan untuk menaikkan traffic situs di mata mesin pencari.

Nah, sebenarnya ada banyak sekali cara untuk meningkatkan traffic situs. Seperti menggunakan Jasa Publisher, Blog Walking, Tukeran Link, Penggunaan Meta Tag dan Submit Blog. Dan sebenarnya masih banyak lagi, untuk kali ini kita bahas segini dulu ya nanti kita sambung lagi.

Read more...

elitzeroone

Siapa elitzeroone ? Kenapa mesti nama elitzeroone ? Adakah makna dari arti kata elitzeroone ?

Awalnya, nickname ini saya buat sendiri dan kebetulan saya menamai nick name ini ke chart game online saya. Dan saya sempat berfikir sendiri, kenapa saya mengklime nick saya elitrzeroone ? kesimpulannya saya memaknaai dalam kata elitzeroone itu agar menjadi motivasi khususnya buat saya sendiri agar menjadi seorang yang Ahli di bidang yang saya sukai.
Elit ! kita pasti sering mendengar kata-kata tersebut bagi di lingkup sosial dan gaya hidup, dan zeroone saya ambil dari bahasa inggris yang saya maknai sendiri adalah "nomor satu". nah begitulah ringkas makna dari nick yang saya ciptakan. Semoga selalu memotifasi saya dalam menjalani dinamika kehidupan ini. halah...hihi :D

Read more...

Read More Manual

Sebelumnya kita telah membahas mengenai fungsi read more otomatis / auto readmore pada postingan. jadi, readmore otomatos akan otomatis bekerja setelah kita memposting postingan baru. Nah, kali ini yang akan saya paparkan adalah cara memfungsikan readmore manual.

Begini gambarannya, readmore manual hanya akan bekerja jika kita meletakkan fungsi cut pada bagian kalimat yang akan kita "hide" di dalam postingan. Tentunya kita harus berada di mode " EditHtml" bukan mode "Tulis". Adapun langkah langkahnya sebagai berikut :

1. Pastikan anda telah mengaktifkan halaman Edit HTML.

2. Setelah itu anda beri centeng pada Expend Template Widget.

3. Kemudian gunakan fasilitas Find untuk mencari kode </head>

4. Selanjudnya kita letakkan kursor diatas kode tadi.

5. Kemudian kita ketikkan kode di bawah ini :

<style>
<b:if cond='data:blog.pageType == "item"'>
span.fullpost {display:inline;}
<b:else/>
span.fullpost {display:none;}
</b:if>
</style>

6. Setelah itu kita cari lagi kode berikut

<p><data:post.body/></p>

7. Kemudian letakkan kursor di bawah kode tadi.

8. Selanjudnya ketikkan kode berikut ini

<b:if cond='data:blog.pageType !="item"'>
<a expr:href='data:post.url'> Read More..</a>
</b:if>

9. Simpan template. Dan coba lihat hasilnya.

Catatan :

Supaya postingan anda dapat terpotong atau dapat menggunakan fasilitas Read More ini. Maka setiap kali kita posting, Kita harus meletakkan kursor pada bagian postingan dimana Kita ingin menuliskan Read more.. tersebut dan ketik <span class="fullpost"> kemudian sampai sisa postingan </span> . Untuk menambahkan kode tadi. Maka pada saat kita membuat posting, postingan tersebut harus dalam mode Edit HTML bukan Compose ( tulis ).

Read more...

Read more otomatis di blogger

Terkadang artikle yang kita buat terlalu panjang untuk di tampilkan pada halaman utama. Maka dari itu Kita membutuhkan fungsi read more. Dengan adanya fungsi ini maka artikle kita akan di bagi atau tidak di tampilkan sepenuhnya, dan pada saat link read more diklik, maka artikle akan tampil sepenuhnya.

Namun secara setandar blogger tidak menyediakan fasilitas ini. Akan tetapi Kita dapat menanamkan fungsi read more otomatis tersebut kedalam blog kita.

Adapun Langkah-langkahnya sebagai berikut :

1. Pastikan kita telah mengaktifkan halaman edit HTML.
2. Setelah itu kita beri tanda centeng di Expend Template Widget
3. Kemudian gunakan fasilitas Find untuk mencari kode </head>
4. Selanjutnya Letakkan Kursor diatas kode </head>
5. Kemudian Paste kode berikut ini :

<script type='text/javascript'>
var thumbnail_mode = "float" ;
summary_noimg = 250;
summary_img = 250;
img_thumb_height = 120;
img_thumb_width = 120;
</script>
<script type='text/javascript'>
//<![CDATA[
/******************************************
Auto-readmore link script, version 2.0 (for blogspot)
(C)2008 by Anhvo
visit http://en.vietwebguide.com to get more cool hacks
********************************************/
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}
function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length>=1) {
imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
}
var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>

5. Simpan dahulu pekerjaan kita tadi.
6. Masih pada Edit Html, centeng di Expend Template Widget kembali.
7. Cari kode seperti ini <data:post.body/>
8. Kemudian ganti dengan kode di bawah ini :

<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script
type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>
<span class='rmlink' style='float:left'><a expr:href='data:post.url'>READ MORE -
<data:post.title/></a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

8. Simpan pekerjaan kita barusan.



Keterangan:

var thumbnail_mode = "float"; (kita dapat memutuskan apakah
letak thumbnail berada di (float) kiri atau jika tidak silahkan ganti dengan(no-float)
summary_noimg = 250; (Menetapkan berapa banyak karakter akan ditampilkan
di posting tanpa gambar / thumbnail)
summary_img = 250; (Menetapkan berapa banyak karakter akan ditampilkan di
posting dengan gambar / thumbnail)
img_thumb_height = 120; (Thumbnail 'tinggi dalam piksel)
img_thumb_width = 120; (Thumbnail 'lebar dalam piksel)

Read more...

Cara Mempostingkan Kode Html di blog

Untuk mempostingkan Kode html di blog caranya berbeda dengan mempostingkan artikel di blog. Adapun langkah-langkahnya sebagai berkut :

1. Login ke blogger kita.
2. Pilih new entri
3. Masukkan kode html yang akan di postingkan di blog anda di situs http://centricle.com/tools/html-entities/.
   
4. lalu klick Encode dan kemudian copy isi html setelah di Encode tadi ke dalam postingan blog anda.

• setelah itu kembali lagi menuju ke membuat posting dan paste hasil kode setelah di encode kan tadi di potingan.

• Kemudian coba terbitkan entri.

Read more...