Tips dan Tri Blogger - Cara Mengganti "Older Posts" Dengan Angka Pada Blogger

Secara umum, navigasi untuk pindah halaman di blogspot biasanya menggunakan link dengan teks "Older Posts (posting lama)" dan "Newer Posts (posting baru)". Beda dengan wordpress yang navigasinya bisa berbentuk angka sehingga bisa memudahkan untuk loncat beberapa halaman ke postingan yg lama maupun baru.
Nha trik kali ini akan menjelaskan bagaimana cara mengganti link "Older Posts (posting lama)" dan "Newer Posts (posting baru)" menjadi angka seperti gambar di bawah ini



1. Langkah awal tentu saja harus menuju ke desain template anda kemudian ke "Edit HTML"
2. setelah itu cari kode ini ]]></b:skin> kalo sudah ketemu taruh script dibawah ini sebelum kode tersebut

.showpageArea a {
text-decoration:underline;
}
.showpageNum a {
text-decoration:none;
border: 1px solid #cccccc;
margin:0 3px;
padding:3px;
}
.showpageNum a:hover {
border: 1px solid #cccccc;
background-color:#cccccc;
}
.showpagePoint {
color:#333;
text-decoration:none;
border: 1px solid #cccccc;
background: #cccccc;
margin:0 3px;
padding:3px;
}
.showpageOf {
text-decoration:none;
padding:3px;
margin: 0 3px 0 0;
}
.showpage a {
text-decoration:none;
border: 1px solid #cccccc;
padding:3px;
}
.showpage a:hover {
text-decoration:none;
}
.showpageNum a:link,.showpage a:link {
text-decoration:none;
color:#333333;
}

3. setelah itu cari kode ini </body> kemudian taruh script dibawah ini sebelum kode tersebut.


<!--Page Navigation Starts-->
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<script type='text/javascript'>
var pageCount=5;
var displayPageNum=5;
var upPageWord =&#39;Previous&#39;;
var downPageWord =&#39;Next&#39;;
</script>
<script src='http://bloggergadgets.googlecode.com/files/blogger_pagenavi_min.js' type='text/javascript'/>
</b:if> </b:if>
<!--Page Navigation Ends -->

Kalau sudah silahkan dilihat hasilnya. Selamat Mencoba!

Tips dan Trik Blogger - Cara Menghilangkan Obeng di Bloger

Tips dan Trik Blogger - Cara Menghilangkan Obeng di Bloger - Saya beri contoh yang di maksud obeng pada blog, gambar yang saya kotak merah itu adalah maksud saya, obeng ini bagaikan jerawat pada muka kita kecil tidak tapi agak risih lihatnya, kalau dihilangkan menjadi lebih enak untuk dipandang, maka dari itu kakafuad akan memberitahukan tipsnya.


Pertama masuk ke blogger kalian pilih Template > edit HTML kemudian search atau ctrl + F cari
]]></b:skin>

Selanjutnya letakkan script dibawah berikut tepat diatas script yang kita cari tadi

.quickedit{display:none;}


Setelah itu Simpan Template dan Lihat Blog
Hilang sudah gambar obeng yang ada di blog tadi,,,


Demikian artikel singkat yang dapat saya bagikan mengenai Tips dan Trik Blogger - Cara Menghilangkan Obeng di Bloger, jangan lupa share dan comment. Semoga bermanfaat!

Tips dan Trik Blogger - Cara Mengganti Favicon Di Blogger

Tips dan Trik Blogger - Cara Mengganti Favicon Di Blogger - Apa itu favicon?? Favicon adalah ikon yang muncul di pojok kiri address bar.
Biasanya secara default tampilannya akan seperti ini.



Cara untuk mengganti ikon tersebut dengan gambar yang kita inginkan.

Pertama-tama buka terlebih dahulu link berikut ini
http://favicon.htmlkit.com/favicon/


Selanjutnya pilih file >> generate favicon.ico .. tunggu prosesnya


Kalau sudah download, disini terdapat dua pilihan mau yang berbentuk icon saja atau berbentuk gif, disini kakafuad akan mendowload yang biasa saja.


Nanti akan tampil seperti berikut.


Tinggal disave saja.

Kalau sudah didownload sekarang kita pasang.

Login ke blogger terlebih dahulu
Lalu masuk ke dashboard >> pilih tata letak
Pada bagian favicon klik edit


Kemudian pilih filenya tadi ( dimana klian menyimpannya )


Klik Simpan

Demikian artikel singkat yang dapat saya bagikan mengenai Tips dan Trik Blogger - Cara Mengganti Favicon Di Blogger, jangan lupa share dan comment. Semoga bermanfaat!

Tips dan Trik Blogger - Cara Membuat Recent Comment Di Blogger

Tips dan Trik Blogger - Cara Membuat Recent Comment Di Blogger - Recent comment ini bagi kakafuad sangat berguna sekali, di sisi admin akan menambah pageview sedangkan disisi pengunjung blog bisa tahu bahwa dirinya sedang di comment.



  1. Login ke bloggernya.
  2. Masuk ke dashboard >> pilih tata letak >> pilih tambakan gadget.
  3. Pilih HTML/JavaScript .. kemudian copy paste kode berikut.

