Catatan si Ariez: Tips & Trik Blog

Monday, 10 February 2014

Cara Menampilkan Rating Bintang Di Hasil Pencarian Google

Hahihuheho - Pada kesempatan kali ini saya akan membagikan Tutorial Blog.
Yaitu Cara Menampilkan Rating Bintang Di Hasil Pencarian Google.

Langsung kepermasalahan, untuk sobat yang mau memasangnya di blog, ikuti langkah langkah dibawah ini..!

Cara Menampilkan Rating Bintang Di Hasil Pencarian Google.

1. Masuk keakun blog sobat

2. Pilih Template --> Edit HTML

3. Cari kode <b:skin><![CDATA[/*

4. Setelah ketemu, masukkan kode dibawah ini tepat diatas kode <b:skin><![CDATA[/*

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

Ket : Ganti tulisan warna biru dengan URL google plus milik sobat.

5. Kemudian Copy kode dibawah ini tepat dibawah kode <body>

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

Dan masukkan kode dibawah ini tepat diatas kode </body>

</div></div>

6. Cari kode <data:post.body/> dan masukkan kode dibawah ini tepat dibawah kode <data:post.body/>

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>

Ket :
Kode <data:post.body/> akan ada 2 jika sobat memasang readmore, sobat pilih kode <data:post.body/> yang nomor 2 jika sobat memasang ReadMore.

7. Simpan dan lihat hasilnya

Semoga bermanfaat..., :)

Tuesday, 28 January 2014

Cara Membuat Efek Bayangan Pada Teks

Salah satu cara yang bisa sobat blogger lakukan untuk memodifikasi atau menghias tampilan dari teks atau postingan sobat blogger adalah dengan cara menambahkan warna dan efek bayang pada teks sobat blogger. Efek bayang atau Shadow Effect akan membuat tulisan sobat blogger terlihat lebih Cool dan menakjubkan. Coba perhatikan contoh di bawah ini!

Search the world's information, including webpages, images, videos and more
Share your videos with friends, family, and the world
Monetize. Make money with Adsense. Blogger logo. Explore Blogs of Note. Want to learn more? Take a quick tour, watch a video tutorial or read Blogger Buzz

Apakah sobat blogger penasaran bagaimana cara membuat teks berbayang pada postingan? Baiklah, coba sobat blogger ikuti langkah berikut :

Cara Menambahkan Efek Bayang Pada Tulisan Atau Teks

Ketika sobat blogger menulis postingan di blogger.com, sobat blogger harus menulis postingan dalam mode HTML.

Kemudian tambahkan kode berikut sebelum dan setelah teks.

<style type="text/css">b.drop-shadow { text-shadow: 2px 2px 2px yellow }</style><font color="green"><b class="drop-shadow"><b>Letakkan Teks Sobat blogger disini</b></font></b>

Contoh :

<style type="text/css">b.drop-shadow { text-shadow: 2px 2px 2px yellow }</style><font color="green"><b class="drop-shadow"><b>Tutorial Blogspot</b></font></b>

Hasilnya terlihat seperti ini :
Tutorial Blogspot

Untuk kostumisasi :
Tulisan yang berwarna merah adalah warna bayang dan yang warna biru adalah warna font, silahkan sobat blogger sesuaikan.

Terima kasih banyak atas kunjungannya...