Zona Hentongerz

pada 11/20/2015 02:51:00 pm

Forum Diskusi anak Blogger dari A-Z di BloggerAtoZ.com

Forum Diskusi anak Blogger dari A-Z di BloggerAtoZ.com

Forum Blogger di bloggeratoz.com Kompi Ajaib sudah memposting beberapa artikel tentang membuat forum di blog dengan embed forum dari pi...

Selengkapnya »

pada 11/19/2015 03:37:00 pm

Cara Terbaru Daftar dan Submit Artikel di Lintas.me

<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjikyzShh5GLYpKiwELFTEwl5JfGRmxiQeMTkR966l7KKBG3eleHkRm_iEX9Iv6aylIvB-_PMnGWxIeDwnPetAmm8yzfc4HhreO2QSzOGgFadUEfXMCCVCcAy-ZA7R3Hb3gGnBRWZlMT_0/s1600/lintas-me.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Cara Submit Lintas Me" border="0" height="243" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjikyzShh5GLYpKiwELFTEwl5JfGRmxiQeMTkR966l7KKBG3eleHkRm_iEX9Iv6aylIvB-_PMnGWxIeDwnPetAmm8yzfc4HhreO2QSzOGgFadUEfXMCCVCcAy-ZA7R3Hb3gGnBRWZlMT_0/s400/lintas-me.jpg" title="Cara Submit Lintas Me" width="400" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Cara Submit Lintas Me</td></tr>
</tbody></table>
<div style="text-align: justify;">
Anda pasti sudah tidak asing lagi mendengar nama salah satu situs <b>Social Bookmark</b> yang paling populer dan favorit para <b>Blogger</b> di Indonesia yang bernama <b>Lintas.me</b>.</div>
<div style="text-align: justify;">
Situs yang awalnya bernama <b>LintasBerita.com</b> ini merupakan situs Social Bookmarking asli Indonesia yang digunakan para Blogger untuk mempromosikan artikel Blog mereka selain mendapatkan Backlink dengan cara mendaftar dan submit link di situs tersebut.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Kepopuleran situs yang satu ini memang tidak perlu diragukan lagi mengingat eksistensinya, dan juga manfaat yang didapat dari situs ini khususnya bagi para Blogger. potensi Trafik pengunjung yang akan didapatkan serta <b>Backlink</b> yang berkualitas membuat para Blogger ramai-ramai memanfaatkanya. Situs ini sangat baik digunakan untuk Blog baru yang masih kesulitan mencari Trafik pengunjung di Blog mereka.</div>
<br />
<b><span style="color: #3d85c6;">Adapun manfaat yang akan kita dapatkan dari situs Lintas.me adalah :</span></b><br />
<b>1. Mampu mendatangkan Trafik di Blog Kita.</b><br />
<div style="text-align: justify;">
Banyaknya pengunjung yang mengakses situs tersebut setidaknya bisa kita manfaatkan untuk menarik pengunjung mengunjungi situs kita dengan cara mengirim artikel yang menarik dan berkualitas, namun kembali lagi banyak tidaknya pengunjung, semua itu tergantung pada apa yang Anda bagikan, seberapa menarik artikel Anda.</div>
<br />
<b>2. Mendapatkan Backlink yang berkualitas.</b><br />
<div style="text-align: justify;">
Jangan anggap remeh Backlink dari situs yang satu ini karena kualitasnya dianggap memiliki kualitas tinggi (High Quality Backlink) oleh mesin pencari seperti Google, dan hal ini juga mampu mendongkrak ranking situs Anda, maka dari itu segeralah manfaatkan situs Lintas.me sebagai salah satu media mencari Backlink berkualitas, udah dapat pengunjung ditambah lagi backlink yang berkulitas, mantap bukan !</div>
<br />
<b>3. Membantu mempercepat Mesin Pencari mengindeks Blog Anda.</b><br />
<div style="text-align: justify;">
Di mata mesin pencari seperti Google dan Yahoo, situs Lintas.me memiliki reputasi yang sangat baik, maka dari itu setiap artikel yang kita submit di situs tersebut seketika mempermudah mesin pencari dalam mengindeks dan menemukan situs/blog Kita.</div>
<br />
<div style="text-align: justify;">
Situs ini bisa digunakan untuk submit banyak artikel akan tetapi perlu diingat bahwa Anda tidak bisa lansung submit semua artikel Anda, di Lintas.me Anda harus submit setidaknya satu artikel per 5 menit sekali. jadi setelah submit artikel tunggu sampai 5 menit lagi sebelum bisa submit artikel lagi.</div>
<div style="text-align: justify;">
Lantas bagaimana cara mendaftar dan submit artikel di Lintas.me.</div>
<br />
<b>Berikut Tutorial Cara Mendaftar dan Submit Artikel di Lintas.me :</b><br />
1. Silahkan Anda mendaftar melalui alamat berikut ini <a href="https://www.lintas.me/register" target="_blank">Lintas.me/register</a>.<br />
2. Kemudian muncul formulir pendaftaran Lintas.me yang harus Anda isi.<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhijUweDbfFKXLk4ucJeWVc8c4Wz3ofCQ1QX53myT6LZ434yY_X5S1KQWlEChIM540pqhI0DjQJWQ4hyCfpHmjfkusvA6K2NKjAaqQBM5OadDhV5oQbpTdm5nANYH449SK5fXejAwpCUsg/s1600/Register+Lintasme.JPG" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Register Lintas.me" border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhijUweDbfFKXLk4ucJeWVc8c4Wz3ofCQ1QX53myT6LZ434yY_X5S1KQWlEChIM540pqhI0DjQJWQ4hyCfpHmjfkusvA6K2NKjAaqQBM5OadDhV5oQbpTdm5nANYH449SK5fXejAwpCUsg/s400/Register+Lintasme.JPG" title="Register Lintas.me" width="350" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Register Lintas</td></tr>
</tbody></table>
Berikut poin-poin yang harus Anda isi :<br />
<div style="text-align: justify;">
</div>
<ul>
<li><b>Username</b> : Isi dengan Nama pengguna yang dipakai untuk login dan juga sebagai nama kanal kita di situs tersebut.</li>
<li><b>Nama Lengkap</b>: Isi dengan Nama lengkap Anda atau bisa juga Nama situs Anda.</li>
<li><b>Email</b> : Isi dengan alamat email Anda yang Valid.</li>
<li><b>Password</b> : Isi dengan kata sandi Anda.</li>
<li><b>Konfirmasi Password</b> : Konfirmasi kata sandi yang Anda Masukan tadi.</li>
<li><b>Kode Capcha</b> : Berisi kode keamanan yang digunakan untuk memastikan bahwa Anda adalah Manusia (real human) bukan robot ataupun siluman !</li>
</ul>
<br />
<div style="text-align: justify;">
3. Jika semua data telah Anda isi dengan benar, kemudian klik tombol '<b>Create Account</b>'. dengan ini maka Lintas.me menganggap Anda telah menyetujui Ketentuan dan Kebijakan dari situs tersebut.</div>
<div style="text-align: justify;">
4. Selesai dan selamat Anda telah berhasil mendaftar di Lintas.me, biasanya Anda akan secara otomatis login di Lintas.me, jika tidak maka Anda harus login terlebih dahulu.</div>
<br />
<b>Selanjutnya, Langkah-langkah Submit Artikel di Lintas.me :</b><br />
1. Pertama klik tombol <span style="background-color: orange; color: white;">'Submit Link'</span>, yang terdapat di pojok kanan atas halaman.<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAFKsePXAZr6vIB7coM96CULJwTr1o7KmT1PgkouZ262q0jZzB-aXre-mAb02OGWJmVDPPSbmBJ8qXKKsPKluTQBAaN2dH8U5BmHTr8_MokGll_TzSf7Ws1aP0_np_ihuLtC2bhf3MsQc/s1600/Submit+Link+Lintas.JPG" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Submit Link Lintas" border="0" height="112" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAFKsePXAZr6vIB7coM96CULJwTr1o7KmT1PgkouZ262q0jZzB-aXre-mAb02OGWJmVDPPSbmBJ8qXKKsPKluTQBAaN2dH8U5BmHTr8_MokGll_TzSf7Ws1aP0_np_ihuLtC2bhf3MsQc/s640/Submit+Link+Lintas.JPG" title="Submit Link Lintas" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Submit Link Lintas</td></tr>
</tbody></table>
2. Setelah itu muncul pop up mengenai informasi artikel yang akan di Submit, isi pada kolom yang telah disediakan, seperti :<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvGcQWQzN_J0Y6Rlau5xEtBOUEQ0YOY3etwTF1p8Rc5FCpFtNXflInU7Nbu9VcLwf5tTflUqJzXTnLklxy-UQvmTENP3weM0O6l9p93701kO7CSPaNgu6RwpCU24LtFsTDS_Gz8ippHLs/s1600/Format+Submit+Lintas.JPG" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Format Submit Lintas" border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvGcQWQzN_J0Y6Rlau5xEtBOUEQ0YOY3etwTF1p8Rc5FCpFtNXflInU7Nbu9VcLwf5tTflUqJzXTnLklxy-UQvmTENP3weM0O6l9p93701kO7CSPaNgu6RwpCU24LtFsTDS_Gz8ippHLs/s400/Format+Submit+Lintas.JPG" title="Format Submit Lintas" width="387" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Format Submit Lintas</td></tr>
</tbody></table>
<div style="text-align: justify;">
</div>
<ul>
<li><b>URL</b> : Masukan URL artikel Blog yang akan Anda Submit.</li>
<li><b>Select Type</b> : Terdapat tiga pilihan jenis konten yang akan Anda Bagikan, seperti Article, Photos, Videos. Pilih sesuai dengan jenis konten Anda.</li>
<li><b>Title</b> : Berisi judul artikel Blog Anda.</li>
<li><b>Content</b> : Merupakan isi atau konten dari artikel, Anda juga bisa mengeditnya dengan tulisan yang lebih menarik.</li>
<li><b>Images</b> : Berisi gambar pendukung dari artikel Anda.</li>
<li><b>Topic</b> : Berisi jenis atau kategori utama dari topik artikel yang akan Anda bagikan.</li>
<li><b>Sub Topic</b> : Berisi sub kategori dari kategori utama.</li>
</ul>
<br />
<br />
<blockquote class="tr_bq" style="text-align: justify;">
Biasanya Anda tidak perlu lagi repot-repot mengisi kolom diatas satu persatu karena biasanya setelah kita memasukan URL artikel Blog kita, maka secara otomatis semua kolom diatas akan terisi dengan sendirinya sesuai dengan data artikel kita.</blockquote>
<br />
3. Jika semua telah Anda isi dengan benar, silahkan klik tombol 'Lintaskan'.<br />
4. Tunggu beberapa saat, hingga muncul pemberitahuan seperti gambar di bawah ini:<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgK0Mjl0_NIJN7Lv0BtteOHXvqFBydtxXYSeCjY5BzlSepHZvenn2G_YPzVlpCLHLHNXg5tN1qTHM2GqFbdTacAK30tQNzacpfWn4bIEBF3x2RIiSaZhERhGJDb2gnYS8SjA2POvVM-kPE/s1600/See+Post+Lintas.JPG" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Click to see your post" border="0" height="72" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgK0Mjl0_NIJN7Lv0BtteOHXvqFBydtxXYSeCjY5BzlSepHZvenn2G_YPzVlpCLHLHNXg5tN1qTHM2GqFbdTacAK30tQNzacpfWn4bIEBF3x2RIiSaZhERhGJDb2gnYS8SjA2POvVM-kPE/s320/See+Post+Lintas.JPG" title="Click to see your post" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Click To See Your Post Lintas</td></tr>
</tbody></table>
Klik tombol '<span style="color: cyan;">Click Here to See Your Post</span>', untuk melihat artikel yang tadi telah Anda Submit.<br />
<br />
<div style="text-align: justify;">
Selain itu Anda juga bisa memasang widget Lintas.me yang bernama widget Lintaskan yang memungkinkan bukan hanya Anda yang bisa Submit artikel Blog Anda tetapi pengunjung Blog Anda pun dapat melakukanya dengan memasangnya di Blog kita.</div>
<br />
<b>Berikut Cara memasang Widget Lintas.me di Blog Kita :</b><br />
1. Pada halaman utama <b>Lintas.me</b>, scroll halaman ke bawah.<br />
2. Kemudian di bagian footer pilih menu '<b>Tools</b>'.<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFpQfaoZKVlA8A8BmAr9GEo4U4KlMn-DN2dvju2iKX1NVk6MCOn16tNG8XlLUVIThCF0JQ3bQt_gzD3gWRbQ6I1E0hPz0H99-0OV1toG4aB2iYrsvYYhLTL4iRrZfoThg7m-9ejDDtrT4/s1600/Widget+Lintas.JPG" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Tools lintas.me" border="0" height="98" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFpQfaoZKVlA8A8BmAr9GEo4U4KlMn-DN2dvju2iKX1NVk6MCOn16tNG8XlLUVIThCF0JQ3bQt_gzD3gWRbQ6I1E0hPz0H99-0OV1toG4aB2iYrsvYYhLTL4iRrZfoThg7m-9ejDDtrT4/s640/Widget+Lintas.JPG" title="Tools lintas.me" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Tools Lintas.me</td></tr>
</tbody></table>
3. Setelah itu terdapat empat pilihan yakni <b>Kliping, Melintas, Lintaskan dan Widget</b>.<br />
4. Pilih yang <b>Widget</b>, kemudian klik tombol '<span style="background-color: #6aa84f; color: white;">Create</span>'.<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5PCSOuAiv8QmU_iehbU4lPVo-FbfJ-dAAapG_xLnIlb3NKyIHFR1TrDpyfEe9DUoVh8fQZX7EPYACyNl1reG_yI8CPryFLhcQomcd0P_QvOTSRB2earebiFZ9Zf3wVx1GHNifiwNU7n8/s1600/Create+Lintas.me.JPG" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Create Widget Lintas" border="0" height="237" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5PCSOuAiv8QmU_iehbU4lPVo-FbfJ-dAAapG_xLnIlb3NKyIHFR1TrDpyfEe9DUoVh8fQZX7EPYACyNl1reG_yI8CPryFLhcQomcd0P_QvOTSRB2earebiFZ9Zf3wVx1GHNifiwNU7n8/s400/Create+Lintas.me.JPG" title="Create Widget Lintas" width="400" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Create Widget Lintas</td></tr>
</tbody></table>
5. Muncul Kotak isian, isi dengan Alamat email dan juga alamat situs/blog Anda.<br />
6. Jika sudah klik tombol <b>Generate</b>.<br />
7. Terakhir akan muncul <i>pop up</i> berisi Script yang harus Anda pasang di Blog Anda.<br />
8. Posisinya silahkan Anda tentukan Sendiri, jika Anda ingin memasangnya di setiap akhir postingan, <b>Copy</b> dan <b>pastekan</b> script tersebut di bawah tag <i></data:post.body></i> di pengaturan HTML Template.<br />
<br />
<div style="text-align: justify;">
Bagaimana mudah bukan? dulu memang cukup sulit mendaftar di <b>Lintas.me</b>, namun sekarang semua orang bisa dengan mudah mendaftar dan submit artikel mereka, jadi tunggu apa lagi daftarkan optimalkan Blog kamu, Submit artikel sebanyak-banyaknya, dan dapatkan Backlink berkualitas serta naikan pamor Blog Kamu.</div>
<div style="text-align: justify;">
<br /></div>
Sekian terima kasih, jika ada yang ingin ditanyakan. silahkan berkomentar !<br />
<br />
<span style="font-size: x-small;"><i>Sumur : http://biso-net.blogspot.co.id/2015/05/tutorial-terbaru-daftar-dan-submit-artikel-lintasme.html</i></span>

