Tampilkan postingan dengan label Modifikasi Blog. Tampilkan semua postingan
Tampilkan postingan dengan label Modifikasi Blog. Tampilkan semua postingan

Jumat, 03 Februari 2012

Cara Otomatis Memunculkan Bintang Rating di Semua Posting Blog

Cara Otomatis Memunculkan Bintang Rating di Semua Posting BlogMemasang Rating Bintang di bawah URL nama blog dalam hasil pencarian google, otomatis untuk semua posting
a. Langkah 1
- Buat dulu profil Google Plus 
- Setelah memiliki profil Google +, lanjutkan dengan menambahkan publisher blog, caranya:

Masuk ke menu Design - Edit HTML, lalu cari kode <head> 
Tambahkan kode berikut dibawah <head>

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

(Yang berwarna biru ganti dengan URL Google + kamu sendiri)

b. Langkah ke-2

- Tambahkan kode berikut ini di bawah <body>

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

- Lalu, tambahkan kode </div></div> diatas </body>

c. Langkah ke-3; Memasang kode Rating Bintang di Blog (Rating 5 dan Rating 10)

Masukkan kode berikut dibawah <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>


(Kode diatas akan memunculkan Rating Bintang Maksimal 5, jika kamu ingin membuat rating bintang 10 (yang muncul maksimal 10) gunakan kode script berikut)


<div itemscope="" itemtype="http://data-vocabulary.org/Review-aggregate">
<span itemprop="itemreviewed">
<data:post.title/></span>
<span itemprop="rating" itemscope="" itemtype="http://data-vocabulary.org/Rating"> <span itemprop="average">9&nbsp;</span>out of <span itemprop="best">10</span> based on <span itemprop="votes">10</span> ratings. <span itemprop="count">9</span> user reviews.
</span></div>
Sekarang semua beres, simpan template blog kamu

d. Langkah ke-4, Pengecekan Hasil

Sekarang kita cek hasilnya, coba buka tool richsnippet google melalui URLhttp://www.google.com/webmasters/tools/richsnippets

Lalu, coba cek salah satu URL posting kamu, jika sudah muncul rating bintang (warna kuning emas) berarti langkah2 kamu sudah benar.
Sumber : wahyu-winoto.com
rating 5

Minggu, 29 Januari 2012

Cara Membuat Tabel Di Postingan Blogger/Blogspot

Cara Membuat Tabel Di Postingan Blogger/Blogspot - atau Cara Membuat tabel dalam postingan blog kadang diperlukan dengan maksud untuk memperjelas materi tulisan/artikel atau untuk mempersingkat penjelasan. Pada panel posting blogger tidak tersedia fasilitas untuk membuat tabelsehingga kita perlu membuat tabel secara manual dengan menggunakan tag HTML tertentu. Dasar yang harus kita pahami dulu disini adalah bagaimana cara atau kode penulisan sebuah tabel didalam postingan. Pada tips blogging kali ini saya akan share bagaimana cara membuat tabel serta tag HTML kode penulisannya.



Perintah dasar tag HTML untuk membuat tabel :


Kode HTMLKeterangan
<table>...</table>Perintah untuk membuat tabel
<tr>...</tr>Perintah untuk membuat baris
<td>...</td>Perintah untuk membuat kolom
border, width, align, bgcolorKode tambahan untuk pengaturan tebal garis 
border, lebar tabel, perataan teks dan warna background



Nah sekarang kita coba membuat tabel 1x3 ( 1 baris 3 kolom ), maka penulisannya seperti ini :



<table border="1">
<tr>
<td>Konten 1</td>
<td>Konten 2</td>
<td>Konten 3</td>
</tr>
</table>



Maka hasil tampilannya menjadi seperti ini :




Konten 1Konten 2Konten 3



Selanjutnya kita coba merubah kode dasar diatas tadi untuk mempercantik tampilan dengan perataan teks dan ukuran lebar tabel kita tentukan misalnya 450px, maka penulisannya menjadi seperti ini :



<table border="1" width="450">
<tr bgcolor="#F2F2F2">
<td align="center"><b>Konten 1</b></td><td align="center"><i>Konten 2</i></td><td align="center">Konten 3</td>
</tr>
</table>



Maka hasil tampilannya menjadi seperti ini :




Konten 1Konten 2Konten 3



Kemudian kita coba lagi membuat tabel yang lebih banyak misalnya 2x3 (2 baris 3 kolom ) dengan format penulisan seperti ini :



