Online Firmware

fungsi:

Pesan Komentar ini berfungsi untuk memberikan suatu pesan aturan dari tata cara menyampaikan sebuah komentar untuk sebuah artikel yang telah kita posting pada halaman blog kita. Sebagai fungsi suatu pesan aturan, kita akan menuliskan suatu pesan yang memang benar benar ringkas jelas dan tidak bertele tele. Sebuah pesan yang disampaikan buat para pengunjung yang akan menjadi sebuah aturan dalam berkomentar harus dituliskan dengan serba sopan santun agar para pengunjung kita tidak merasa tersinggung, sebab suatu kunjungan sangat berharga buat suatu halaman blog kita. Dalam postingan saya kali ini, sebuah pesan dalam halaman blog akan kita buat, dan akan saya uraikan melalui tag tag html agar dapat kita sisipkan dalam tubuh tag HTML blog kita. Saya beharap sahabat sahabat bloger saya sudah memahami kegunaan dari Pesan Komentar yang akan kita buat pada halaman blog kita.


Lihat screen shoot gambar pesan komentar yang akan kita buat dibawah ini.



Fitur :

• Gambar Leave comment
• Text Pesan Komentar 
• Tombol Join to Blog
• Gift image 
• Install Program CSS

CARANYA :

1. Login ke dashboard anda
2. Masuk ke "TEMPLATE" lalu klik " Edit HTML " 
3. Cari code ]]></b:skin> 
4. Copy Code script CSS dibawah ini, pastekan diatas code ]]></b:skin> tadi

.Pesan_Komentar{

background:#FFF;

width:590px;

padding-top:2px;

padding-bottom:5px;

padding-left:10px;

padding-right:10px;

border: 1px solid rgb(9, 149, 223);

border-radius: 6px 6px 6px 6px;

box-shadow: 2px 4px 4px rgb(204, 204, 204);

font-family: Geneva, Arial, Helvetica, sans-serif;

font-size: 12px;

border-color: #666666;

height: 200px;

}

Install Program Tag HTML :

1. Login ke dashboard anda
2. Masuk ke "Template" 
3. lalu klik "Edit HTML" 
4. Cari code <div class=comment-form> ( tekan Ctrl+F untuk mempercepat ) 
5. Copas Code HTML dibawah ini, paste di atas code

<div class=comment-form>

<h4 id=comment-post-message>

<img alt="leave comment" height=30 src=https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUyfSAMD0065GWV3_Ojgc31dPG3U0rn4yRCS7qpCrwEwFksuA-y9Ot1gL3cFq9kmDU2pB3O8KSA8RUOcQdn0Oga5r2qBT15ilb9C_xVVXMtKHzuZCO72MHslEVEgPI6kq8NTtwuEOnkO8/s1600/leave-a-comment.jpg width=300 style="margin-bottom:-20px;" />

</h4>

<div class=Pesan_Komentar>

<p>

<span id=result_box lang=id>

<b>Semua umpan balik saya hargai dan saya akan membalas pertanyaan yang menyangkut artikel di Blog ini sesegera mungkin. </b>

<br/><br/>

1. Komentar SPAM akan dihapus segera setelah saya review 

<br/>

2. Pastikan untuk klik &quot;Berlangganan Lewat Email&quot; untuk membangun kreatifitas blog ini 

<br/>

3. Jika Anda memiliki masalah cek dulu komentar, mungkin Anda akan menemukan solusi di sana.

<br/>

4. Jangan Tambah Link ke tubuh komentar Anda karena saya memakai system 

<b> link exchange </b> 

</span><span lang=id><br/>

</span>5. Dilarang menyebarluaskan artikel tanpa persetujuan dari saya.

<br/></p>

<div style=margin-top:1px; margin-left: 0px; font-style:italic>

<p align="right"> Bila anda senang dengan artikel ini silahkan <a href=http://www.blogger.com/follow-blog.g?blogID=5055362939739660258 target=_blank rel="nofollow" title="Join to Blog">Join To Blog </a> atau berlangganan geratis Artikel dari blog ini. Pergunakan vasilitas diatas untuk mempermudah anda. Bila ada masalah dalam penulisan artikel ini silahkan kontak saya melalui komentar atau share sesuai dengan artikel diatas. </p>

</div>

<div style=margin-top:-15px;>

<img alt=Me align=left height=100 src=https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiteeb-c1e2tjZooDSNx0JfHrEuoiR_-0ZXFxD39FDB_ToGTRlgZlw9I5k2VmjMCxkkQSgpN-fcsJdhYBTSl24t4s-JhSuaEVL5C3Uwuyh03mOPvnQ1M279XB9YM3loXv018Uvv_e4Azjo/s1600/masalah.gif style=padding: 10px 10px 0px 0px;margin: -40px 10px 0px 0px; width=80/></div> 