Cara Terbaru Daftar dan Submit Artikel di Lintas.me

Cara Submit Lintas Me Anda pasti sudah tidak asing lagi mendengar nama salah satu situs Social Bookmark yang paling populer dan favori...

Selengkapnya »

pada 11/19/2015 01:01:00 pm

Memasang Rating Bintang Modifikasi CSS Keren

.bisa-hover:hover {
    border: 4px dashed rgb(31, 168, 245);
    margin: 5px;
    padding: 10px;
    background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbzXUw9-wlgNk4rv8Au11s-c8VkK6u6l06ZD2ToqnwEi37vc5o7aZnP5WnQyjHafS0Oi6bRgAKpcBvOXZUDPY8YmnsmHNlU9shqSXmRHpjaqocop7XbHVdICaPgO8eHSLe6AImhGCpc-E/s1600/author+review+infoindong+dot+com.png) bottom right no-repeat;background-size:150px 39px !important;
}</style><br />
<br />
<b><b:if cond='data:blog.pageType == &quot;item&quot;'></b><br />
<b><data:post.body/></b><br />
<br />
Pencarian kode cepat tekan tombol keyboard <b>CTRL+F</b> .<br />
Silahkan salin kode berikut di bawah kode <b><data:post.body/></b>. (Setiap template mempunyai struktur berbeda-beda)<br />
<br />
<pre><div class='content-box-infoindong'>
<div itemscope='' itemtype='http://schema.org/Review'>
<table>
<div itemprop='itemReviewed' itemscope='' itemtype='http://schema.org/Thing'>
<meta expr:content='data:post.title' itemprop='name'/>
 </div>
