Cara Mempercantik Blog Dengan Menambahkan Efek Uang Berjatuhan

Assalamualaikum Wr. Wb.

Cara Mempercantik Blog Dengan Menambahkan Efek Uang Berjatuhan - Ariflaw Blog | Pada kesempatan ini saya akan memberikan Tips buat temen-temen Bloggger semua yang kepengin Mempercantik Blog temen-temen dengan menambahakan hiasan Berupa Efek Animasi Uang Berjatuhan. Efek ini nanti akan memunculkan Animasi Uang yang berjatuhan dari Atas ke bawahh.... yaa iya lahh masa jatuh dari bawah ke atas.. hee. Dengan adanya efek Uang Jatuh ini membuat Blog temen-temen akan terlihat hidup dan bergaya daripada Blog-blog biasanya.

Efek uang Berjatuhan

Udah liatkan Gambarnya... itu adalah hasil dari Cara Membuat Efek Animasi Uang Berjatuhan yang sudah saya terapkan di blog Dummy saya. Nahh jika kalian memang tertarik dengan Efek tersebut kalian cukup ikuti langkah-langkah di bawah ini.. Step bay Step yaa biar nga salah hee....

Pengin pasang..!!! Yukk ikutin langkah langkah di bawah ini.. Jangan sampe kelewat yaaa...

Berikut adalah Cara Mempercantik Blog Dengan Menambahkan Efek Uang Berjatuhan :

• Kita Logging Dulu Ke Blogger.com.

• Kalo Udah masuk ke Blogger.com/Dasbor, lalu kita ke menu Tata Letak.

• Setelah Itu Kita Pilih Tambahkan Gadged.

• Nahh kalo udah di Tambah Kita Pilih HTML/Java Scrip.

• Dan Tambahkan Kode Berikut di dalamnya.

<script src="http://ariflawblog.googlecode.com/files/uang.js" type="text/javascript"></script>

• Setelah Paste kode tersebut, sekarang tinggal Simpan dan Lihat Hasilnya.

Demikian apa yang bisa saya sampaikan dalam artikel Cara Mempercantik Blog Dengan Menambahkan Efek Uang Berjatuhan, bila ada tutur kata yang kurang pas saya Mohon Maaf. Terimakasih, akhir kata saya ucapkan Wassalamualaikum Wr. Wb.

By Ariflaw Blog ---- Semoga Bermanfaat ^_^

Baca Selengkapnya..

Cara Memunculkan Animasi Kelelawar di Blog Keren

Assalamualaikum Wr. Wb.

Cara Memunculkan Animasi Kelelawar di Blog Keren | Kali ini giliran si Kelalawar yang akan keluar dari blog kita, setelah sebelumnya ada Efek Hati, Daun, Salju, sampe Meteor yang udah keluar. Heemm seperti apa yaa nanti kalo ada kelalawar yang keliling di blog kita. Haa pasti keren tuhhh tampilannya apalagi bisa gerak-gerak kesana kemari dengan sayapnya hee.

Efek Animasi Kelalawar di Blog kita

Efek ini nanti akan memunculkan sosok Animasi Kelalawar 2 Ekor yang saling beterbangan ke sana kemari seperi sedang mencari mangsa.. ha.. Iya . udah liat kan tuh gambar Kelalawarnya. Keren trus ringgan apalagi yang kurang coba... nahh kalo Animasi Kelalawarnya di Klik secara otomatis akan menghilang sendiri. Jadi buat Visitor yang tidak suka dengan adanya kelalawar .. kelalawarnya nga muncul dehh.

Pengin pasang..!!! Yukk ikutin langkah langkah di bawah ini.. Jangan sampe kelewat yaaa...

Berikut adalah Cara Memunculkan Animasi Kelelawar di Blog Keren :

• Kita Logging Dulu Ke Blogger.com.

• Kalo Udah masuk ke Blogger.com/Dasbor, lalu kita ke menu Tata Letak.

• Setelah Itu Kita Pilih Tambahkan Gadged.

• Nahh kalo udah di Tambah Kita Pilih HTML/Java Scrip.

• Dan Tambahkan Kode Berikut di dalamnya.

<script src="http://ariflawblog.googlecode.com/files/kelelawar.js" type="text/javascript"></script>

• Setelah Paste kode tersebut, sekarang tinggal Simpan dan Lihat Hasilnya.

Keren kan efeknya... Pastinya donkkk... apalagi Efek ini bisa di ilangin kalo kita nga suka .... Udah keren ada suaranya, visualnya bagus bangett kaya asli apa lagi yang kurang coba....

Demikian apa yang bisa saya sampaikan dalam artikel Cara Memunculkan Animasi Kelelawar di Blog Keren, bila ada tutur kata yang kurang pas saya Mohon Maaf. Terimakasih, akhir kata saya ucapkan Wassalamualaikum Wr. Wb.

By Ariflaw Blog ---- Semoga Bermanfaat ^_^

Baca Selengkapnya..

Cara Mempercantik Blog Dengan Efek Hati Bertaburan

Assalamualaikum Wr. Wb.