</div> 

Keterangan Code :

1. Code tulisan warna merah ganti URL sesuai dengan ID blog anda
2.Ukuran lebar adalah 590px ( edit CSS untuk merubah ukurannya )
3.Sesuaikan semua tulisannya sesuai dengan peraturan blog anda.



BABAI..??

Hal ini merupakan hal yang sudah umum dan bukan lagi baru. Banyak para blogger yang sudah menerapkan trik ini di blog nya karena beberapa alasan. Ada yang bilang kalau menggunakan facebook akan lebih simple, ada yang bilang kalau menggunakan facebook jadi lebih gaul, ada juga yang bilang kalau pake facebook jadi tidak ribet. Itu semua pendapat orang, bagaimana pendapat anda ?

Sebenarnya blogger sendiri juga sudah menyediakan kolom komentar sendiri. Tapi di samping itu kebutuhan akan suatu hal yang baru tentunya akan selalu muncul. Ini juga terjadi pada blog ini, dikarenakan muncul terlalu banyak komentar pada salah satu artikel saya maka saya putuskan untuk membagi komentar pengujung blog ini ke kolom komentar facebook. Bisa anda lihat sendiri di kolom komentar. Anda juga dapat melihat screenshot nya di bawah !


1. Masuk akun blogger anda lalu pilih TEMPLATE, EDIT HTML
2. Lalu cari kode ]]></b:skin> (Untuk memudahkan pencarian, gunakan CTRL + F Letakan kode CSS di bawah tepat di atas kode ]]></b:skin>