<tr align='justify'>
<td width='20%'>Judul
</td>
<td width='60%'><span itemprop='name'><data:post.title/></span>
</td>
</tr>
<tr align='justify'>
<td width='20%'>Deskripsi
</td>
<td width='60%'><span itemprop='description'><data:post.snippet/></span>
</td>
</tr>
<tr align='justify'>
<td width='20%'>Author
</td>
<td width='60%'><span itemprop='author'><data:post.author/></span>
</td>
</tr>
<tr align='justify'>
<td width='20%'>Author Rating
</td>
<td width='60%'><div itemprop='reviewRating' itemscope='' itemtype='http://schema.org/Rating'><meta content='1' itemprop='worstRating'/>
      <span itemprop='ratingValue'>4</span>/
      <span itemprop='bestRating'>5</span> Suara</div>
</td>
</tr>
</table>
</div>
</div></pre>
<br />
<b>Contoh 2 individual rating tampilan di blog</b><br />
<div class="tanpa-hover">
<table>
<tbody>
<tr align="justify">
<td width="20%">Judul
</td>
<td width="60%">Memasang Rating Bintang Modifikasi CSS Keren</td>
</tr>
<tr align="justify">
<td width="20%">Deskripsi
</td>
<td width="60%">Isikan deskripsi singkat artikel Anda disini
</td>
</tr>
<tr align="justify">
<td width="20%">Author
</td>
<td width="60%">Isikan nama Anda disini
</td>
</tr>
<tr align="justify">
<td width="20%">Author Rating
</td>
<td width="60%">4/
      5 Suara