Cara Mempercantik Blog Dengan Efek Hati Bertaburan | Bagi temen-temen Blogger Cewe yang blog isinya mengenai Percintaan, Cieeehh cieehhh Puisi, Kisah-kisah Romantis ataupun sesuatu yang mengambarkan kebahagiaan. Nahh karna itu saya inggin membagikan Caranya buat temen-temen gimana si Cara Mempercantik Blog Dengan Efek Hati Bertaburan. Biar Blognya jadi Cemistri sama isi Blognya hee.. ya iya donk masa isi blognya Romantis mau di kasih hiasan tuyull ya nga pas lahhh. Ada-ada aja ..

Efek Hari Berguguran

Haa.. Keren kan Efeknya... Hati-hati-hati di blog kalian ada hati yang saling berguguran Wahh.. Indah banget dehhh. Ayo tunggu apa lagi pasang dehhhh. Cara pasangnya gini nieee..

 Berikut adalah Cara Mempercantik Blog Dengan Efek Hati Bertaburan :

• Kita Logging Dulu Ke Blogger.com.

• Kalo Udah masuk ke Blogger.com/Dasbor, lalu kita ke menu Tata Letak.

• Setelah Itu Kita Pilih Tambahkan Gadged.

• Nahh kalo udah di Tambah Kita Pilih HTML/Java Scrip.

• Dan Tambahkan Kode Berikut di dalamnya.

<script type="text/javascript" src="http://ariflawblog.googlecode.com/files/lovingheart%281%29.js"></script>

• Setelah Paste kode tersebut, sekarang tinggal Simpan dan Lihat Hasilnya.

Keren kan efeknya... Pastinya donkkk... apalagi Efek ini bisa di ilangin kalo kita nga suka .... Udah keren ada suaranya, visualnya bagus bangett kaya asli apa lagi yang kurang coba....

Demikian apa yang bisa saya sampaikan dalam artikel Cara Mempercantik Blog Dengan Efek Hati Bertaburan, bila ada tutur kata yang kurang pas saya Mohon Maaf. Terimakasih, akhir kata saya ucapkan Wassalamualaikum Wr. Wb.

By Ariflaw Blog ---- Semoga Bermanfaat ^_^

Baca Selengkapnya..

Cara Mempercantik Blog Dengan Efek Salju

Assalamualaikum Wr. Wb.

Cara Mempercantik Blog  Dengan Efek Salju | Salju Berguguran di blog mu.... Hee seperti apa yaa jadinya. Hemmm pasti kayaknya kalo blog kalian ada saljunya sedikit lebih berwarna hee. Nahh hubungannnnya dengan itu, di sini saya sedikit berbagi tantang Cara Mempercantik Blog  Dengan Efek Salju yang pastinya membuat blog temen-temen lebih terlihat hidup. Nga percaya !! Coba aja. Ehhhh tapi cara ini hanya berlaku buat blog-blog yang mempunyai Warna Laman dan Backgroud yang Hitam/Gelap kalo terang nanti hasilnya nga Ngefek karena salju kan warnaya putih nahh kalo blog kalian pake Backgroud Putih di pasang Efek Slaju yaa nanti nga bakalan terasa Efeknya.

Efek Salju di Blog

Tertarik Nga ???? Heee nahh kalo temen-temen tertarik silahkan ikuti petunjuk pemasangannya di bawah ini, perhatika baik-baik yaa jangan sampai ada yang terlewat biar nga salah.

Berikut adalah Cara Mempercantik Blog  Dengan Efek Salju pada Blog kalian :

• Kita Logging Dulu Ke Blogger.com.

• Kalo Udah masuk ke Blogger.com/Dasbor, lalu kita ke menu Tata Letak.

• Setelah Itu Kita Pilih Tambahkan Gadged.

• Nahh kalo udah di Tambah Kita Pilih HTML/Java Scrip.

• Dan Tambahkan Kode Berikut di dalamnya.

<script type="text/javascript" src="http://ariflawblog.googlecode.com/files/salju.js.txt"></script> 

•  Setelah Paste kode tersebut, sekarang tinggal Simpan dan Lihat Hasilnya.

 

Demikian apa yang bisa saya sampaikan dalam artikel Cara Mempercantik Blog  Dengan Efek Salju, bila ada tutur kata yang kurang pas saya Mohon Maaf. Terimakasih, akhir kata saya ucapkan Wassalamualaikum Wr. Wb.

By Ariflaw Blog ---- Semoga Bermanfaat ^_^

Baca Selengkapnya..

Cara Membuat Efek Meteor Jatuh di Blog Keren

Assalamualaikum Wr. Wb.

Cara Membuat Efek Meteor Jatuh di Blog Keren | Kali ini saya sedikit mengulas mengenai Gimana sih cara membuat Efek Meteor Jatuh Pada Blog yang Keren. Pasti kalian bertanya-tanya emang seperti apa si efeknya kok bisa keren. Efek ini nanti akan menampilkan adanya sebuah meteor yang jatuh ke blog kalian dengan Efek Ledakannya juga dan nga kalah Kerenya Efek ini di lengkapi Dengan Suara Meteor Jatuh. Jadi Udah keren tambah keren lagi.. Seperti apa Gambarannya Yukk kita liat ..

Efek Meteor Jatuh Pada Blog