.comments-page { background-color: #f2f2f2;} #blogger-comments-page { padding: 0px 5px; display: none;} .comments-tab { float: left; padding: 5px; margin-right: 3px; cursor: pointer; background-color: #f2f2f2;} .comments-tab-icon { height: 14px; width: auto; margin-right: 3px;} .comments-tab:hover { background-color: #eeeeee;} .inactive-select-tab { background-color: #d1d1d1;}

3. Setelah itu cari lagi kode </head> kemudian letakan lagi kode di bawah ini tepat di atas kode </head> :




<script src=http://connect.facebook.net/en_US/all.js#xfbml=1/> <script src=http://code.jquery.com/jquery-latest.js/> <meta content=ID FB ANDA property=fb:admins/> <script type=text/javascript> function commentToggle(selectTab) { $(&quot;.comments-tab&quot;).addClass(&quot;inactive-select-tab&quot;); $(selectTab).removeClass(&quot;inactive-select-tab&quot;); $(&quot;.comments-page&quot;).hide(); $(selectTab + &quot;-page&quot;).show(); } </script>

4. Dari kode di atas, perhatikan kode " ID FB ANDA ".ganti tulisan tersebut dengan id fb anda

5. Karena kita akan membuatnya berdampingan dengan komentar bawaan dari blogger. Maka kita perlu menambahkan beberapa script lagi.
Silahkan cari kode <div class=comments id=comments> .Biasanya kode tersebut tidak hanya 1, kalau di dalam template anda terdapat lebih dari 1 kode tersebut.Cari kode yang paling terakhir, lalu letakan script dalam kotak di bawah ini tepat di bawah kode <div class=comments id=comments> :



!--FB COMMENT--> <div class=comments-tab id=fb-comments onclick=javascript:commentToggle(&quot;#fb-comments&quot;); title=Comments made with Facebook> <img class=comments-tab-icon src=http://static.ak.fbcdn.net/rsrc.php/v1/yH/r/eIpbnVKI9lR.png/> <fb:comments-count expr_href=data:post.url/> Comments </div> <div class=comments-tab inactive-select-tab id=blogger-comments onclick=javascript:commentToggle(&quot;#blogger-comments&quot;); title=Comments from Blogger> <img class=comments-tab-icon src=http://www.blogger.com/img/icon_logo32.gif/> <data:post.numComments/> Comments </div><div class=clear/> </div> <div class=comments-page id=fb-comments-page> <b:if cond=data:blog.pageType == &quot;item&quot;> <div id=fb-root/> <fb:comments expr_href=data:post.url num_posts=5 width=500/> </b:if> </div> <div class=comments comments-page id=blogger-comments-page> <!--FB COMMENT--> 6. Simpan
 7. Semoga berhasil ya..??

:D

Kali ini saya akan memberi cara membuat emoticons di blog, emoticons yang saya tunjukkan kali ini sangat unik, bisa bergerak dan ringan. untuk sebagai contoh saya berikan gambar di atas atau lihat demonya:

Cara Memasangnya:

1. Masuk ke blog anda terldih dahulu
2. Pilih menu template --> edit HTML
3. Cari kode ]]></b:skin>
4. Pastekan kode dibah ini diatas kode ]]></b:skin>

 
.emoWrap {
 position:relative;
 padding:10px;
 margin-bottom:7px;
 background:#fff;
 /* IE10 Consumer Preview */
 background-image: -ms-linear-gradient(right, #FFFFFF 0%, #FFF9F2 100%);
 /* Mozilla Firefox */
 background-image: -moz-linear-gradient(right, #FFFFFF 0%, #FFF9F2 100%);
 /* Opera */
 background-image: -o-linear-gradient(right, #FFFFFF 0%, #FFF9F2 100%);
 /* Webkit (Safari/Chrome 10) */
 background-image: -webkit-gradient(linear, right top, left top, color-stop(0, #FFFFFF), color-stop(1, #FFF9F2));
 /* Webkit (Chrome 11+) */
 background-image: -webkit-linear-gradient(right, #FFFFFF 0%, #FFF9F2 100%);
 /* W3C Markup, IE10 Release Preview */
 background-image: linear-gradient(to left, #FFFFFF 0%, #FFF9F2 100%);
 border:3px solid #860000;
 -moz-border-radius:5px;
 -webkit-border-radius:5px;
 border-radius:5px;
 box-shadow:0 4px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3);
 -moz-box-shadow:0 4px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3);
 -webkit-box-shadow:0 4px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3);
 box-shadow:0 2px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3);
 font-weight:normal;
 color:#333;
 }
 .emoWrap:after {
 content:"";
 position:absolute;
 bottom:-10px;
 left:10px;
 border-top:10px solid #860000;
 border-right:20px solid transparent;
 width:0;
 height:0;
 line-height:0;
 }

 
5. Langkah berikutnya cari kode </body> 6. Pastekan kode dibawah ini di atas kode </body> </body> kode ini biasanya ada di bagian bawah edit html 
 <b:if cond=data:blog.pageType == &quot;item&quot;>
 <script type=text/javascript>
 //<![CDATA[
 jQuery(document).ready(function () {emoticonx({
 emoRange:"#comments p, div.emoWrap",
 putEmoAbove:"iframe#comment-editor",
 topText:"Click to see the code!",
 emoMessage:"Untuk menyisipkan emoticon Anda harus menambahkan setidaknya satu ruang sebelum kode."
 })
 });
 //]]>
 </script>
 <script src=https://boyz.googlecode.com/svn/JS/emoticonnya.js type=text/javascript/>
 </b:if>

 
7. Ket: Warana merah anda tukar dengan kata-kata anda sendiri 8.Pratinjau terlebih dahulu 9. Simpan 10. Sekarang tinggal lihat hasilnya dach ! Semoga bermanfaat ya ? BABAI....??? 

Cara Mudah Menghilangkan Link Aktif di Komentar - Jengkel dan Pusing melihat link aktif di komentar blog Anda. Berikut ini ada tips untuk ente coba, muga-muga aja masih fungsi dengan baik dan tidak tambah ribet.

Cara Mudah Menghilangkan Link Aktif di Komentar

Anda hanya perlu masuk di blog Anda kemudian tinggal menuju edit HTML dan cari script </head>
setelah itu copy Script berikut diatas kode </head>

<script src=http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js type=text/javascript>
 </script>
<script type=text/javascript>
$(function() {
$(#comments p).find(a).remove();
});
</script>

Oke silahkan di Save bos.

INFO : Untuk tulisan dengan background red jika di blog ente sudah ada tidak usah ikut di copy.

Baca Juga : 9 FREE Text Editors Tools For Developers 

Bila anda pernah mencoba fitur komentar Google+ pada blog anda dan akan kembali ke komentar bawaan pasti akan menemui komentarnya tidak muncul. Fitur komentatr G+ menonaktifkan komentar bawaan tetapi tidak mengembalikan komentar bawaan seperti semula saat tidak menggunakan fitur G+.

 Saya pernah mendapati gadget komentar blogger saya hilang, tidak muncul setelah memasang dan mencopot komentar G+. Saya sempat menyerah juga mengatasi hal ini, saya mengakalinya dengan memasang gadget komentar disqus. Setelah memasang gadget disqus entah mengapa perasaan ko masih kurang sreg, masih penasaran bagaimana caranya memunculkan kembali gadget komentar yang asli. Mungkina anda juga sudah kesana kemari dengan tutorial yang tidak berhasil.

Berikut cara mengatasi komentar yang tidak muncul, sebelum memasang komentar G+, komentar tidak ada masalah dan ketika beralih dari komentar G+ ke komentar bawaan.

Silahkan buka pada pos editor, buka pada Pilihan.

Setelah dibuka ternyata setelan komentar tidak diperbolehkan berkomentar dan disembunyikan. Ternyata disini letak masalahnya, gara-gara komentar G+.












kita setel ke Izinkan kembali lalu perbarui pos. Kalau jumlah posnya banyak repot juga ya?