25 April 2009

Cara Membuat Related Post (Artikel Yang Berhubungan)

Related post dalam sebuah blog menurut saya sangat penting untuk menghindarkan pengunjung blog dari kebosanan. Dengan adanya related post ini maka pengunjung blog kita tidak akan mudah kabur begitu saja setelah membaca satu artikel dari blog kita. Selain memudahkan navigasi, juga mempermudah pengunjung blog kita untuk menemukan artikel yang berhubungan.


Ada beberapa cara untuk membuat Related Post ini karena memang biasanya tergantung dari template yang digunakan cocok atau tidak. Tapi disini saya akan membagi cara membuat Related POst yang hampir bisa digunakan disemua template, karena sudah saya buktikan sendiri dibeberapa blog saya yang menggunakan template yang berbeda.

Untuk membuat Related Post silahkan anda ikuti langkah-langkah berikut ini:

1. Login ke akun blog anda
2. Menuju Edit layout HTML, lalu centang Expand Widget Template
3. Download template Anda untuk mengantisipasi jika sewaktu-waktu anda gagal mengedit.
4. Cari code dibawah ini (Untuk memudahkan pencarian, silahkan tekan F3 di keyboard)

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

5. Jika sudah ketemu copy dan paste kode berikut tepat dibawah kode diatas.


<b:if cond='data:blog.pageType == "item"'>
<div class='similiar'>
<!-- *****************http://blogger.com*****Jan,2007****************** -->
<!-- *****************Related Articles by Labels - Take Two****************** -->

<!--

1. Now, users don't need to change anything to use this widget. just copy and paste, and done!
2. The current article will also be listed, now it's no more.
-->

<div class='widget-content'>
<h3>Related Posts by Categories</h3>
<div id='data2007'/><br/><br/>
<script type='text/javascript'>

var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;

maxNumberOfPostsPerLabel = 100;
maxNumberOfLabels = 3;


