Tutorial Linux Ubuntu | Blog | SEO

Tampilkan postingan dengan label Tutorial Blog. Tampilkan semua postingan

Cara Menyembunyikan Widget Blog Pada Artikel Tertentu

Widget Blog kadang-kadang dapat membuat loading blog kita menjadi lambat dan widget blog juga dapat menyebabkan outbound link kita bertambah banyak. Artikel ini di tulis saat saya mengecek kekuatan seo artikel kontes seo iPayMu.com Pembayaran Online Indonesia dan TOP 1 Oli Sintetik Mobil-Motor Indonesia dengan menggunakan extension google chrome yang di mana report dari artikel tersebut yaitu outbound link yang terlalu banyak. Akhir nya saya menyembunyikan Widget-Widget Blog yang menyebabkan outbound link tersebut. Silahkan cek artikel iPayMu.com Pembayaran Online Indonesia dan TOP 1 Oli Sintetik Mobil-Motor Indonesia disana terlihat beberapa widget saya sembunyikan.
Langsung saja Cara Menyembunyikan Widget Blog Pada Artikel Tertentu :
tambahkan kode ini:

<b:if cond='data:blog.url != "Masukan alamat url artikel"'>
......

</b:if>

Masuk blogger > rancangan > edit html > centang expand template widget
cari kode judul widget sobat gunakan fitur search CTRL+F agar mudah, jika widget sobat tidak ada judul, kasi judul dulu sementara agar mudah di cari.

misalkan widget saya namanya Terbaru jadi nya seperti ini

<b:widget id='HTML5' locked='false' title='Terbaru' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.url != "Masukan alamat url"'>
…..........
…............
…............
</b:if>

catatan : kode penutup untuk </b:if> letakan setelah kode </div>
untuk memudahkan mencari kode widget anda carilah dengan CTRL+F lalu masukan dengan kata kunci nama widget atau dengan ini <b:widget id=
semoga berhasil bereksplore lah sendiri jika gagal. Kesalahan adalah pengalaman terbaik. Heheheh...
Thanks and Regards,
Tutorial Linux | Blog | Ubuntu

Cara Mengubah Domain Blogspot Ke .cu.cc

Jika sobat pernah Mengubah Domain Blogspot ke domain gratis-an atau pun berbayar pasti sudah bisa untuk mengubah domain blogspot ke .cu.cc karena cara nya sama saja.
Langsung saja step by step Cara Mengubah Domain Blogspot Ke .cu.cc
1.Login ke akun .cu.cc di sini, untuk yang belum daftar silahkan baca cara daftar domain gratis .cu.cc
Setelah login akan masuk kehalaman seperti di bawah ini, dan selanjutnya klik Registered Domain.

2.Klik Tanda Pensil, Pada Kolom Manage

3.Kemudian Klik Zone Record

4.Kemudian Buat lah Records Sebanyak 5 Buah buat satu persatu

- Host = www
Record type = CNAME
Content = ghs.google.com
TTL dan Priority biarkan saja jangan di ubah.
Setelah di isi klik create zone.

Kemudian buat lagi isi dengan data seperti ini :
- Host = www
Record type = A
Content = 216.239.32.21

- Host = www
Record type = A
Content = 216.239.34.21

- Host = www
Record type = A
Content = 216.239.36.21

- Host = www
Record type = A
Content = 216.239.38.21

Selesai, Sekarang Kita Menuju Ke Blogger
Login ke Blogger > Setelan > Penerbitan > Klik Beralihlah Ke Setelan Lanjut

Kemudian Pada Kolom Domain Anda Isikan Domain .cu.cc kita yang sudah di daftarkan, Misalkan domain saya www.manis.cu.cc isikan dengan di ikuti www, selanjutnya setingan lain biarkan saja langsung klik simpan setelan.
Setelah itu kita simpan setelan kita masih berada di halaman yang sama Cuma ada sedikit yang berbeda ya itu pada bawah box domain anda aka nada check box mengarahkan bla.. bla… bla.. klik checkbox atau di centang lalu save lagi atau simpan setelan.