<style type="text/css">
    ul.w2b_recent_comments{list-style:none;margin:0;padding:0;}
    .w2b_recent_comments li{background:none !important;margin:0 0 6px !important;padding:0 0 6px 0 !important;display:block;clear:both;overflow:hidden;list-style:none;}
    .w2b_recent_comments li .avatarImage{padding:3px;background:#fefefe;-webkit-box-shadow:0 1px 1px #ccc;-moz-box-shadow:0 1px 1px #ccc;box-shadow:0 1px 1px #ccc;float:left;margin:0 6px 0 0;position:relative;overflow:hidden;}
    .avatarRound{-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;}
    .w2b_recent_comments li img{padding:0px;position:relative;overflow:hidden;display:block;}
    .w2b_recent_comments li span{margin-top:4px;color: #666;display: block;font-size: 12px;font-style: italic;line-height: 1.4;}
    </style>
    <script type="text/javascript">
    //<![CDATA[
    // Recent Comments Settings
    var
    numComments = 5,
    showAvatar = true,
    avatarSize = 30,
    roundAvatar = true,
    characters = 30,
    defaultAvatar = "http://www.gravatar.com/avatar/?d=mm",
    hideCredits = true;
    //]]>
    </script>
    <script type="text/javascript" src="http://gemar-html.googlecode.com/svn/trunk/js/widget-komentar-terbaru-dengan-avatar-bulat.js"></script>
    <script type="text/javascript" src="http://www.mzsemz.ga/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=5"></script>

Keterangan
·         numComment = 5 >> adalah jumlah comments yang ingin ditampilkan
·         http://www.mzsemz.ga/ >> ganti dengan url blog kalian

terakhir klik tombol Simpan. Dan lihat Blog

Demikian artikel singkat yang dapat saya bagikan mengenai Tips dan Trik Blogger - Cara Membuat Recent Comment Di Blogger, jangan lupa share dan comment. Semoga bermanfaat!



Tips dan Trik Windows - Cara Mengunci Folder Menggunakan Notepad

Tips dan Trik Windows - Cara Mengunci Folder Menggunakan Notepad - Kali ini akan ngeshare bagaimana cara mengunci folder menggunakan NOTEPAD sekaligus ScrenShotnya .

1.)    Buka notepad kalian kemudian copy kan script dibawah ini kedalam notepad yang telah dibuka tadi.


cls
@ECHO OFF
title Folder Secrets
if EXIST "Control Panel.{21EC2020-3AEA-1069-A2DD-08002B30309D}" goto UNLOCK
if NOT EXIST Secrets goto MDLOCKER
:CONFIRM
echo Apakah anda ingin mengunci Secrets ? (Y/N)
set/p "cho=>"
if %cho%==Y goto LOCK
if %cho%==y goto LOCK
if %cho%==n goto END
if %cho%==N goto END
echo Ketik Y atau N.
goto CONFIRM
:LOCK
ren Secrets "Control Panel.{21EC2020-3AEA-1069-A2DD-08002B30309D}"
attrib +h +s "Control Panel.{21EC2020-3AEA-1069-A2DD-08002B30309D}"
echo Secrets Sudah Terkunci
goto End
:UNLOCK
echo Masukan Password
set/p "pass=>"
if NOT %pass%==isipassword goto FAIL
attrib -h -s "Control Panel.{21EC2020-3AEA-1069-A2DD-08002B30309D}"
ren "Control Panel.{21EC2020-3AEA-1069-A2DD-08002B30309D}" Rahasia
echo Secrets Sudah Dapat Dibuka
goto End
:FAIL
echo Password Salah!
goto end
:MDLOCKER
md Secrets
echo Secrets telah dibuat!
goto End
:End


2.)    Kemudian ganti tulisan “isipassworddengan password yang teman-teman inginkan.


3.)    Save as file tersebut dengan nama “key.bat”  (tanpa tanda kutip), dan betype “all files”. 
4.)    Kemudain klik dua kali file key.bat (secara otomatis dia akan membuka folder dengan nama “Secrets”).



5.)    Bila ingin mengunci folder tersbut, t teman-teman tinggal mengklik file “key.bat” tadi kemudian masukan huruf “y”. Secara otomatis folder Secrets tadi hilang.


6.)    Untuk memunculkannya kembali teman-teman mengklik file “key.bat” tadi kemudian masukan PASSWORD yang telah teman-teman berikan.



Demikian artikel singkat yang dapat saya bagikan mengenai Tips dan Trik Windows - Cara Mengunci Folder Menggunakan Notepad, jangan lupa share dan comment. Semoga bermanfaat!

Tips dan Trik Blogger - Cara Membuat RECENT POST Di Blogger

Tips dan Trik Blogger - Cara Membuat RECENT POST Di Blogger - Recent post sangat berguna sekali, karerna dapat membantu blog untuk mendapatkan SEO.

Contoh dari Recent post
  1. Login ke bloggernya.
  2. Masuk ke dashboard >> pilih tata letak >> pilih tambakan gadget.
  3. Pilih HTML/JavaScript .. kemudian copy paste kode berikut