</td>
</tr>
</tbody></table>
</div>
<br />
<b>Kode css</b> yang harus Anda pasang di template, pertama silahkan cari kode <b>]]></b:skin></b> kemudian paste kode css berikut di atas <b>]]></b:skin>
</b><style>
.tanpa-hover {
    border: 4px dashed rgb(31, 168, 245);
    margin: 5px;
    padding: 10px;
    background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbzXUw9-wlgNk4rv8Au11s-c8VkK6u6l06ZD2ToqnwEi37vc5o7aZnP5WnQyjHafS0Oi6bRgAKpcBvOXZUDPY8YmnsmHNlU9shqSXmRHpjaqocop7XbHVdICaPgO8eHSLe6AImhGCpc-E/s1600/author+review+infoindong+dot+com.png) bottom right no-repeat;background-size:150px 39px !important;
}</style><br />
<br />
<pre>.content-box-infoindong {
    background-color: rgb(241, 246, 249);
    border: 4px dashed rgb(31, 168, 245);
    margin: 5px;
    padding: 10px;
    background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbzXUw9-wlgNk4rv8Au11s-c8VkK6u6l06ZD2ToqnwEi37vc5o7aZnP5WnQyjHafS0Oi6bRgAKpcBvOXZUDPY8YmnsmHNlU9shqSXmRHpjaqocop7XbHVdICaPgO8eHSLe6AImhGCpc-E/s1600/author+review+infoindong+dot+com.png) bottom right no-repeat rgb(241, 246, 249);background-size:150px 39px !important;
}</pre>
<br />
Untuk pemasangan kode html rating bintang sama dengan contoh 1 individual rating di atas, bisa pakai untuk manual per artikel maupun otomatis di semua artikel. Silahkan pilih salah satu.
<br />
<br />
<div class="bendera">
Aggregate Rating</div>
<br />
<br />
<b>Contoh 1 aggregate rating tampilan di blog</b><br />
<div class="bisa-hover">
<table>
<tbody>
<tr align="justify">
<td width="20%">Judul
</td>
<td width="60%">Memasang Rating Bintang Modifikasi CSS Keren</td>
</tr>
<tr align="justify">
<td width="20%">Deskripsi
</td>
<td width="60%">Isikan deskripsi singkat artikel Anda disini
</td>
</tr>
<tr align="justify">
<td width="20%">Author
</td>
<td width="60%">Isikan nama Anda disini
</td>
</tr>
<tr align="justify">
<td width="20%">Author Rating
</td>
<td width="60%">4/5 Suara dari 1001 ulasan
</td>
</tr>
</tbody></table>
</div>
<br />
Di bawah ini merupakan <b>kode css</b> yang harus Anda pasang di template blogger, pertama silahkan cari kode <b>]]></b:skin></b> kemudian paste kode css berikut di atas <b>]]></b:skin></b><br />
<pre>.content-box-infoindong {
    border: 4px dashed rgb(204, 204, 204);
    margin: 5px;
    padding: 10px;
}