Selesai blog sudah berganti nama domain.

Best Regards
Tutorial Linux Ubuntu | Blog | Seo | Ipaymu.com Pembayaran Online Indonesia | Top 1 Oli Sintetik Mobil-Motor Indonesia

CU.CC: Free Domain Registration + FREE DNS Services

Ada informasi bagus buat teman-teman blogger terutama yang dulunya memakai domain .co.cc yang sekarang sudah deindex oleh google sekarang ada alternatifnya yaitu Domain Gratis .cu.cc. Menurut hasil blogwalking saya ke forum luar dan website luar Domain Gratis .cu.cc prospek kedepannya akan bagus di search engine.
Mumpung masih baru buruan buat domain banyak-banyak dengan nama yang bagus pasti bisa.
Ok buat sobat yang ingin mendaftar silahkan klik banner di bawah ini.

Nah berikut Cara Daftar Domain .cu.cc :
1.Klik banner di atas untuk menuju halaman registrasi.
2.Masukan nama domain yang di inginkan kemudian check availabilty

Karena masih baru domain 5 digit dengan nama manis aja masih bisa, hehehe... dijual bisa gak ya :p
3.Pada domain option pilih register 2 years, kemudian Checkout
4.setelah itu sobat akan di bawah ke halaman input data registrasi. Isikan data-data sobat disana

catatan: pada box street/number isikan alamat kurang dari 100 karakter tanpa tanda titik dan koma (. dan ,), jika semua sudah lengkap klik create account.
5.Kemudian akan di bawa kehalaman verification, cek di inbox / spam email sobat kemudian copas key verificationnya pada box tersebut, kemudian klik verify Action Key

6.Terakhir Finish Registration

untuk setting domain .cu.cc ke blogspot atau wordpress self-hosting akan di bahas pada artikel berikutnya. baca : Cara Mengubah Domain Blogspot Ke .cu.cc

Mohon supportnya untuk artikel kontes seo saya TOP 1 Oli Sintetik Mobil-Motor Indonesia dengan mengklik tombol google+1, facebook, retweet dan lainya pada akhir artikel. Buka artikel klik ini : TOP 1 Oli Sintetik Mobil-Motor Indonesia

Thanks and Regads,
Tutorial Linux Ubuntu | Blog | Seo

Pasang Download Artikel Blog file PDF

Sudah lama saya tidak posting karena saya sedang berburu backlink untuk artikel ipaymu.com pembayaran online indonesia, tapi hasilnya masih belum memuaskan. Hehehe...
Pasang Download Artikel Blog file PDF maksud nya adalah sebuah widget yang berfungsi untuk mendownload artikel yang kita posting otomatis dalam format file PDF. Menurut saya widget ini sangat berguna karena memudahkan pembaca untuk menyimpan artikel kita, apa lagi artikel yang berbentuk tutorial-tutorial artikel ini sangat penting untuk di simpan agar bisa di ingat dan di pelajari di kemudian hari. Lihat Gambar disamping adalah contoh artikel yang di download dalam format PDF.

Berikut ini cara Pasang Download Artikel Blog file PDF di blog :
cara nya sangat mudah kita hanya menuju ke web http://joliprint.com/ kemudian pilih blogger gadget, dan langkah selanjutnya sudah ada di web tersebut jadi sobat tinggal mengikutinya saja.

Cara kedua adalah dengan widget yang sudah saya modifikasi, dan widget nya terletak di setiap akhir artikel.
Cari kode <data:post.body/> kemudian copy kan kode di bawah ini tepat di bawah kode <data:post.body/>

