Tips Agar Postingan Blogspot Cepat Terindeks Google

Tips kali ini merupakan hasil dari pengalaman pribadi saya sendiri. Sebelum menggunakan trik ini setiap saya memposting artikel mesin telusur google baru mengindeks artikel saya 2-3 hari. Akhirnya saya mencoba berbagai cara supaya artikel saya cepat terindeks dengan mencari diberbagai sumber blog-blog lain seperti selalu melakukan ping, kirim sitemap dan cara-cara lain, tetapi semua usaha itu belum bisa memecahkan masalah saya.

Usaha yang saya lakukan tidak berhenti sampai disitu saja. Berkat kegigihan yang menggebu-gebu akhirnya dengan tips yang sederhana yaitu dengan cara menautkan setiap artikel dengan profil Google + artikel yang saya posting langsung terindeks tanpa menunggu 2-3 hari. Bagaimana cara melakukannya? Berikut cara saya membuat tips tersebut:

Pertama kunjungi profil google plus anda dan langsung ke menu profil dan pilih edit profil -> Kontributor untuk -> tambahkan tautan khusus dan masukkan alamat blog sobat -> Simpan. Setelah itu klik Pengeditan Selesai untuk mengakhiri pengeditan profil Google + anda.

Setelah itu kembali ke Dasbor Blogger anda dan pilih Template -> Edit HTML -> Lanjutkan dan jangan lupa centang Expand Template Widget. Kemudian cari <data:post.author/> dan replace dengan profil google plus sobat contohnya seperti <a href='https://plus.google.com/113496292617144477583' rel='author'>Candra Windra</a>. Untuk menemukan profil Google Plus anda yaitu pada bagian tab address browser anda seperti gambar dibawah ini:

ganti https://plus.google.com/113496292617144477583 dengan profil google plus anda dan Candra Windra dengan nama anda lalu simpan.

Cara ini selain mempercepat artikel terindeks di mesin telusur, anda juga bisa melindungi artikel yang anda posting dari para tukang copy paste karena artikel anda pada mesin telusur akan disertai profil anda dari google plus sebagai penulis artikel tersebut.
Sekarang lihat perubahannya saat anda memposting artikel..Selamat mencoba...

Selengkapnya»

[Blogging] Cara Menampilkan Menu Penghasilan Di Dasbor Blogger

Buat para sobat blogger pastinya sangat mengharapkan adanya iklan adsense di blognya yang bisa memberikan tambahan penghasilan atas jerih payahnya. Tetapi untuk mendaftar adsense sangatlah sulitnya minta ampun seperti mencari jarum dalam tumpukan jerami..xixixi :D. Semua itu dikarenakan pihak google ingin iklan mereka tampil hanya di blog / website dengan kualitas yang bagus sehingga mereka sangat ketat untuk menerima publiser buat memunculkan iklan mereka. Untuk mendaftar adsense cara paling mudah adalah melalui menu Penghasilan yang disediakan oleh blogger sendiri. Di menu tersebut kita bisa mengirimkan aplikasi untuk mengajukan permohonan untuk mendaftar adsense untuk blog kita.

Tetapi kali ini saya bukan memberikan cara untuk mendaftar google adsense lewat menu Penghasilan dibloger tetapi bagaimana cara memunculkan menu tersebut agar ada di dasbor blogger, karena untuk blogger berbahasa indonesia mungkin menu tersebut belum muncul di dasbor blogger anda. Untuk itu saya akan memberikan cara agar menu tersebut keluar di dasbor blogger anda, berikut caranya :

• Pada Dasbor Blogger pilih menu Setelan >> Bahasa dan pemformatan >> lalu pilih Inggris - English jika sudah Simpan setelan

Klik gambar untuk memperbesar

Sekarang refresh browser anda dan lihat hasilnya. Sekarang anda sudah bisa mendaftar adsense lewat tab menu Penghasilan diblogger.

Hasil akhir

Selamat Mencoba...

Selengkapnya»

[Blogging] Cara Membuat Meta Deskripsi Disetiap Postingan

Menggunakan meta deskripsi yang unik dan akurat akan membantu postingan anda berada di laman teratas hasil pencarian di mesin telusur. Meta deskripsi memberikan mesin penelusuran google dan  lainnya sebuah ringkasan tentang artikel yang anda posting. Meta Deskripsi merupakan salah satu hal yang digunakan untuk menjelaskan isi dari sebuah artikel yang keluar di laman penelusuran, lihat gambar dibawah untuk lebih jelasnya.

Meta Deskripsi yang bagus adalah yang bisa menjelaskan konten pada laman anda misalnya seperti judul postingan ini "Cara Membuat Meta Deskripsi Disetiap Postingan" kita bisa membuat Meta Deskripsi dengan merangkum isi artikel disini seperti "Cara membuat Meta Deskripsi yang akurat dan SEO dalam setiap postingan artikel blog yang bisa menggambarkan isi konten dalam mesin telusur". Dengan adanya Meta Deskripsi pengunjung akan memahami isi keseluruhan dari artikel anda.

Berikut cara membuat kalimat Meta Deskripsi yang bagus:

• Ringkasan dari artikel yang anda buat
• Kalimat deskripsi yang unik
• Jangan mengulang kata
• Jangan menggunakan kalimat diskripsi secara umum seperti "Meta Deskripsi Blog" atau "Meta Diskripsi Bagus"
• Jangan menggunakan kalimat deskripsi hanya berupa kata kunci

Anda bisa membuat deskripsi penelusuran langsung saat anda sedang menulis artikel di blog yaitu disamping kanan pada setelan entri, untuk yang belum ada menu deskripsi penelusuran bisa mengikuti cara sebagai berikut : Pada menu dasbor blogger pilih menu Setelan >> Preferensi Penelusuran >> pada Tag meta pilih "edit" dan pilih "ya" lalu tulis deskripsi tentang blog anda dan simpan. Deskripsi ini hanya untuk homepage blog anda saja sedangkan untuk deskripsi pada tiap postingan bisa anda lihat dibawah ini..

Pada setiap artikel yang anda tulis anda harus membuat setiap deskripsi yang berbeda sesuai dengan isi artikel yang anda buat. Agar meta deskripsi ini muncul tambahkan pada Template html blog anda kode dibawah ini dan tempatkan setelah kode <head> atau sebelum kode <b:skin>
<meta expr:content='data:blog.metaDescription' name='description'/>

Dengan membuat Meta Deskripsi yang bagus akan membawa penelusuran yang lebih baik pada konten anda dari mesin telusur. Hal ini akan menjadi salah satu cara agar blog sobat lebih SEO friendly dengan mesin telusur milik google atau mesin telusur lainnya. Dengan begitu blog anda lebih diperhatikan saat ada penelusuran dengan kata kunci yang sesuai dengan konten anda dan diberikan hasil pada penelusuran teratas karena google mudah dalam mendeskripsikan isi konten anda.

Selamat mencoba...

Selengkapnya»

[Blogging] Membuat Navigasi Blog Lebih Menarik Dan Mudah

Navigasi yang mudah pada blog akan membuat pengunjung menjadi betah untuk melihat postingan anda yang lainnya. Dengan Navigasi yang bagus juga memberikan kesan blog anda menjadi lebih profesional. Kali ini saya akan memberikan cara membuat navigasi di bawah posting blog agar lebih menarik seperti yang saya terakan diblog ini.