.content-box-infoindong:hover {
    background-color: rgb(241, 246, 249);
    border: 4px dashed rgb(31, 168, 245);
    margin: 5px;
    padding: 10px;
    background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbzXUw9-wlgNk4rv8Au11s-c8VkK6u6l06ZD2ToqnwEi37vc5o7aZnP5WnQyjHafS0Oi6bRgAKpcBvOXZUDPY8YmnsmHNlU9shqSXmRHpjaqocop7XbHVdICaPgO8eHSLe6AImhGCpc-E/s1600/author+review+infoindong+dot+com.png) bottom right no-repeat rgb(241, 246, 249);background-size:150px 39px !important;
}</pre>
<br />
<b>Kode html yang bisa Anda pasang manual per postingan</b> (bisa dipasang langsung ke postingan melalui editor html)<br />
<br />
<pre><div class='content-box-infoindong'>
<div itemscope='' itemtype='http://schema.org/Review'>
<table>
<div itemprop='itemReviewed' itemscope='' itemtype='http://schema.org/Thing'>
<meta content='Tulis judul artikel Anda disini' itemprop='name'/>
 </div>
<tr align='justify'>
<td width='20%'>Judul
</td>
<td width='60%'><span itemprop='name'>Tulis judul artikel Anda disini</span>
</td>
</tr>
<tr align='justify'>
<td width='20%'>Deskripsi
</td>
<td width='60%'><span itemprop='description'>Isikan deskripsi singkat artikel Anda disini</span>
</td>
</tr>
<tr align='justify'>
<td width='20%'>Author
</td>
<td width='60%'><span itemprop='author'>Isikan nama Anda disini</span>
</td>
</tr>
<tr align='justify'>
<td width='20%'>Author Rating
</td>
<td width='60%'><div itemprop='reviewRating' itemscope='' itemtype='http://schema.org/AggregateRating'><meta content='1' itemprop='worstRating'/>
      <span itemprop='ratingValue'>4</span>/
      <span itemprop='bestRating'>5</span> Suara Dari <span itemprop="ratingCount">1001</span> Ulasan</div>