Nah Kalo soal cara memasangnya di Blog kalian.. Kita liat Caranya di bawahh ini, simak baik-baik yoo biar nga salah nanti langkah-langkahnya.

 Berikut adalah Cara Membuat Efek Meteor Jatuh di Blog Keren :

• Kita Logging Dulu Ke Blogger.com.

• Kalo Udah masuk ke Blogger.com/Dasbor, lalu kita ke menu Tata Letak.

• Setelah Itu Kita Pilih Tambahkan Gadged.

• Nahh kalo udah di Tambah Kita Pilih HTML/Java Scrip.

• Dan Tambahkan Kode Berikut di dalamnya.

<script language="javascript">
nd_mode="meteor";
nd_sound="on";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_top";
</script>
<script language="javascript" src="http://ariflawblog.googlecode.com/files/meteorjatuh.js.txt">
</script>

• Setelah Paste kode tersebut, sekarang tinggal Simpan dan Lihat Hasilnya.

Keren kan efeknya... Pastinya donkkk... apalagi Efek ini bisa di ilangin kalo kita nga suka .... Udah keren ada suaranya, visualnya bagus bangett kaya asli apa lagi yang kurang coba....

Demikian apa yang bisa saya sampaikan dalam artikel Cara Membuat Efek Meteor Jatuh di Blog Keren, bila ada tutur kata yang kurang pas saya Mohon Maaf. Terimakasih, akhir kata saya ucapkan Wassalamualaikum Wr. Wb.

By Ariflaw Blog ---- Semoga Bermanfaat ^_^

Baca Selengkapnya..

Cara Mempercantik Blog dengan Efek Pelangi pada Link

Assalamualaikum Wr. Wb.

 Cara Mempercantik Blog dengan Efek Pelangi pada Link - Ariflaw Blog | Kalian Bosen dengan tampilan link di blog kalian yang biasa-biasa saja...!! Nahh nga usah kawatir tentang itu. Saya akan sedikit berbagi kepada kalian Cara untuk Mempercantik Blog dengan Memberikan Efek Pelangi pada Link sehingga saat pengunjung mengklik atau menyorot Link yang ada di blog kalian secara otomatis akan menunjukan Warna-wani seperti pelangi. Penasaran seperti apa si hasilnya, oke dehh saya berikan demonya..

Efek Pelangi pada Link

Nahh gimana tertarik buat mencoba di terapkan ke Blog temen-temen. Okedeh dari pada saya panjang lebar nga karuan, mengungkap kehebatan kalo kita pasang cara ini langsung aja yaa ke Cara pasangnya.

Berikut adalah Cara Mempercantik Blog Dengan Efek Pelangi Pada Link pada Blog kalian :

• Kita Logging Dulu Ke Blogger.com.

• Kalo Udah masuk ke Blogger.com/Dasbor, lalu kita ke menu Tata Letak.

• Setelah Itu Kita Pilih Tambahkan Gadged.

• Nahh kalo udah di Tambah Kita Pilih HTML/Java Scrip.

• Dan Tambahkan Kode Berikut di dalamnya.

<script type="text/javascript" src="http://ariflawblog.googlecode.com/files/Efek-pelangi-pada-link-Blog.js"></script>

• Setelah Paste kode tersebut, sekarang tinggal Simpan dan Lihat Hasilnya.

Udah pasang kan ?? Gimana ??? Tambah keren blog kalian... Pasti tuhhh ... pengunjung pasti betah dehh di blog kalian.... Liat Efeknya heeee

Demikian apa yang bisa saya sampaikan dalam artikel Cara Mempercantik Blog dengan Efek Pelangi pada Link, bila ada tutur kata yang kurang pas saya Mohon Maaf. Terimakasih, akhir kata saya ucapkan Wassalamualaikum Wr. Wb.

By Ariflaw Blog ---- Semoga Bermanfaat ^_^

Baca Selengkapnya..

Cara Mempercantik Blog Dengan Efek Daun Berjatuhan

Assalamualaikum Wr. Wb.

Cara Mempercantik Blog Dengan Efek Daun Berjatuhan - Ariflaw Blog  | Setelah sebelumnya saya sudah memberikan Cara Buat Mempercantik Tampilan Blog dengan Efek Bintang Jatuh, nahh sekarang giliran Cara Mempercantik Tampilan Blog dengan Memasang Efek Danu Berjatuhan. Efek ini cocok banget buat para Blogger cewe yang suka dengan tampilan blog yang Menarik dan keren dan Juga pecita Alam hee... namanya juga Dau gitu.. biar nga penasaran seperti apa tampilannya niee saya kasih Demonya di Blog Dummy saya hee..

Demo Efek Daun Berjatuhan

Nahh gimana?? tertarik buat memasangnya di Blog kalian?? atau mau melewatkannya hee.. Tapi kalo kalian udah memasang Efek-efek yang lainya seperti Efek Bintang Jatuh kalian harus memilih 1 satu dari itu mau Memasang Efek Bintang Jatuh atau Efek Daun Berjatuhan. Karena apa nanti kalo tampilannya nga karuan ada bintang ada daun malah hasilnya Jelek .. iya nga dan juga nanti akan menambah berat Blog temen-temen.

Berikut adalah Cara Mempercantik Blog Dengan Efek Daun Berjatuhan :

• Kita Logging Dulu Ke Blogger.com.