<script type="text/javascript">
window.recentposts=(function(){var  a=function(p){var d=p||{},i=d.url_blog||"",n=d.numberofposts||5,h=d.id_contain||
"#rcposts",e=d.imagesize||40,b=d.snippetsize||100,c=d.loadingClass||"rcloading",
m=d.commentstext||"Comments",l=d.firstcmtext||"Comment",f=d.NoCmtext||"No Comments",g=d.MonthNames||["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],
k=d.pBlank||"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjor03evy52vFJEeGMppr5q_QKTmhyphenhyphen408hB1chkQ44uzow6ssruZAWR8iQmw9a3y4-KXkajJ497JpJb8_xYfRu2RYeoM26XXQtxktB6vjPCRy0WJdnjZzjUVGIECT1kIv0moacoJC-mx-0/s1600/no.png";$(h).addClass(c);var j=i;if(i===""){j=window.location.protocol+"//"+window.location.host}$.ajax({url:j+"/feeds/posts/default?alt=json-in-script&orderby=published&max-results="+n+"",type:"get",dataType:"jsonp",success:function(v){var y,o,w,q,A,D,z,F,x,C,E,s="",B=v.feed.entry;if(B!==undefined){s="<ul class='rcpost'>";for(var u=0;u<B.length;u++){for(var t=0;t<B[u].link.length;t++){if(B[u].link[t].rel=="alternate"){y=B[u].link[t].href;break}}for(var r=0;r<B[u].link.length;r++){if(B[u].link[r].rel=="replies"&&B[u].link[r].type=="text/html"){w=B[u].link[r].title.split(" ")[0];break}}if("content" in B[u]){A=B[u].content.$t}else{if("summary" in B[u]){A=B[u].summary.$t}else{A=""}}if("media$thumbnail" in B[u]){D=B[u].media$thumbnail.url.replace(/\/s[0-9]+\-c/g,"/s"+e+"-c")}else{D=k}if(w===0){q=' <span class="rccomments">'+f+"</span>"}else{if(w===1){q=' <span class="rccomments">'+w+" "+l+"</span>"}else{q=' <span class="rccomments">'+w+" "+m+"</span>"}}A=A.replace(/<\S[^>]*>/g,"");if(A.length>b){A=A.substring(0,b)+"..."}o=B[u].title.$t;z=B[u].published.$t.substring(0,10),F=z.substring(0,4),x=z.substring(5,7),
C=z.substring(8,10),E=g[parseInt(x,10)-1],s+='<li><a class="rcthumbs" href="'+y+'" target="_blank"><img style="width:'+e+"px;height:"+e+'px;display:block" alt="'+o+'"src="'+D+'"/></a><strong><a href="'+y+'" target="_blank">'+o+'</a></strong><span class="date"><span class="dd">'+C+'</span> <span class="dm">'+E+'</span> <span class="dy">'+F+"</span></span>"+q+"<p>"+A+"</p></li>"}s+="</ul>";$(h).html(s).removeClass(c)}else{$(h).html("<span>No result!</span>").removeClass(c)}},error:function(){$(h).html("<strong>Error Loading Feed!</strong>").removeClass(c)}})};return function(b){a(b)}})();
</script>
<style type="text/css">
ul.rcpost {line-height: 1.2;}
ul.rcpost li{list-style:none;margin:0;overflow:hidden;padding: 0.7em 0px;}
ul.rcpost .rcthumbs{float:left;margin:0 5px 5px 0}
ul.rcpost strong{display:block}
ul.rcpost p{margin:5px 0 11px}
ul.rcpost .date,ul.rcpost .rccomments{font-size:11px;display:none}
ul.rcpost .rccomments{padding-left:5px;border-left:1px solid #969191;display:none}
</style>
<div id="recentposts"></div>
<script type='text/javascript'>
//<![CDATA[
$(document).ready(function () {
recentposts({
numberofposts:5,
id_contain:"#recentposts",
commentstext:"Comments",
imagesize:72,
snippetsize:100
});
});
//]]>
</script>

Keterangan:
Jika ingin menampilkan tanggal dan jumlah komentar, hapus tulisan merah tersebut terakhir klik tombol Simpan. Dan lihat Blog

Demikian artikel singkat yang dapat saya bagikan mengenai Tips dan Trik Blogger - Cara Membuat RECENT POST Di Blogger, jangan lupa share dan comment. Semoga bermanfaat!

Tips Blogger - Yahoo Messenger Emoticons (Smileys) di Blogspot

Yahoo! Messenger (YM)Cara membuat/memasang Yahoo! messenger emoticons di kotak komentar Blogger, YM emoticons adalah kumpulan smileys / ikon yang dimiliki oleh yahoo untuk menggambarkan atau mengekspresikan suasana perasaan kita pada saat kita chat sama teman-teman kita, ikon tersebut bisa dalam bentuk gambar yang bergerak maupun tidak, mungkin dari sobat blogger sudah tidak asing lagi dengan emoticons ini bukan? Yahoo emoticons ini bisa kita lihat pada software Yahoo messenger, bagi yang belum punya software YM bisa di download di situsnya Yahoo! biasanya sih online installer sama seperti aplikasi Windows Live Writer saat di-instal minta koneksi internet tapi yang full installer juga ada kok tinggal search aja di om Google

Cara Memasang Yahoo Messenger Emoticons di Kotak Komentar Blogger

Secara default kotak komentar (form comment) Blogger platform tidak dilengkapi dengan emoticons, tapi sobat jangan khawatir dengan sedikit tips dan trik kita bisa mengakalinya dengan memasang dan menambahkan sedikit script yang berisi beberapa kumpulan Yahoo messenger emoticons yang umum dipakai dalam chat.
Langkah-langkahnya adalah :
  • Login di Blogger > Template > Edit HTML
  • Centang pada Expand Widget Templates
  • Cari kode dibawah ini
<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='comment-form'/>
Copy kode dibawah ini kemudian letakkan (paste) diantara kode diatas
<div style='-moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; width: 369; text-align: left; border: 1px solid #2b2b2b; padding: 5px; height:86'>
<b>
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif' width='18'/> :))
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/71.gif' width='18'/> ;))
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif' width='18'/> ;;)
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif' width='18'/> :D
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif' width='18'/> ;)
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif' width='18'/> :p
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif' width='22'/> :((
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif' width='18'/> :)
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif' width='18'/> :(
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif' width='18'/> :X
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif' width='18'/> =((
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif' width='18'/> :-o
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif' width='20'/> :-/
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif' width='18'/> :-*
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif' width='18'/> :|
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/35.gif' width='24'/> 8-}
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif' width='31'/> :)]
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif' width='44'/> ~x(
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif' width='30'/> :-t
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/66.gif' width='18'/> b-(
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/62.gif' width='18'/> :-L
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif' width='34'/> x(
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif' width='30'/> =))
</b>
</div>
Kemudian cari kode </body>
Copy kode dibawah ini dan paste tepat diatas kode </body>
<script src="https://googledrive.com/host/0B7X69YyzZu-IZjFKQ19VVi10RlE/smiley.js" type="text/javascript"/><noscript><a href="http://massemz.blogspot.co.id" target="_blank"><span style="font-size: x-small;">Add Smilies</span></a></noscript>
Terakhir simpan dan sobat sudah bisa menggunakan emoticon dari Yahoo ini.

Note
Trik memasang YM emoticon diatas tidak bisa diterapkan pada sistem komentar yang baru (threaded comment), tetapi kalau anda masih memasang sistem komentar yang lama pada blog anda tidak ada salahnya mencoba trik diatas

Tips Blogger - Cara Buat Bintang Jatuh dari Kursor

Cara membuat efek bintang jatuh dari cursor di blog, animasi bintang jatuh adalah sebuah animasi kursor yang berupa bintang bertaburan yang jatuh dari cursor atau mouse ketika digerakkan, hal ini sangat menarik untuk dipasang di sebuah blog atau website karena animasi nya yang indah dan unik sehingga akan menarik visitor blog untuk betah tinggal lama-lama untuk membaca blog sobat
Cara Buat Bintang Jatuh dari Kursor
Buat sobat yang senang me-modifikasi blog nya dengan sesuatu yang beda dan unik mungkin perlu mencoba animasi bintang jatuh yang satu ini. Cara membuat bintang jatuh ini juga tidak susah-susah amat dan sobat tidak perlu meng-edit kode yang ada di template, cukup hanya copy paste kode-kode yang akan saya berikan dibawah nanti ke edit html pada bagian add gadget dan juga untuk mengganti warna bintang nya pun sobat bisa rubah sesuai dengan warna background template blog sobat dengan bantuan Colorpic software, tertarik? silahkan ikuti tutorial blogger dibawah ini

Pemasangan Efek Bintang Jatuh Pada Cursor di Blogger

  • Login di Blogger
  • Pilih Design > Add gadget > HTML/Javascript
  • Masukkan kode dibawah ini ke kolom HTML/Javascript
<script type='text/javascript'>
// <![CDATA[
var colour="#52D8ED";
var sparkles=100;
var x=ox=400;
var y=oy=300;
var swide=800;
var shigh=600;
var sleft=sdown=0;
var tiny=new Array();
var star=new Array();
var starv=new Array();
var starx=new Array();
var stary=new Array();
var tinyx=new Array();
var tinyy=new Array();
var tinyv=new Array();
window.onload=function() { if (document.getElementById) {
var i, rats, rlef, rdow;
for (var i=0; i<sparkles; i++) {
var rats=createDiv(3, 3);
rats.style.visibility="hidden";
document.body.appendChild(tiny[i]=rats);
starv[i]=0;
tinyv[i]=0;
var rats=createDiv(5, 5);
rats.style.backgroundColor="transparent";
rats.style.visibility="hidden";
var rlef=createDiv(1, 5);
var rdow=createDiv(5, 1);
rats.appendChild(rlef);
rats.appendChild(rdow);
rlef.style.top="3px";
rlef.style.left="0px";
rdow.style.top="0px";
rdow.style.left="3px";
document.body.appendChild(star[i]=rats);
}
set_width();
sparkle();
}}
function sparkle() {
var c;
if (x!=ox || y!=oy) {
ox=x;
oy=y;
for (c=0; c<sparkles; c++) if (!starv[c]) {
star[c].style.left=(starx[c]=x)+"px";
star[c].style.top=(stary[c]=y)+"px";
star[c].style.clip="rect(0px, 5px, 5px, 0px)";
star[c].style.visibility="visible";
starv[c]=50;
break;
}
}
for (c=0; c<sparkles; c++) {
if (starv[c]) update_star(c);
if (tinyv[c]) update_tiny(c);
}
setTimeout("sparkle()", 40);
}
function update_star(i) {
if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
if (starv[i]) {
stary[i]+=1+Math.random()*3;
if (stary[i]<shigh+sdown) {
star[i].style.top=stary[i]+"px";
starx[i]+=(i%5-2)/5;
star[i].style.left=starx[i]+"px";
}
else {
star[i].style.visibility="hidden";
starv[i]=0;
return;
}
}
else {
tinyv[i]=50;
tiny[i].style.top=(tinyy[i]=stary[i])+"px";
tiny[i].style.left=(tinyx[i]=starx[i])+"px";
tiny[i].style.width="2px";
tiny[i].style.height="2px";
star[i].style.visibility="hidden";
tiny[i].style.visibility="visible"
}
}
function update_tiny(i) {
if (--tinyv[i]==25) {
tiny[i].style.width="1px";
tiny[i].style.height="1px";
}
if (tinyv[i]) {
tinyy[i]+=1+Math.random()*3;
if (tinyy[i]<shigh+sdown) {
tiny[i].style.top=tinyy[i]+"px";
tinyx[i]+=(i%5-2)/5;
tiny[i].style.left=tinyx[i]+"px";
}
else {
tiny[i].style.visibility="hidden";
tinyv[i]=0;
return;
}
}
else tiny[i].style.visibility="hidden";
}
document.onmousemove=mouse;
function mouse(e) {
set_scroll();
y=(e)?e.pageY:event.y+sdown;
x=(e)?e.pageX:event.x+sleft;
}
function set_scroll() {
if (typeof(self.pageYOffset)=="number") {
sdown=self.pageYOffset;
sleft=self.pageXOffset;
}
else if (document.body.scrollTop || document.body.scrollLeft) {
sdown=document.body.scrollTop;
sleft=document.body.scrollLeft;
}
else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
sleft=document.documentElement.scrollLeft;
sdown=document.documentElement.scrollTop;
}
else {
sdown=0;
sleft=0;
}
}
window.onresize=set_width;
function set_width() {
if (typeof(self.innerWidth)=="number") {
swide=self.innerWidth;
shigh=self.innerHeight;
}
else if (document.documentElement && document.documentElement.clientWidth) {
swide=document.documentElement.clientWidth;
shigh=document.documentElement.clientHeight;
}
else if (document.body.clientWidth) {
swide=document.body.clientWidth;
shigh=document.body.clientHeight;
}
}
function createDiv(height, width) {
var div=document.createElement("div");
div.style.position="absolute";
div.style.height=height+"px";
div.style.width=width+"px";
div.style.overflow="hidden";
div.style.backgroundColor=colour;
return (div);
}
// ]]>
</script>
Cari kode yang berwarna merah diatas dan gantilah sesuai dengan kode warna keinginan sobat
Terakhir simpan dan efek bintang jatuh dari cursor sudah dapat sobat lihat

Tips Blogger - Cara Buat Tombol Back To Top di Blogspot

Cara membuat/memasang tombol back to top/go top di blogger, tombol back to top adalah sebuah tombol yang berfungsi untuk membuat/mempercepat scrolling dari bawah keatas di sebuah web page ataupun blog page sehingga akan mempermudah reader ataupun visitor untuk kembali-pada bagian atas dari blog/website dengan cepat ketika berada dibagian bawah halaman dengan hanya sekali klik pada tombol back to top tersebut. Sebagai contoh sobat bisa melihat pada bagian kanan bawah dari blog saya ini
Cara Buat Tombol Back To Top di BlogspotFitur back to top yang kita buat/bahas sekarang ini adalah fitur tombol back to top menggunakan jQuery. Efek jQuery ini sedikit lebih lembut dan smooth daripada efek javascript lainnya seperti pada animasi bintang jatuh dari kursor yang menggunakan javascript biasa. Kelebihan nya juga adalah efek back to top ini sangat ringan ketika di loading dan sangat cocok digunakan didalam blog tentunya bagi yang suka me-modifikasi blog-nya dengan sesuatu yang unik, indah dan bermanfaat. Untuk membuat nya silahkan ikuti tips & tricks blogger berikut.

Cara Membuat/Memasang Tombol Back To Top Dengan jQuery di Blogger

  • Silahkan login di Blogger
  • Pilih Template > Edit HTML > klik Expand Widget Template
  • Cari kode </body>  (gunakan CTRL+F)
  • Copy kode dibawah ini dan Paste tepat diatas kode </body>  (jika kode dibawah sudah ada di template sobat, kode dibawah tidak usah dipasang lagi)
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
  • Kemudian Copy lagi kode dibawah ini dan kemudian Paste tepat dibawah kode diatas
<script src='https://googledrive.com/host/0B7X69YyzZu-IZjFKQ19VVi10RlE/backtotop.js' type='text/javascript'/>
<!-- Back to top designed by Tutorial King - massemz.blogspot.co.id -->
<a href='#' style='display:scroll;position:fixed;bottom:5px;right:5px;' title='Back to Top'><img onclick='MGJS.goTop();return false;' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSvn0gxeNTf9QqA5uKDHTtdE27ipQUZ_zf91FdNxzk-ZiZN8F4PXiR9u0s0oozNE1M9xHsFsC26ri0hxdEbzMqjm2wkyBhwqrjw2NhqZEMXr7LazdybdOfha103uah7Vi4tpK0nQS4j2o/s1600/back-to-top.gif'/></a>
  • Terakhir simpan template sobat dan tombol back to top sudah bisa dipakai

Tips Blogger - Cara Buat/Pasang Burung Twitter Terbang Di Blogspot

Cara membuat / memasang widget burung Twitter terbang di Blogger, mungkin trik ini sudah tidak asing lagi bagi anda dan sudah banyak sekali saya melihat blog yang sudah memasang widget burung Twitter terbang ini dengan berbagai macam style dan warna burung Twitter yang berbeda-beda, sekarang saya akan mengulas kembali khusus buat teman-teman blogger yang baru membuat blog dengan platform blogspot

Memasang Burung Twitter Terbang di Blogspot
Twitter adalah layanan jejaring sosial yang sangat populer sekarang ini selain Facebook dan Google+ dan tidak salah banyak orang yang beramai-ramai untuk menjalin koneksi melalui Twitter apakah itu untuk keperluan bisnis maupun hanya sekedar berteman saja, nah bagi anda yang mempunyai blog tidak ada salahnya memasang widget burung twitter terbang ini selain membuat blog anda cantik dan unik, widget ini juga mempermudah anda untuk menjalin pertemanan baru dengan pembaca blog anda,Cara Buat / Pasang Burung Twitter Terbang Di Blog hanya dengan sekali klik pada burung twitter yang terbang maka akan otomatis terhubung dengan profile Twitter anda,
Ok tanpa panjang lebar mari kita kupas bersama-sama cara memasang widget ini
Pertama-tama silahkan login di Blogger

  • Klik Layout > Add Gadget > Html/Javascript
  • Copy paste kode di bawah ini ke kolom Html/javascript

<!-- floating twitter Bird -->
<script type="text/javascript" src="https://googledrive.com/host/0B7X69YyzZu-IZjFKQ19VVi10RlE/tripleflap.js"></script>
<script type="text/javascript">
var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilK-U0oD4xoZvPynigCswHjM2TgJHFKjd5gdxfgqTRCvMgIw5pqrliGqg1cu6NGrEbuTDXrEOdqTKiNnduhuNEUSthhe3talVYNv9NmZMrgvdc7I2bbqDKfceXTWkpkCJka5Spb7YoJJk/s1600/burung+twitter+terbang.png";
var targetElems=new Array("img","hr","table","td","div","input","textarea","button","select","ul","ol","li","h1","h2","h3","h4","p","code","object","a","b","strong","span");
var twitterAccount = "http://twitter.com/Username";
var tweetThisText = "Twitter - UserID http://massemz.blogspot.co.id/";
tripleflapInit();
</script>



  • Ganti kode yang berwarna biru dengan nama pengguna (username) akun Twitter anda
  • Simpan dan lihat hasilnya

Warna Pilihan Burung Terbang Twitter

Rubah Warna Burung Twitter

Untuk membuat warna burung Twitter yang lain anda bisa mengganti kode yang berwarna merah diatas dengan kode-kode dibawah ini sesuai dengan warna pilihan yang anda inginkan

Warna Kuning

  • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKNIMeBwRFrP-KwL3gfEfz9m9lrK81Lo6xSsW0yBPOzOl09buBbGEh1lp6tguUaai1TezJhrqeFrR9vsDrbLCU9t3U1NMDL9T1a-4vnZ0r3RwXbaews4K9L7-6dR9LUvK509No5gTh6GI/s1600/yellow+bird.png
Warna Hitam

  • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEij4kzGApFgj05VaV2amqt6gzXY_NIFVW8ieG2gb7abgt_VKBQmibCueUZ9_pCSH3CzdseqcQshU5rs0GvU1vJONcllgVn1sCt__cXtXzb_4daRyKhbSJa20vD8WlRY7USD7loZU7gjB2E/s1600/black+bird.png
Warna Biru

  • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjR9qkQr2AVU_bSRgeuMaBb7BdGGYc4jGXfNm9Cxels1xceVWkCiXpQ8KqU5vmS29mbsKR00RXI4gvEdWLtZcQ08fqRZWJRZLPEtcVTuIbUaDZuZFehYO7OOBIqNIGzbE6rt8f8pyopIXY/s1600/Blue+bird.png
Warna Coklat

  • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEMSY-quW1_zYd695-dM2d7tCIeQmUnHRjl42ROOkJUz5-TWP0nrhazeZR_1-y-pszAd0uXhmTuI88mhWd0FsNHqAYn9j6QZZ0_pPDCU47WE7gMI_j_PLb1vcVuQDsBRhywoz__kHTsc4/s1600/brown+bird.png
Warna Hijau

  • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiV5pscoHRS9l1IMOMxLQGGGpr01yHXSJivz5Kame9riZQN-4wP0Whp-__F8b8KGTMGkXzOw0jlpoxHeteVAwgCPMoW8vxO9w1XPX93BPfFiq7uWv7wWDcf8NIfH8pQs42n_8s4Z64IVlQ/s1600/Green+bird.png
Warna Ungu

  • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgihFv-eCKMTxhRmPCDO-gZp-1Di_mDjGo8iZc05h4IIp6Hisbvik5nkEZhzCZN5Ipkqkbnw357KeD2mQVM8FTD-_0DSufF0uBPtgo-oe3VdXSwfpMl0Uu_HyoLDLQt-OYVOUEjXmt2u10/s1600/purple+bird.png
Warna Putih

  • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqZ7qu-UXJKOATXpzQPFjrG6BY4d-DGsTgCXrpa1G5mjwLqUsKRqHDmQNy6N-KjA_3NAEHp_wNSxnvz1CqmhnGZX3vz2jvCDetyoeV7rWagtQP_5p5Pg0MXILEYH5ZVi8A-hoV2xK6R2c/s1600/white+bird.png
Warna Merah

  • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhotfK91Lv3oOddXl-53_mtQ98LOmfZlQt1Z78dNXnwub7oPolH2P9zpxtQQwDri2Rkt-o-gi34H7uk-tFvr221afc-QbuBIyht7OwYfcLATInBVtr0O08HhUNW3OqEKpipTQw3m9wEIN8/s1600/red+bird.png

Dan terakhir jangan lupa disimpan
Good luck ..!

Tips Blogger - Cara Membuat Link Bergerak Bergoyang / Nudging di Blog

Cara membuat link bergerak/bergoyang di blog, Link Nudging adalah suatu efek yang bergerak atau bergoyang dari sebuah/beberapa links yang ditimbulkan dari penerapan jQuery pada template di sebuah website ataupun blog. Mungkin dari kita biasa menyebutnya dengan Link Bergoyang/Bergerak atau menari, selain itu efek jQuery ini juga bisa diterapkan pada sebuah gambar (image)
jQuery link nudging bergoyang bergerak
Untuk anda blogger yang gemar utak atik blog mungkin bisa mencoba trik link bergerak yang satu ini dan saya rasa bisa membuat blog anda unik dan menarik. Sebagai contoh anda bisa melihat link bergoyang/nudging pada label yang ada di sidebar blog saya ini, efek ini menggunakan script jQuery yang menurut saya sangat ringan ketika di-load dan penerapannya juga lumayan gampang, sama halnya seperti tombol back to top yang beberapa waktu lalu saya jelaskan yang sama-sama menggunakan jQuery.

Cara Pasang Efek jQuery Link Nudging/Bergoyang pada Label Blog

  • Login di Blogger
  • Masuk ke bagian Edit HTML pada template
  • Centang pada bagian Expand Widget Template
  • Cari kode </head>
  • Copy paste script dibawah ini dan letakkan tepat diatas kode </head>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/> <script type='text/javascript'>
$(document).ready(function() {
$(&#39;a.nudge, .#Label1 ul li a&#39;).hover(function() { //mouse in
$(this).animate({ marginLeft: &#39;12px&#39; }, 400);
}, function() { //mouse out
$(this).animate({ marginLeft: 0 }, 400);
});
});
</script><!-- end LinkNudging -->
Kalau kode yang berwarna merah tersebut sudah ada di template anda, kode itu tidak usah di pasang lagi jadi anda hanya perlu memasang kode dibawahnya saja, Kemudian huruf yang berwarna biru diatas adalah widget id pada label, anda  bisa sesuaikan pada label id di blog anda. Dibawah ini adalah contoh widget id label dari template blog saya.
<b:widget id='Label2' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
  <b:if cond='data:title'>
    <h2><data:title/></h2>
Kemudian untuk membuat Link Nudging manual pada setiap link apakah itu didalam postingan ataupun widget anda bisa menambahkan class="nudge" seperti dibawah ini
<a href="http://massemz.blogspot.co.id" class="nudge">Tutorial King</a>
Dan untuk membuat gambar bergoyang / Image nudging anda bisa membuatnya seperti dibawah ini
<a href=http://http://massemz.blogspot.co.id" class="nudge"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijOMo81aMjVCKYGH05bLHj6Bjor39HeANeJ80THNhMwWuNCBYw49SKFlZrjblWMoBzDRd_msRsTQWQq_LKRmSxYgXT1McLOAJl6_RsWx2oXOF0hc7GyU_kWEuKXd_Jty-rdhU9XxbrU5I/s400/Tips-Trik-Blogger-Tutorial-SEO-Info-TutorialKing.jpg"/></a>

Tips Blogger - Cara Buat Breadcrumb Seo Friendly di Blog

Breadcrumb navigation adalah sebuah menu yang dipakai untuk navigasi halaman sebuah website atau blog, sehingga akan memudahkan visitor atau pembaca untuk me-navigasi halaman blog atau website anda. Dalam SEO, pemasangan breadcrumb adalah wajib yang sangat berguna untuk mempermudah seacrh engine untuk menjelajah atau crawling halaman blog anda sehingga blog akan menjadi SEO friendly dan disenangi oleh search engine bot, dan juga blog anda akan cepat ter-index oleh search engine ( Google khususnya )

Cara Pasang Navigasi Breadcrumb di blogger
Gambar diatas adalah contoh breadcrumb navigation yang saya ambil dari screenshot blog saya ini, kebetulan judul post-nya waktu itu adalah tentang burung twitter terbang, untuk membuat dan memasang breadcrumb saya kira tidak begitu sulit jadi anda bisa membuat nya dengan tutorial blogger yang saya berikan berikut ini:

Cara Membuat Navigasi Breadcrumb Seo Friendly di Blogspot

  • Login di Blogger
  • Pilih Design 
  • Pilih Edit Html
  • Centang pada Expand Widget Templates
  • Cari kode ]]></b:skin>
  • Copy paste kode dibawah ini tepat diatas kode ]]></b:skin>