Langkah pertama silahkan masuk ke dasbor blog anda dan langsung ke menu Template lalu pilih Edit HTML. (seperti gambar dibawah)

Kenapa ya selalu dikasih langkah pertama diatas apa gak bosan.hehe :-D, padahal itu bagian yang sudah banyak diketahui para blogger sejagat raya, langkah ini mungkin buat yang belum tahu saja atau masih baru di dunia blogging. Untuk yang belum punya blog silahkan buat blog dahulu, untuk panduannya bisa melihat disini Langkah Cepat Membuat Blog Di Blogspot karena nanti anda akan banyak mendapatkan pengalaman menarik dari blog yang anda kelola.

Selanjutnya centang pada bagian Expand Template Widget (lihat gambar dibawah)

Lalu cari kode  <b:include name='nextprev'/>  agar lebih mudah mencarinya gunakan Ctrl+F lalu masukkan kode tersebut dan cari.
Setelah ketemu ganti dengan kode dibawah ini
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:include name='nextprev'/>
</b:if>

Selanjutnya cari kode  <b:include data='feedLinks' name='feedLinksBody'/> dan ganti dengan kode dibawah ini :

<style type='text/css'>
.blogpager {
font-size:12x;
color:#000000;
font-weight:bold;
background:#ffffff;
border:1px solid #ccc;
padding:5px;
}
</style>
<div align='center' style='margin:15px;'>
<form action='#' name='pager20'>
<span id='vwg-pager-first'/><span id='vwg-pager-prev'/><input name='showingpage' onfocus='this.select()' size='4' title='Page Number you want to Go' type='text' value='.....'/>/<input disabled='disabled' name='pagestotal' size='4' type='text' value='.....'/>
<input onclick='checkpager()' type='button' value='Go Page'/>
<span id='vwg-pager-next'/><span id='vwg-pager-last'/>
</form>
</div>
<script type='text/javascript'>
var blogID = &quot;3926587677569576014&quot;;
var home_page = &quot;http://namabloganda.blogspot.com/&quot;;
var pager_max_main = 10;

var pager_first_text = &quot;First&quot;; //
var pager_last_text = &quot;Last&quot;; //
var pager_prev_text = &quot;Previous&quot;; //
var pager_next_text = &quot;Next&quot;; //
</script>
<script src='http://cinghe.googlecode.com/files/blogger_pag.js' type='text/javascript'/>
<b:include data='feedLinks' name='feedLinksBody'/>

Ganti 3926587677569576014 dengan kode blog id sobat dan http://namabloganda.blogspot.com/ dengan nama blog sobat kemudian simpan. selesai deh..lihat bagaimana tampilan blog anda sekarang lebih bagus bukan...untuk contohnya bisa anda lihat gambar dibawah ini :

Bila masih ada kesulitan dalam menerapkan diblog anda bisa bertanya kepada saya melalui kotak komentar dibawah.
Selamat mencoba...

Selengkapnya»

[Blogging] Membuat Widget Popular Post Lebih Menarik

Setelah memadukan beberapa style dan coba-coba akhirnya saya bisa membuat widget populer post dengan tampilan yang berbeda dari widget bawaannya blogspot. Tampilan pada widget popular post yang akan saya sharing kali ini akan mirip dengan widget komentar yang saya buat kemarin, bila ingin mengganti sekalian widget recent komentar anda silahkan kunjungi Membuat Widget Recent Komentar Bagus Dan Menarik.

Sekarang saya akan memulai tutorial cara membuat Widget Populer Post yang berbeda.
Langkah pertama silahkan login ke akun blogger anda seperti biasanya. kemudian di tampilan antarmuka pilih Tata Letak tambahkan gadget popular post dan silahkan sesuaikan dengan selera anda sendiri untuk banyaknya postingan yang akan muncul dan jangan lupa centang untuk bagian Thumbnail gambar dan Cuplikan lalu Simpan.

Selanjutnya pindah ke bawahnya Tata Letak yaitu Template dan pilih edit HTML kemudian copy kode css dibawah ini sebelum kode ]]></b:skin>