</td>
</tr>
</table>
</div>
</div></pre>
<br />
<b>Bila Anda menginginkan setiap posting memiliki rating bintang secara otomatis</b>, pertama silahkan menuju ke editor template kemudian cari kode<br />
<br />
<b><b:if cond='data:blog.pageType == &quot;item&quot;'></b><br />
<b><data:post.body/></b><br />
<br />
Pencarian kode cepat tekan tombol keyboard <b>CTRL+F</b> .<br />
Silahkan salin kode berikut di bawah kode <b><data:post.body/></b>.<br />
<br />
<pre><div class='content-box-infoindong'>
<div itemscope='' itemtype='http://schema.org/Review'>
<table>
<div itemprop='itemReviewed' itemscope='' itemtype='http://schema.org/Thing'>
<meta expr:content='data:post.title' itemprop='name'/>
 </div>
<tr align='justify'>
<td width='20%'>Judul
</td>
<td width='60%'><span itemprop='name'><data:post.title/></span>
</td>
</tr>
<tr align='justify'>
<td width='20%'>Deskripsi
</td>
<td width='60%'><span itemprop='description'><data:post.snippet/></span>
</td>
</tr>
<tr align='justify'>
<td width='20%'>Author
</td>
<td width='60%'><span itemprop='author'><data:post.author/></span>
</td>
</tr>
<tr align='justify'>
<td width='20%'>Author Rating
</td>
<td width='60%'><div itemprop='reviewRating' itemscope='' itemtype='http://schema.org/AggregateRating'><meta content='1' itemprop='worstRating'/>
      <span itemprop='ratingValue'>4</span>/
      <span itemprop='bestRating'>5</span> Suara Dari <span itemprop="ratingCount">1001</span> Ulasan</div>
</td>
</tr>
</table>
</div>
</div></pre>
<br />
<b>Contoh 2 aggregate rating tampilan di blog
</b><br />
<div class="tanpa-hover">
<table>
<tbody>
<tr align="justify">
<td width="20%">Judul
</td>
<td width="60%">Memasang Rating Bintang Modifikasi CSS Keren</td>
</tr>
<tr align="justify">
<td width="20%">Deskripsi
</td>
<td width="60%">Isikan deskripsi singkat artikel Anda disini
</td>
</tr>
<tr align="justify">
<td width="20%">Author
</td>
<td width="60%">Isikan nama Anda disini
</td>
</tr>
<tr align="justify">
<td width="20%">Author Rating
</td>
<td width="60%">4/5 Suara dari 1001 ulasan
</td>
</tr>
</tbody></table>
</div>
<br />
<b>Kode css yang harus Anda pasang di template</b>, pertama silahkan cari kode <b>]]></b:skin></b> kemudian paste kode css berikut di atas <b>]]></b:skin></b><br />
<br />
<pre>.content-box-infoindong {
    background-color: rgb(241, 246, 249);
    border: 4px dashed rgb(31, 168, 245);
    margin: 5px;
    padding: 10px;
    background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbzXUw9-wlgNk4rv8Au11s-c8VkK6u6l06ZD2ToqnwEi37vc5o7aZnP5WnQyjHafS0Oi6bRgAKpcBvOXZUDPY8YmnsmHNlU9shqSXmRHpjaqocop7XbHVdICaPgO8eHSLe6AImhGCpc-E/s1600/author+review+infoindong+dot+com.png) bottom right no-repeat rgb(241, 246, 249);background-size:150px 39px !important;
}</pre>
<br />
Untuk pemasangan kode html rating bintang sama dengan contoh 1 aggregate rating di atas, bisa pakai untuk manual per artikel maupun otomatis di semua artikel.<br />
<div>
<br /></div>
<div class="bendera">
Catatan</div>
<div>
<br /></div>
<div>
<div>
<ul>
<li>Silahkan memilih salah satu tipe, individual atau aggregate rating.</li>
</ul>
</div>
<div>
<br /></div>
<div>
<ul>
<li>Khusus manual rating, beberapa tulisan meliputi "Tulis judul artikel Anda disini, Isikan deskripsi singkat artikel Anda disini, Isikan nama Anda disini" silahkan diganti.</li>
</ul>
</div>
<div>
<br /></div>
<div>
<ul>
<li>Angka 4 dalam author rating bisa diganti dengan angka 1 sampai 5</li>
</ul>
</div>
<div>
<br /></div>
<div>
<ul>
<li>WorstRating, bestRating, ratingValue bisa diubah ke bentuk persen, misal WorstRating = 1%, besstRating = 100%, ratingValue   =  75%.</li>
</ul>
<div>
Di bawah ini merupakan contoh tampilan rating bintang pada google rich snipets tool dengan value persen :</div>
</div>
</div>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgi24CRX9cC8pInNOPzVtIgkz2oyY9XCdQHDKpCOaVxezu_or7UyEW3DMKI6TjGQ9oYJ1MojtyWM7HHIejj3-nQ8BZufL7-2YZnViYrpIYGr-EwJzaJm9nleXamBX-CCRkck2EGiv5Bdnk/s1600/pembuatan-rating-bintang-persen.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Contoh Rating Persen" border="0" height="98" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgi24CRX9cC8pInNOPzVtIgkz2oyY9XCdQHDKpCOaVxezu_or7UyEW3DMKI6TjGQ9oYJ1MojtyWM7HHIejj3-nQ8BZufL7-2YZnViYrpIYGr-EwJzaJm9nleXamBX-CCRkck2EGiv5Bdnk/s400/pembuatan-rating-bintang-persen.png" title="Contoh Rating Persen" width="400" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Contoh Rating Persen</td></tr>
</tbody></table>
<div>
Sekian Terima Kasih !<br />
<br />
<span style="font-size: x-small;"><i>Sumur : http://www.infoindong.com/2013/02/pembuatan-rating-bintang-disertai-css.html</i></span></div>