• Kalo Udah masuk ke Blogger.com/Dasbor, lalu kita ke menu Tata Letak.

• Setelah Itu Kita Pilih Tambahkan Gadged.

• Nahh kalo udah di Tambah Kita Pilih HTML/Java Scrip.

• Dan Tambahkan Kode Berikut di dalamnya.

<script type="text/javascript" src="http://ariflawblog.googlecode.com/files/daun.js"></script>

•  Setelah Paste kode tersebut, sekarang tinggal Simpan dan Lihat Hasilnya.

Keren kan efeknya... Pastinya donkkk... apalagi buat blogger-blogger cewe pasti tampilan blognya makin asik dehh.. hee

Demikian apa yang bisa saya sampaikan dalam artikel Cara Mempercantik Blog Dengan Efek Daun Berjatuhan, bila ada tutur kata yang kurang pas saya Mohon Maaf. Terimakasih, akhir kata saya ucapkan Wassalamualaikum Wr. Wb.

By Ariflaw Blog ---- Semoga Bermanfaat ^_^

Baca Selengkapnya..

Cara Mempercantik Blog Dengan Efek Bintang Jatuh

Assalamualaikum Wr. Wb.

Cara Mempercantik Blog Dengan Efek Bintang Jatuh - Ariflaw Blog | Mempunyai tampilan blog yang Bagus pasti idaman semua Bloggerkan? iya donk. Nah untuk itu di sini saya coba membagkan sebuah Cara Untuk Mempercantik Tampilan Blog dengan Efek Bintang Jatuh. Dengan Efek Bintang Jatuh ini .. pastinya donk tampilan blog kalian akan lebih sedikit berdeda dari yang lainya dan yang pasti membuat suasana blog ada lebih hidup ketimbang nga ada apa apan.

Efeknya Seperti Gambar yang Warna Merah-merah

Cuman kelemahanya dari memasang Efek Bintang Jatuh ini adalah loading blog kalian mungkin akan sedikit agag lama. Yahh namanya juga Java Scrip. Tapi kan sebanding dengan apa yang kita dapatkan jadi tinggu apalagi yauukk pasang .!!!!! Caranya seperti apa?? Kita simakk... !!!

Cara Mempercantik Blog Dengan Efek Bintang Jatuh

• Kita Logging Dulu Ke Blogger.com.

• Kalo Udah masuk ke Blogger.com/Dasbor, lalu kita ke menu Tata Letak.

• Setelah Itu Kita Pilih Tambahkan Gadged.

• Nahh kalo udah di Tambah Kita Pilih HTML/Java Scrip.

• Dan Tambahkan Kode Berikut di dalamnya.

 <script type="text/javascript" src="http://ariflawblog.googlecode.com/files/Efek-bintang-jatuh.js"></script>

•  Kalo udah di Paste, tinggal di Simpan dan Lihat hasilnya.

Gimana?? Bagus nga?? Pasti bagus donk ... !! Efeknya aja keren...

Nahh mungkin itu saja yang bisa saya sampaikan dalam Artikel "Cara Mempercantik Blog Dengan Efek Bintang Jatuh", bila ada kata-kata yang kurang pas saya Mohon Maaf. Terimakasih akhir kata saya ucapkan Wassalamualaikum Wr. Wb.

By Ariflaw Blog ---- Semoga Bermanfaat ^_^

Baca Selengkapnya..

Live Blog Competition -The Pikas Resort

Assalamualaikum Wr. Wb.

Live Blog Competition -The Picas Resort | Waktu kemarin setelah di adakannya Pesta Blogger Banjarnegara, sekarang ada kegiatan lagi yang nga skalah serunya, yaitu Live Blog Competition- The Pikas Resort. Acara ini di adakan dalam rangka mengsukseskan Program Visit Jawa Tengah dan Promosi Tempat Pariwisata khususnya  yang ada di Kabupaten Banjarnegara.

Itu adalah Banner dari Iven ini. Keren kann??? Pastinya donk.

Acara ini Berlangsung pada tanggal 24 Januari 2013 di Banyu Wong - The Pikas Resort, Desa Singomerto kecamatan Madukara, Banjarnegara. Acara ini di mulai dari jam 10.00 WIB - selesai. Seperti yang sudah saya sampaikan di atas acaranya Adalah Live Blog Competition/ Lomba Menulis Artikel yang bagus.

Acara ini sendiri di suport sama Dinas Pariwisata Banjarnegara, dalam menyampun acara Festival Serayu Banjarnegara.

Nahh mungkin itu saja yang bisa saya sampaikan dalam Artikel Live Blog Competition -The Pikas Resort, semoga bermanfaat. Terimakasih, bila ada kata-kata yang kurang pas saya mohon maaf Wassalamualaikum Wr. Wb.

By Ariflaw Blog -- Semoga Bermanfaat ^_^

Baca Selengkapnya..

Pesta Blogger Banjarnegara

Assalamualaikum Wr. Wb.

Pesta Blogger Banjarnegara - Ariflaw Blog | Hemm di liat dari judulnya aja udah ketauan dehh kalo Ada iven/kegiatan Blogger Di Banjarnegara. Yapppp bener banget, sebentar lagi di kota tercinta saya Banjarnegara ada sebuah kegiatan yang ada sangkut pautnya dengan Dunia Blogging. Karna saya sendiri adalah salah satu pelopor Komunitas Blogger Banjarnegara.