/* Popular Post */
.item-thumbnail img {height: 40px;width:40px; padding:3px; border:1px solid #ddd; float:left; margin-right:5px; -webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;}
.popular-posts {margin: 0 0 10px 0;border:1px solid $bordercolor;}
.popular-posts ul {float: left;list-style: none;height:auto;}
.popular-posts ul li {height: 45px;margin:5px 5px 5px 5px;float: left;overflow:hidden;border:1px solid #ddd;}

Setelah anda copy kode diatas selanjutnya simpan template dan lihat hasilnya di blog anda, mudah dan simpel kan. Sekian dulu dan semoga artikel ini bisa bermanfaat bagi sobat bloger lainnya. Untuk contohnya bisa dilihat dibawah ini:

Selamat Mencoba...

Selengkapnya»

[Blogging] Membuat Widget Recent Komentar Unik Dan Menarik Pada Blogspot

Setelah mencoba dan berkelana kesana kemari akhirnya saya menemukan sebuah widget untuk menampilkan komentar di blog dengan tampilan sedikit berbeda daripada widget yang biasa digunakan oleh para blogger lainnya. Langsung saja simak baik-baik caranya dibawah ini:

Langkah pertama login dulu ke akun blogger sobat, kemudian langsung menuju Tata Letak yang ada di antarmuka tampilan blogger anda lalu tambah gadget dan pilih HTML/Java Script. Kemudian copy seluruh kode text dibawah ini

<style>
ul.w2b_recent_comments{list-style:none;margin:0;padding:0;}
.w2b_recent_comments li{background:none !important;margin-top:-1px !important;padding:5px 0 0 0 !important;display:block;clear:both;overflow:hidden;list-style:none;}
.w2b_recent_comments li .avatarImage{padding:0;background:#fff;float:left;margin:0 0 5px 5px;position:relative;overflow:hidden;}
.w2b_recent_comments li a{margin-top:4px;display: block;font-size: 12px;font-style: italic;line-height: 1.4;}
.w2b_recent_comments li span{margin-top:4px;color: #666;display: block;font-size: 12px;font-style: italic;line-height: 1.4;}
.widget1 ul li img { padding:3px; border:1px solid #ddd; float:left; margin-right:5px; -webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;}
</style>
<script type='text/javascript'>
//<![CDATA[
    // Recent Comments Settings
    var
 numComments  = 5,
 showAvatar  = true,
 avatarSize  = 40,
 roundAvatar = true,
 characters  = 40,
 defaultAvatar  = "http://www.gravatar.com/avatar/?d=mm",
 hideCredits = true;
eval(function(p,a,c,k,e,d){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--){d[e(c)]=k[c]||e(c)}k=[function(e){return d[e]}];e=function(){return'\\w+'};c=1};while(c--){if(k[c]){p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c])}}return p}('7 D=D||5,9=9||19,A=A||1a,m=m||"h://W.S.g/16/?d=18",E=E||" 1p &1f;",v=(p v===\'o\')?j:v,z=(p z===\'o\')?Z:z,n=(p n===\'o\')?j:n,M=(p M===\'o\')?Z:n;1l 12(L){7 b;b=\'<Y C="12">\';H(7 i=0;i<D;i++){7 x,y,2,k;4(i==L.14.8.q)1g;b+="<X>";7 8=L.14.8[i];H(7 l=0;l<8.I.q;l++){4(8.I[l].1j==\'1o\'){x=8.I[l].w}}H(7 a=0;a<8.K.q;a++){y=8.K[a].1i.$t;2=8.K[a].1h$1k.N}4(2.f("/O/")!=-1){2=2.u("/O/","/s"+9+"-c/")}e 4(2.f("/T/")!=-1){2=2.u("/T/","/s"+9+"-c/")}e 4(2.f("/U-c/")!=-1&&2.f("h:")!=0){2="h:"+2.u("/U-c/","/s"+9+"-c/")}e 4(2.f("G.g/B/1n-P.J")!=-1){2="h://3.13.Q.g/-1m-1e/17/1c/1b/s"+9+"/15.R"}e 4(2.f("G.g/B/1d-P.J")!=-1){2="h://3.13.Q.g/-1R/1U/1P/1K/s"+9+"/1J.R"}e 4(2.f("G.g/B/1M.J")!=-1){4(m.f("S.g")!=-1){2=m+"&s="+9}e{2=m}}e{2=2}4(v==j){4(n==j){k="1O"}e{k=""}b+="<V C=\\"1T "+k+"\\"><B C=\\""+k+"\\" N=\\""+2+"\\" 1H=\\""+y+"\\" 1w=\\""+9+"\\" 1I=\\""+9+"\\"/></V>"}b+="<a w=\\""+x+"\\">"+y+"</a>";7 11=8.1v.$t;7 6=11.u(/(<([^>]+)>)/1u,"");4(6!=""&&6.q>A){6=6.1r(0,A);6+="&1s;";4(z==j){6+="<a w=\\""+x+"\\">"+E+"</a>"}}e{6=6}b+="<r>"+6+"</r>";b+="</X>"}b+=\'</Y>\';7 F="";4(M==j){F="10:1F;"}b+="<r 1G=\\"1E-1D:1A;10:1B;1C-1S:1z;"+F+"\\">1y 1t<a w=\\"h://W.1x.1L/\\">1Q</a></r>";1N.1q(b)}',62,119,'||authorAvatar||if||commBody|var|entry|avatarSize||commentsHtml|||else|indexOf|com|http||true|avatarClass||defaultAvatar|roundAvatar|undefined|typeof|length|span|||replace|showAvatar|href|commentlink|authorName|showMorelink|characters|img|class|numComments|moreLinktext|hideCSS|blogblog|for|link|gif|author|w2b|hideCredits|src|s1600|rounded|blogspot|png|gravatar|s220|s512|div|www|li|ul|false|display|commHTML|w2b_recent_comments|bp|feed|w2b_blogger_logo|avatar|TxMKLVzQ5BI|mm|60|40|QYau8ov2blE|AAAAAAAABYY|openid16|1X32ZM|raquo|break|gd|name|rel|image|function|AaI8|b16|alternate|More|write|substring|hellip|by|ig|content|width|carague|Widget|right|10px|block|text|size|font|block|style|alt|height|w2b_openid_logo|8iasY0xpLzc|info|blank|document|avatarRound|AAAAAAAABYc|CaraGue|9lSeVyNRKx0|align|avatarImage|TxMKMIqMNuI'.split('|'),0,{}))
//]]>
</script>
<div class='widget1'>
<script src='http://cinghedotcom.blogspot.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=10'></script>
</div>

Keterangan :
Ganti http://cinghedotcom.blogspot.com dengan nama blog sobat (yang berwarna merah)
Untuk jumlah komentar yang ditampilkan bisa anda ganti sesuai yang anda inginkan yaitu pada numComment = 5 (ganti angka 5 dengan angka sesuai jumlah komentar yang ingin anda tampilkan)

Sekarang Simpan dan lihat hasilnya pada tampilan blog sobat, untuk contoh gambarnya widget bisa dilihat dibawah ini :

Selamat Mencoba...

Selengkapnya»

[Blogging] Membuat Widget Artikel Terbaru Dengan Navigasi

Pengunjung agar betah berlama-lama di blog anda salah satu caranya dengan menggunakan navigasi yang baik dan ini merupakan anjuran dari sang pengembang blog yaitu om google. Dengan navigasi yang baik pengunjung akan lebih mudah dalam mencari artikel yang ingin mereka cari di blog anda. Untuk yang belum mempunyai blog dan ingin membuat blog silahkan lihat panduan Langkah Cepat Membuat Blog di Blogspot

Pada kesempatan ini saya ingin berbagi cara membuat Widget Artikel Terbaru dengan disertai Navigasi. Untuk contohnya anda bisa melihat disamping kanan pada blog ini dan menu navigasinya berada di bawah widget tersebut. Anda merasa tertarik? Berikut cara membuatnya : pada tampilan antarmuka blog anda pilih Tata Letak > Tambah Widget > HTML/java script, kemudian copy kode text dibawah ini lalu simpan.

<style>
#jsonfeedsidebar{border:1px solid #585858;width:385px;margin:0 auto}
#blogjsonfeed{margin:5px}
.elemenartikel{border:1px solid #DDD;margin:5px 0;padding:5px}
.elemenartikel img{float:left;height:70px;padding-right:8px;width:70px}
.elemenartikel h6,.elemenartikel h6 a{font-size:11.5px!important;font-weight:700!important;margin:0;color:#333}
.elemenartikel:hover{background-color:#bdbdbd}
.elemenartikel p{font-size:11.25px;text-align:justify;color:#333;line-height:14px;margin:5px 0}
#loadingelemen{color:#888;font-family:Century Gothic;font-size:100px;letter-spacing:-10px;text-align:center;text-shadow:-5px 0 1px #444;background:#141414 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEho_Hk4eGF6XSkvfStfkeHK6ZVXDvW84VVDJlzbkqjCsJJ-e69pEeX0VDuZ-hCnVz5yKipJRrH5sKIbqSpHmu-WhF6tQude02hRAkprvgm_H_ZxcQVa5kiVvIG91zMK21-EvrCR5wyM2FA/) no-repeat 50% 50%;height:472px;border:1px solid #DDD}
#navigasifeedblog{border:1px solid #DDD;color:#BBB;font-family:Tahoma;font-size:12px;text-align:center;margin:5px}
#navigasifeedblog:hover{background-color:#696969}
#navigasifeedblog a{color:#141414!important;font-family:Tahoma!important;font-size:12px!important;font-weight:400!important;display:block;padding:5px 10px}
#navigasifeedblog span{padding:5px 10px}
#navigasifeedblog .lanjut{float:right}
#navigasifeedblog .sebelum{float:left}
#navigasifeedblog .beranda{text-align:center}
#navigasifeedblog a:hover,#navigasifeedblog span.nonaktif{color:#FFF!important}
</style>
<script type='text/javascript'>
//<![CDATA[
var jmlfeed = 5;
var tandawal = 0;
var alamatblog = "http://cinghedotcom.blogspot.com";
var kar = 90;
var urlsebelum, urlsesudah;

function batasanfeed(bagi,panjang){
var tampilfeed = bagi.split("<");
for(var i=0;i<tampilfeed.length;i++){
if(tampilfeed[i].indexOf(">")!=-1){
tampilfeed[i] = tampilfeed[i].substring(tampilfeed[i].indexOf(">")+1,tampilfeed[i].length);
}
}
tampilfeed =  tampilfeed.join("");
tampilfeed = tampilfeed.substring(0,panjang-1);
return tampilfeed;
}
function tampilblogjsonfeed(json) {
var entry, posttitle, posturl, postimg, postcontent;
var showblogfeed = "";
urlsebelum = "";
urlsesudah = "";
for (var k = 0; k < json.feed.link.length; k++) {
if (json.feed.link[k].rel == 'previous') {
urlsebelum = json.feed.link[k].href;
}
if (json.feed.link[k].rel == 'next') {
urlsesudah = json.feed.link[k].href;
}
}
for (var i = 0; i < jmlfeed; i++) {
if (i == json.feed.entry.length) { break; }
entry = json.feed.entry[i];
posttitle = entry.title.$t;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
posturl = entry.link[k].href;
break;
}
}
if ("content" in entry) {
postcontent = entry.content.$t;
} else if ("summary" in entry) {
postcontent = entry.summary.$t;
} else {
postcontent = "";
}
if ("media$thumbnail" in entry) {
postimg = entry.media$thumbnail.url;
} else {
postimg = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj10WbH0jTAM-RHTtjx79Aaun3SOH5DunhBCVhc9hSVGqzAe5LCiESOO6LsXuNts6ki4tgFVJuw3LEpsON6FJnkxic-Ad4Q3Eq8gdk7-L_UZZh0QXAA99ZxePF278VluU45MSm8SwWJCBI/s1600/no-image.gif";
}
showblogfeed += "<div class='elemenartikel'>";
showblogfeed += "<a href='" + posturl + "' target='_blank'><img src='" + postimg + "' /></a>";
showblogfeed += "<h6><a href='" + posturl + "'>" + posttitle + "</a></h6>";
showblogfeed += "<p>" + batasanfeed(postcontent,kar) + "...</p>";
showblogfeed += "</div>";
}
document.getElementById("blogjsonfeed").innerHTML = showblogfeed;
showblogfeed = "";
if(urlsebelum) {
showblogfeed += "<a href='javascript:navigasifeed(-1);' class='sebelum'>&#9668; Previous</a>";
} else {
showblogfeed += "<span class='nonaktif sebelum'>&#9668; Previous</span>";
}
if(urlsesudah) {
showblogfeed += "<a href='javascript:navigasifeed(1);' class='lanjut'>Next &#9658;</a>";
} else {
showblogfeed += "<span class='nonaktif lanjut'>Next &#9658;</span>";
}
showblogfeed += "<a href='javascript:navigasifeed(0);' class='beranda'>Home</a>";
document.getElementById("navigasifeedblog").innerHTML = showblogfeed;
}

function navigasifeed(alamat){
var p, parameter;
if(alamat==-1) {
p = urlsebelum.indexOf("?");
parameter = urlsebelum.substring(p);
} else if (alamat==1) {
p = urlsesudah.indexOf("?");
parameter = urlsesudah.substring(p);
} else {
parameter = "?start-index=1&max-results=" + jmlfeed + "&orderby=published&alt=json-in-script"
}
parameter += "&callback=tampilblogjsonfeed";
incluirscript(parameter);
}
function incluirscript(parameter) {
if(tandawal==1) {removerscript();}
document.getElementById("blogjsonfeed").innerHTML = "<div id='loadingelemen'></div>";
document.getElementById("navigasifeedblog").innerHTML = "";
var arsipfeed = alamatblog + "/feeds/posts/default"+ parameter;
var terbaru = document.createElement('script');
terbaru.setAttribute('type', 'text/javascript');
terbaru.setAttribute('src', arsipfeed);
terbaru.setAttribute('id', 'LABELTEMPORAL');
document.getElementsByTagName('head')[0].appendChild(terbaru);
tandawal = 1;
}
function removerscript() {
var elemen = document.getElementById("LABELTEMPORAL");
var parent = elemen.parentNode;
parent.removeChild(elemen);
}
onload=function() { navigasifeed(0); }
//]]>
</script>
<div id="blogjsonfeed"></div>
<div id="navigasifeedblog"></div>
<div style='float:right;font-size:6px;padding:5px;'>
<a href='http://cinghedotcom.blogspot.com' target='_blank'>Cara buat widget ini»</a>
</div>

keterangan:
var jmlfeed = 5; (jumlah postingan yang akan anda tampilkan, ganti terserah anda)
var alamatblog = "http://cinghedotcom.blogspot.com"; (ganti dengan alamat blog anda)
var kar = 90; (jumlah entri kata pada setiap postingan, ganti terserah anda)

Silahkan berkomentar saja apabila ada kendala dalam mengaplikasikannya di blog anda.
Selamat Mencoba...

Selengkapnya»

[Blogging] Membuat Menu Drop Down Dengan Sub Menu Bergambar

Tutorial kali ini saya akan membahas tentang cara membuat menu drop down di blog dengan submenu bergambar. Judulnya kok sedikit aneh ya... tapi gak apa-apa yang penting anda mengerti maksud dari judul tersebut. Menu pada blogspot biasanya diletakkan diatas header atau dibawah header supaya pengunjung blog kita bisa lebih mudah dalam mencari artikel sesuai dengan kategorinya.

Langkah pertama langsung ke edit Template dan pilih Edit HTML lalu centang Expand Template Widget, biar aman backup dulu template sobat.
Kemudian copy seluruh text css dibawah ini tepat diatas kode ]]></b:skin> biar mudah mencarinya gunakan saja CTRL+F

/*  Menu Drop Down By cinghedotcom   */
/* Reset */
.menu,.menu ul,.menu li,.menu a {margin: 0;padding: 0;border: none;outline: none;}

/* Menu Start*/
.menutop{height: 35px;width: 980px;background: #4c4e5a;}
.menu li {position: relative;list-style: none;float: left;display: block;height: 35px;}
.menu li a {display: block;padding: 0 14px;margin: 6px 0;line-height: 18px;text-decoration: none;border-left: 1px solid #393942;border-right: 1px solid #4f5058;font-family: Helvetica, Arial, sans-serif;font-weight: bold;font-size: 13px;color: #f3f3f3;text-shadow: 1px 1px 1px rgba(0,0,0,.6);
-webkit-transition: color .2s ease-in-out;
-moz-transition: color .2s ease-in-out;
-o-transition: color .2s ease-in-out;
-ms-transition: color .2s ease-in-out;
transition: color .2s ease-in-out;}
.menu li:first-child a { border-left: none; }
.menu li:last-child a{ border-right: none; }
.menu li:hover > a { color: #8fde62; }

/* Sub Menu Start*/
.menu ul {position: absolute;top: 35px;left: 0;opacity: 0;background: #1f2024;
-webkit-border-radius: 0 0 2px 2px;
-moz-border-radius: 0 0 2px 2px;
border-radius: 0 0 2px 2px;
-webkit-transition: opacity .25s ease .1s;
-moz-transition: opacity .25s ease .1s;-o-transition: opacity .25s ease .1s;-ms-transition: opacity .25s ease .1s;transition: opacity .25s ease .1s;}
.menu li:hover > ul { opacity: 1; }
.menu ul li {height: 0;overflow: hidden;padding: 0;
-webkit-transition: height .25s ease .1s;
-moz-transition: height .25s ease .1s;
-o-transition: height .25s ease .1s;
-ms-transition: height .25s ease .1s;
transition: height .25s ease .1s;}
.menu li:hover > ul li {height: 30px;overflow: visible;padding: 0;}
.menu ul li a {width: 100px;padding: 4px 0 4px 35px;margin: 0;border: none;border-bottom: 1px solid #353539;}
.menu ul li:last-child a { border: none; }

/* Icon */
.menu a.submenu1 { background: url(.../url gambar anda.png) no-repeat 5px center; }
.menu a.submenu2 { background: url(.../url gambar anda.png) no-repeat 5px center; }

Selanjutnya kita memasang kode navigasinya di blog dengan cara menambahkan text dibawah kode <body> blog kita :

<div class='menutop'>
<ul class='menu'>
<li><a class='home' href='#url blog anda'>Home</a></li>
<li><a href='#url blog anda'>Menu 1</a>
<ul>
 <li><a class='submenu1' href='#url blog anda'>Nama sub menu 1</a></li>
 <li><a class='submenu2' href='#url blog anda'>Nama sub menu 2</a></li>
 </ul>
</li>
<li><a href='#'>Menu 2</a></li>
<li><a href='#'>Menu 3</a></li>
 </div>

Keterangan :
height dan width (warna merah) menunjukkan lebar dan panjang menu
.menu a.submenu1 (warna biru) merupakan gambar di submenu, anda bisa menggunakan gambar berukuran 24x24 piksel. untuk menambah submenu dengan gambar lain anda bisa menambahkan dibawahnya .menu a.submenu3 dan seterusnya.
Sedangkan yang berwarna orange adalah submenu dari menu navigasi yang akan muncul dalam blog sobat, tambahkan kode berikut untuk menambahkan submenu lagi.

<li><a class='submenu3' href='#url blog anda'>Nama sub menu 3</a></li>


Tapi harus diingat bahwa di atas ]]></b:skin>  juga ditambahkan kode .menu a.submenu3
Selamat mencoba...

Selengkapnya»

[Blogging] Membuat Tabel Yang Bagus Dan Menarik

Hai sob...bagaimana kabarnya hari ini...Kali ini saya akan mencoba memberikan tutorial bagaimana membuat sebuah tabel yang terlihat lebih bagus. Tabel dalam postingan blog biasanya digunakan untuk menunjukkan daftar tertentu. Dengan tampilan tabel yang menarik akan membuat pengunjung blog lebih betah memelototi artikel kita.hehe.
Pertama kita buat dulu style CSSnya dari tabel tersebut seperti dibawah ini :

#tabelku { width: 600px;}
th {font: bold 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #222533;border-right: 1px solid #c1c9da;border-bottom: 1px solid #c1c9da;border-top: 1px solid #c1c9da;letter-spacing: 2px;text-transform: uppercase;text-align: center;padding: 6px 6px 6px 6px;background: #c4d6eb;}
td {font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;border-right: 1px solid #c1c9da;
border-bottom: 1px solid #c1c9da;border-left: 1px solid #c1c9da;padding: 6px 6px 6px 6px;}
tr.alt {background: #e0edfa;color: #222533;}
tr.alts {background:#FFF;color: #222533;}

Copy semua text CSS diatas ]]></b:skin> pada template html sobat.
Untuk yang berwarna merah menunjukkan lebar dari tabel tersebut silahkan ganti sesuai keinginan sobat.

Untuk penulisannya di posting sobat caranya sebagai berikut :

<table cellspacing="0" id="tabelku"><tbody>
<tr> <th scope="col">MENU1</th> <th scope="col">MENU 2</th> </tr>
<tr class="alts"><td>Keterangan 1</td><td>Keterangan 2</td></tr>
<tr class="alt"><td>keterangan 1</td><td>Keterangan 2 </td></tr>
</tbody></table>

Menu merupakan nama dari kolom tabel paling atas dan Keterangan merupakan kolom tabel dibawahnya
<tr class='alts'> dan <tr class='alt'> untuk membedakan antar kolom keterangan
jika ingin menambahkan kolom lagi dibawahnya tambahkan

<tr class="alts"><td> </td><td> </td></tr> dan

<tr class="alt"><td> </td><td> </td></tr> secara bergantian agar tampilan tabel sobat lebih menarik.

Untuk contoh tabelnya bisa dilihat dibawah ini :

MENU1	MENU 2
Keterangan1	Keterangan 2
keterangan 1	Keterangan 2

Semoga bisa membantu sobat yang lagi mencari cara membuat tabel dengan tampilan yang menarik

Selengkapnya»

[Blogging] Menampilkan Artikel Terbaru Berdasarkan Tabel Dibawah Posting

Masih bersama CingheDotCom, kali ini saya akan share bagaimana cara menampilkan Artikel Terbaru Berdasarkan Nama Label dibawah posting blog sobat. Kegunaan menampilkan artikel terbaru dibawah posting supaya pembaca bisa mengetahui artikel terbaru yang kita tulis dan tertarik untuk mengunjunginya. Sehingga pembaca lebih banyak membaca dan mengurangi tingkat bounce atau pentalan yang ada diblog kita. Langsung saja check ke TKP sob...

Pertama kita buka Menu Template yang ada di menu blogspot, kemudian pilih Edit HTML => Lanjutkan (jangan lupa centang expand template widget) dan copy semua text dibawah ini:

<script style="text/javascript" src="https://sites.google.com/site/cinghedotcom/angga/Artikel-Terbaru.js"></script>
<script>var numposts = 5; var showpostdate = false; var showpostsummary = false; var numchars = 0; </script>
<b>Nama Label : </b>
<script src="http://cinghedotcom.blogspot.com/feeds/posts/default/-/Nama Label?orderby=published&amp;alt=json-in-script&amp;callback=rp">
</script><br />
<b>Nama Label : </b>
<script src="http://cinghedotcom.blogspot.com/feeds/posts/default/-/Nama Label?orderby=published&amp;alt=json-in-script&amp;callback=rp">
</script><br />

Sebelum mengcopy cari dulu kata "<data:post.body/>" biar mudah pakek Ctrl+F aja sob. Kalau sudah ketemu pastekan text diatas tadi dibawah <data:post.body/>  yang anda cari tadi, gampangkan sob...

Ganti text Nama Label (berwarna merah) dengan label yang ingin anda tampilkan, sedangkan var numposts itu adalah banyaknya post yang ingin anda tampilkan (ganti sesuai selera anda).

Untuk menambah  Label lain yang ingin anda tampilkan silahkan tambahkan text dibawah ini:

<script src="http://cinghedotcom.blogspot.com/feeds/posts/default/-/Nama Label?orderby=published&amp;alt=json-in-script&amp;callback=rp">

</script>

Gampang kan sob...kalo masih bingung mengaplikasikannya jangan sungkan untuk komentar dibawah. Nanti saya coba bantu deh sob...selamat mencoba ya...

Selengkapnya»

[Blogging] Cara Membuat Widget Recomendasi Dengan Random Post

Sekedar buat berbagi bagaimana cara membuat widget dipojok kanan bawah seperti di blog saya ini. Buat teman-teman blogger yang ingin mempercantik tampilan blognya bisa mencoba widget ini. Pertama masuk di menu blog sobat dan pilih Tata Letak selanjutnya pilih Tambah Gadget => HTML dan copy semua kode dibawah ini lalu Simpan.

<div id="bpslidein" style="display:none;"> <div class="help">?</div><div class="expand">+</div> <div class="close">X</div> <p>Recomended for You</p> <div id="bpslidein_image"></div> <div  id="bpslidein_title">Loading..</div> </div> <script> if(document.location.href.split("/").length==6&&document.location.href.indexOf(".html")!=-1){if(typeof bp_onload_queue=='undefined')var bp_onload_queue=[];if(typeof bp_dom_loaded=='boolean')bp_dom_loaded=false;else var bp_dom_loaded=false;if(typeof bp_async_loader!='function'){function bp_async_loader(src,callback,id){var script=document.createElement('script');script.type="text/javascript";script.async=true;script.src=src;script.id=id;var previous_script=document.getElementById(id);if(previous_script)if(previous_script.readyState=="loaded"||previous_script.readyState=="complete"){callback();return}else{script=previous_script}if(script.onload!=null)previous_callback=script.onload;script.onload=script.onreadystatechange=function(){var newcallback;if(previous_script&&previous_callback)newcallback=function(){previous_callback();callback()};else newcallback=callback;if(bp_dom_loaded){newcallback()}else bp_onload_queue.push(newcallback);script.onload=null;script.onreadystatechange=null};var head=document.getElementsByTagName('head')[0];if(!previous_script)head.appendChild(script)}}if(typeof bp_domLoaded!='function')function bp_domLoaded(callback){bp_dom_loaded=true;var len=bp_onload_queue.length;for(var i=0;i<len;i++){bp_onload_queue[i]()}}bp_domLoaded();bp_async_loader("http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js",function(){bp_async_loader("https://sites.google.com/site/cinghedotcom/g/rekomendasi-slide2.js",function(){},"bp-out-slide")},"jQueryjs")}</script>

Widget ini akan muncul ketika pengunjung melihat blog anda sampai ke footer bawah dan akan keluar dari samping kanan. Untuk contoh gambarnya bisa dilihat digambar berikut.

Jika sobat mengalami kesulitan untuk mengaplikasikannya di blognya bisa bertanya ke saya melalui komentar dibawah.

Selengkapnya»

[Berita] Tampilan Lama Blogger Akan Hilang Diganti Tampilan Baru

Buat para Blogger mania yang masih menggunakan tampilan antarmuka blogger lama sebentar lagi akan diganti dengan tampilan antarmuka yang baru. Menurut team Blogger Buzz bagi pengguna antarmuka blogger lama pada minggu-minggu berikutnya akan dipindah ke tampilan antarmuka yang baru dan tampilan blogger lama akan dihilangkan. Untuk saat ini tampilan berpindah ke tampilan lama masih tersedia tetapi tidak lama lagi akan hilang. Blogger dengan tampilan baru sudah diperkenalkan sejak september 2011 yang lalu. Kelebihan menggunakan tampilan blogger baru-baru ini diantaranya:

• Terintregrasi langsung dengan Google +
• Tampilan Dinamis
• terdapat mesin pencari preferensi.

Pihak Google merekomendasikan supaya segera beralih dari tampilan lama ke tampilan baru karena sangat banyak fitur yang lebih baik dari sebelumnya.
Nah saya juga menyarankan anda yang masih memakai tampilan lama untuk segera beralih ke tampilan yang baru.

Selengkapnya»

[Berita] Kabar Gembira Google Adsense Sudah Support Bahasa Indonesia

Kabar gembira buat yang lagi menanti Google Ansense Indonesia karena si empunya google sudah memperbolehkan iklannya keluar di blog dengan konten Bahasa Indonesia. Tadi saat saya iseng iseng ke forumnya adsense saya melihat ada yang bilang kalau sekarang iklan google adsense sudah suport dengan bahasa indonesia. Berikut kutipan yang saya ambil dari Kebijakan bahasa program adsense atau bisa juga anda anda lihat sendiri disini Kebijakan Adsense

Bahasa apa sajakah yang didukung AdSense?

Google AdSense mendukung penayang dalam berbagai bahasa. Permohonan untuk berpartisipasi dalam program dapat diajukan oleh situs dengan konten utama dalam bahasa:

Arab	Jerman	Norsk
Bulgar	Yunani	Portugis
China (aks. sederhana)	Ibrani	Rumania
China (aks. tradisional)	Magyar	Rusia
Kroat	Indonesia	Serb
Cheska	Italia	Slovak
Dansk	Jepang	Spanyol
Belanda	Korea	Swensk
Inggris	Latvi	Thai
Suomi	Lituavi	Turki
Prancis	Polandia	Ukraina

Selain itu, AdSense untuk Penelusuran tersedia dalam Bahasa Vietnam, tetapi tidak didukung pada laman AdSense untuk Konten.
Anda dapat memilih bahasa utama situs saat proses permohonan berlangsung. Jika permohonan disetujui, AdSense akan menayangkan iklan yang relevan dengan laman Anda dalam bahasa yang sesuai, meskipun situs berisi berbagai bahasa yang didukung.
Harap perhatikan juga bahwa menempatkan kode AdSense pada laman dengan konten dalam bahasa yang tidak didukung oleh kebijakan program AdSense tidak dibolehkan.

Dari keterangan ini tentu saja sudah sangat jelas kalau Google Adsense sudah support dengan konten Berbahasa Indonesia (warna merah yang saya tandai). Tapi ini hanya satu dari beberapa syarat yang diberikan oleh google agar blog/website kita disetujui oleh pihak team Google Adsense. Jika anda sudah mengerti dan ingin mendaftar di Google Adsense silahkan klik link berikut : Daftar Google Adsense
Sekarang tinggal membuat konten blog yang bagus agar trafik pengunjung diblog kita banyak dan bisa disetujui oleh tim google adsense. Semangattt....!!! hehe

Selengkapnya»

[Tutorial Blog] Membuat Total Jumlah Artikel Berdasarkan Tabel

Jumlah posting menurut kategori tabel sangat membantu untuk melihat postingan kita. Sehingga pembaca mengetahui isi dari seluruh kategori postingan di blog anda. Disini saya akan menambahkan tanggal update tiap hari agar lebih menarik seperti dalam blog saya. Untuk contohnya bisa dilihat disamping kiri.

Pertama pilih menu Rancangan trus tambah elemen baru pilih HTML dan copy semua kode dibawah ini.

<script type="text/javascript" src="https://sites.google.com/site/cinghedotcom/g/tampil_tanggal.js"></script>
<span style="font-weight:bold;color: rgb(255, 0, 0);">Total Artikel (<script>tampiltanggal();</script>):
</span>
<br/>
<script style="text/javascript"> function showpostcount(json) { document.write(parseInt(json.feed.openSearch$totalResults.$t,10)); }</script>
<b>Kategori 1 = <script src="/feeds/posts/default/-/Kategori 1?alt=json-in-script&amp;callback=showpostcount"></script></b>
<br/>
<b>Kategori 2 = <script src="/feeds/posts/default/-/Kategori 2?alt=json-in-script&amp;callback=showpostcount"></script></b>

Ganti tulisan Kategori 1 dan kategori 2 dengan kategori yang ada dalam blog anda. Untuk menambahkan kategori lainnya silahkan menambahkan kode berikut:

<br/><b>Kategori 3 = <script src="/feeds/posts/default/-/Kategori 3?alt=json-in-script&amp;callback=showpostcount"></script></b>

Kira - kira tampilannya akan seperti ini:

Total Artikel ():

Kategori 1 = 4
Kategori 2 = 5
Karegori 3 = 16

Selengkapnya»

[SEO Blog] Mengenal Seo On Page dan Seo Off Page pada Blog

Berhubung masih hangat saya posting tentang Bounce kemarin, kali ini saya akan mengulas tentang pengertian SEO On Page dan SEO Off Page. SEO dalam sebuah blog sangat penting untuk kesuksesan anda dalam mengelola sebuah blog agar mempunyai tingkat rating yang tinggi dimata mesin pencari seperti Google, Yahoo, Bing dll.

SEO On Page adalah segala bentuk Optimasi yang dilakukan pada sebuah web/Blog. Bentuk optimasi yang dimaksud adalah sbb:

• Penggunaan nama domain 
• Judul ( judul blog, judul posting)
• Deskripsi Blog
• Penggunaan Tag dinamis Heading seperti H1, H2, H3 dst
• Penggunaan Meta Tag
• Penggunaan kata tebal, garis miring, garis bawah dll
• Penggunaan atribut title pada anchor text dan gambar
• Penggunaan text alt pada setiap gambar
• Membuat breadcrum navigasi
• Mempercepat loading blog
• Dan masih banyak lainnya...

SEO Off Page adalah segala bentuk optimasi yang dilakukan dari luar web/ blog tersebut. Bentuk optimasi yang dimaksud adalah sbb:

• Backlink dari website lain
Backlink adalah sebuah tautan dari website lain. Kesimpulannya backlink adalah recomendasi dari web/blog lain dan menjadikan search engine lebih memperhatikan blog anda.
• Submit Sitemap ke Webmaster tool.
• Ping

Nah mungkin itulah gambaran tentang SEO On page dan SEO Off page. Bila ada tambahan silahkan untuk berkomentar di bawah. salam bloger sobat...!!

Selengkapnya»

[ SEO Blog ] Cara Mengatasi Bounce Rate Yang Tinggi Pada Blog

Baunce Rate adalah ukuran dimana pengunjung sebuah blog masuk dan keluar. Intinya Bouncing terjadi apabila pengunjung/ visitor hanya melihat satu halaman tanpa menuju halaman lain yang ada dalam blog tersebut. Bounce atau pentalan sering terjadi apabila konten yang ada dalam blog tersebut kurang memikat hati visitor sehingga enggan untuk melirik artikel lainnya. Untuk lebih jelasnya berikut penyebab bounce yang saya rasa sangat mempengaruhi terjadinya bounce:

• Banyak link yang menuju website/blog yang berbeda.
• Menutup jendela yang terbuka atau Newtab.
• Mengetik Url baru
• Mengklik mundur untuk meninggalkan blog/ web tersebut.
• Time out

Time out dimaksudkan untuk kunjungan/ visitor yang tidak melakukan aktivitas apapun didalam blog yang dikunjungi. Waktu timeout biasanya dihitung untuk 30menit. Jadi jika pengunjung tidak ada aktivitas selama lebih dari 30menit berarti itu akan masuk hitungan bounce.

Walaupun bounce pada sebuah blog bukanlah ukuran dalam penilaian sebuah Pagerank pada Blog tapi jika anda bisa lebih mengecilkan tingkat bounce kemungkinan besar akan lebih mendatangkan visitor dan pageview yang banyak untuk blog anda. berikut beberapa tips yang bisa digunakan untuk mengurangi tingkat bounce/pentalan yang ada dalam sebuah Blog:

• Membuat artikel yang menarik dengan menu navigasi yang memudahkan pengunjung melihat isi dari blog anda.
• Mempercepat proses loading tampilan blog, dengan begitu pengunjung akan lebih cepat dalam membaca isi dari blog anda.
• Penggunaan Internet Linking

silahkan untuk mengamati tingkat bounce pada blog anda dan mencoba untuk memperkecil tingkat bounce tersebut. Karena itu adalah tantangan untuk anda sebagai Bloger yang profesional.

Selengkapnya»

[ Tutorial Blog ] Membuat sitemap blog dengan ringkasan posting

Sitemap atau biasa disebut dengan daftar isi sering digunakan oleh website atau blog agar pembaca bisa lebih mudah dalam mencari artikel di dalam website/blog tersebut. Mungkin sudah banyak para bloger yg menyajikan cara membuat sitemap diblog, tak ada salahnya saya juga menambahkan artikel tentang cara membuat sitemap tapi dengan tampilan yg agak berbeda.

Langsung saja bagaimana caranya simak baik2 tulisan saya:
Pertama pilih laman baru dan copykan kode dibawah ini:

<div style="-moz-border-radius: 7px 7px 7px 7px; background-color: white; border: 1px solid rgb(33, 33, 33); height: auto; margin: 0px;overflow: auto; padding: 10px; text-align: justify; width: auto;" ><div id="cl_option">Loading.... </div><div id="cl_content_list"></div><script type="text/javascript">
var jumlah_kata_dalam_ringkasan = 500;
var cl_summlen = jumlah_kata_dalam_ringkasan;
var all_entries; var entries; var all_labels = []; var json;
function createEntries(json){
    var entries_obj_list = [];
    var entries = json.feed.entry;
    for(var i=0; i<entries.length; i++){
        var entry           = entries[i];
        var entry_obj       = new Object;
        entry_obj.id        = entry.id.$t;
        entry_obj.title     = entry.title.$t;
        entry_obj.href      = getEntryHref(entry);
        entry_obj.content   = getEntryContent(entry);
        entry_obj.labels    = getEntryLabels(entry);
        entry_obj.published = entry.published.$t.substr(0, 10);
        entries_obj_list.push(entry_obj);
    }
    return entries_obj_list;
}
function getEntryById(id){
    for(var i=0; i<all_entries.length; i++){
        if(all_entries[i].id == id){return all_entries[i];}
    } return null;
}
function getEntryContent(entry){
    return entry.content ? entry.content.$t : entry.summary.$t;
}
function getEntryHref(entry){
    var links = entry.link;
    for(var i=0; i<links.length; i++){
        if(links[i].rel == "alternate"){return links[i].href;}
    }
    return null;
}
function getEntryLabels(entry){
    var labels     = [];
    var categories = entry.category;
    if(!categories){return labels;}
    for(var i=0; i<categories.length; i++){
        var label = categories[i].term;       
        if(!isExists(all_labels, label)){all_labels.push(label);} // while collecting all labels
        labels.push(label);
    }
    return labels;
}
function getSomeEntries(cmp){
    entries = [];
    for(var i=0; i<all_entries.length; i++){
        var entry = all_entries[i];
        if(cmp(entry)){entries.push(entry);}
    }
    return entries;
}
function isExists(array, val){
    for(var i=0; i<array.length; i++){
        if(array[i] == val){return true;}
    } return false;
}
function onLoadFeed(json_arg){
    json = json_arg;
    setTimeout("onLoadFeedTimeout()", 100);
}
function onLoadFeedTimeout(){
    entries = createEntries(json);
    all_entries = entries;
    showHeaderOption();
    showEntries(entries);
}
function showEntries(entries){
    var s = "";
    for(var i=0; i<entries.length; i++){
        var entry = entries[i];
        s += "<br/>";
        s += titleCode(entry);
        s += "<span style='font-size:90%'>Label: " + labelsCode(entry);
        s += " on " + publishedDateCode(entry) + "</span>";
        s += "<br/>";
    }
    document.getElementById("cl_content_list").innerHTML = s;
}
function showHeaderOption(){
    var s = "";
    s += "<table>";
    s += "<tr>";
    s += "<td style='text-align:left'>Urut Berdasarkan ";
    s += "<td><select onchange='sortBy(this.value.substr(1), this.value.substr(0,1))'>";
    s += "<option value='0published'/>Tanggal Publikasi";
    s += "<option value='1title'/>Judul Posting";
    s += "</select>";
    s += "<tr>";
    s += "<td style='text-align:left'>Pilihan Kategori ";
    s += "<td><select onchange='showPostsWLabel(this.value)' id='cl_labels'>";
    s += "<option value='*'/>Semua Kategori ";
    for(var i=0; i<all_labels.length; i++){
        var label = all_labels[i];
        s += "<option value='"+label+"'/>" + label;
    }
    s += "</select>";
    s += "</table>";
    document.getElementById("cl_option").innerHTML = s;
}
function shortenContent(entry){
    var content = entry.content;
    content = stripHTML(content);
    if(content.length > cl_summlen){
        content = content.substr(0, cl_summlen);
        if(content.charAt(content.length-1) != " "){content = content.substr(0, content.lastIndexOf(" ")+1);}
        content += "...";
    }
    entry.content = content;
    return content;
}
function showHideSummary(obj){
    var p = obj.nextSibling;
    while(p.className != "cl_content"){p = p.nextSibling;}
    var id = p.id;
    var entry = getEntryById(id);
    var content = shortenContent(entry);
    if(p.innerHTML == ""){
        p.innerHTML = content + "<br/>";
        obj.innerHTML = "&#9660;";
        obj.title = "Sembunyikan Ringkasan";
    } else {
        p.innerHTML = "";
        obj.innerHTML = "&#9658;";
        obj.title = "Tampilkan Ringkasan";
    }
}
function sortBy(attribute, asc){
    var cmp = function(entry1, entry2){
        if(entry1[attribute] == entry2[attribute]){return 0;}
        else if(asc=='1'){return entry1[attribute].toLowerCase() > entry2[attribute].toLowerCase();}
        else{return entry1[attribute].toLowerCase() < entry2[attribute].toLowerCase();}
    }
    entries.sort(cmp);
    showEntries(entries);
}
function stripHTML(s) {
    var c;
    var intag = false; var newstr = "";
    for(var i=0; i<s.length; i++){
        c = s.charAt(i);
        if(c=="<"){intag = true;}
        else if(c==">"){intag = false;}
        if(c == ">"){newstr += " ";}
        else if(!intag){newstr += c;}
    }
    return newstr;
}

function labelsCode(entry){
    var s = "";
    if(entry.labels.length == 0){return " (tidak berlabel) ";}
    for(var j=0; j<entry.labels.length; j++){
        var label = entry.labels[j];
        s += "<a href='javascript:showPostsWLabel(\""+label+"\")' ";
        s += "title='See post with label \""+label+"\"'>" + label + "</a>";
        s += (j != entry.labels.length-1) ? ", " : "";
    }
    return s;
}
function publishedDateCode(entry){
    var y = entry.published.substr(0, 4);
    var m = entry.published.substr(5, 2);
    var d = entry.published.substr(8, 2);
    var s = "<a href='javascript:showPostsInDate(\""+y+"\")' title='See all post on "+y+"'>" + y + "</a>/";
    s += "<a href='javascript:showPostsInDate(\""+y+"-"+m+"\")' title='See all post on "+y+"/"+m+"'>" + m + "</a>/";
    s += "<a href='javascript:showPostsInDate(\""+y+"-"+m+"-"+d+"\")'title='See all post on "+y+"/"+m+"/"+d+"'>" + d + "</a>";
    return s;
}
function titleCode(entry){
    var s = "<span title='Tampilkan Ringkasan' onclick='showHideSummary(this)' style='cursor:pointer'>&#9658;</span> ";
    s += "<b><a href='"+entry.href+"'>" + entry.title + "</a></b> <br/>";
    s += "<span class='cl_content' id='"+entry.id+"'></span>";
    return s;
}


function showPostsInDate(date){
    var cmp = function(entry){return entry.published.indexOf(date) == 0;}
    var entries = getSomeEntries(cmp);
    showEntries(entries);
}
function showPostsWLabel(label){
    var cmp = function(entry){
        if(label == "*"){return true;}
        for(var i=0; i<entry.labels.length; i++){
            if(entry.labels[i] == label){return true;}
        }
        return false;
    }
    var entries = getSomeEntries(cmp);
    showEntries(entries);
    document.getElementById("cl_labels").value = label;
}
</script>
<script src="http://cinghedotcom.blogspot.com/feeds/posts/default?alt=json-in-script&callback=onLoadFeed&max-results=9999"></script></div>
<a href="http://cinghedotcom.blogspot.com/2012/03/tutorial-blog-membuat-sitemap-blog.html" target="_blank">Cara buat sitemap ini</a>

Ganti tulisan yg berwarna merah http://cinghedotcom.blogspot.com dengan nama blog sobat. Sekarang sobat sudah punya sitemap baru diblognya.Selamat ya...hehe.
Untuk contohnya bisa anda lihat disini

Selengkapnya»

[Tutorial Blog] Langkah cepat membuat Blog di Blogspot

Ini adalah tulisan pertama saya diblog ini...
Walaupun sudah banyak yang sharing tentang cara buat blog di blogspot, gak ada salahnya saya coba untuk memposting lagi siapa tau masih ada yang kesulitan dalam membuat blog. cek langsung ke TKP ya teman.

Pertama: Siapkan email dahulu bila belum punya silahkan buat email dulu di https://mail.google.com (pakek google aja biar lebih cepat)

Kedua: Sekarang masuk ke sini https://www.blogger.com/signup.g dan lihat gambar dibawah ini (klik untuk memperbesar)

setelah semua form kamu isi selanjutnya masukkan verifikasi kata,klik/centang saya menerima persyaratan dan layanan dan terakhir klik lanjutkan

Ketiga: Isi Judul blog sesuai keinginan anda, isi alamat blog kamu sesuai keinginanmu (contoh: cinghedotcom.blogspot.com),Isi verifikasi kata dan lanjutkan. Lebih jelasnya lihat gambar dibawah ini:

Keempat: Pilih template yg anda suka

Kelima: Blog anda sudah jadi dan silahkan memulai untuk bloging.

Mudahkan untuk membuat sebuah blog di blogspot yg hanya membutuhkan 5 langkah saja. Selanjutnya silahkan ciptakan postingan yg berbobot pastinya si empunya mbah google akan menjadikan blog anda diurutan terdepan dalam mesin pencarinya.
Untuk memodifikasi template dengan tampilan yg menawan dan cantik saya sudah membuat beberapa tutorialnya silahkan lihat disini

Selengkapnya»