Cara Membuat Recent Comments di Blog

Membuat Recent Comment - Recent Comment merupakan komentar terbaru dari pengunjung blog yang sedang berkunjung pada blog kita. Kebanyakan recent comment digunakan untuk mengetahui komentar terbaru pada blog yang setiap harinya banyak para pengunjung yang berkomentar sehingga dengan mudah pemilik situs blog tersebut menanggapi komentar dari para pengunjung tanpa harus masuk ke akun blogger.

Cara membuat recent comment atau komentar terbaru sangatlah mudah, mungkin bagi anda yang masih pemula dalam dunia blogging pasti tidak akan kesulitan untuk memasang recent comment di blog anda. Untuk cara membuat recent comment simak tutorial dibawah ini:

1. Login Blogger
2. Masuk tab rancangan
3. Pilih tambah gadget - HTML/JavaScript
4. Masukkan kode dibawah ini :

<script style="text/javascript" src="http://sites.google.com/site/anasku2000/comments.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://NamaBlogKamu.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"></script>

Keterangan :
Kode yang berwarna biru merupakan jumlah recent comment atau komentar terbaru yang muncul pada blog anda.
Kode yang berwarna merah bisa anda ganti dengan alamat url blog kamu.

Itulah sedikit tutorial dari info-mini yang berjudul "Membuat Recent Comments". Semoga tutorial ini bermanfaat bagi anda khususnya yang masih pemula dalam dunia blogging.

sumber : tutorial-jitu.blogspot.com

6:58 AM | Read More

Tutorial Membuat Link Sumber di Blog

Membuat Link Sumber di Blog - Link sumber merupakan link yang otomatis muncul saat artikel di blog sobat di copas orang lain. Link ini sesuai dengan url artikel sobat yang dikopas orang tersebut. Untuk cara membuat link sumber ini sangat mudah tinggal copas kode yang nanti saya sediakan pada blog sobat dan secara otomatis link sumber yang ada pada blog sobat akan aktif dengan sendirinya.

Membuat link sumber pada blog ini sangat berguna untuk mengurangi pengkopasan yang tidak mencantumkan link url. Jadi, jika sobat mengalami masalah dengan blog sobat yang banyak dicopas orang lain silakan sobat membuat link sumber pada blog sobat. Berikut tutorial untuk membuat link sumber di blog :

1. Login ke Blogger
2. Masuk ke tab rancangan - edit html
3. Cari kode </head>. Untuk mudahnya tekan F3
4. Masukkan kode dibawah ini diatas kode </head>

 <script type='text/javascript'>