Nama Kegiatan / Ivennya adalah Pesta Blogger Banjarnegara. Kegiatan ini pastinya bisa di ikuti oleh semua kalangan yang kepengin Belajar Blogging dari dasar sampe Menegah. Mau liat Bannernya.. Niee saya kasih tau biar kalian tidak penasaran...

Nahh Gimana Keren kan Kegiatan/Ivennya dan juga ada banyak kegiatan yang akan berlagsung, mulai dari jam 08.00- 17.00. Mantapp nga tuhh... sehari penuhhh...

Kegiatannya ada...

Blog/ Web Exhibition ------ adalah Pameran Blog/Web.

Free Internet Seminar -------- adalah seminar Gratiss tentang Internet.

Free Blog Short Course ------ adalah Kursus Gratis selama beberapa jam.

Award Blog ------- adalah Penghargaan Buat Blog- blog terbaik.

Giaman Tertarik Buat dateng di Acara Ini ?? Dateng aja ke Central Hall Hotel Central Banjarnegara, Tanggal 20 Januari 2013 di mulai dari jam 08.00 WIB.

Pasti Seruuuu... Banget dehh acaranya.......

Oke dehh itu sekit tentang Info dari Pesta Blogger Banjarnegara yang bekerjasa antara RMB (Ruang Belajar Masyarakat) dengan KBB (Komunitas Blogger Banjarnegara).....

Akhir kata saya Ucapkan Terimakasih. Wassalamualaikum Wr. Wb.

By Ariflaw Blog ---- Keren nga Infonya ? ^-^

Baca Selengkapnya..

Memasang Rating Bintang Dengan Tampilan yang Bagus

 Assalamualaikum Wr. Wb.

Memasang Rating Bintang Dengan Tampilan yang Bagus - Ariflaw Blog | Pada kesempatan kali ini saya akan memberikan Beberapa Alternatif Cara dan Style dari Tampilan Rating Bintang (Rich Snippet). Nahh kalo kalian emang belum tau cara Membuat dan Memasangnya  coba kalian ke sini Cara Membuat Rating Bintang di Pencarian Google udah saya jelaskan. Dan disini adalah Beberapa Kode lain yang mungkin sudah saya ubah beberapa dan menampilkan tampilan yang berbeda dari biasanya.

Perbedaanya ada di Reviewnya, Tampilan di Blognya, trus Ada tambahan Kata-kata. Mungkin kalian juga akan lebih tertarik untuk memilih dan memasangnya di Blog kalian dari pada memakai kode standar dari Rating Bintangnya. Di sini saya memberikan beberapa Alternatif yang bisa kalian Pilih. Oke deh langsung saja yaa dari pada lama-lama.

Di sini saya mengunakan Blog Dummy untuk Uji Joba pengunaan Rich Snippet (Rating Bintang).

Kita Mulai Dengan Alternatif Yang Pertama

Ini adalah tampilan Ketika Ada di Blognya.

Ini adalah hasil di Serch Engine Google

Ini Adalah Tampilan ketika Kita Cek Di Webmaster Tool Rich Snippet

Dan Yang Terakhir Adalah Kodenya...

<b:if cond='data:blog.pageType == &quot;item&quot;'><div style='margin-top:20px'>
<div itemscope='' itemtype='http://data-vocabulary.org/Review-aggregate'>
<div style='padding:5px; font-size:11px;background:#F9F9F9 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqVBNIETFCN0WzF2XOg5V6JN2OvghK3yfqP0_AH-aBgSZn1EMW_X47NFsyLKq7dcfJhFhW-fkL2VMIpG6WmqcUGdJKItXgOwowb-igaySikJ63oB0Mjpelf9DMrN0Xqfv26_fbRzLZwy8/s400/quotes_icon.gif) no-repeat scroll 5px 5px;color:#3B0B0B;border:2px outset #E6E6E6; margin:10px;padding:10px 10px 10px 40px;'>
<div style='padding:5px; width:65px; float:left;'>
<img height='65px' itemprop='photo' src='https://fbcdn-profile-a.akamaihd.net/hprofile-ak-snc6/274296_100000036351978_412920439_q.jpg' width='65px'/></div>
Judul: <span itemprop='itemreviewed'><b><a href=''><data:post.title/> </a></b>.</span><br/>
Rating: <span itemprop='rating' itemscope='' itemtype='http://data-vocabulary.org/Rating'>
<span itemprop='average'>98%</span>
</span>based on <span itemprop='votes'>8888888</span> ratings.
<span itemprop='count'>5</span> user reviews.<br/>Review Oleh <b>
<a href='https://plus.google.com/u/0/116929766049373046215' rel='me'><data:post.author/></a></b><br/>
Terimakasih atas kunjungan Sobat atas kesediaan dan Juga mau membaca artikel ini. <br/>
Kritik dan Saran sobat dapat disampaikan melalui Kotak komentar dibawah ini.
</div>
</div>
</div>
</b:if>

Keterangan :

Untuk Margin Topnya silahkan kalian Sesuaikan dengan Keinginan kalian.

