Warung Online
Showing posts with label blogging. Show all posts
Showing posts with label blogging. Show all posts

Thursday, March 22, 2012

Cara Mendapatkan Domain Murah [ Dot Info $0,67 Include Fee ICANN di Go Daddy ]

SevenFrogz - Kalo kemaren gw ngebahas tentang Cara Dapetin Domain Com Murah sekarang ada trik baru tapi ini berlaku untuk domain berekstensi Dot Info aja sob. :D
Cukup bayar $0,67 sobat2 udah bisa dapetin domain info noh..( lumayan buat ternak autoblog nih hihi ) denger denger domain info juga rada kebal dari amukan google tuh *sotoy mode on :p

Oke langsung aja gw share step-step nya sedikit repsol sih tapi buat yang belum tau silahkan di coba :D

Langkah Pertama : Setelah login ( belom punya akun daftar dulu ye ) silahkan agan2 kembali ke menu hom go daddy ( Pastikan url di toolbar browser agan2 www.godaddy.com bukan sub menu go daddy , lihat skrinsut


kalau sudah silahkan masukkan nama domain yang ingin di beli.

Langkah Ke Dua : Kalau domain masih available artinya bisa di daftarkan , Silahkan Klik " Continue to Registration "


Langkah Ke Tiga : kalau muncul box konfirmasi seperti pada gambar di bawah ini , Klik saja " No Thanks "


Langkah Ke Empat : Setelah agan2 klik " No thanks " maka sobat akan di bawa ke halaman berikutnya . Di sini ada menu dari nomor 1 - 4 , di menu ini sebenarnya untuk sobat yang mau nambah daftar belanjaan , misalkan privacy protect , SSL dll untuk domain agan2 yg mau di beli . Nah biar cepat langsung aja sobat ke menu nomor 4 , Lihat skrinsutnya di bawah ini

Lihat menu di sebelah kanan yang saya beri tanda panah , ada menu centang box yang memberitahukan bahwa " ON SALE domainagan.info $0.49 " . Nah silahkan di centang gan , jangan lupa ubah domain term nya jadi " 1 Year " 

Langkah Ke Enam : kalau sudah di centang tuh menu box list nya . nunggu proses beberapa detik , nah lihat penampakan di bawah ini


Nah kalau sudah berhasil seperti tampilan di spoiler langkah 6 , silahkan Sobat delete tuh domain yang pertama sobat cari . kalau di sini yang saya contohkan oon89.com nah saya delete yang oon89.com 

Kalau langkah sobat2 semua telah benar , maka Bim salabim hada kadabara




SELAMAT ANDA MENDAPATKAN DOMAIN INFO DENGAN HARGA MURAH WKWKWK

KARENA DI GODADDY TIDAK BISA MEMPROSES TRANSAKSI DI BAWAH $1 , MAKA PEMBELIAN AGAN2 MINIMAL 2 DOMAIN DENGAN HARGA $1,34 SUDAH INCLUDE ICANN FEE . SILAHKAN LAKUKAN KEMBALI LANGKAH 1 - TERAKHIR

Kalau sudah selesai memilih 2 domain , tinggal deh melakukan pembayaran dengan klik " Continue to Check out " dan pilih pembayaran sesuai kemauan Sobat2 semua. kalau gw sih pilih yang pkai paypai , karena cuma punya paypai
Harga standart di godady untuk domain .info $1,99 belum include ICANN fee , apa lagi harga di lokalan mahal amirrrrrrr ada yang jual sama dengan harga domain .com

Oh ya , ini harga untuk tahun pertama doank ya , untuk tahun2 selanjutnya harga normal

Enjoy aje ye :D

Thursday, December 2, 2010

Rahasia Blog Posisi no.1 Google

Banyak orang mencari bagaimana cara menjadi no.1 di google.Namun banyak pula yang putus asa karenanya (seperti saya),namun jangan kawatir,untuk optimasi SEO,kita memang harus bersabar.Butuh waktu berhari-hari sampai berbulan-bulan untuk Optimasi sebuah blog.
Beberapa Optimasi juga pernah saya tulis di artikel sebelumnya mengenai bagaimana membuat title blog SEO Friendly,dan Optimasi untuk Label agar tidak memberikan backlink.
Karena apa?memberikan Backlink (dofollow) pada label akan membuat error pada google webmaster,
Nah,cara-cara optimasi yang saya terapkan juga akan mendongkrak weblog menjadi no.1 di Google.
Namun,kita juga harus mengecek "keyword" yang kita gunakan..
Untuk Permulaan,Jangan menggunakan "Keyword" yang banyak saingannya.
Gunakan keyword yang sedikit saingannya,(agar bisa memotivasi kita untuk lebih berusaha)
Jika anda menggunakan "Keyword" yang banyak saingan,otomatis saat anda tidak masuk halaman pertama atau ke-2,akan membuat down,dan menyerah untuk optimasi berikutnya.
Contoh "Keyword" yang saya tembak adalah "jasa pembuatan website 1 juta"
saingan hanya 240.000
Dan hasilnya..Booommm!!!!
no.1 di Google!

Klik kanan gambar dan Open in New Tab
untuk memperjelas

Optimasi SEO Onpage Bagian ke-2

Selamat Datang kembali di agielweb.info.dalam Optimasi SEO sebelumnya,saya memberikan tips agar Title weblog anda SEO friendly.
Untuk kesempatan kali ini,saya akan membahas mengenai Kode SEO yang harus diperhatikan untuk bisa mencapai SERP yang bagus.
Dalam mengoptimalkan SEO di weblog Blogspot,kita dimudahkan oleh Blogger dengan option kode html yang bisa kita modifikasi.
Tentunya dalam blogger standar,itu tidak mungkin anda,kecuali anda menggunakan template yang sudah diOptimasi oleh perancang Template.
Jika blog kita belum mengalami optimasi,Kita pun harus menambahkan tweak code (TC) untuk membuatnya menjadi lebih kuat dalam posisi Google (Search Engine).

Optimasi kali ini adalah dengan mengatur tag Robots
Demi menghindari adanya duplicate content dalam database google, kita perlu membuat dan mengatur tweak code.

    * Untuk halaman utama atau homepage, kita harus membuat meta content="'index,follow'"
    * Untuk url archive, kita harus membuat meta content="noindex,follow"
    * Untuk url label, kita harus membuat meta content="noindex,follow"
    * Untuk halaman posting, kita harus membuat meta content="index,follow"

lihat TC berikut:
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<meta content='noindex,follow' name='robots'/>
</b:if>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<b:if cond='data:blog.url != data:blog.homepageUrl'>
<meta content='noindex,follow' name='robots'/>
<b:else/>
<meta content='index,follow' name='robots'/>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta content='index,follow' name='robots'/>
</b:if>


Copy Paste Kode Tweak diatas,sesudah kode <head>
Lalu simpan pengaturan.
Sekian informasi dari saya.untuk Optimasi lainnya.akan saya buat di Posting berikutnya.Semoga Bermanfaat

Friday, November 26, 2010

Teknik Optimasi SEO Onpage Blogspot

Selamat Pagi sahabat Agielweb,setelah saya sibuk dengan pekerjaan Webdesign belakangan ini,saya sempatkan untuk memposting beberapa kalimat yang mungkin bermanfaat untuk sahabat agielweb.Kali ini saya akan berbagi bagaimana membuat title web kita SEO Friendly,
  • Login dulu ke akun Blogger anda.
  • Masuk ke Layout -> Edit HTML
    Cari code :
    <title><data:blog.pageTitle/></title>
     
  • Kemudian ubahlah menjadi :
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <title><data:blog.pageName/> | <data:blog.title/></title>
    <b:else/>
    <title><data:blog.pageTitle/></title>
    </b:if>
  • Save perubahan yang sudah di lakukan.
Dengan cara tersebut, jika halaman yang di akses adalah halaman depan (homa page), maka title page akan memunculkan adalah nama blog yang sudah kita tentukan. Tetapi jika halaman yang di akses adalah halaman artikel, maka title yang akan muncul adalah judul artikel | title blog.
Dengan cara tersebut, title tag pada blog akan berubah-ubah pada setiap page artikel sesuai judul artikel.
Ini adalah salah satu dari Optimasi SEO Onpage,untuk Teknik lainnya,akan saya posting di artikel berikutnya.

Friday, November 12, 2010

Modifikasi Kotak feedburner atau Kotak Berlangganan

Kembali lagi dengan Agielweb(dot)Info.Selamat Berimajinasi dengan trik-trik yang Anda dapatkan.Kini saya akan membahas mengenai kotak FeedBurner,semakin banyak template yang modern dan Professional,Oleh sebab itu widget-widget yang kita miliki juga harus terlihat Professional bukan?
Feed Burner yang saya maksud adalah kotak berlangganan yang transparan dan memiliki Background.seperti pada gambar.


Langsung saja kita praktek

1. Tentunya buka akun Blogger Anda.
2.  Masuk ke Design dan add a Gadget
3. Pilih HTML/Javascript

Kemudian Copy Kode dibawah ini.

<style>
.form{border:1px solid #d8d8d8;background:#fff padding:3px;width:308px;height:200px;-moz-border-radius:6px}.rss{background:url("
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPjpVWjlv6zKrRhgcUYNj4EmFtX2vgRd2SuCNJAzc7KemWiFCnRjUVmcQArXsBLm2dgAnz6Fb4jb70esXe9zUjqmEO0lNAwq9UmXDMEbh_ERHjrKq6tRQnN1XkK2x_mEZrbWfZg4GgK4g/s1600/feed.png") no-repeat top right}.button{background:#9b9b9b;color:#FFF;font-size:11px;font-family:Arial,Tahoma,Verdana;margin-left:5px;border:1px solid #fff;padding:3px 5px 3px 5px;font-weight:bold;-moz-border-radius:5px}
</style>
<div class="form">
<div class="rss">
<div style="font-weight:bold; color:#333333; font-size:15px; padding:10px 5px 5px 10px;"><a href="http://feeds.feedburner.com/
agielweb"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVJJSCltFsq34G7DSc2S46ELOicI0hJ1h6o3xVrjj88g1RV7qro4Nha-2TpH1QcGj7kUW2mrPPn8BAmLOqsV0jPTJtQ6cNxrOJpExCpTDCSiCBbE_GHxMrMifpSdT0ZzCG5cc4X1ViDa0/s1600/rss+feed+icons+5.png" /></a> <a href="http://feeds.feedburner.com/agielweb">GET UPDATE VIA RSS</a></div>
<div style="font-weight:bold; padding:10px 10px;">GET UPDATE VIA EMAIL</div>
<div style="padding-left:10px">Jika anda suka dengan artikel di blog ini. Silahkan berlangganan via RSS. Isi alamat email anda di bawah ini!!</div>
<form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=
agielweb', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><div style="padding-left:10px; padding-bottom:10px; padding-top:10px"><input type="text" style="width:160px; height:18px" name="email" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Ketik email anda disini...&quot;;}" onfocus="if (this.value == &quot;Ketik email anda disini...&quot;) {this.value = &quot;&quot;}" type="text" value="Ketik email anda disini..." /> <input type="hidden" value="agielweb" name="uri" /><input type="hidden" name="loc" value="en_US" /><input class="button" type="submit" value="SUBCRIBE" /></div></form>
Widget By <a href="http://www.agielweb.info/">Agielweb</a>
<div style="padding-left:10px"><a href="http://feeds.feedburner.com/agielweb"><img src="http://feeds.feedburner.com/~fc/egablogs?bg=99CCFF&amp;fg=444444&amp;anim=1" width="88" height="26" style="border:0" alt="" /></a></div>
</div></div>

Sebelumnya Edit Kode diatas

Ukuran border kotak berlangganan Anda.Ganti sesuai dengan tinggi dan lebar sidebar Anda.
Ganti dengan gambar feedcount anda
Ganti dengan id feedburner anda
Kode Gambar Background,Bisa Anda Ganti Sendiri


4. Simpan
Selesai...Dan lihat Hasilnya

Thursday, November 11, 2010

Pasang Navigasi Breadcrumb di atas judul posting

Dalam kesempatan ini saya akan membahas mengenai trik dan cara mempercantik serta memanipulasi Blogspot.
Dengan Navigasi ini,Blogspot akan terlihat lebih Professional,yang difungsikan untuk memudahkan pengunjung untuk menemukan artikel yang ingin di cari dan juga dapat mempermudah untuk kembali ke halaman sebelumnya, karena Navigasi Breadcrumb ini terdiri dari beberapa link yang berisikan label /kategori.
Contohnya terdapat diatas ini.
Cara membuatnya adalah sebagai berikut:





  • Login ke blogger






  • Pilih menu Rancangan dan klik Edit HTML






  • Centang Expand Widget Templates






  • Kemudian Cari kode ]]></b:skin>






  • Copy kode di bawah dan letakan di atas kode ]]></b:skin>
    .breadcrumbs{ padding:5px 5px 5px 0; margin:0;font-size:80%; line-height:1.4em; border-bottom:4px double #cadaef}






  • Selanjutnya cari kode
    <div class='post hentry'>






  • Jika tidak ada.cari kode yang intinya adalah
    class='post hentry






  • Kemudian copy kode di bawah ini dan letakkan di bawah kode <div class='post hentry'>
    <b:if cond='data:blog.homepageUrl == data:blog.url'> <b:else/> <b:if cond='data:blog.pageType == &quot;item&quot;'> <div class='breadcrumbs'> Posisi Anda &#187; <a expr:href='data:blog.homepageUrl'>Home</a> &#187; <b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'> <a expr:href='data:label.url' rel='tag'><data:label.name/></a> <b:if cond='data:label.isLast != &quot;true&quot;'> , </b:if> </b:loop> </b:if> &#187; <data:post.title/> </div> </b:if> </b:if>






  • Terakhir simpan template



  • Wednesday, November 10, 2010

    Membuat Artikel terkait dengan Thumbnail berjalan

    Saya rasa semua telah mengetahui apa itu "Artikel terkait dengan Thumbnail",namun disini saya mengaplikasikan fungsi HTML ke dalam Script Related Post atau Artikel Terkait ini.
    Inti dari "Artikel Terkait" adalah menampilkan beberapa link yang satu kategori dengan artikel yang baru saja anda baca,dan ditampilkan dengan gaya yang menarik,menggunakan gambar dan berjalan.

    Dalam hal ini,ARtikel Terkait dengan Thumbnail berjalan akan mempercantik template Weblog Anda hanya dengan sedikit sentuhan Marquee.

    Langsung saja kita praktek.

    1.Buka Akun Blogger Anda.

    2.Masuk "Design" >> "Edit HTML" dan beri tanda centang pada "Expand Widget Templates"

    3.Cari kode  </head>

    Hapus kode </head> dan ganti dengan kode dibawah ini
    <!--Related Posts with thumbnails Scripts and Styles Start-->
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <style type='text/css'>
    #related-posts {
    float:center;
    text-transform:none;
    height:100%;
    min-height:100%;
    padding-top:5px;
    padding-left:5px;
    }

    #related-posts h2{
    font-size: 1.6em;
    font-weight: bold;
    color: black;
    font-family: Georgia, &#8220;Times New Roman&#8221;, Times, serif;
    margin-bottom: 0.75em;
    margin-top: 0em;
    padding-top: 0em;
    }
    #related-posts a{
    color:black;
    }
    #related-posts a:hover{
    color:black;
    }

    #related-posts a:hover {
    background-color:#d4eaf2;
    }
    </style>
    <script src='http://blogergadgets.googlecode.com/files/relatedthumbs21.js' type='text/javascript'/>
    </b:if>
    <!--Related Posts with thumbnails Scripts and Styles End-->

    4.Kemudian Cari kode : line post-footer-line-1
       Kode setiap Template mungkin berbeda-beda
       Di Template saya kodenya adalah <div class='post-footer-line post-footer-line-1'>
    Lihat Screen Shoot
    (Klik kanan Open new tab untuk mmperbesar)


    Copy Kode dibawah ini 
    <!-- Marquee Serbablog Related Posts with Thumbnails Code Start-->
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <div id='related-posts'>
    <b:loop values='data:post.labels' var='label'>
    <b:if cond='data:label.isLast != &quot;true&quot;'>
    </b:if>
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=12&quot;' type='text/javascript'/></b:if></b:loop>
    <h3><b>Related Posts</b></h3>
    <marquee align='center' behavior='alternate' direction='left' onmouseout='this.start()' onmouseover='this.stop()' scrollamount='2' width='100%'>
    <script type='text/javascript'>
    var currentposturl=&quot;<data:post.url/>&quot;;
    var maxresults=11;
    var relatedpoststitle=&quot;&quot;;
    removeRelatedDuplicates_thumbs();
    printRelatedLabels_thumbs();
    </script></marquee>
    </div><div style='clear:both'/>
    </b:if>
    <b:if cond='data:blog.url == data:blog.homepageUrl'><b:if cond='data:post.isFirstPost'>
    <a href='http://agielweb.info' style='display:none;'>Thumbnail Related Post</a>
    <a href='http://www.agielweb.info' style='display:none;'>blogger tutorials</a>
    </b:if>
    </b:if>
    <!-- Marquee Serbablog Related Posts with Thumbnails Code End-->

    dan Paste dibawah kode <div class='post-footer-line post-footer-line-1'> 

    Kata Related Posts bisa anda ganti



    5.Simpan settingan,dan selesai..Artikel terkait dengan Thumbnail Berjalan sudah terpasang.









    Donasi Anda akan sangat berharga untuk Kami



    ATAU di
    LibertyReserve
    U2815283


    Membuat Buku Tamu Tersembunyi

    Template Anda sudah penuh dengan berbagai Widget?tapi, kalau Anda ingin menambahkan buku tamu bagaimana?Solusinya adalah disembunyikan seperti Buku Tamu yang saya miliki di sebelah kanan ini.
    Tanpa panjang lebar, kita mulai prakteknya.
    1. 1.Masuk ke account Blogger kamu, 
    2.  
    3. pilih "Layout" kemudian "Page Elements",
    4.  
    5. Klik "Add a Gadget" (yang mana aja oke), kemudian pilih "HTML/JavaScript",

    1. Copy-paste kode di bawah ini:
      
      
      <style type="text/css">
      #gb{
      position:fixed;
      top:50px;
      z-index:+1000;
      }
      * html #gb{position:relative;}

      .gbtab{
      height:147px;
      width:50px;
      float:left;
      cursor:pointer;
      background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFJfmpWbN1HAfDayZeLE68wN3iFYcEO1dz6v3zD8-cDN_TDigoOSCFzyE7KjYy0UvSyFUgjm1wOaAElRx7RVuwRynlhIyy6u5bOBvDmYkYOGFN11GePpGOXY6ZnSMKe4e2wIlBPNiR-aY/s1600/123.png') no-repeat;
      }
      .gbcontent{
      float:left;
      border:5px solid #525252;
      background:#E5E5E5;
      padding:10px;
      }
      </style>

      <script type="text/javascript">
      function showHideGB(){
      var gb = document.getElementById("gb");
      var w = gb.offsetWidth;
      gb.opened ? moveGB(0, 50-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.right = x.toString() + "px";
      if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
      }
      </script>
      <div id="gb">
      <div class="gbtab" onclick="showHideGB()">   </div>
      <div class="gbcontent">
      <!-- Begin ShoutMix - http://www.shoutmix.com --><iframe title="darularqom" src="http://www4.shoutmix.com/?darularqom" width="250" height="350" frameborder="0" scrolling="auto"><a href="http://www4.shoutmix.com/?darularqom">View shoutbox</a></iframe><br /><!-- End ShoutMix -->
      <br/>
      Mau punya buku tamu seperti ini?<br/>
      Klik di
      <a href="http://www.agielweb.info/2010/11/membuat-buku-tamu-tersembunyi.html">
      sini (Info Blog)
      </a>
      </div>
      </div>
      <script type="text/javascript">
      var gb = document.getElementById("gb");
      gb.style.right = (50-gb.offsetWidth).toString() + "px";
      </script>
       
    2. Pada kode di atas, cari kode <!-- Ganti ini dengan kode buku tamu kamu --> dan ganti kode tersebut dengan kode buku tamu yang Anda dapatkan dari situsnya,
    3. Anda juga bisa atur posisinya. Ubah aja nilai atribut top-nya. Kalau mau lebih ke atas dikit, ubah jadi 30px atau 20px, terserah Anda..
    4. Selamat mencoba!
    Catatan: di kode di atas saya pasang backlink ke post ini, kalau Anda mau berbaik hati, tolong backlink-nya jangan dihapus, ya! :D




    Donasi Anda akan sangat berharga untuk Kami




    ATAU di
    LibertyReserve
    U2815283


    Tuesday, November 9, 2010

    Trik Menampilkan Widget hanya di halaman depan

    Semakin Marak Template-template Premium yang memiliki fitur-fitur Professional,seperti halnya SlideShow yang dapat mempercantik tampilan weblog Anda.
    Namun jika kita memasang widget SlideShow secara biasa,maka Widget tersebut akan muncul pula saat kita membuka posting,hal ini akan mengurangi tingkat professional weblog anda tentunya.
    Seperti pada SlideShow yang saya pasangkan di weblog ini.
    Dengan cara ini,Anda bisa mengotak-atik widget dan memunculkanya dimana saja.

    Untuk mempermudah sobat dalam menampilkan widget tertentu supaya hanya tampil di halaman depan (home page) saja, terlebih dahulu pilih widget mana yang akan di tampilkan hanya di halaman depan saja dan berilah judul pada widget tersebut seperti : artikel terkait, Cbox, Posting terbaru dll, sesuaikan dengan widget sobat.
    setelah menentukan widget yang akan di tampilkan di depan saja langkah selanjutnya adalah menyisipkan kode html ke widget tersebut.
    Saya ambil contoh widget Posting terbaru yang ingin saya tampilkan hanya di halaman depan saja.
    langkah-langkahnya adalah sebagai berikut :



  • Login ke blogger






  • Klik Rancangan






  • Kemudian centang Expand Template Widget






  • Selanjutnya cari tulisan SlideShow sesuaikan dengan judul widget pada template sobat, untuk pencarian cepat ketik ctrl + f

    Kode Asli Sebagai Berikut:
    <b:widget id='HTML3' locked='false' title='SlideShow' type='HTML'> <b:includable id='main'>

    <!-- only display title if it's non-empty -->
    <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
    </b:if>
    <div class='widget-content'>
    <data:content/>
    </div>

    <b:include name='quickedit'/>
    </b:includable>
    </b:widget>


     Dan Perubahannya menjadi seperti ini.
    <b:widget id='HTML3' locked='false' title='SlideShow' type='HTML'> <b:includable id='main'>

    <b:if cond='data:blog.homepageUrl == data:blog.url'>

    <!-- only display title if it's non-empty -->
    <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
    </b:if>
    <div class='widget-content'>
    <data:content/>
    </div>

    </b:if>

    <b:include name='quickedit'/>
    </b:includable>
    </b:widget>

    Penjelasan:






  • Copy Kode yang di tebalkan dan masukan di antara kode html seperti contoh di atas






  • Terakhir simpan



  • Monday, August 30, 2010

    Cara membuat Artikel terkait/ Related Post (new) with Scroll

    Dalam posting kali ini saya akan membahas mengenai Artikel terkait,atau bisa disebut Related Post.
    Widget ini memang sangat penting dalam blog,dengan ini,anda bisa memperbanyak pengunjung yang akan melihat-lihat artikel anda yang lain.
    langsung saja,
    Pertama buka Blogger Anda.
    Pilih Design>Edit Html dan klik (beri tanda cawang) .

    kemudian cari kode
    <p><data:post.body/></p>

    jika anda menemukan 2 kode seperti diatas.gunakan kode yang teratas.
    Kemudian Paste kode ini dibawah kode tadi.

    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <strong>.::Artikel Menarik Lainnya::.</strong>
    <div class='rbbox'>
    <div style='margin:0; padding:10px;height:200px;overflow:auto;border:1px solid #ccc;'>
    <div id='ardi33'/>
    <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;ardi33&#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>
    <script type='text/javascript'>RelPost();</script>
    </div><span style='font-size:9px;'>widget by <a href='http://www.agielweb.info/' target='_blank' title='Informasi dunia ngeblog'><em>agielweb.info</em></a></span>
    </b:if>



    Just Simple..



    Donasi Anda akan sangat berharga untuk Kami





    ATAU di
    LibertyReserve
    U2815283