<div style='font-size:16px; text-align:center; padding-bottom:20px'>
<script charset='ISO-8859-1' src='http://antigaptek.googlecode.com/files/savetopdf.js' type='text/javascript'/>
<script type='text/javascript'>$joliprint().set("buttonUrl", "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSwWZZmsAuMk2w2iF_0DZP90Gs3Fl2CJE6q-iwJU5NN8jXXLF3qNBF4lRCQASX2872OWOSXM2OFXCJdm8GZNi7wNnDMYXskAL69iQyNjkOrnuhK-b8Qv0aJdIBnwwWu5Fi9ozjtk4xT_Bt/").write();</script>
<br><b><u>Untuk Download Artikel Klik Gambar</u></b></br>
</div>

perhatikan https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSwWZZmsAuMk2w2iF_0DZP90Gs3Fl2CJE6q-iwJU5NN8jXXLF3qNBF4lRCQASX2872OWOSXM2OFXCJdm8GZNi7wNnDMYXskAL69iQyNjkOrnuhK-b8Qv0aJdIBnwwWu5Fi9ozjtk4xT_Bt/ itu adalah link url gambar jadi bisa di ganti dengan gambar sobat sendiri.

Widget ini apabila gambar di klik maka artikel langsung di download.berikut screen shoot contohnya :

Semoga dengan widget ini, artikel kita bisa di simpan banyak orang karena di anggap penting dan berguna.

Best regards,
Tutorial Linux Ubuntu | Blog | Seo

Pasang avatar otomatis pada komentar anonymous dan Name/url

Pada template default blogspot avatar pada komentar hanya ada jika kita ber komentar login sebagai account google dan sebagainya, jika kita berkomentar anonymous ataupun name/url maka avatar atau gambar pada komentar tidak ada alias kosong. Contohnya gambar di samping ini.
Pada artikel kontes seo saya yaitu ipaymu.com pembayaran online indonesia, banyak mendapatkan komentar dan salah satu di antaranya berkomentar sebagai anonymous tapi kebanyakan pakai name/url jadi kelihatan kosong dan kesannya tampilan blog jadi agak jelek.
Langsung saja cara pasang avatar otomatis pada komentar anonymous dan Name/url :
1.Pastikan Tampilkan gambar profil dalam komentar Di aktifkan, cek di login blogger > setelan > komentar > Tampilkan gambar profil dalam komentar? YES
2.Masuk blogger > rancangan > edit html > centang expand template widget
cari dan pastikan kode berikut ini ada di blog sobat :

<dl expr:class='data:post.avatarIndentClass' id='comments-block'>

3.Jika kode di atas ada, maka selanjutnya cari kode ]]></b:skin> letakkan kode berikut ini tepat diatas kode ]]></b:skin>

#comments-block .avatar-image-container img {
background: #fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkDTraakZZEUOsi2ClOHAoIk34rr3JQdpZHIlUL6cxuaysY8st-c8Yn4ChAxGgzEOAE7jJjzd6iat1UJN6r7NtQPwRTw83nEKCAwOKqwisV67Ixz2a5CyafDOjcVJbtsZybp86_NoC7pbK/) no-repeat left top;
width:32px;
height:32px;

save template dan lihat hasilnya.

1. Jika kode <dl expr:class='data:post.avatarIndentClass' id='comments-block'> tidak ada, maka cari kode <dl id='comments-block'> ganti dengan kode

<dl expr:class='data:post.avatarIndentClass' id='comments-block'>

2. Kemudian cari <a expr:name='data:comment.anchorName'/> ganti dengan kode di bawah ini

<b:if cond='data:comment.favicon'>
<img expr:src='data:comment.favicon'/>
</b:if>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:blog.enabledCommentProfileImages'>
<div expr:class='data:comment.avatarContainerClass'>
<data:comment.authorAvatarImage/>
</div>
</b:if>

3.kemudian selanjut nya cari kode ]]></b:skin> letakkan kode berikut ini tepat diatas kode ]]></b:skin>

#comments-block .avatar-image-container img {
background: #fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkDTraakZZEUOsi2ClOHAoIk34rr3JQdpZHIlUL6cxuaysY8st-c8Yn4ChAxGgzEOAE7jJjzd6iat1UJN6r7NtQPwRTw83nEKCAwOKqwisV67Ixz2a5CyafDOjcVJbtsZybp86_NoC7pbK/) no-repeat left top;
width:32px;
height:32px;