Dan untuk Warna Hijau adalah Kode untuk menampilkan Gambar Tampilan Blognya Bukan di Search Engine.

Unruk Alamat G+ nya silahkan kalian Ganti dengan Alamat G+ kalian.

Kalo kata-kata tambahan silahkan kalo mau di edit sendiri.

Nahh Tampilannya Macam-macam niee

Tampilannya Seperti ini

Pake Kode Ini

<b:if cond='data:blog.pageType == &quot;item&quot;'><div style='margin-top:20px'>
<div itemscope='' itemtype='http://data-vocabulary.org/Review-aggregate'>
<div style='padding:5px; font-size:11px;margin : 0 20px; padding: 10px 20px 25px 20px; background : #9FCFFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRIdcCBsR0tb9P2ygTe8jA-vA8A7GitGmEYoyaeVL-7LtVWh1HxG7Yk0iAWtGh7GFy5QnfGb6Od7gaCd48qIjTznIzIGrWewvvXf0CGpi2XBg37n4Kkwg-REOQ4f8oUTO1aXvg50Gth88/s400/block22.gif) no-repeat right bottom; font: bold .9em &quot;comic sans ms&quot;, arial, Helvetica,verdana, Georgia; color : #484848; border: 5px dashed #fff;'>
<div style='padding:5px; width:65px; float:left;'>
<img height='65px' itemprop='photo' src='https://fbcdn-profile-a.akamaihd.net/hprofile-ak-snc6/274296_100000036351978_412920439_q.jpg' width='65px'/></div>
Judul: <span itemprop='itemreviewed'><b><a href=''><data:post.title/> </a></b>.</span><br/>
Rating: <span itemprop='rating' itemscope='' itemtype='http://data-vocabulary.org/Rating'>
<span itemprop='average'>98%</span>
</span>based on <span itemprop='votes'>8888888</span> ratings.
<span itemprop='count'>5</span> user reviews.<br/>Review Oleh <b>
<a href='https://plus.google.com/u/0/116929766049373046215' rel='me'><data:post.author/></a></b><br/>
Terimakasih atas kunjungan Sobat atas kesediaan dan Juga mau membaca artikel ini. <br/>
Kritik dan Saran sobat dapat disampaikan melalui Kotak komentar dibawah ini.
</div>
</div>
</div>
</b:if>

Seperti ini...

 Kodenya Pake yang Ini...

<b:if cond='data:blog.pageType == &quot;item&quot;'><div style='margin-top:20px'>
<div itemscope='' itemtype='http://data-vocabulary.org/Review-aggregate'>
<div style='padding:5px; font-size:12px; background: #F3F3F1 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVNWSjGdAwE_EEwQ7qJclk5ALXGoWK6iLlNb9zunWDSKbewGZE6MNO5Mr5C2nxhmCykdyV8dYX95_olIbwU6LP3sPeGSIyhErWCZbWDWK_zdBHHd6OvX-DNn6kbuzjCIUh0jwNfcBYL50/s1600/comma-side-orange1.gif) ; background-position:; background-repeat:repeat-y; margin: 0 20px; padding: 20px 20px 10px 45px;Georgia, &quot;Times New Roman&quot;, Times, serif;   '>
<div style='padding:5px; width:65px; float:left; margin-left:2px'>
<img height='65px' itemprop='photo' src='https://fbcdn-profile-a.akamaihd.net/hprofile-ak-snc6/274296_100000036351978_412920439_q.jpg' width='65px'/></div>
Judul: <span itemprop='itemreviewed'><b><a href=''><data:post.title/> </a></b>.</span><br/>
Rating: <span itemprop='rating' itemscope='' itemtype='http://data-vocabulary.org/Rating'>
<span itemprop='average'>98%</span>
</span>based on <span itemprop='votes'>8888888</span> ratings.
<span itemprop='count'>5</span> user reviews.<br/>Review Oleh <b>
<a href='https://plus.google.com/u/0/116929766049373046215' rel='me'><data:post.author/></a></b><br/>
Terimakasih atas kunjungan Sobat atas kesediaan dan Juga mau membaca artikel ini. <br/>
Kritik dan Saran sobat dapat disampaikan melalui Kotak komentar dibawah ini.
</div>
</div>
</div>
</b:if>

Ada Juga yang seperti ini