if(document.location.protocol==&#39;http:&#39;){
 var Tynt=Tynt||[];Tynt.push(&#39;aKxlQKIfOr4ysqacwqm_6r&#39;);Tynt.i={&quot;ap&quot;:&quot;Link Sumber :&quot;};
 (function(){var s=document.createElement(&#39;script&#39;);s.async=&quot;async&quot;;s.type=&quot;text/javascript&quot;;s.src=&#39;http://tcr.tynt.com/ti.js&#39;;var h=document.getElementsByTagName(&#39;script&#39;)[0];h.parentNode.insertBefore(s,h);})();
}
</script>

5. Kode yang berwarna biru dapat diganti sesuai keinginan sobat
6. Simpan.
7. Coba sobat copas salah satu artikel sobat dan lihat hasilnya.

Itulah sedikit tutorial untuk sobat mengenai membuat link sumber di blog. Semoga tutorial ini sangat membantu anda dalam mengatasi pengkopasan artikel yang tidak mencantumkan link sumber.

3:01 AM | Read More

Cara Merubah Kursor di Blog

Cara Merubah Kursor di Blog - Merubah kursor pada blog merupakan cara untuk mempercantik blog di blogspot untuk memanjakan pengunjung yang sedang membaca artikel kita dengan tampilan kursor yang unik-unik. Merubah kursor pada blog ini tidak akan memberatkan blog, sehingga anda tidak usah  khawatir dengan loading blog yang lambat. Jika anda tertarik untuk merubah kursor blog anda, silakan likuti tutorial berikut :




1. Login ke blogger.
2. Pilih tab rancangan - edit HTML
3. Masukkan kode dibawah ini tepat diatas kode </head>

<style type="text/css"> body{cursor: url("http://i1122.photobucket.com/albums/l524/riyosuke/7updot-ani-1.gif"), auto;} body a:hover{cursor: url("http://i1122.photobucket.com/albums/l524/riyosuke/7updot-ani-1.gif"), auto;} </style>

4. Simpan.

Kode yang berwarna merah adalah url kursor, jadi anda bisa menggantinya dengan salah satu kode url kursor dibawah ini.

Kumpulan Kursor Keren dan Unik :

 : http://i1122.photobucket.com/albums/l524/riyosuke/7updot-ani-1.gif

 : http://i1122.photobucket.com/albums/l524/riyosuke/aliendance-1.gif

 : http://i1122.photobucket.com/albums/l524/riyosuke/bananathumbsup.gif

 : http://i1122.photobucket.com/albums/l524/riyosuke/banghead.gif

 : http://i1122.photobucket.com/albums/l524/riyosuke/bullseye-ani.gif

 : http://i1122.photobucket.com/albums/l524/riyosuke/guitarblackglitter.gif

 : http://i1122.photobucket.com/albums/l524/riyosuke/heartbowarrow1-1.gif

: http://i1122.photobucket.com/albums/l524/riyosuke/monkey-ani.gif

: http://i1122.photobucket.com/albums/l524/riyosuke/tail2.gif


Untuk kumpulan kursor yang lain klik disini

Cukup mudah bukan cara merubah kursor di blogspot. Silakan anda coba sendiri pada blog anda dan jangan lupa untuk kasih komentarnya. Sekian artikel tentang "Cara Merubah Kursor di Blog".

9:56 PM | Read More

Cara Membuat Rating Bintang Otomatis

Cara Membuat Rating Bintang Otomatis - Rating bintang adalah cara untuk mempercantik artikel sobat pada search engine google, karena ketika kita mengetikkan judul posting kita pada search engine google maka disamping judul akan muncul bintang sesuai dengan rating yang dimiliki. Rating bintang itu sendiri sering disebut dengan rich snippets. Biasanya rating bintang digunakan untuk menarik visitors karena visitor kebanyakan suka dengan tampilan yang keren dan unik. Mungkin rating bintang ini dapat sobat gunakan untuk menarik lebih banyak visitors pada blog sobat. Untuk cara membuat rating bintang otomatis silakan simak tutorial berikut:

Tutorial 1
- Buat dulu profil Google +. Disini saya tidak menjelaskan tentang cara membuat profil Google + karena tutorial ini langsung membahas mengenai cara membuat rating bintang.

Tutorial 2
- Login ke blogger sobat
- Masuk ke tab rancangan - edit HTML - centang Expand Template Widget
- Cari kode <head>. untuk mudahnya tekan F3
- Masukkan kode dibawah ini.

<b:if cond='data:blog.url == data:blog.homepageUrl'><link href='https://plus.google.com/110338279875453788' rel='publisher'/> </b:if>

Kode yang berwarna merah diatas, sobat ganti dengan kode url Google + sobat.

Tutorial 3
- Jika sudah tutorial 2 jangan simpan dulu. Tambahkan kode berikut tepat dibawah <body>

<div><div itemscope='' itemtype='http://data-vocabulary.org/Review'>

- Dan tambahkan juga kode </div></div> diatas </body>

Tutorial 4
Untuk pemasangan rating bintang ada dua tampilan, yaitu rating bintang dengan bintang maksimal 5 dan 10. Silakan pilih yang sobat suka. Berikut kelanjutan tutorialnya.

- Ini untuk rating bintang dengan bintang maksimal 5
- Cari kode <data:post.body/> dan masukkan kode dibawah ini dibawahnya.

Description: <span itemprop="description"><data:post.title/></span> Rating: <span itemprop='rating'>4.5</span> Reviewer: <span itemprop='reviewer'><data:post.author/></span> -  ItemReviewed: <span itemprop='itemreviewed'><data:post.title/></span>

- Ini untuk rating bintang dengan bintang maksimal 10
- Cari kode <data:post.body/> dan masukkan kode dibawah ini dibawahnya.

<div itemscope="" itemtype="http://data-vocabulary.org/Review-aggregate"> <span itemprop="itemreviewed"><data:post.title/></span> <span itemprop="rating" itemscope="" itemtype="http://data-vocabulary.org/Rating"> <span itemprop="average">9</span>out of <span itemprop="best">10</span> based on <span itemprop="votes">10</span> ratings. <span itemprop="count">9</span> user reviews. </span></div>

Tutorial 5
- Untuk mengecek apakah rating bintang yang kita pasang tadi sudah tampil atau belum dengan mengunjungi website berikut http://www.google.com/webmasters/tools/richsnippets?
- Masukkan salah satu url posting sobat pada website diatas dan jika berhasil maka rating bintang sobat akan tampil dengan sendirinya.

Berikut contoh gambar rating bintang pada blog ini :

Itulah tutorial cara membuat rating bintang otomatis di blogspot, sebenarnya penempatan kode bintang tidak harus dibawah <data:post.body/> karena kode bintang itu sendiri bisa anda taruh dimana saja sesuai keinginan sobat asalkan tertata dengan rapi. Namun saya sarankan untuk membackup data sobat terlebih dahulu sebelum memulai tutorial ini.

Sumber : wahyu-winoto.com

6:18 AM | Read More