Save template dan lihat hasilnya.
Gambar di bawah ini contoh hasil pada blog saya, silahkan bandingkan dengan gambar yang di atas.

Perhatikan kode berikut ini :

background: #fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkDTraakZZEUOsi2ClOHAoIk34rr3JQdpZHIlUL6cxuaysY8st-c8Yn4ChAxGgzEOAE7jJjzd6iat1UJN6r7NtQPwRTw83nEKCAwOKqwisV67Ixz2a5CyafDOjcVJbtsZybp86_NoC7pbK/)

Gambar bisa di ubah silahkan ubah alamat url yang di atas dengan url gambar sobat.

Best regards,
Tutorial Linux Ubuntu | Blog | Seo

Pasang Meta Tag Otomatis pada artikel

Mungkin sudah banyak tulisan tentang pasang meta tag otomatis pada setiap postingan / artikel, tapi pada tutorial ini sedikit berbeda dengan lainnya karena meta tag nya sudah saya modifikasi agar menjadi seo friendly.
pasang meta tag otomatis Pada artikel adalah salah satu teknik seo yang saya pakai dalam belajar mengikuti kontes seo ipaymu.com pembayaran online indonesia, meta tag otomatis ini juga sebagai penunjang artikel saya untuk masuk ke page 2 serp google buktinya silahkan baca : catatan belajar kontes seo part I

Meta tag otomatis ini adalah meta tag title, keyword, dan deskripsi, otomatis disini maksudnya adalah :
- Pada setiap semua judul artikel kita akan menjadi : title blog.
- Pada setiap semua judul artikel kita akan menjadi : keyword.
- Pada deskripsi blog akan menjadi : Judul artikel,title blog

lebih jelas lihat screen shoot di bawah ini.

Untuk yang ingin mencoba meta tag yang sudah saya modifikasi, langsung saja
Cara Pasang Meta Tag Otomatis Pada Artikel :

Cara pertama untuk yang belum pernah sama sekali pasang meta tag deskripsi dan keyword
cari kode :

<title><data:blog.pageTitle/></title>

Kemudian hapus ganti menjadi :

<b:if cond='data:blog.pageType == "item"'>
<title><data:blog.pageName/></title>
<meta expr:content='data:blog.pageName + ", " + data:blog.title' name='Description'/>
<meta expr:content='data:blog.pageName' name='Keywords'/>
</b:if>

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<title><data:blog.pageTitle/></title>
<meta content='Isi Deskripsi blog sobat disini' name='description'/>
<meta content='Isi Keyword blog sobat disini' name='keywords'/>
</b:if>

Simpan template.

Cara kedua untuk sudah pernah memasang meta tag deskripsi dan keyword
Cari kode :

<b:if cond='data:blog.pageType == "item"'>
<title><data:blog.pageName/> | <data:blog.title/></title>
<b:else/>
<title><data:blog.pageTitle/></title>
</b:if>

Kemudian hapus dan ganti dengan kode di bawah ini :

<b:if cond='data:blog.pageType == "item"'>
<title><data:blog.pageName/></title>
<meta expr:content='data:blog.pageName + ", " + data:blog.title' name='Description'/>
<meta expr:content='data:blog.pageName' name='Keywords'/>
</b:if>

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<title><data:blog.pageTitle/></title>
<meta content='Isi Deskripsi blog sobat disini' name='description'/>
<meta content='Isi Keyword Blog sobat disini' name='keywords'/>
</b:if>

Simpan template.
Sekarang coba sobat cek apakah sudah benar atau tidak, silahkan cek di http://www.seocentro.com/tools/search-engines/metatag-analyzer.html.

Best regards,
Tutorial Linux ubuntu | Blog | Seo

Cara Mengatur Jumlah Artikel Yang Tampil Pada Saat Klik Label