<b:if cond='data:blog.pageType == &quot;item&quot;'><div style='margin-top:20px'>
<div itemscope='' itemtype='http://data-vocabulary.org/Review-aggregate'>
<div style='padding:5px; font-size:12px;margin :10px; padding: 60px 10px 10px 10px; background : #E7E5DC url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEip5Q7ZnuTV5Z09RARexsJzaiKVLLgoyvPaivP4v9sW3MWJBnIyTbp041NmW1oihq59lBdeZkvhM4mYS5ILLFwHyHpm2nILg3CpuefSLnXDxFhDB-0MA_niZ4htyH1qxMoJNKiowjv047Q/s1600/block333.gif) no-repeat top; font: normal 1em &quot;comic sans ms&quot;,Helvetica, Courier,&quot;Times New Roman&quot;, Times, serif; color : #000000; border-bottom : 7px solid #FF0000;   '>
<div style='padding:5px; width:65px; float:left; margin-left:2px'>
<img height='65px' itemprop='photo' src='https://fbcdn-profile-a.akamaihd.net/hprofile-ak-snc6/274296_100000036351978_412920439_q.jpg' width='65px'/></div>
Judul: <span itemprop='itemreviewed'><b><a href=''><data:post.title/> </a></b>.</span><br/>
Rating: <span itemprop='rating' itemscope='' itemtype='http://data-vocabulary.org/Rating'>
<span itemprop='average'>98%</span>
</span>based on <span itemprop='votes'>8888888</span> ratings.
<span itemprop='count'>5</span> user reviews.<br/>Review Oleh <b>
<a href='https://plus.google.com/u/0/116929766049373046215' rel='me'><data:post.author/></a></b><br/>
Terimakasih atas kunjungan Sobat atas kesediaan dan Juga mau membaca artikel ini. <br/>
Kritik dan Saran sobat dapat disampaikan melalui Kotak komentar dibawah ini.
</div>
</div>
</div>
</b:if>

 Kalo mau Gambarnya Di ilangin dan tampilanya Sederhana Seperti ini Pake Kode di bawah ini nanti

Ini Kodenya.. ini yang Simpel banget.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='margin-top:30px'>
<div itemscope='' itemtype='http://data-vocabulary.org/Review-aggregate'>
<div style='padding:5px; font-size:11px; float:left;'>
Judul: <span itemprop='itemreviewed'><b><data:post.title/></b></span><br/>
Rating: <span itemprop='rating' itemscope='' itemtype='http://data-vocabulary.org/Rating'>
      <span itemprop='average'>100%</span>
    </span>
    based on <span itemprop='votes'>99998</span> ratings.
    <span itemprop='count'>5</span> user reviews.<br/>
Ditulis Oleh <b><a href='https://plus.google.com/101714491843403585180'><data:post.author/></a></b><br/><br/>
Terimakasih atas kunjungan Sobat beserta kesediaan Anda membaca artikel ini. Kritik dan Saran sobat dapat sampaikan melalui Kotak komentar dibawah ini.</div>
</div>
</div>
</b:if>

Nahh Mau pilih Yang mana? Bingung kan ? Banyak banget pilihan Rich Snippet | Rating Bintang dengan tampilan yang Bagus-bagus. Pilih yang terbagus aja hee.

Mungkin itu sedikit yang bisa saya sampaikan mengenai Memasang Rating Bintang Dengan Tampilan yang Bagus . Apabila ada kata-kata yang kurang pas saya Mohon Maaf. Terimakasih, akhirkata saya ucapkan Wassalamualaikum Wr. Wb.

By Ariflaw Blog --- Semoga Bermanfaat ^_^

Baca Selengkapnya..

Cara Membuat Rating Bintang di Pencarian Google

Assalamualaikum Wr. Wb.

Cara Membuat Rating Bintang di Pencarian Google -Ariflaw Blog | Pada kesempatan kali ini saya akan sedikit memberiakan Tips Blogging buat temen-temen semuan. Tipsnya adalah Cara Membuat Rating Bintang pada Blog di Pencarian Google. Hemm apakah kalian sudah pernah menemukan sebuah blog yang memiliki Rating Binatang di pencarian Google ??? Pasti sering tuhh... Nah di sini saya akan Memberitaukan gimana caranya biar ada Rating Bintang di Pencarian Google.

Mungkin cara ini sudah banyak yang Share, tapi mungkin di antara temen-temen ada yang belum tau, nahhh akan saya beritau dehh. Ohh ya penasaran nga dengan hasilnya... Seperti apasih nanti kalo saya pasang Ratingya. Oke dehh saya kasih Demonya biar Kalian bisa menilainya, mau memasangnya atau tidak.

Nahh udah liat Demonya kan .. Itu demonya ada di blog saya

Sebenarnya apasih keuntungan Kalo kita Pasang Rating Bintang di Blog Kita...??

Fungsi utama dari Rich Snippet yang berupa Rating Bintang pada umumnya adalah untuk menarik perhatian Pengunjung yang melihatnya, coba kalian perhatiin Blog yang di pasang Rich Snippet dengan blog yang biasa-biasa aja, pasti beda kan ?? kalian pasti memilih Blog yang yaaa.... ada Ratingnya bitangnya (Rich Snippet) yang keliatannya lebih keren, walaupun isinya biasa-biasa aja. Iya kan ????

Ada juga pendapat yang lainnya menegani Rich Snippet..  adalah bisa membuat artikel kita nampak Catch Eyes di SERP. Bukan hanya untuk mempercantik blog saja..Tetapi memberikan informasi kepada pengunjung dan robot.. Contoh : Siapakah Author blognya, kapan update artikelnya, dll. Biasanya yg dipasang rich snippet sering di no 1 google.

Kalo udah tau fungsinya tunggu apa lagi, pasang Yukk apalagi bisa buat menarik pengunjung lebih banyak karena menariknya itu..... Oke dehh dari pada berlama-lama akan saya Tunjukan gimana si Cara Memasang Rating Bintang (Rich Snippet) di Pencarian Google.