<table border="1" width="450">
<tr bgcolor="#F2F2F2">
<td align="center"><b>Konten 1</b></td><td align="center"><i>Konten 2</i></td><td align="center">Konten 3</td>
</tr>
<tr>
<td align="left">Tuliskan teks disini</td>
<td align="left">Masukkan script gambar dengan format seperti ini &lt;img alt="emo" border=&#039;0&#039; src=&#039; http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-020.gif&#039;/&gt;</td>
<td align="center"> Maka hasilnya akan seperti ini
<img alt='emo' border='0' src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-020.gif' title='emo'/></td>
</tr>
</table>



Maka hasil tampilannya menjadi seperti ini :




Konten 1Konten 2Konten 3
Tuliskan teks disiniMasukkan script gambar dengan format seperti ini <img border='0' src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-020.gif'/>Maka hasilnya akan seperti ini 



Nah dari 2 contoh sederhana tadi silahkan sobat terapkan untuk membuat tabel dalam postingan anda dengan menggunakan perintah-perintah dasar pembuatan tabel serta kode tambahan yang diperlukan sehingga hasil akhir tabel yang dibuat jadi lebih bagus dan menarik. Materi posting ini tidak cukup jika dihafalkan saja namun akan lebih baik kalau kita langsung mencoba praktek membuatnya. Tentukan dulu jenis atau bentuk tabel yang ingin sobat buat, kemudian coba tuliskan scriptnya di notepad, buka panel posting blogger sobat kemudian paste kode script tabel yang dibuat tadi disana serta lihatlah previewnya. Saya yakin dengan cara seperti ini akan mempercepat pemahaman kita mengenai cara pembuatan tabel ini. Semoga tips ini bisa bermanfaat, happy nice blogging
Sumber Referensi Artikel : http://rayhanzhampiet.blogspot.com/2011/11/cara-membuat-tabel-di-postingan.html
rating 5

Cara Mengetahui Feed URL Blog

Cara Mengetahui Feed URL Blog - kali ini saya akan berbagi Tips blogging Pemula yaitu cara mengetahui Feed URL Suatu blog. Sebelumnya apa sebenarnya Feed itu..? Mungkin sebagian besar dari para blogger sudah mengetahunya, akan tetapi bagi blogger newbie mungkin ada yang belum mengetahuinya...

Feed (atau disebut juga Feed News) adalah format data yang digunakan seseorang penggunanya untuk mendapatkan update konten dari suatu blog atau web.

Sedangkan Feed tersebut ada 2, yaitu Atom dan RSS. Menurut Kamus Istilah Blogger oleh Mas Medhy Aginta (www.blogguebo.com) pengertian Atom dan RSS adalah sebagai beriku
Atom adalah sebuah format sindikasi feed yang dikembangkan sebagai alternatif RSS. Atom memungkinkan seseorang mendapatkan updates artikel dari sebuah situsatau blog manakala ada posting baru.
RSS (kependekan dari Really Simple Syndication) adalah suatu format yang digunakan untuk mengirimkan informasi dari sebuah situs dan halaman situs yang di-update secara berkala. Sebuah dokumen RSS (yang disebut Feed) berisi ringkasan atau keseluruhan konten dari sebuah situs. Keuntungan menggunakan RSS adalah memungkinkan pengunjung sebuah situs untuk tetap berhubungan dengan situs-situs favorit mereka tanpa harus mengunjunginya secara online. Manakala anda berlanggan sebuah RSS Feed, secara otomatis anda akan menerima updates konten dari situs bersangkutan apabila situs tersebut mempublikasikan konten baru.
Kita biasanya akan membutuhkan Feed URL ini ketika kita melakukan submit blog atau artikel kedalam sebuah Blog directory. Lalu bagaimana caranya? Sebenarnya caranya cukup simple, anda tidak membutuhkan software atau plugin tambahan, berikut cara mengetahui Feed URL :

1. Buka halaman blog anda
2. Klik kanan pada area kosong di halaman blog anda
3. Klik View Page Info
4. Akan muncul popup window baru, klik pada Feeds
5. Disana akan muncul URL Feed Atom dan RSS

Mudah banget kan..?
Sekian dulu artikel saya mengenai Cara Mengetahui Feed URL Pada Blog. Semoga artikel ini bermanfaat bagi anda.

Sumber Referensi : http://uzumaki-lovers.blogspot.com/2011/11/cara-mengetahui-feed-url-blog.html
rating 5