Pada template bawaan blogspot setiap label di klik maka jumlah artikel akan tampil semua, jika jumlah nya banyak maka halaman blog kita menjadi panjang ke bawah. Ini tentunya sangat tidak menarik untuk blog kita, apalagi loading page nya menjadi sangat lambat.
Pada artikel ini akan menjelaskan bagaimana cara mengatur jumlah artikel yang tampil pada saat klik label.
Masuk blogger > rancangan > edit html > centang expand template widget
cari kode expr:href='data:label.url Kemudian tambahkan kode ini + "?max-results=5" setelah kode expr:href='data:label.url, nanti jadi nya seperti di bawah ini

expr:href='data:label.url + "?max-results=5"

CATATAN : terdapat banyak kode expr:href='data:label.url yang berada di template kita, jadi tambahkan kode + "?max-results=5&quot pada semua kode expr:href='data:label.url yang ada di template.
Setelah semua selesai di tambahkan, simpan template.

Kemudian cara ini untuk yang memakai navigasi nomor halaman, (baca : cara membuat navigasi nomer halaman).
Cara nya masih sama dengan yang di atas yang berbeda adalah kode yang harus di tambah. Kode yang harus di tambahkan adalah kode berikut ini + "?&max-results=5" nanti jadi nya akan seperti ini :

expr:href='data:label.url + "?&max-results=5"

Masih sama seperti di atas kode tersebut harus di tambahkan pada semua kode expr:href='data:label.url yang terdapat di template.
Jika semua sudah benar simpan template.
Perhatikan results=5, angka 5 adalah jumlah artikel yang akan tampil saat label di klik, jadi bisa sobat ganti sesuai dengan keinginan sobat.

Best regards,
Tutorial Linux Ubuntu | Blog | Seo

Cara Membuat Tombol Reply Komentar di Blog

Pada saat blogwalking ke sobat-sobat blogger yang menggunakan blogspot saya melihat ada beberapa blog pada bagian form komentarnya memiliki tombol reply comment atau balas komentar.
Tombol reply komentar di blog sangat memudahkan kita untuk membalas komentar dari sobat-sobat pengunjung kita. Dimana jika ingin membalas komentar kita hanya cukup klik tombol reply saja.
Berikut cara membuat tombol reply komentar di blog :
Masuk blogger > rancangan > edit html > centang expand template widget
Kemudian cari kode <data:commentPostedByMsg/>, copy kan script berikut ini tepat di bawah kode <data:commentPostedByMsg/>

<b:if cond='data:blog.pageType != "static_page"'> <a expr:href='"https://www.blogger.com/comment.g?blogID=7640545051138011304&postID=" + data:post.id + "&isPopup=true&postBody=%40%3C%61%20%68%72%65%66%3D%22%23" + data:comment.anchorName + "%22%3E" + data:comment.author + "%3C%2F%61%3E%3A%20#form"' onClick='javascript:window.open (this.href,"bloggerPopup","toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=450,height=450,");return false;' style='padding:0px 5px; border:1px solid #ddd;'>Reply Comment</a>
</b:if>

Kemudian simpan template.

Perhatikan tulisan yang berwarna merah blogID=7640545051138011304 pada script di atas. Blogid tersebut dengan blog id sobat.
Cara nya masih di edit html, kemudian tujukan pandangan sobat ke address bar browser sobat.
Nah di situ akan terlihat blogid sobat. Jika kurang jelas lihat di screenshoot di bawah ini.

blog id

Cara Membuat Tombol Reply Komentar di Blog tidak lah begitu sulit kan.. hehehe..
baca juga artikel tentang : Cara Membuat Kotak Komentar Admin Berbeda Di Blog

Best Regards,
Tutorial Linux Ubuntu | Blog | Seo

Cara Membuat Navigasi Horizontal Drop Down

Apa itu Navigasi ? Navigasi adalah menu untuk penentu arah atau penunjuk posisi. Setiap blog atau situs menurut saya harus bahkan wajib memiliki menu navigasi sebagai penuntun untuk pengunjung blog kita.
Lalu seperti apa menu navigasi horizontal drop down, silahkan lihat screen di bawah ini..