Di sini saya nga hanya menunjukan 1 Cara aja, tetapi akan ada beberapa Pilihan yang bisa kalain pilih untuk di pasang di blog kalian. Yang pertama nanti Rich Snippet yang hasilnya hanya Bintang dan nama G+ nya trus Cuman menampilkan rating Bintang saja.

Untuk Kode yang Pertama Seperti di bawah ini nanti, Ini kode biasanya Berbentuk Bintang dengan nama Pengarang yang ada di G + nya. Kalo yang Scrip ini Masih tergolong Beta, aliasanya kadang-kadang muncul-kadang-kadang juga tidak muncul. Saya sendiri memakai kode  ini, dulu waktu pertama kali pasang muncul tapi sekarang udah jarang yang muncul, cuman beberapa aja.

Kelebihanya apa kalo pake Scrip ini.... Kelebihanya adalah bisa di gabungkan dengan Gambar Profil dari G + nya jadi lebih menarik. Tapi karena masih Beta jadi jarang keluar. Kalo di uji tampilannya seperti ini :

Nahh kalo mau memasang kodenya....
Pertama kalian Masuk ke Blogger, Trus Pilih menu Themplate..
Kalo kalian takut terjadi apa-apa mending Back Up dulu Themplatenya, biar aman.
Pilih  Edit HTML
Jangan Lupa Centang Expand Template Widget nya yaa... nanti nga muncul Pencarian Kodenya.

Cari Kode " <data:post.body/> " Lalu Pasang kode dibawah ini dibawah kode tadi ( <data:post.body/> )....

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<div style='margin-top: 30px; font-size: 11px; color:#777;'>

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

<center>Judul: <span itemprop='itemreviewed'><data:post.title/></span>; Ditulis oleh <span itemprop='reviewer'><data:post.author/></span>; Rating Blog: <span itemprop='rating'>5</span> dari 5</center>

</div>

</div>

</b:if>

Ini saya Contohin pemasangannya di blog saya...
Kalo kalian memasang Auto readmore, pasangnya setelah kode Auto Readmorenya. Pasti kodenya nga cuma 1 kan yang  <data:post.body/> biasanya terdapat 3 kode seperti itu. Pilih yang ke 2 aja, karena biasanya untuk kode yang ke 2 kode untuk Posnya.

Untuk hasil di Pencarian Googlenya Seperti yang ada di Demonya.

Kalo Kode yang ke 2 Adalah Rich Snippet (Rating Bintang) yang hanya menampilkan Rating saja, tidak bisa di gabungin dengan Gambar Profil G+ nya. Kalo di uji seperti ini... Ini saya memakai Blog saya yang lainya.

Langkah-langkah Pemasangannya masih Sama seperti yang di atas, tinggal di ganti aja kodenya pake yang ini :

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='margin-top:30px'>
<div itemscope='' itemtype='http://data-vocabulary.org/Review-aggregate'>
<div style='padding:5px; font-size:11px; float:left;'>
Judul: <span itemprop='itemreviewed'><b><data:post.title/></b></span><br/>
Rating: <span itemprop='rating' itemscope='' itemtype='http://data-vocabulary.org/Rating'>
      <span itemprop='average'>100%</span>
    </span>
    based on <span itemprop='votes'>99998</span> ratings.
    <span itemprop='count'>5</span> user reviews.<br/>
Ditulis Oleh <b><a href='/'><data:post.author/></a></b></div>
</div>
</div>
</b:if>

Ini Pemasanganya :

 

Kalo Udah di pasang  Kalain Bisa mengujinya di Tool Rich Snippet Google Klik aja Di ini. Lalu isikan Alamat blog kalian dan Lihat Hasilnya.. Misal Seperti ini hasil dari Blog saya :

Kelebihanya apa Kalo pake Scrip yang ini... dari pada Scrip yang pertama tadi?? Adalah Scrip ini mampu muncul di semua Posting yang kita terbitkan di Pecncarian Google. Jadi semunya akan ada tampilan Rating Bintang yang berbentuk peringkat 100% dari- 99998 di Semua Post yang muncul di pencarian Google

Nahh kalo Kekuranganya apa?? Di Rich Snippet ini hanya bisa menampilkan Rating Bintang Berbentuk angka saja Tidak bisa menampilkan Gambar Profil G + nya.

Gimana ??? Mau pilih memasang yang mana?? Mau yang Pertama atau yang ke 2 ?? dengan Masing -masing kelebihan dan kekurangngannya....

Ohh ya kalian juga bisa Berkreasi dengan Kode itu lo .. baik untuk tampialan di Serch engine Google atau juga bisa tampilan di Blognya. Yaa Sebisa -bisa kalian menghiasnya .. heee. Mau tak kasih contohnya nanti kepanjangen artikelnya.

Ini saya kasih Kode -kode Dasarnya aja.... Kalian juga bisa menambahkan untuk menampilkan Foto di tampilkan blognya. Kalo kalian mau tapi Kode di atas udah cukup untuk bisa menampilan Rating Bintang (Rich Snippet) di Pencarian Google.

Demikian apa yang bisa saya sampaikan, apabila ada tutur kata yang kurang pas saya Mohon Maaf yang sebesar-besarnya. Terimakasih akhir kata saya ucapkan Wassalamualaikum Wr. Wb.

By Ariflaw Blog -- Semoga Bermanfaar ^_^

Baca Selengkapnya..