Sahabat Merdeka

Cara Menampilkan Rating Bintang di Hasil Pencarian Google

Cara Menampilkan Rating Bintang di Hasil Pencarian Google. Untuk bisa menampilkan rating bintang ini, sobat terlebih dahulu harus memiliki akun di google plus dan sudah harus terhubung dengan blog sobat dengan cara mengklaim sebagai kontributor untuk blog sobat tersebut. Masih bingung? Khusus yang belum punya akun di google plus, nanti akan ane posting tutorialnya.

Sekedar tambahan, rating bintang ini nantinya akan dimunculkan di hasil pencarian untuk artikel - artikel blog sobat terutama artikel yang baru diposting sesaat setelah mengikuti dan memasang ratting bintang di tutorial kali ini..

Cara Menampilkan Rating Bintang di Google
1. Login ke akun blog sobat2. Klik Rancangan --> Edit HTML --> Centang kotak kecil di samping tulisan Expand Template widget
3. Letakkan kode berikut tepat diatas kode <b:skin><![CDATA[/*

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

catatan:
ganti angka berwarna biru dengan Url google plus milik sobat.

4. Kemudian letakkan kode berikut sesudah kode <body>

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

dan tag penutup </div></div> sebelum tag penutup </body>

5. Cari kode <data:post.body/> dan letakkan kode berikut tepat 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>

Tambahan:
Kode <data:post.body/> akan berjumlah 2 jika sobat telah memasang readmore, pilih kode yang ke 2.

6. Klik save dan lihat hasilnya disini!

7. Selesai!!

SELAMAT BERKREASI!!

Cara Membuat Buku Tamu / Guestbook Auto Hide di Blog - Auto hide Shuotbox adalah efek yang akan membuat buku tamu muncul tanpa di klik dan tersembunyi tanpa di klik pula ( di lewati pointer mouse ), hanya beda sedikit dengan buku tamu show / hide. Sobat yang tertarik memasang widget ini, silahkan masukkan kode berikut diHTML/Javascript blog sobat. Lalu Copy HTML dibawah ini kedalam HTML/Javascript di blog temen-temen.

Kalo masih bingung ikuti langkah berikut:

Temen” masuk akun Blogger è Klik Tata Letak è Klik Tambah Gadget è cari dan tambah gadget HTML/Javascript è lalu copy HTML dibawah ini kedalam HTML/Javascript è Dan SAVE

#gb{
position:fixed;
top:20px;
z-index:+1000;
}* html #gb{position:relative;}

.gbtab{
height:150px;
width:50px;
float:left;
background:url('http://i1108.photobucket.com/albums/h405/christian410/ghtrf.png') no-repeat;
}

.gbcontent {
float:left;
border:1px solid #000000;
-moz-border-radius-bottomleft:5px;
-webkit-border-radius-bottomleft:5px;
-o-border-radius-bottomleft:5px;
-khtml-border-radius-bottomleft:5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-topleft: 5px;
background: #F2F2F2; url() no-repeat bottom;
padding:10px;
}

</style>

<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 51-w) : moveGB(30-w, 0);
gb.opened = !gb.opened;
}function moveGB(x0, xf){

var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 25 ? 25 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 5);}
}</script>

<div id="gb">
<div class="gbtab" onmouseover="showHideGB()"> </div>

<div class="gbcontent">
<center>

</div>

<br />
<div style="text-align:center">
<span style="float:right; color:#000000;">Get this <a target="_blank"href="http://christiantatelu.blogspot.com/2012/03/cara-membuat-buku-tamu-auto-hide-di.html"> widget! </a></span>
</div>
</center></div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (50-gb.offsetWidth).toString() + "px";
</script>

</div>

Tambahan :
Ganti kode yang berwara biru dengan kode buku tamu milik sobat. Sobat yang belum punya buku tamu silahkan buat terlebih dahulu di cbox ( seperti blog ini) , fibox, shoutchamp atau pada penyedia chatbox gratisan lainnya.

SELAMAT BERKREASI !!

Cara Memasang Animasi Bergerak di Blog

Cara Memasang Widget Animasi Yang Lucu dan Keren di Blog -

Banyak hal yang dapat membuat sebuah blog dikatakan menarik, selain dari isi content atau postingan , ternyata ada hal - hal lain yang bisa membuat si blog terlihat lebih menarik dan tentunya banyak pengunjungnya. Nah selain postingan, disain dan animasi / pernak - pernik blog ternyata dapat meningkatkan performa dari suatu blog.. ga percaya ? cobalah anda berkunjung kesuatu blog yang disainnya polos hanya berisikan artikel saja kemudian bandingkan dengan blog yang berisi postingan menarik dengan disain yang menarik pula . Pasti kita akan lebih betah berlama-lama di blog yang berisi artikel menarik dan disain / animasi yang menarik itu bukan ? tentunya. Dan, memberikan efek animasi di blog itu ga sulit kok, dan pilihan animasinya pun beragam bergantung selera. . nah dibawah ini ada beberapa contohwidget animasinya. Kalo udah cocok, berikut langkahnya :

Cara Memasang Widget Animasi Di Blog

1.Copy script yang ingin anda munculkan animasinya

2.Login ke Blog

3.Pilih Rancangan

4.Tambah gedget

5.Pilih edit html atau script,

6.Pastekan script tadi

7.Lalu save.. “pasti akan langsung muncul animasi yang anda pilih tadi”

selamat mencoba..

1.helicopter

<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:130px;"><a href=" http://dodikherlino.blogspot.com/ " target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020389.gif" title=" http://dodikherlino.blogspot.com/ " alt="animasi bergerak naruto dan onepiece"/></a><small><center><a href="http://permathic.blogspot.com/2012/04/kumpulan-widget-animasi-yang-lucu-dan.html" target="_blank" title="Cara Memasang Widget Animasi">http://dodikherlino.blogspot.com/</a></center></small></div>

2. Ekspresi muka

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href=" http://dodikherlino.blogspot.com " target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/742/th/74214.gif" title=" http://dodikherlino.blogspot.com " alt="animasi bergerak gif" /></a><small><center><a href="http://permathic.blogspot.com/2012/04/kumpulan-widget-animasi-yang-lucu-dan.html" target="_blank" title=" http://dodikherlino.blogspot.com ">Ekspresi</a></center></small></div>

3. Kodok mata gede

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href=" http://dodikherlino.blogspot.com " target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/466/th/46606.gif" title=" http://dodikherlino.blogspot.com " alt="animasi bergerak gif" /></a><small><center><a href=" http://dodikherlino.blogspot.com " target="_blank" title=" http://dodikherlino.blogspot.com ">My Widget</a></center></small></div>

4 Spiderman

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href=" http://dodikherlino.blogspot.com " target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/3/th/312.gif" title=" http://dodikherlino.blogspot.com " alt="animasi bergerak gif" /></a><small><center><a href=" http://dodikherlino.blogspot.com " target="_blank" title=" http://dodikherlino.blogspot.com "> http://dodikherlino.blogspot.com </a></center></small></div>

5.Pig

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href=" http://dodikherlino.blogspot.com " target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/110/th/11046.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://permathic.blogspot.com/2012/04/kumpulan-widget-animasi-yang-lucu-dan.html" target="_blank" title=" http://dodikherlino.blogspot.com ">My Widget</a></center></small></div>

6. Muka senyum

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href=" http://dodikherlino.blogspot.com " target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/197/th/19769.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://permathic.blogspot.com/2012/04/kumpulan-widget-animasi-yang-lucu-dan.html" target="_blank" title=" http://dodikherlino.blogspot.com ">My Widget</a></center></small></div>

7. monyet

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href=" http://dodikherlino.blogspot.com " target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/458/th/45845.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href=" http://dodikherlino.blogspot.com " target="_blank" title=" http://dodikherlino.blogspot.com ">My Widget</a></center></small></div>

8.Doraemon

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href=" http://dodikherlino.blogspot.com " target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/1031/th/103123.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://permathic.blogspot.com/2012/04/kumpulan-widget-animasi-yang-lucu-dan.html" target="_blank" title=" http://dodikherlino.blogspot.com ">My Widget</a></center></small></div>

9.Spongebob

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href=" http://dodikherlino.blogspot.com " target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/1028/th/102882.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href=" http://dodikherlino.blogspot.com " target="_blank" title="Cara Memasang Widget Animasi">My Widget</a></center></small></div>

10.Panda

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href=" http://dodikherlino.blogspot.com " target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/212/th/21215.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href=" http://dodikherlino.blogspot.com " target="_blank" title="Cara Memasang Widget Animasi">My Widget</a></center></small></div>

11.Monyet loncat

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href=" http://dodikherlino.blogspot.com " target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/539/th/53966.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href=" http://dodikherlino.blogspot.com " target="_blank" title="Cara Memasang Widget Animasi">My Widget</a></center></small></div>

12.Anime cewek

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href=" http://dodikherlino.blogspot.com " target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/228/th/22801.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href=" http://dodikherlino.blogspot.com " target="_blank" title="Cara Memasang Widget Animasi">My Widget</a></center></small></div>

13.Saringgan

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href=" http://dodikherlino.blogspot.com " target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/712/th/71266.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href=" http://dodikherlino.blogspot.com " target="_blank" title="Cara Memasang Widget Animasi">My Widget</a></center></small></div>

14.Naruto berubah

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href=" http://dodikherlino.blogspot.com " target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/656/th/65649.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href=" http://dodikherlino.blogspot.com " target="_blank" title="Cara Memasang Widget Animasi">My Widget</a></center></small></div>

15.Gajah loncat

<div style="position: fixed; bottom: 0px; left: 20px;width:120px;height:160px;"><a href="
http://dodikherlino.blogspot.com "

target="_blank"><img border="0"src="http://content.sweetim.com/sim/cpie/emoticons/000203BC.gif" title="Click to get more."

/></a><small><center><a href="
http://dodikherlino.blogspot.com "

target="_blank" title="Cara Memasang Widget Animasi">Widget-Animasi</a></center></small></div>

16. Lumba lumba

<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:160px;"><a href="
http://dodikherlino.blogspot.com "

target="_blank"><img border="0"src="http://content.sweetim.com/sim/cpie/emoticons/000203BA.gif" title="Click to get more."

/></a><small><center><a href="
http://dodikherlino.blogspot.com "

target="_blank" title="Cara Memasang Widget Animasi">Widget Animasi</a></center></small></div>

17.Kucing tidur

<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:140px;"><a href="
http://dodikherlino.blogspot.com "

target="_blank"><img border="0"src="http://content.sweetim.com/sim/cpie/emoticons/000203C0.gif" title="Click to get more."

/></a><small><center><a href="
http://dodikherlino.blogspot.com "

target="_blank" title="Cara Memasang Widget Animasi">Widget Animasi</a></center></small></div>

18.Ayam betelur

<div style="position: fixed; bottom: 0px; left: 10px;width:100px;height:130px;"><a href="
http://dodikherlino.blogspot.com "

target="_blank"><img border="0"src="http://content.sweetim.com/sim/cpie/emoticons/00020541.gif" title="Click to get more."

/></a><small><center><a href="
http://dodikherlino.blogspot.com "

target="_blank" title="Cara Memasang Widget Animasi">Widget</a></center></small></div>

Catatan !! ada bisa mengatur dimana anda ingin meletakan animasi tersebuat sesuai keinginan. Caranya dengan mengedit tulisan bottom (bawah), top (atas), left ( kiri), right (kanan),

Contoh : jika anda ingin memasang di pojok kanan atas, berarti anda harus mengubahnya menjadi top dan right. Mudah bukan ? selamat mencoba..

Sumber

Sahabat Merdeka

Cara Menampilkan Rating Bintang di Hasil Pencarian Google

Cara Membuat Buku Tamu / Guestbook Auto Hide di Blog

Cara Memasang Animasi Bergerak di Blog

Recent Post

Blog Archive

Cloud Labels

Anda korban ke

Labels

Followers

Translate

My Facebook