function listEntries10(json) {
var ul = document.createElement(&#39;ul&#39;);
var maxPosts = (json.feed.entry.length &lt;= maxNumberOfPostsPerLabel) ?
json.feed.entry.length : maxNumberOfPostsPerLabel;
for (var i = 0; i &lt; maxPosts; i++) {
var entry = json.feed.entry[i];
var alturl;

for (var k = 0; k &lt; entry.link.length; k++) {
if (entry.link[k].rel == &#39;alternate&#39;) {
alturl = entry.link[k].href;
break;
}
}
var li = document.createElement(&#39;li&#39;);
var a = document.createElement(&#39;a&#39;);
a.href = alturl;

if(a.href!=location.href) {
var txt = document.createTextNode(entry.title.$t);
a.appendChild(txt);
li.appendChild(a);
ul.appendChild(li);
}
}
for (var l = 0; l &lt; json.feed.link.length; l++) {
if (json.feed.link[l].rel == &#39;alternate&#39;) {
var raw = json.feed.link[l].href;
var label = raw.substr(homeUrl3.length+13);
var k;
for (k=0; k&lt;20; k++) label = label.replace(&quot;%20&quot;, &quot; &quot;);
var txt = document.createTextNode(label);
var h = document.createElement(&#39;b&#39;);
h.appendChild(txt);
var div1 = document.createElement(&#39;div&#39;);
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById(&#39;data2007&#39;).appendChild(div1);
}
}
}
function search10(query, label) {

var script = document.createElement(&#39;script&#39;);
script.setAttribute(&#39;src&#39;, query + &#39;feeds/posts/default/-/&#39;
+ label +
&#39;?alt=json-in-script&amp;callback=listEntries10&#39;);
script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;);
document.documentElement.firstChild.appendChild(script);
}

var labelArray = new Array();
var numLabel = 0;

<b:loop values='data:posts' var='post'>
<b:loop values='data:post.labels' var='label'>
textLabel = &quot;<data:label.name/>&quot;;

var test = 0;
for (var i = 0; i &lt; labelArray.length; i++)
if (labelArray[i] == textLabel) test = 1;
if (test == 0) {
labelArray.push(textLabel);
var maxLabels = (labelArray.length &lt;= maxNumberOfLabels) ?
labelArray.length : maxNumberOfLabels;
if (numLabel &lt; maxLabels) {
search10(homeUrl3, textLabel);
numLabel++;
}
}
</b:loop>
</b:loop>
</script>
</div>

</div>
</b:if>


6. Simpan template dan lihat hasinya.

Dalam setiap posting anda harus memberikan label/category, karena Related Post ini bekerja(mengelompokkan) berdasarkan label/category masing-masing. Jika dalam setiap posting anda tanpa label/category maka tidak akan bisa menampilkan Related Post (Artikel Yang Berhubungan)

Selamat Mencoba...

21 April 2009

Tips Menghilangkan Navbar Pada Blogspot

Seharusnya postingan ini sudah saya post diawal-awal saya membuat blog, tapi entah kemana kemudian saya lupa dimana menyimpan file ini, eh kemarin saat buka-buka disket ketemu deh nyempil disalah satu disket. Ya pantes gak ketemu hari gini masih peke disket..???


Awalnya sejak pertama kali ngeblog saya sudah kurang nyaman dengan keberadaan navbar di blog saya. Di blog-blog lain yang telah menghilangkan navbarnya terlihat nyaman tanpa navbar. Berbekal keinginan dan rasa penasaran yang mulailah saya mencari informasi mengenai cara menghilangkan navbar pada blog. Ternyata menghilangkan navbar pada blog tidaklah sesulit yang saya kira.

Bagi temen-temen yang pengen ngilangin navbar blognya bisa ikuti cara berikut ini :

  1. Login ke akun blog anda

  2. Masuk ke halaman Edit HTML kemudian cari kode berikut ini : b:skin><![CDATA[

  3. Jika susah carinya tekan F3 dikeyboard lalu masukkan kode diatas dikotak find

  4. Jika sudah ketemu letakkan kode berikut tepat dibawah kode diatas

    #navbar{height:10px; visibility:hidden; display:none}


  5. Simpan template dan lihat hasilnya


Bagaimana navbar anda sudah tidak nongol lagikan? Jika anda masih belum berhasil coba cara ke2 berikut ini :

  1. Sama dengan cara 1 bedanya kode yang dipakai berbeda

  2. Login ke akun blog anda lantas cari kode b:skin><![CDATA[

  3. Letakkan kode dibawah ini tepat dibawah kode diatas
    #navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}
    #navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}

  4. Simpan dan selesai



Selamat mencoba...

17 April 2009

Cara Memasang Banner Iklan Pada Blog

Cara memasang banner iklan pada blog sama dengan cara memasang iklan text, seperti postingan saya sebelumnya Memasang Text Iklan Pada Blog. Dengan memsang banner iklan diblog Anda, akan membuat blog anda lebih cantik dan terkesan mewah. Seperti cara memasang text iklan, jika Anda memasang banner iklan juga berkesempatan meraih tambahan uang. Karena untuk setiap klik dari banner tersebut anda akan dibayar Rp. 350/klik. Memang recehan tapi itu tetap uang, tergantung dari banyaknya visitor blog anda dan juga berapa klik yang mereka lakukan. Tapi seperti saya, ngeblog bukanlah tujuan utama mencari uang, yang penting bisa berbagi dan puas serta ngikuti trend positif "Hari gini gak punya blog?" dan mengenai mendapatkan uang dari ngeblog adalah bonus bagi saya. Ngeblog tidak melulu untuk uang bukan?


Jika anda berminat memasang banner iklan silahkan ikuti langkah-langkah sederhana berikut ini :

  1. Silahkan daftar di KumpulBlogger.com jika belum daftar, bagi yang sudah daftar langsung login saja, untuk mendaftar klik disini

  2. Pada menu registrasi masukkan alamat email Anda sebagai user login

  3. Chek email Anda, Anda akan mendapatkan password untuk login

  4. Loginlah ke KumpulBlogger.com dengan user login (email Anda) dan password yang telah diberikan

  5. Daftarkan blog Anda (Anda dapat mendaftarkan lebih dari satu blog)

  6. Copy script/code banner iklan yang diberikan

  7. Paste script/code yang diberikan pada blog Anda

  8. Selamat Anda telah berhasil memasang banner iklan di blog Anda



Untuk yang belum paham cara menempatkan (paste) kode HTML di blog Anda, silahkan anda lihat disini dipostingan saya sebelumnya Menempatkan kode HTML/Javascript pada Blog

15 April 2009

Cara Membuat Banner Online

Salah satu cara promosi blog agar lebih banyak pengunjung adalah dengan membuat banner online sebagai promosi, jika anda bisa membuat banner yang sederhana saja maka dapat diharapkan trafic blog anda akan meningkat, bayangkan jika anda punya sarana promosi blog yaitu berupa banner yang menarik? orang akan berfikir banner blognya aja menarik bagaimana ya dengan blognya...???


Ok dari pada kelamaan intro bagi yang berminat membuat banner online silahkan ikuti langkah-langkah gratis berikut ini:
1. Langsung saja ke situs http://cooltext.com/
2. Saya recomendasikan untuk meregister terlebih dahulu. Pilih menu login, create an account
3. Klik menu LOGO (bagian atas).
4. Di menu CHOOSE A LOGO DESIGN pilih dan klik gambar yg Anda suka.
5. Di menu LOGO TEXT tulis title blog kamu
6. Kamu bisa menyesuaikan model Font, warna background seperti yang kamu inginkan pada form tersedia.
7. Klik menu RENDER LOGO.
8. Kamu bisa langsung mendapatkan Html code dengan mengklik 'get html code' lalu langsung pasang di blog kamu. Jadi tidak perlu diupload lagi ke layananan pihak ke tiga. Untuk memasangnya uda tau semua kan? Tinggal add gadget > html/javascript paste kodenya dan save.
9. Selesai.

Untuk yang belum paham cara menempatkan (paste) kode HTML di blog Anda, silahkan anda lihat disini dipostingan saya sebelumnya Menempatkan kode HTML/Javascript pada Blog