Tampilkan postingan dengan label Modifikasi Postingan. Tampilkan semua postingan
Tampilkan postingan dengan label Modifikasi Postingan. Tampilkan semua postingan

Kamis, 09 Februari 2012

Cara Menambah Fungsi Rating Pada Postingan

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjj1Nm1bPqGe9SukM_jEZkUHHiiQSZBwZ8EzAfYb4dBCfRgUjhWCpS3svg3te1zKPWG_SiDCct1dduLK0wsNfLlWMi1gpwXuOTS7EsQF7Qe4PzLYfD-3E0NJlqf_QDoHHeokaIeYfGtqpk/s1600/Rating+pada+blogspot.jpg

Cara Menambah Fungsi Rating Pada Postingan - Mungkin sobat blogger sudah pernah melihat suatu blog memiliki fungsi rating disetiap postnya. Dengan adanya fungsi rating, para pengunjung bisa menilai postingan yang sobat blogger buat.


Contohnya seperti yang di bawah ini  :



Apakah sobat tertarik membuat nya ? jika tertarik silahkan di lanjutkan



Langkah 1
Login ke Dasbor sobat

Langkah 2
Plih Rancangan & Edit HTML jangan lupa centang Widget Template (Download Template sobat terlebih dahulu untuk berjaga-jaga jika terjadi kesalahan)

Langkah 3
Cari kode (gunakan CTRL F untuk mempercepat pencarian)

<!-- quickedit pencil -->
<b:include data='post' name='postQuickEdit'/>
</span>
</div>
Langkah 4
Tambahkan kode berikut tepat dibawahnya


<script language='JavaScript'>var OB_platformType = 1; var OB_demoMode = false;var OB_langJS =&#39;http://widgets.outbrain.com/lang_en.js&#39;;</script><script src='http://widgets.outbrain.com/OutbrainRater.js' type='text/javascript'/>

Maka susunannya akan menjadi seperti ini
<!-- quickedit pencil -->
<b:include data='post' name='postQuickEdit'/>
</span>
</div>
<script language='JavaScript'>var OB_platformType = 1; var OB_demoMode = false;var OB_langJS =&#39;http://widgets.outbrain.com/lang_en.js&#39;;</script><script src='http://widgets.outbrain.com/OutbrainRater.js' type='text/javascript'/>


Sekarang pengunjung bisa menilai seberapa baikkah postingan blog sobat blogger.

Selamat mencoba, Happy Blogging

Cara menambah 2 kolom di bawah Posting


Cara menambah 2 kolom di bawah Posting - Selamat datang kembali di septian-lbs-2012.blogspot.com. Pada kesempatan ini saya  akan menjelsakan tutorial blogspot lagi tentang cara membuat  kolom di bawah postingan blog. Cara menambah 2 kolom dibawah posting bisa dibililang sangat mudah. jika soabt blogger tertarik.
Berikut langkah - langkahnya:

Langkah-langkah : Cara menambah 2 kolom di bawah Posting


Langkah 1
Login ke Dasbor sobat

Langkah 2
Plih Rancangan & Edit HTML jangan lupa centang Widget Template 


(Download Template sobat terlebih dahulu untuk berjaga-jaga jika terjadi kesalahan)


Langkah 3
Cari Kode ]]></b:skin>

Langkah 4
Letakkan kode dibawah ini di atas kode ]]></b:skin>

#related{background:#eee url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqMhRymjP4wFlA7KkH_n60Khk_SdvocFrzLrf8DG_4EsM4ogBN7B646GsLKhjHRgyAeqRtRrqOP0pIqeXfM8AGYnVfsxDCW6Z1ALKqTzGJAAej7R076WS-vr8suGssgQLk-87ORxkiKLQ/) 45% 0 repeat-y;border:1px solid #ddd;color:#000;margin:0 0 10px;padding:15px}
#related .related-posts{font-weight:400;width:53%;float:right}
#related .related-posts p{margin:0}
#related .related-posts h3,#related .related-posts h2,#related .related-posts h1{font-size:12pt;letter-spacing:0;margin:0}
#related .related-posts ol{font-weight:400;margin:2px 0 0}
#related .subscribe{width:43%;float:left;color:#000}
#related .subscribe p.intro{font-weight:400}
#related .subscribe p.feed{margin-bottom:10px;font-weight:700;padding-left:21px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8hOYu400krfLtSgvYbVZOznGCpBhgdXsptGtAX9QNX22hakczel7YVLoHuHKNTv8CYaf6v4bGxZqHYt8gxtvkR63LxdNqOiC44Xw4ketNRogWPQWa1V-knfdlTk2NSBL-3zjNz0S6x3o/) 0 50% no-repeat;vertical-align:middle}
#related .subscribe form{margin:0;padding:0}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{display:inline-block}

Langkah 5
Cari kode di bawah
<data:post.body/>
Langkah 6
Letakkan kode di bawah ini tepat setelah kode <data:post.body/>:
<div class='clearfix' id='related'>
<div class='subscribe'>
<p class='feed'>
<a href='http://disini letakkan Link Feed anda/feeds/posts/default'>Berlangganan via RSS Feed</a></p><p class='intro'>disini letakkan kode Form Berlangganan Anda</p></div>
<div class='related-posts'>disini letakan kode Related Post Anda</div></div>
 NB: Jika sudah memasang auto readmore, letekan setelah kode <data:post.body/> yang ke 2


Simpan dan Lihat Hasilnya