Cara Membuat Navigasi Horizontal Drop Down :

Masuk blogger > rancangan > edit html > centang expand template widget
Cari kode ]]></b:skin> kemudian pastekan kode di bawah ini tepat di atas kode ]]></b:skin>

#NavbarMenu{background:#000000; width:960px; height:32px; color:#5A6C8C; margin:0 auto; padding:0 5px; font:bold 8px Arial, Tahoma, Verdana; border-top:1px solid #666; border-bottom:1px solid #666;}
#NavbarMenuleft{width:700px; float:left; margin:0; padding:0;}
#search{width:240px; font-size:11px; float:right; margin:0; padding:0;}
#nav{margin:0; padding:0;}
#nav ul{float:left; list-style:none; margin:0; padding:0;}
#nav li{list-style:none; margin:0; padding:0; text-shadow:1px 1px 1px #000;}
#nav li a, #nav li a:link, #nav li a:visited{color:#fff; display:block; text-transform:uppercase; margin:0; padding:9px 15px 9px; font:bold 11px Arial, Times New Roman;}
#nav li a:hover, #nav li a:active{background:#4a4d4c; color:#fff; padding:9px 15px 9px; text-decoration:none;}
#nav li li a, #nav li li a:link, #nav li li a:visited{background:#000000; width:150px; color:#e5e3e3; text-transform:capitalize; float:none; margin:0; padding:3px 10px; border-bottom:1px solid #151f23; border-left:px solid #151f23; border-right:2px solid #151f23; font:normal 14px Georgia, Times New Roman;}
#nav li li a:hover, #nav li li a:active{background:#4a4d4c; color:#fff; padding:3px 10px;}
#nav li{float:left; padding:0;}
#nav li ul{z-index:9999; position:absolute; left:-999em; height:auto; width:170px; margin:0; padding:0;}
#nav li ul a{width:140px;}
#nav li ul ul{margin:-24px 0 0 170px;}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul{left:-999em;}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul{left:auto;}
#nav li:hover, #nav li.sfhover{position:static;}
#searchbox{padding:0; margin:0;}
#search input{background:#fff; color:#000; float:left ;margin:5px 0 0 10px; width:168px; padding:3px 7px; border:1px solid #cdcdcd; font:normal 11px arial, verdana, Times New Roman;}
#search .btn{background:#333; color:#fff; font-size:11px; margin:5px 0 0 3px; padding:2px; width:30px; cursor:pointer; border-left:1px solid #666; border-top:1px solid #666; border-right:2px solid #111; border-bottom:2px solid #111;}
#top{background:#f6f6f6; margin:10px auto 0; padding:10px; width:918px; border:1px solid #ccc; word-wrap: break-word; overflow: hidden; font-size:13px;}
#top a, #top a:visited{font-weight: normal; color: #00338F; text-decoration: none;}
#top a:hover{color:#cc0000; text-decoration: underline;}
#top p {font-size: 14px; font-weight: bold; padding: 0; margin: 0;}
.topleft {width: 304px; float: left; margin: 0; padding:0;}
.topleft img a, .topleft img {border:1px solid #ccc; margin: 0; padding: 1px;}
.topright {width: 600px; float: right; margin:0; padding:0; text-transform: normal;}

setelah itu save template.

Cara pertama :
Kemudian masuk ke Rancangan >> Page Element >> Add a Gadget >>HTML/Javascript
pastekan script di bawah ini pada box HTML/Javascript

<div id='outer'>
<div id='navbarmenu'>
<div id='navbarmenuleft'>
<ul id='nav'>
<li><a href="http://www.antigaptek.com/">Home</a></li>
<li><a href='#'>Ubuntu</a>
<ul>
<li><a href="http://www.antigaptek.com/search/label/Tips%20And%20Tricks">Tips And Tricks</a></li>
<li><a href="http://www.antigaptek.com/search/label/Applications">Applications</a></li>
<li><a href="http://www.antigaptek.com/search/label/Info%20And%20Reviews">Info And Reviews</a></li>
<li><a href="http://www.antigaptek.com/search/label/Memperbaiki%20Resolusi%20SIS671%20Di%20Ubuntu">Driver SIS 671 Ubuntu</a></li>
<li><a href="http://www.antigaptek.com/search/label/Pemrograman%20Gambas">Pemrograman Gambas</a></li>
<li><a href="http://www.antigaptek.com/search/label/Repository%20Lokal">Repository Lokal</a></li>
</ul></li>
<li><a href='#'>Gimp</a>
<ul>
<li><a href="http://www.antigaptek.com/search/label/Gimp%20Tutorial">Gimp Tutorial</a></li>
</ul></li>
<li><a href='#'>Tutorial Blog</a>
<ul>
<li><a href="http://www.antigaptek.com/search/label/Tutorial%20Blog">Tips Tricks Blogspot</a></li>
</ul></li>
<li><a href='#'>Seo</a>
<ul>
<li><a href="http://www.antigaptek.com/search/label/SEO">Tips Tricks Seo</a></li>
<li><a href="http://www.blogcrowds.com/resources/parse_html.php" target="_blank">Parse html</a></li>
<li><a href="http://www.antigaptek.com/2011/07/manfaat-ping-blog.html">Ping Blog</a></li>
<li><a href="http://www.antigaptek.com/2011/07/submit-artikel-ke-social-bookmark.html">Social Bookmark</a></li>
</ul></li>
<li><a href='#'>Ebook</a>
<ul>
<li><a href="http://www.antigaptek.com/search/label/Ebook">Free Ebook</a></li>
</ul></li>
<li><a href="http://www.antigaptek.com/2009/12/daftar-isi.html">Daftar Isi</a></li>
<li><a href="http://www.antigaptek.com/2009/12/link-exchange.html">Link Exchange</a></li>
</ul>
</div></div></div>

Setelah itu pada HTML/JavaScript yang telah di buat tadi sobat atur posisinya simpan di bawah header.

Atau bisa juga pakai cara kedua :
cari kode </body> kemudian copy script (script yang ada di cara pertama) pastekan di atas kode </body>

Best Regards,
Tutorial Linux Ubuntu | Blog | Seo

Cara Membuat Recent Comment di Blog

Recent Comment adalah Komentar Terakhir yang ada di blog kita, baik komentar dari pengunjung mau pun komentar dari kita sendiri atau admin.
Cara membuat recent comment di blog ini maksudnya adalah menampilkan komentar terakhir yang ada di blog kita. Ini salah satu widget favorit saya, kenapa karena memudahkan saya untuk memantau siapa saja yang berkomentar di blog saya. Selain itu menurut saya recent comment ini juga berfungsi untuk menarik perhatian pengunjung untuk masuk ke artikel yang sudah di komentari pengunjung lainnya dan ini saya rasa bisa juga di kategorikan dalam teknik seo.
Contoh recent comment bisa lihat gambar di samping, recent comment yang ada di blog saya, saya masukan ke dalam tab menu view, jika belum tahu cara membuat menu tab view bisa baca : Cara Membuat Menu Tab View.

Ok langsung saja Cara Membuat Recent Comment di Blog :
Masuk blogger > Design/Rancangan >> Page Element >> Add a Gadget >>HTML/Javascript

Kemudian pastekan script di bawah ini di dalam box HTML/Javascript

<script style="text/javascript" src="http://antigaptek.googlecode.com/files/recentcomment.js">
</script><script style="text/javascript">var numcomments = 5;var showcommentdate = true;var showposttitle = true;var numchars = 100;var standardstyling = true;</script> <script src="http://antigaptek.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"></script>

Ganti tulisan berwarna merah antigaptek.com dengan alamat blog atau web anda dan terakhir lihat hasilnya.

Best Regards,
Tutorial Linux Ubuntu | Blog | Seo