Arif lAw

Januari 13, 2013

Arif lAw

Posted: 12 Jan 2013 06:18 AM PST

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 ? ^-^

Memasang Rating Bintang Dengan Tampilan yang Bagus

Posted: 12 Jan 2013 04:40 AM PST

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 == "item"'><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/AVvXsEheF_INlfHy5HOAj5DGaoiZIwyZVUnBFAFXAcWTIUWc0UYGSVCdS4IBOUPR41btiXnZQUVGO4G4YfK0FS-T4RbmLwoJLfbKP1pF61jP14r1hQrKP-DMH6AhM9nNdJK83Y1AFxz1nKHJiAg/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

Rating-Bintang-Dengan-Tampilan-yang-Bagus

Pake Kode Ini

<b:if cond='data:blog.pageType == "item"'><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/AVvXsEg1s3CK7umM5DAnqbnEOauTNiOo2mEs08I8X54lCn6zuq9gAwKH7s09FTULVAIw2sbabA2b5FJZ_eTNCJlzCrSYJJDonH7NgKh9zzvAj95ANr6qmYCjL6VRE3BXn5o-U3CozwhjkQTkIsI/s400/block22.gif) no-repeat right bottom; font: bold .9em "comic sans ms", 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 == "item"'><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/AVvXsEgPS0cAUP3OQAK09113TaPv3oM-wfjGV-dezeWdgXcyfH9RLpEkz0YCY5-pKsp11AYpJXuK2YUzrSmQXU3Mau3hnSPR7-uAJqwHvOTJQgTjqA1b6zPBiri7U2DNEa9FGTfhaR98M5UaBTc/s1600/comma-side-orange1.gif) ; background-position:; background-repeat:repeat-y; margin: 0 20px; padding: 20px 20px 10px 45px;Georgia, "Times New Roman", 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 == "item"'><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/AVvXsEjHAlkj-7I1gAcmDejjxmZxaNBkc7lTnzDHPgQXhHDsgHOsboLsVYTO1v68rDh3HI7dAEncd95gwICVWhvtbBLVuFpt2ePd6_4zEsO8HKUgWJRoqGQaumdRcj84egtXwrq7hNpNfNIwLog/s1600/block333.gif) no-repeat top; font: normal 1em "comic sans ms",Helvetica, Courier,"Times New Roman", 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 == "item"'>
<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 ^_^

Cari Blog Ini

Wong Songong

Arif lAw

Arif lAw

Komentar

Posting Komentar

Postingan Populer

Belajar Visual Basic Bahasa Indonesia

Belajar Visual Basic Bahasa Indonesia