Cara Pasang Widget Yang Menampilkan Posting Secara Acak

Untuk menambah ramai blog dan untuk memudahkan pengunjung membaca isi blog / website kita beberapa diantaranya adalah dengan memasang widget Recent Post (Posting Terbaru) , Related Post (Artikel Terkait) dan Random Post (menampilkan beberapa posting secara acak).

Yang kali ini akan kita bahas yaitu Cara Pasang Widget Yang Menampilkan Posting secara Acak.

Berikut langkah-langkahnya:

1. Login ke Blogger
2. Pilih Rancangan >> Elemen Laman
3. Tambah gadget >> Pilih HTML javascript
4. Copy dan paste kode di bawah ini pada form HTML/Javascript yang telah terbuka tsb.

<div style='overflow:auto; width:ancho; height:160px;'><script type="text/javascript">
var randarray = new Array();var l=0;var flag;
var numofpost=10;function randomposts(json){
var total = parseInt(json.feed.openSearch$totalResults.$t,10);
for(i=0;i < numofpost;){flag=0;randarray.length=numofpost;l=Math.floor(Math.random()*total);for(j in randarray){if(l==randarray[j]){ flag=1;}}
if(flag==0&&l!=0){randarray[i++]=l;}}document.write('<ul>');
for(n in randarray){ var p=randarray[n];var entry=json.feed.entry[p-1];
for(k=0; k < entry.link.length; k++){if(entry.link[k].rel=='alternate'){var item = "<li>" + "<a href=" + entry.link[k].href + ">" + entry.title.$t + "</a> </li>";
document.write(item);}}
}document.write('</ul>');}
</script>
<script src="/feeds/posts/default?alt=json-in-script&start-index=1&max-results=1000&callback=randomposts" type="text/javascript"></script>
</div>

5. Kemudian Save, Selesai.
Silakan lihat hasilnya.

Ket:
var numofpost  = untuk mengatur jumlah posting yang akan ditampilkan


Sekian, semoga bermanfaat.

Read More

Cara Mengarahkan Domain .id ke Hosting Blogspot dengan DNS Park

Bagi anda yang ingin merubah nama blog anda dari namakamu.blogspot.com menjadi namakamu.com caranya gampang, yang pertama tentunya anda harus membeli domain dulu dong, jangan maunya gratisan wae, hehe, biar terlihat profesional gitu. Kemudian arahkan domain tersebut ke hosting blogspot. Untuk custom domain .id ke blogspot berbeda caranya dengan setting domain TDL (.com, .net, .org dll) dan setting domain .co.cc, karena domain web.id , co.id dan domain .id lainnya tidak mempunyai dpanel seperti TDL (.com, .net, .org ). Untuk itu kita butuh domain parking yang sudah banyak situs yang menyediakan layanan ini. dari yang gratis sampai yang berbayar. Yang akan kita bahas adalah custom domain blogger menggunakan DNS Park.

Langsung saja perhatikan langkah2 berikut:

1. Silakan menuju websitenya https://www.dnspark.net/register/ untuk Register dan Setting Domain di Free DNS

2. Isikan data2 yang diminta, Pada kolom “State/Territory” jika tidak bisa isikan saja: “none”. Jangan lupa centang kemudian klik Register.

3. Jika sudah, buka email yang tadi dipakai pada saat register kemudian Verifikasi

4. Selanjutnya menuju https://www.dnspark.net/ dan silakan Login menggunakan user name dan password yang tadi anda daftarkan,

5. klik menu DNS Hosting

6.pada bagian DNS Menu di sebelah kiri pilih Add Domain dan Lakukan setting berikut:

• Centang kotak kecil pada No.1 di bagian Base DNS Hosting.
• Pada No 2,  bagian Enter new domain, masukan nama domain tanpa menggunakan www contoh rufi.web.id
• Tekan tombol Add Now.

7. Klik kembali menu DNS Hosting, maka akan terlihat nama domain yang tadi didaftarkan, klik nama domain tersebut dan langsung menuju bagian setting Add Records paling bawah.

8. Pada bagian Type pilih CNAME lalu Masukkan www pada bagian Alias Name, dan pada bagian Destination Name isikan ghs.google.com , bagian TTL biarkan saja. Klik tombol Update All.

9. Kembali ke Add Records, Pada bagian Type pilih A lalu Masukkan 216.239.32.21 pada bagian IP Address, pada bagian Host Name dan TTL biarkan saja. Klik tombol Update All.

10. Ulangi langkah no.9 dan masukan IP Address berikut satu per satu:

216.239.34.21

216.239.36.21

216.239.38.21

11. Setting DNS sudah beres, langkah selanjutnya silakan login ke member area tempat anda register Domain lalu memasukkan setting Name Server di Domain anda tersebut dengan Name Server berikut:

fns1.dnspark.net

fns2.dnspark.net

Untuk sementara domain anda belum bisa diakses, silakan tunggu maksimal 2×24 jam atau kurang dari itu hingga domain anda bisa di akses.

Maka setting domain sudah beres kemudian silakan menuju blogger.com untuk mengganti alamat domain anda, caranya akan kita bahas pada posting berikutnya, baca di sini

Semoga bermanfaat.

Read More

Free Website Submission Tool

Salah satu cara untuk memaksimalkan hasil indeks Google terhadap url blog / website maupun setiap halaman atau posting adalah dengan cara memasang back link misal di sini atau dengan mendaftarkan blog / website ke Search Engine.

Ini adalah salah satu tool untuk mendaftarkan blog / website anda ke Search Engine secara gratis, Silakan daftarkan blog atau website anda di sini.

Please Complete the form, then klick "Submit"

Read More

Mengenal Istilah SEO

Bagi anda yang biasa menggunakan internet atau pelaku bisnis online mungkin sering mendengar istilah SEO, lalu apa itu SEO? SEO adalah kepanjangan dari Search Engine Opimization atau optimasi search engine adalah tekhnik yang dilakukan untuk membuat sebuah situs bisa muncul di hasil pencarian sebuah search engine, makin bagus SEOnya makin tinggi posisi sebuah situs pada hasil pencarian.

Google adalah situs yang paling sering diakses oleh seluruh pemakai internet di seluruh dunia. Data yang dikemukakan oleh Alexa Rank – sebuah situs pencatat statistik trafik website – menunjukkan Google menempati urutan pertama daftar situs yang paling sering dikunjungi, masih lebih tinggi dari Facebook – sebagai jejaring sosial nomor 1 di dunia.


Google adalah sebuah mesin pintar, yang akan membantu menemukan apa saja yang anda cari di internet. Google akan mendisplay daftar situs-situs yang “relevan” dengan target pencarian anda. Daftar website yang ditampilkan google bisa berjumlah ratusan bahkan miliaran, ditampilkan berurutan dari nomor 1 hingga terus ke belakang.
.

Pertanyaannya: atas dasar apa google melakukan pengurutan daftar website yang dihasilkan berdasarkan pencarian kata kunci yang diinput oleh seseorang? Kenapa kok ada website yang ditaruh paling depan, ada yang nomor 2 atau bahkan ada yang jauh di halaman belakang?

Google sudah membuat semacam aturan main – yang sering disebut sebagai algoritma – untuk melakukan perankingan. Ada ratusan parameter yang dijadikan pertimbangan oleh Google untuk memutuskan situs mana yang harus ditempatkan lebih tinggi, mana yang harus berada ke halaman belakang. Tepat di titik itulah SEO berperan.

AlgoritmaNya  Berbeda

Algoritma cara menentukan posisi pada search engine berbeda-beda, misal tekhnik yang di gunakan di google tidak sama dengna tekhnik yang di pakai di Yahoo, jadi kalo ada sebuah situs yang bertengger di posisi 1 di google belum tentu no 1 juga di yahoo. Sampai sekarang algoritma itu masih rahasia masing-masing, bahkan banyak para pakar Seo mencari berbgai cara hingga menemukan beberapa cara yang mereka gunakan untuk menaikan posisi mereka pada mesin pencari.

Pentingnya SEO

Sebuah blog / website walaupun tampilannya bagus akan percuma jika tidak ada yang berkunjung, karena robot itu tidak semuanya tahu, mereka terkadang mesti kita sodorkan dulu baru menemukannya. Jadi jika anda punya blog atau situs ada baiknya memberitahu mereka agar mereka bisa mendata situs atau blog anda di mesin pencarian.bagaimana caranya? Cara tercepat adalah dengan ngeping di blog ping (pingomatic.com) atau mensubmitnya ke direktori search engine secara manual.

Pengunjung adalah tujuan pada blogger atau pemilik website membuat blog atau web tersebut, jadi ilmu SEO ini sangat penting bagi anda yang menginginkan tulisan anda dibaca oleh banyak orang.

Semoga bermanfaat.

Salam Blogger

Read More

Cara Membuat Related Post dengan Tumbnail pada Blogspot