Memasang Rating Bintang Modifikasi CSS Keren

Modifikasi Rating Bintang dengan CSS Pembuatan Rating Bintang Modifikasi Css Menarik ini merupakan postingan lanjutan dari artikel sebel...

Selengkapnya »

pada 11/19/2015 11:43:00 am

Cara Membuat Rating Bintang di Blog

Cara Membuat Rating Bintang di Blog

Rating Bintang di Google Cara membuat rating bintang di blog dan membuat rating bintang tersebut menjadi rich snipets yang selanjutnya ...

Selengkapnya »

pada 11/18/2015 08:58:00 pm

Cara Membuat Halaman Statis Full Width

Cara Membuat Halaman Statis Full Width

Laman Full Statis di Blog Yang dimaksud dengan full width disini merupakan halaman statis yang memiliki lebar 100% atau tidak sama seka...

Selengkapnya »

pada 11/18/2015 08:15:00 pm

Cara Memasang Spoiler di Postingan Blog

#flippy button {
    background: #aa65c7;
    color: #fff;
    text-align: center;
    margin: 0 auto;
    border: none;
    border-radius: 3px;
    padding: 8px 16px;
    margin: 10px auto;
    font-size: 14px;
    font-weight: bold;
    box-shadow: 0px 3px 0px 0px #883da7;
    vertical-align: middle;
    cursor: pointer;
    text-shadow: 0 1px rgba(0, 0, 0, 0.3);
    transition: background 0.1s ease-in-out;
}

#flippy button:hover, #flippy button:focus {
    background: #9e4fbf;
    outline: none;
}

#flippanel {
    padding: 1px;
    text-align: left;
    background: #f5f5f5;
    border: 0px;
}

#flippanel {
    padding: 24px;
    display: none;
}</pre>
<br />
<br />
<ul>
<li>Selanjutnya, Simpan kode JQuery berikut diatas kode <span style="color: lime;"></body></span></li>
</ul>
<div>
<br /></div>
<pre><script>
$(document).ready(function() {
    $("#flippy").click(function() {
        $("#flippanel").slideToggle("normal");
    });
});
</script></pre>
<br />
<br />
<ul>
<li>Kemudian, Terapkan kode berikut ini di postingan blog mode HTML</li>
</ul>
<div>
<br /></div>
<pre><div id="flippy"><button>Cekidot</button></div>
<div id="flippanel">
---ISI KONTEN ANDA TERAPKAN DISINI---
</div></pre>
<br />
<div style="text-align: center;">
<span style="font-size: large;"><a href="http://codepen.io/arlinadesign/full/QwXzOR/" target="_blank">DEMO </a></span></div>
<br />
<br />
<span style="font-size: x-small;"><i>Sumur : http://www.arlinadzgn.com/2014/11/memasang-spoiler-di-postingan.html</i></span>

Cara Memasang Spoiler di Postingan Blog

Pasang Spoiler di Blog Ini ada cara memasukkan spoiler di postingan Blog, dengan efek Slide atau dengan efek kebawah seperti ber-animasi...

Selengkapnya »

pada 11/18/2015 07:19:00 pm

Cara Memasukkan / Input Gambar, Youtube, Blockquote dan Kode pada Komentar

Cara Memasukkan / Input Gambar, Youtube, Blockquote dan Kode pada Komentar

Menambahkan Gambar, Video, Blockquote, Pre, dan Kode pada Komentar Blogger Susah banget nyari ini Tutorial, ane nyari di google cuma ad...

Selengkapnya »

pada 11/12/2015 11:41:00 am

Memasang Spot.IM untuk Sistem Komentar di Blogger