.breadcrumbs {padding:5px 5px 5px 0px; margin: 0px 0px 15px 0px; font-size:85%; line-height: 1.4em; border-bottom:3px double #e6e4e3;}

  • Kemudian cari kode seperti di bawah ini
<div class='post hentry uncustomized-post-template'>
Kalau kode diatas tidak ada, coba anda cari kode yang seperti dibawah ini
<div class='post hentry'>


  • Letakkan kode dibawah ini tepat diatas salah satu kode biru diatas
<b:if cond='data:blog.homepageUrl == data:blog.url'> <b:else/> <b:if cond='data:blog.pageType == &quot;item&quot;'> <div class='breadcrumbs'> Browse &#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,nofollow'><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>

  • Klik save dan anda sudah berhasil membuat Breadcrumb yang SEO friendly
Update

    Tip Blogger - Cara Membuat Breadcrumbs Terindex / Di indeks Google

    Cara membuat / memasang navigasi breadcrumbs terindex Google di blog agar terlihat di dalam mesin pencari Google (Google search), beberapa waktu lalu saya pernah menjelaskan tentang cara membuat breadcrumb seo friendly yang tujuannya untuk memudahkan visitor menjelajahi halaman demi halaman pada blog anda sesuai dengan kategori yang ada
    Cara membuat breadcrumb terindex Google
    Sekarang saya akan membahas sedikit tentang perbedaan menu navigasi breadcrumbs seo friendly yang pernah saya tulis sebelumnya dengan yang akan kita terapkan sekarang. Mungkin sebelumnya anda sudah memasang breadcrumbs yang saya jelaskan dulu tetapi hasilnya tidak terlihat didalam pencarian Google seolah-olah tidak di index oleh Google, memang membutuhkan waktu yang sangat lama baginya untuk meng-indeks breadcrumbs yang seperti itu bahkan saya sempet dengar blog anda harus ber-pagerank 3 atau lebih. Tetapi sekarang hal itu tidak perlu dipersoalkan lagi meskipun blog anda belum mempunyai pagerank karena navigasi breadcrumbs yang satu ini akan terlihat di mesin pencari Google dengan waktu yang singkat dan semua label blog akan ter-index olehnya, nah untuk membuatnya anda ikuti tips dan trik blogger dibawah ini

    Cara membuat Breadcrumbs di Blogspot / Blogger

    • Login di Blogger
    • Pilih Template
    • Pilih Edit HTML (lebih baik back up template dulu untuk menghindari kesalahan)
    • Centang Expand Widget Templates
    • Kalau sebelumnya anda sudah memasang breadcrumbs silahkan dihapus dulu kode breadcrumb yang lama
    • Kemudian cari kode ]]></b:skin>
    • Copy kode di bawah ini dan paste tepat di atas kode ]]></b:skin>
    .breadcrumbs {padding:5px 5px 5px 0px; margin: 0px 0px 15px 0px; font-size:85%; line-height: 1.4em; border-bottom:3px double #e6e4e3;}
    • Kemudian cari kode <b:includable id='main' var='top'> gunakanlah CTRL+F untuk mempermudah pencarian
    • Ganti kode <b:includable id='main' var='top'> dengan kode yang dibawah ini
    <b:includable id='breadcrumb' var='posts'><b:if cond='data:blog.homepageUrl != data:blog.url'>
    <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
    <div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> &#187; <span><data:blog.pageName/></span></div>
    <b:else/>
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <!-- breadcrumb for the post page -->
    <b:loop values='data:posts' var='post'>
    <b:if cond='data:post.labels'>
    <div class='breadcrumbs' xmlns:v='http://rdf.data-vocabulary.org/#'>
    <span typeof='v:Breadcrumb'><a expr:href='data:blog.homepageUrl' property='v:title' rel='v:url'>Home</a></span>
    <b:loop values='data:post.labels' var='label'>
    &#187; <span typeof='v:Breadcrumb'><a expr:href='data:label.url' property='v:title' rel='v:url'><data:label.name/></a></span>
    </b:loop>
    &#187; <span><data:post.title/></span>
    </div>
    <b:else/>
    <div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> &#187; <span>Unlabelled</span> &#187; <span><data:post.title/></span></div>
    </b:if>
    </b:loop>
    <b:else/>
    <b:if cond='data:blog.pageType == &quot;archive&quot;'>
    <!-- breadcrumb for the label archive page and search pages.. -->
    <div class='breadcrumbs'>
    <span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>Archives for <data:blog.pageName/></span>
    </div>
    <b:else/>
    <b:if cond='data:blog.pageType == &quot;index&quot;'>
    <div class='breadcrumbs'>
    <b:if cond='data:blog.pageName == &quot;&quot;'>
    <span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>All posts</span>
    <b:else/>
    <span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>Posts filed under <data:blog.pageName/></span>
    </b:if>
    </div>
    </b:if>
    </b:if>
    </b:if>
    </b:if>
    </b:if>
    </b:includable>
    <b:includable id='main' var='top'>
    <b:include data='posts' name='breadcrumb'/>
    Terakhir simpan template anda dan navigasi breadcrumbs akan siap di index Google
    Baca artikel menarik lainnya tentang Link Bergoyang / link Nudging

    Tips Blogger - Cara Membuat Custom URL Permalink Blogger SEO Friendly

    Cara membuat/meng-edit custom url permalinks Blogger/Blogspot agar lebih SEO friendly, Baru-baru ini Blogger telah memperkenalkan opsi untuk membuat custom URL permalink pada post editor-nya, meskipun masih beta atau tahap testing ini adalah berita yang sangat ditunggu-tunggu oleh pengguna Blogger platform karena kita bisa membuat URL permalink (permanent link) sesuai dengan title/judul blog post tanpa terpotong yang tentunya akan berpengaruh baik pada SEO
    Custom URL Permalink Blogger
    Sebelumnya pengguna Blogger platform merasa kecewa karena banyak kekurangan yang ada pada tubuh Blogger khususnya pada SEO, berbeda dengan Wordpress yang banyak option dan plugin untuk menunjang SEO. Tetapi sekarang kekecewaan pengguna Blogspot sudah sedikit terobati setelah Blogger melakukan banyak perubahan dan update pengguna Blogspot sekarang sudah bisa menggunakan option yang diberikan untuk menunjang SEO dan yang lainnya, seperti meng-edit robot.txt, meta description, threaded comments, fitur blogger custom permalink, dll. Apalagi sekarang ini saya sudah banyak melihat teman-teman yang berhasil membuat breadcrumbs terindex Google yang membuat blog terlihat lebih profesional. Nah sekarang kita akan bahas cara membuat custom url permalink blogger, silahkan ikuti tips & trik blogger dibawah ini.

    Cara Membuat Custom URL Permalink Blogspot

    • Silahkan masuk di draft.blogger.com bukan di blogger.com
    • Buatlah post baru dan lihat disamping kanan post editor ada pilihan Permalink
    • Kemudian buatlah permalink yang diinginkan atau sesuai dengan judul/title post
    • Pisahkanlah antar kata permalink dengan karakter minus ( - ) agar lebih SEO friendly, menggunakan karakter ( - ) sangat direkomendasikan
    • Klik selesai/done
    Contoh URL permalink
    Judul post "Tips SEO - DoFollow | Pengertian Apa Itu Dofollow Links"
    Jika menggunakan Automatic Permalink maka URL permalink dari judul post diatas akan terpotong karena standard blogger tidak lebih dari 38 karakter termasuk spasi,dan ini kurang baik untuk SEO sehingga akan menjadi
    http://massemz.blogspot.com/ 2017/01/tips-seo-dofollow-pengertian-apa-itu-dofollow-links.html
    Jika menggunakan Custom Permalink maka URL Permalink akan terbentuk tanpa ada potongan kata dan tentunya ini akan sangat baik bagi SEO, sehingga akan menjadi
    http://massemz.blogspot.com/2017/01/tips-seo-dofollow-pengertian-apa-itu-dofollow-links.html
    Nah sekarang terserah anda karena pilihan terakhir ada di tangan anda untuk membuat URL Permalink karena Blogger telah memberikan kita opsi yang sangat baik khususnya untuk membuat URL Permalink, untuk sementara kita hanya dapat membuat custom Permalink dari draft.blogger.com karena ini masih tahap percobaan (Beta) tetapi saya kira tidak lama lagi akan di-update sehingga bisa di akses dari blogger.com
    Pada postingan ini saya belum menggunakan fasilitas Custom URL Permalink Blogger karena saya masih menggunakan Windows Live Writer untuk menulis artikel post.