Biasanya kita melihat related post atau artikel terkait hanya tulisan saja, Tutorial blogspot kali ini kita akan belajar cara membuat related post dengan gambar / tumbnail.

Seperti yang kita tau memasang related post juga merupakan salah satu tekhnik SEO page. Cara membuatnya sebagai berikut:

1. Login ke Blogger. Klik menu Design / Rancangan >> Edit HTML

2. Beri tanda centang pada “Expand Widget Template“

3. Lalu cari kode </head>  untuk mempermudah tekan Ctrl + F pada keyboard anda.

4. Jika sudah ketemu copy dan paste kode berikut tepat diatasnya.

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

5. Kalo sudah kemudian carilah kode <div class='post-footer-line post-footer-line-1'> kalo sudah ketemu, copy pastekan kode berikut tepat diatasnya.

<!-- 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=6&quot;' type='text/javascript'/></b:if></b:loop><a href='http://www.bloggerplugins.org/2009/08/related-posts-thumbnails-blogger-widget.html' style='display:none;'>Related Posts with thumbnails for blogger</a><a href='http://www.bloggerplugins.org/' style='display:none;'>blogger widgets</a>

<script type='text/javascript'>

var currentposturl=&quot;<data:post.url/>&quot;;

var maxresults=5;

var relatedpoststitle="Related Posts";

removeRelatedDuplicates_thumbs();

printRelatedLabels_thumbs();

</script>

</div><div style='clear:both'/>

</b:if>

<!-- Related Posts with Thumbnails Code End-->

6. Klik Save Template
Selesai, dan silakan lihat hasilnya.

Sekian, semoga bermanfaat.
Salam Blogger

Read More

Cara Membuat Tombol Share Facebook dan Twitter pada Blogspot

Share Button atau tombol share berfungsi untuk mempermudah pengunjung berbagi posting ke teman2nya. Sebenarnya tombol share facebook, twitter, digg dll sudah disediakan oleh blogspot tetapi penempatannya hanya bisa di bawah posting dan tampilannya hanya seperti itu saja, tidak bisa dirubah. Kali ini ana akan share bagaimana cara membuat share button untuk facebook, twitter, digg dan google plus one yang bisa diletakan diatas posting dengan bentuk yang keren dengan ditambah penghitung jumlah share.

Berikut cara membuatnya::

1. Login ke Blogger. Klik menu Design / Rancangan >> Edit HTML

2. Beri tanda centang pada “Expand Widget Template“

3. Lalu cari kode <div class='post-body entry-content'>  untuk mempermudah tekan Ctrl + F pada keyboard anda. Atau kalo tidak ada cari kode class='post-body entry-content' atau jika blog anda sudah menggunakan Read More, maka carilah kode <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id'>  

4. Jika sudah ketemu copy kode dibawah ini dan paste tepat diatas salah satu kode tadi.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='border-top:1px solid #ccc;border-bottom:1px solid #ccc; padding:8px 0px;margin:5px 0px 5px 0px;width:100%;float:left;height:20px;'>
<div style='float:left;padding-left:0px;font:normal 12px Georgia;'>
Sharing :
</div>
<div style='float:left;padding-left:10px;'>
<a name='fb_share' type='button_count'/>
<script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'>
</script></div>
<div style='float:left;padding-left:10px;'>
<a class='DiggThisButton DiggCompact'/>
<script type='text/javascript'>
(function() {
var s = document.createElement(&#39;SCRIPT&#39;), s1 = document.getElementsByTagName(&#39;SCRIPT&#39;)[0];
s.type = &#39;text/javascript&#39;;
s.async = true;
s.src = &#39;http://widgets.digg.com/buttons.js&#39;;
s1.parentNode.insertBefore(s, s1);
})();
</script>
</div>
<div style='float:left;padding-left:10px;'>
<a class='twitter-share-button' data-count='horizontal' data-via='rufi_id' href='http://twitter.com/share'>Tweet</a><script src='http://platform.twitter.com/widgets.js' type='text/javascript'/>
</div>
<div style='float:left;padding-left:10px;'>
<!-- Place this tag where you want the +1 button to render -->
<g:plusone size="medium"></g:plusone>
<!-- Place this render call where appropriate -->
<script type="text/javascript">
  (function() {
    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
    po.src = 'https://apis.google.com/js/plusone.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
  })();
</script>
</div>
</div>
</b:if>

5. JIka sudah, kemudian jangan lupa klik Save Template

Selesai sudah, Semoga bermanfaat
Salam Blogger

Read More