<br />
<div id="tombol-spotim" onclick="toggleNavPanelspotIM('spot-im-frame-inpage')" style="background: #efefef; border-radius: 3px; border: 1px solid transparent; color: black; cursor: pointer; display: block; font-weight: 500; padding: 8px;">
Mau Coba Komentar Spot.IM? Klik Di sini</div>
<div expr:data-post-id="data:post.id" id="spot-im-frame-inpage" style="display: none; height: 4793px;">
<span class="spot-im-replies-count" expr:data-post-id="data:post.id"></span></div>
<br />
<span style="font-size: x-small;"><i>Sumur : http://www.kompiajaib.com/2015/08/kini-spotim-bisa-untuk-sistem-komentar.html</i></span>

Memasang Spot.IM untuk Sistem Komentar di Blogger

Komentar baru Spot IM Ada kabar gembira untuk kita semua, kini Spot.IM ada extract... eh malah kepikiran iklan :v. Sebenarnya Spot.IM k...

Selengkapnya »

pada 11/11/2015 03:56:00 pm

Cara Pasang Pesan Komentar dengan Parse Kode

Cara Pasang Pesan Komentar dengan Parse Kode

Pesan Komentar bonus Parse Kode Komentar adalah fitur Blogger yang sangat penting, karena berpengaruh dengan search engine. Tapi, banya...

Selengkapnya »

pada 11/09/2015 07:43:00 pm

Cara Memasang Persentase Scroll Bar di Blog Valid CSS3 dan HTML5

Cara Memasang Persentase Scroll Bar di Blog Valid CSS3 dan HTML5

Pasang Persentase Scroll di Blog Beberapa para Blogger ada yang menggunakan persentase scrollbar di blognya, untuk mengetahui berapa pe...

Selengkapnya »

pada 11/08/2015 04:54:00 pm

Cara Mengganti Warna Tampilan Scrollbar di Blog

Cara Mengganti Warna Tampilan Scrollbar di Blog

Mengganti Tampilan Scrollbar di Blog Dengan modifikasi Scrollbar di Blogger, tampilan scrollbar pada blog terlihat lebih menarik, keren...

Selengkapnya »

pada 11/07/2015 08:19:00 pm

Membuat Tombol / Button Keren campur Font Awesome

.buttonx ul {
margin:0;padding:0
}

.buttonx li{
display:inline;
margin:0;
padding:0
}

.demo {
border: none;border-radius:2px;
padding: 8px 19px !important; 
background: #E55E48; 
color: #fff !important;
text-align: center; 
text-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
transition: background-color .4s ease-out 0s;
}

.download {
border: none;border-radius:2px;
padding: 8px 19px !important; 
background: #2ecc71; 
color: #fff !important;
text-align: center; 
text-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
transition: background-color .4s ease-out 0s;
}

.demo:hover { 
background: #454242;
text-decoration:none 
}

.download:hover { 
background: #454242;
text-decoration:none 
}

.download:before { 
content : "\f019"; 
font-family : FontAwesome; 
font-weight : normal; 
padding :11px 11px 9px !important; 
background : #27ae60; 
margin-left : -19px; 
margin-right : 6px; 
border-radius : 3px 0 0 3px; 
font-size : 16px; 
}

.demo:before { 
content : "\f06e"; 
font-family : FontAwesome; 
font-weight : normal; 
padding : 11px 11px 9px !important; 
background : #c0392b; 
margin-left : -19px; 
margin-right : 6px; 
border-radius : 3px 0 0 3px; 
font-size : 16px; 
}</pre>
<br />
5. Save Template / Simpan Template.<br />
<br />
<h2>
Cara Menggunakan :</h2>
<br />
Gunakan kode berikut ini, di entri / laman baru, di tab HTML mode / disamping Compose.<br />
<br />
<pre><div style="text-align: center;">
<ul class="buttonx">
<li><a class="demo" href="http://zonahentongerz.blogspot.com" target="_blank">Demo</a></li>
<li><a class="download" href="http://zonahentongerz.blogspot.com" target="_blank">Download</a></li>
</ul>
</div>
<div class="clear"></div></pre>
<br />
<div style="text-align: center;">
<object allowfullscreen="allowfullscreen" data="//jsfiddle.net/zonahentongerz/e3xkho1v/embedded/result/" height="300" width="100%"></object>
<a href="http://zonahentongerz.blogspot.com/" target="_blank">Demo</a>
<a href="http://zonahentongerz.blogspot.com/" target="_blank">Download</a>
</div>
<div class="clear">
</div>
Silahkan ganti url address : <a href="http://zonahentongerz.blogspot.com/">http://zonahentongerz.blogspot.com</a> dengan alamat url yang kamu inginkan.<br />
<br />
<i>Sumur : http://www.madamvia.web.id/2014/12/membuat-tombol-demo-download-otomatis-font-awesome.html</i>