Tuesday, November 5, 2013 0 comments

Cara membuat tombol like pada postingan


Salam Pembaca kang-baqe blogs,Meletakkan Tombol 'like' dalam blog dapat memberi gambaran secara kasar terhadap pengunjung anda menyukai postingan yang ada di blog anda. Selain itu, penggunaan tombol  'like' ini juga sedikit dapat meningkatkan trafik blog anda.


Cara untuk meletakkan Tombol like ini adalah seperti berikut :
1. Login akun blogger sobat

2. Dari Dasbor > Rancangan > Edit HTML > Expand  template widget
3. Menggunakan fungsi find (CTRL + F), cari kode berikut.

<data:post.body/>

3. Kemudian copy kode ini, dan paste di bawah kode <data:post.body/> 
<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=standard&amp;show_faces=false&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:40px;'/>
4. Save dan lihat hasilnya
5. Selesai
Sekian tutorial ini ,semoga bermanfaat bagi pembaca kang-baqe blogs.Terima kasih telah membaca.

0 comments

Cara Membuat Readmore pada blog



Salam Pembaca kang-baqe blogs, pada sebuah blog dengan mempunyai fungsi 'read more' dapat memudahkan pengunjung untuk membaca setiap postingan yang ada pada blog kita,tertarik untuk mencobanya ? silahkan ikuti langkah – langkah berikut :



Berikut merupakan langkah yang perlu dilakukan untuk menggunakan fungsi 'Read More' pada blog.

1. Login pada blogger sobat

2. Pada Dasbor>Klik Rancangan> Edit html.
3. Pastikan anda backup template dahulu dengan klik 'Download Full Template'  kemudian klik pada 'Expand Template widget'.
4. Pada keyboard sobat, tekan CTRL + F untuk menghidupkan fungsi 'Find' kemudian cari kode berikut 
<data:post.body/>


5. Lalu letakkan kode ini di atas   <data:post.body/>


<b:if cond='data:blog.pageType == "item"'><style>.fullpost{display:inline;}</style><p><data:post.body/></p><b:else/><style>.fullpost{display:none;}</style>

6. Kemudian letakkan kode ini di bawah  <data:post.body/>


<b:if cond='data:blog.pageType != "item"'><br /><a expr:href='data:post.url'>Baca Selengkapnya...</a></b:if></b:if>

Catatan : kode lebih baik diberikan jarak seperti berikut agar suatu waktu mudah untuk melihatnya



7. Setelah selesai menempatkan kode, Save Template.

8. Selesai


Sekian tutorial ini ,semoga bermanfaat bagi pembaca blog kang-baqe blogs.Terima kasih telah membaca.

0 comments

Cara Membuat Menu Dropdown di Blog



Salam Pembaca kang-baqe blogs, Bagaimana caranya membuat menu dropdown yang di dalam nya ada linknya, saya ambil contoh untuk menu Dropdown milik saya. Untuk membuatnya silahkan anda copy kode HTML di bawah :

<form><select name="menu" onchange="window.open(this.options[this.selectedIndex].value,'_blank')"size=1 name=menu><option value=0 selected>Nama menu yang akan ditampilkan</OPTION>

<option value="Alamat Url">Nama url yang akan ditampilkan</option></select></form>

Sebagai contoh untuk menu Dropdown milik saya :
<form><select name="menu" onchange="window.open(this.options[this.selectedIndex].value,'_blank')"size=1 name=menu>
<option> Tutorial desain  blog </option>
<option value="http://kang-baqe.blogspot.com/2013/11/cara-membuat-blog-di-bloggerblogspot.html">Cara membuat blog di blogger</option>

<option value=" http://kang-baqe.blogspot.com/2013/11/cara-custom-domain-di-blogger.html">Cara Custom Domain di Blogger </option>

<option value="
<option value=" http://kang-baqe.blogspot.com/2013/11/cara-daftar-di-feedburnercom.html">Cara Daftar di Feedburner.com </option>

<option value="
<option value=" http://kang-baqe.blogspot.com/2013/11/cara-membuat-banner-animasi-di-blog.html">Cara Membuat Banner Animasi di blog</option>

<option value="
<option value=" http://kang-baqe.blogspot.com/2013/11/cara-membuat-readmore-pada-blog-1.html">Cara Membuat Readmore pada blog (1)</option>

<option value="
<option value=" http://kang-baqe.blogspot.com/2013/11/cara-mengganti-template-di-blogger.html">Cara Mengganti Template di blogger</option>

</select></form>
</select></form>
Top of Form
Bottom of Form

Gampang kan ? selamat mencoba ! sekian tutorial ini ,semoga bermanfaat bagi pembaca kang-baqe blogs.Terima kasih telah membaca.

0 comments

Cara edit Blog Secara Offline




Salam Pembaca kang-baqe blogs, Kepengen edit blog kamu secara "Offline", tanpa harus berinternet terus menerus dan menghemat tagihan internet? Gunakan aja sejumlah Blog Editor yang sangat powerfull untuk merubah / edit / menambah postingan baru, tanpa harus online ke internet.
Coba beberapa Blog Editor ini:
·         Windows Live Writer :
·         Blogdesk :
·         Zoundry Raven :
·         Wblogger :
·         Thingamablog :
·         Qumana :
·         Scribefire :
·         BlogJet :
·         Flog :
·         Post2Blog
·         Bleezer :

Terima kasih telah membaca

 
;