Tekan Tombol Ctrl + Klik Link Untuk Keluar

Cara Membuat Artikel Terkait Pada Blog

Nah, bagi yang ingin membuat related post di blogspot ikuti tutorial berikut ini.

  1. Log ini ke akun blogger Anda.
  2. Pilih menu Tata Letak (Layout) » Edit HTML.
  3. Beri tanda centang pada tulisan Expand Widget Templates.
  4. Copy-paste script berikut di atas kode </head>.

    <script type="text/javascript">
    //<![CDATA[
    var relatedTitles = new Array();
    var relatedTitlesNum = 0;
    var relatedUrls = new Array();
    function related_results_labels(json) {
    for (var i = 0; i < json.feed.entry.length; i++) {
    var entry = json.feed.entry[i];
    relatedTitles[relatedTitlesNum] = entry.title.$t;
    for (var k = 0; k < entry.link.length; k++) {
    if (entry.link[k].rel == 'alternate') {
    relatedUrls[relatedTitlesNum] = entry.link[k].href;
    relatedTitlesNum++;
    break;
    }
    }
    }
    }
    function removeRelatedDuplicates() {
    var tmp = new Array(0);
    var tmp2 = new Array(0);
    for(var i = 0; i < relatedUrls.length; i++) {
    if(!contains(tmp, relatedUrls[i])) {
    tmp.length += 1;
    tmp[tmp.length - 1] = relatedUrls[i];
    tmp2.length += 1;
    tmp2[tmp2.length - 1] = relatedTitles[i];
    }
    }
    relatedTitles = tmp2;
    relatedUrls = tmp;
    }
    function contains(a, e) {
    for(var j = 0; j < a.length; j++) if (a[j]==e) return true;
    return false;
    }
    function printRelatedLabels() {
    var r = Math.floor((relatedTitles.length - 1) * Math.random());
    var i = 0;
    document.write('<ul>');
    while (i < relatedTitles.length && i < 20) {
    document.write('<li><a href="' + relatedUrls[r] + '">' +
    relatedTitles[r] + '</a></li>');
    if (r < relatedTitles.length - 1) {
    r++;
    } else {
    r = 0;
    }
    i++;
    }
    document.write('</ul>');
    }
    //]]>
    </script>

  5. Cari kode <data:post.body/>, kemudian copy-paste kode berikut di bawahnya.

    <b:if cond='data:post.labels'>
    <b:loop values='data:post.labels' var='label'>
    <b:if cond='data:blog.pageType == "item"'>
    <script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=5"' type='text/javascript'/>
    </b:if>
    </b:loop>
    </b:if>

    <b:if cond='data:blog.pageType == "item"'>
    <h4>Artikel Terkait</h4>
    <script type="text/javascript">
    removeRelatedDuplicates();
    printRelatedLabels();
    </script>
    </b:if>

  6. Simpan template.

Silahkan dicoba tutorial membuat atau memasang related post ini. Semoga berhasil!
READ MORE - Cara Membuat Artikel Terkait Pada Blog

Cara Membuat iklan Melayang pada Blog

Membuat Iklan Melayang Pada Blog akan zona-klik jelaskan step by step caranya pada posting kali ini. Mengapa harus membuat iklan melayang pada blog ? Sebagian blogger menggunakan cara ini untuk menghemat ruang pada blog dan merupakan salah satu strategi untuk memperkenalkan sebuah iklan di blog agar mendapatkan klik yang valid dari pengunjung blog. Sebelum membuat iklan melayang di blog terlebih dahulu kita harus menentukan di mana posisi iklan yang tepat untuk ditampilkan agar mendapatkan klik yang valid dari pengunjung blog.

Setelah menentukan posisi yang tepat untuk menampilkan iklan melayang pada blog, langkah selanjutnya adalah memasukkan kode / script iklan yang nantinya akan tampil agar bisa di akses pada blog oleh pengunjung dan langkah-langkahnya adalah sebagai berikut :

1. Login pada account blogger dengan username dan password anda.

2. Pada halaman dasbor pilih Rancangan

3. Pilih Elemen Halaman kemudian klik Tambah Gadget

4. Pilih HTML/Javascript untuk memasukkan kode/script iklan dibawah ini agar iklan tersebut melayang pada blog


 <a onblur="try {parent.


<style type="text/css">
#gb{
position:fixed;
top:10px;
z-index:+1000;
}
* html #gb{position:relative;}


.gbcontent{
float:right;
border:2px solid #A5BD51;
background:#ffffff;
padding:10px;
}
</style>

<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.top = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>

<div id="gb">

<div class="gbtab" onclick="showHideGB()"> </div>

<div class="gbcontent">

<div style="text-align:right">
<a href="javascript:showHideGB()">
.:[Close][Klik 2x]:.
</a>
</div>
<center>

Masukan kode/script iklan anda di sini

</center>

<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.center = (30-gb.offsetWidth).toString() + "px";
</script></center></div></div>



5. Simpan.

Setelah melakukan langkah-langkah diatas dengan benar coba lihat hasilnya, maka iklan melayang akan tampil pada blog anda. Mudah-mudahan dengan adanya iklan melayang pada blog akan meningkatkan penghasilan dari Bisnis PPC (pay per click) yang diikuti.


sumber: http://zona-klik.blogspot.com/2010/06/membuat-iklan-melayang-pada-blog.html
READ MORE - Cara Membuat iklan Melayang pada Blog

Powered by Blogger