Cara sembunyikan kolom komentar blog

Ada beberapa alasan yang memang membuat para pemilik blog memilih untuk menyembunyikan kolom komentar pada blog yang dimilikinya. Diantaranya yang paling banyak terjadi adalah banyaknya komentar yang berisi spam atau promo produk-produk tertentu yang tidak ada kaitannya dengan isi artikel yang dibahas.

Atau mungkin ada pula komentar-komentar negatif yang tidak bersifat membangun,dengan banyaknya komentar yang seperti itu tentu hal tersebut akan sangat berpengaruh pada tingkat konsentrasi para pemilik situs sehingga tidak mampu memfokuskan diri pada materi yang seharusnya lebih utama daripada memikirkan komentar-komentar yang kurang baik.

Pada dasarnya kenapa kolom komentar tersebut dipasang adalah agar para pengunjung blog bisa berinteraksi dengan pengelola situs ketika ada hal-hal yang ingin ditanyakan mengenai isi dalam artikel yang mungkin kurang begitu dipahami.

Seperti contoh pada gambar di bawah ini.

Nilai positif yang terbangun atara pengunjung dan pemilik situs bisa terwujud melalui media kolom komentar sebagai sarana untuk bertukar wawasan seputar blog atau tofik pembahasannya. Akan tetapi seperti yang sudah dijelaskan pada paragraf awal,akibat banyaknya komentar spam maka menyembunyikan kolom komentar adalah pilihan yang tepat sebagai solusi untuk menghindari kemungkinan terburuk yang akan terjadi pada situs tersebut.

Cara menyembunyikan kolom komentar di blog terbilang cukup mudah untuk dilakukan. Anda hanya perlu masuk ke menu pengaturan blog kemudian pada bagian komentar klik Lokasi komentar 

Selanjutnya ubah pilihan dari tersemat menjadi sembunyikan kemudian klik simpan.

Dengan pengaturan di atas maka kolom komentar tidak akan muncul pada postingan blog anda.

Itulah penjelasan singkat mengenai cara sembunyikan kolom komentar blog,semoga bermanfaat dan terimakasih atas kunjungannya.

Cara upload gambar dan video kedalam artikel blog

Melanjutkan pembahasan mengenai beberapa fungsi tools yang terdapat pada menu bar dihalaman entri blog yang pada kesempatan sebelumnya saya sudah bahas mengenai Cara menautkan link kedalam artikel blog maka pada kesempatan kali ini saya akan coba bahas bagaimana cara menambahkan gambar dan video kedalam artikel blog.

Artikel ini saya buat khusus bagi para blogger pemula yang memang belum memahami bagaimana cara mengupload gambar dan video ketika sedang menulis artikel di blog atau bagi anda yang memang ingin belajar untuk sekedar menambah wawasan.

Gambar atau video dalam sebuah artikel merupakan pelengkap supaya artikel yang dipublikasin dapat terlihat lebih menarik serta enak dipandang mata.

Bagi anda yang memang ingin mengkhususkan blog yang anda kelola untuk berbagi konten photography atau video maka pembelajaran ini pasti akan sangat bermanfaat sekali. Maka dari itu,sebelum melanjutkan pembahasan bagaimana proses untuk menguploadnya anda perlu tahu dulu tool mana yang akan digunakan?

Pada gambar halaman entri atau tempat untuk menulis artikel di atas bisa anda lihat,ikon yang ditandai kotak warna merah adalah ikon untuk mengupload gambar sementara disebelahnya adalah ikon untuk mengupload video.

Cara upload gambar kedalam artikel blog.

Langkah pertama adalah klik ikon seperti yang ditandai garis kotak warna merah pada gambar di atas. Selanjutnya akan muncul menu pilihan

Pilih Upload dari komputer lalu klik pilih file,selanjutnya silahkan pilih gambar yang akan diupload. Setelah proses upload selesai silahkan klik pilih dan gambarpun sudah berhasil diupload kedalam artikel.

Baca juga : Cara membuat title dan alt text gambar artikel otomatis

Cara upload video kedalam artikel blog.

Sama seperti langkah mengupload gambar,yaitu klik ikon tool untuk mengupload videonya kemudian pilih Upload dari komputer atau Youtube.

Jika memilih Upload dari komputer (lihat bagian gambar yang ditunjukan oleh nomor 1) kemudian klik pilih video untuk diupload setelah proses upload selesai silahkan klik pilih.

Jika memilih Youtube (lihat bagian gambar yang ditunjukan oleh nomor 2) silahkan pilih dan klik video yang akan diupload (dari chanel youtube sendiri atau dari hasil penelusuran) kemudian klik pilih.

Bagaimana,cukup mudah dipahami kan? Itulah tutorial untuk mengupload gambar dan video kedalam artikel blog. Semoga bermanfaat dan terimakasih atas kunjungannya.

Cara atasi masalah search console " kebergunaan seluler tidak sama "

Beberapa waktu yang lalu saya mendapat email dari google search console yang menjelaskan hasil laporan situs https://frenaradea.blogspot.com mengenai masalah kebergunaan seluler yang tidak sama.

Dalam isi email tersebut diterangkan jika Elemen yang dapat diklik terlalu berdekatan satu sama lain dan Teks terlalu kecil untuk dibaca.

Sayapun coba lakukan pemeriksaan Situs mobile friendly dengan menggunakan Google developers dan hasilnya adalah tidak ada masalah.

Tapi kenapa hasil laporan search console menjelaskan adanya masalah kebergunaan seluler pada situs saya? Berbagai informasipun saya coba cari dengan berselancar di dunia maya,sampai akhirnya saya menemukan satu penjelasan yang sangat masuk akal jika masalah tersebut terjadi karena pihak Blogger menggunakan dua parameter url untuk membedakan situs berdasarkan versinya. ?m0 digunakan untuk situs versi web dan ?m1 digunakan untuk situs versi mobile.

Contoh url situs versi web : 

https://frenaradea.blogspot.com/2016/01/pengujian-situs-mobile-friendly.html?m=0

Contoh url situs versi mobile :

https://frenaradea.blogspot.com/2016/01/pengujian-situs-mobile-friendly.html?m=1

Pada contoh url di atas anda bisa melihat perbedaannya pada bagian akhir. Jadi,masalah yang dilaporkan oleh search console mengenai kebergunaan seluler adalah url yang menggunakan parameter ?m0. Anda bisa mengetesnya menggunakan alat pengujian situs mobile friendly dengan menambahkan parameter ?m0 dibelakang url situs anda. Contoh : https://frenaradea.blogspot.com/?m0 maka hasilnya adalah tidak mobile friendly.

Sebenarnya hal tersebut bukan masalah serius,karena biasanya jika url situs dibuka menggunakan perangkat seluler maka secara otomatis akan menyesuaikan atau di redirect ke url situs versi mobile.

Adapun untuk memperbaiki masalah Elemen yang dapat diklik terlalu berdekatan satu sama lain dan Teks terlalu kecil untuk dibaca. Anda bisa memasukan kode script di bawah ini pada html template situs anda.

.post-body {
line-height:1.8em;
letter-spacing: 0.1px;
Word-spacing:0.5px;
}

Silahkan masuk ke akun blogger kemudian pilih menu tema lalu klik edit html. Selanjutnya cari kode ]]></b: skin> dan tempatkan kode script tersebut di atasnya. Setelah itu klik simpan.

Untuk jaraknya bisa anda sesuaikan sendiri sesuai selera.

Line-height dimaksudkan untuk mengatur jarak antar paragraf.

Letter-spacing dimaksudkan untuk mengatur jarak antar huruf.

Word-spacing dimaksudkan untuk mengatur jarak antar kata.

Demikianlah pembahasan pada artikel kali ini,semoga bermanfaat dan terimakasih sudah berkunjung.

Cara membuat title dan alt text otomatis pada gambar artikel blog

Mengisi title dan alt text pada gambar yang di upload kedalam artikel merupakan salah satu cara untuk menanamkan kata kunci pada artikel yang anda buat agar artikel tersebut bisa dengan cepat terindeks oleh mesin pencari. Selain itu,dengan mengisi title dan alt text pada gambar artikel juga memiliki pengaruh besar terhadap peningkatan nilai seo blog yang anda kelola.

Untuk menambahkan title dan alt text pada gambar bisa dilakukan dengan dua cara yaitu cara manual dan otomatis.

Cara manual bisa anda lakukan dengan menyentuh gambar yang telah di upload kedalam artikel,kemudian akan muncul menu pilihan lalu klik ikon pengaturan,silahkan isi title dan alt text sesuai dengan isi artikel yang anda bahas,jika gambar pada artikel lebih dari satu maka usahakan alt text yang dimasukan harus berbeda dengan gambar yang lainnya. Jika sudah selesai silahkan klik perbarui.

Cara berikutnya adalah membuat title dan alt text secara otomatis.

Langkah pertama silahkan copy kode script di bawah ini

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js' type='text/javascript'/>

<script type='text/javascript'>
 //<![CDATA[
 $(document).ready(function() {
  $('img').each(function(){
   var $img = $(this);
   var filename = $img.attr('src')
   $img.attr('title', filename.substring((filename.lastIndexOf('/'))+1, filename.lastIndexOf('.')));
   $img.attr('alt', filename.substring((filename.lastIndexOf('/'))+1, filename.lastIndexOf('.')));
  });
 });
 //]]>
 </script>

Selanjutnya buka akun blogger anda kemudian pilih menu tema lalu klik edit html.

Cari kode </head> kemudian tempatkan kode script tersebut di atasnya. Setelah selesai selanjutnya klik simpan.

Dengan menggunakan kode script di atas maka secara otomatis title dan alt text gambar akan terisi ketika artikel yang anda buat dipublikasikan.

Sampai disini pembahasan mengenai cara membuat title dan alt text otomatis pada gambar artikel blog,semoga bisa dipahami dan terimakasih sudah berkunjung ke blog yang sangat sederhana ini.

Cara manual membuat halaman CONTACT US Sederhana di Blog

Halaman contac us adalah salah satu syarat wajib yang harus dimiliki oleh situs web selain halaman About me,Privacy Policy dan Disclaimer.

Halaman Contact Us berfungsi sebagai sarana untuk berkomunikasi antara pengunjung dengan pemilik situs melalui pesan singkat yang dikirimkan via email. Dengan demikian interaksi antara keduanya bisa terjalin ketika ada beberapa hal yang mungkin ingin ditanyakan oleh pengunjung blog tersebut terkait dengan isi artikel atau konten yang terdapat pada situs yang dikunjunginya.

Baca artikel lainnya :

1. Cara membuat halaman Privacy Policy
2. Cara membuat halaman Disclaimer
3. Cara membuat halaman daftar isi blog
   

Ada banyak cara untuk membuat halaman Contact Us di blog,bisa secara online atau bisa juga dengan cara manual yaitu dengan memanfaatkan gadget formulir kontak yang memang sudah disediakan oleh pihak Blogger.

Dan pada kesempatan kali ini saya akan membahas cara manual karena tutorial Membuat halaman contact us secara online sudah saya bahas pada artikel sebelumnya.

Cara manual membuat halaman Contact Us.

Langkah pertama silahkan masuk ke akun blogger kemudian pilih menu tata letak.

Pilih tambahkan gadget (untuk posisi bisa ditempatkan pada sidebar atau footer). Selanjutnya pilih gadget formulir kontak.

Setelah selesai silahkan simpan.

Selanjutnya copy kode script di bawah ini

<style type='text/css'>

#ContactForm1{display:none}

</style>

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>

<style type='text/css'>

/* Contact form */

#ContactForm1_contact-form-email,#ContactForm1_contact-form-name{width:70%;height:50px;margin:0;padding:10px;background:#fbfbfb;border:1px solid #ccc;color:#777;border-radius:3px;}

#ContactForm1_contact-form-email-message:focus,#ContactForm1_contact-form-email:focus,#ContactForm1_contact-form-name:focus{background:#fff;outline:0}

#ContactForm1_contact-form-email-message{width:95%;height:170px;margin:0;padding:10px;background:#fbfbfb;border:1px solid #ccc;color:#777;border-radius:3px;}

#ContactForm1_contact-form-submit{display:block;height:35px;float:left;color:#FFF;padding:10px;margin:0;cursor:pointer;background-color:#6e9ee6;border:1px solid #6e9ee6;border-radius:3px;}

#ContactForm1_contact-form-submit:hover{background-color:#3c3c3c}

#ContactForm1_contact-form-submit:active{position:relative;top:2px;}

#ContactForm1_contact-form-submit:focus{outline:0}

#ContactForm1_contact-form-error-message,#ContactForm1_contact-form-success-message{width:100%;margin-top:15px;text-align:left}

@media screen and (max-width:768px){#ContactForm1_contact-form-email,#ContactForm1_contact-form-email-message,#ContactForm1_contact-form-name{width:96%}}

@media screen and (max-width:480px){#ContactForm1_contact-form-email,#ContactForm1_contact-form-email-message,#ContactForm1_contact-form-name{width:94%}.post-body{marg

</b:if>

Setelah itu masuk ke menu tema dan pilih edit html. Cari kode </head> dan tempatkan script tersebut di atasnya kemudian klik simpan.

Jika sudah selesai,langkah berikutnya buka menu halaman lalu pilih buat halaman baru. Buka menu tampilan html (<>) lalu tempatkan script di bawah ini pada halaman tampilan html (<>).

<div dir="ltr" style="text-align: justify;" > Silahkan isi pesan melalui form di bawah ini untuk menghubungi kami. Jika tidak ada halangan dan kesibukan lainnya, kami akan langsung merespon dengan cepat pesan yang Anda kirimkan. Terima kasih <br /> <form name="contact-form"> <input id="ContactForm1_contact-form-name" name="name" placeholder="Name" size="30" type="text" value="" /><br /> <input id="ContactForm1_contact-form-email" name="email" placeholder="Email" size="30" type="text" value="" /><br /> <textarea cols="25" id="ContactForm1_contact-form-email-message" name="email-message" placeholder="Message" rows="5"></textarea><br /> <input id="ContactForm1_contact-form-submit" type="button" value="Kirim Pesan" /><br /> <div class="clear"> </div> <div style="max-width: 222px; text-align: center; width: 100%;"> <div id="ContactForm1_contact-form-error-message"> </div> <div id="ContactForm1_contact-form-success-message"> </div> </div> </form> </div>

Jangan lupa isi penelusuran deskripsinya lalu klik publikasikan dan lihat hasilnya. Lakukan uji coba dengan memasukan nama,alamat email dan teks pada kolom pesan kemudian kirimkan. Jika berhasil maka akan ada notifikasi yang dikirimkan oleh situs atau blog ke alamat email anda.

Jika kontak form tidak berfungsi,maka langkah selanjutnya copy script di bawah ni

<script type='text/javascript'>
//<![CDATA[
document.write("<scr" + "ipt type="text/javascript" src="https://www.blogger.com/static/v1/widgets/2759014865-widgets.js"></scr" + "ipt>");
//]]>
</script>
<script type='text/javascript'>
if (typeof(BLOG_attachCsiOnload) != &quot;undefined&quot; &amp;&amp; BLOG_attachCsiOnload != null) { window[&quot;blogger_templates_experiment_id&quot;] = &quot;templatesV1&quot;;window[&quot;blogger_blog_id&quot;] = &quot;<data:blog.blogId/>&quot;;BLOG_attachCsiOnload(&quot;&quot;); }_WidgetManager._Init(&quot;//www.blogger.com/rearrange?blogIDx3d<data:blog.blogId/>&quot;,&quot;<data:blog.url/>&quot;,&quot;<data:blog.blogId/>&quot;);
_WidgetManager._RegisterWidget(&quot;_ContactFormView&quot;, new _WidgetInfo(&quot;ContactForm1&quot;, &quot;footer1&quot;, null, document.getElementById(&quot;ContactForm1&quot;), {&quot;contactFormMessageSendingMsg&quot;: &quot;Sending...&quot;, &quot;contactFormMessageSentMsg&quot;: &quot;Your message has been sent.&quot;, &quot;contactFormMessageNotSentMsg&quot;: &quot;Message could not be sent. Please try again later.&quot;, &quot;contactFormInvalidEmailMsg&quot;: &quot;A valid email address is required.&quot;, &quot;contactFormEmptyMessageMsg&quot;: &quot;Message field cannot be empty.&quot;, &quot;title&quot;: &quot;Contact Form&quot;, &quot;blogId&quot;: &quot;<data:blog.blogId/>&quot;, &quot;contactFormNameMsg&quot;: &quot;Name&quot;, &quot;contactFormEmailMsg&quot;: &quot;Email&quot;, &quot;contactFormMessageMsg&quot;: &quot;Message&quot;, &quot;contactFormSendMsg&quot;: &quot;Send&quot;, &quot;submitUrl&quot;: &quot;https://www.blogger.com/contact-form.do&quot;}, &quot;displayModeFull&quot;));
</script>

Pilih lagi menu tema lalu klik edit html. Cari kode </bodi> dan tempatkan script tersebut di atasnya kemudian klik simpan.

Demikian tutorial cara membuat halaman Contact Us secara manual telah selesai dibahas dan semoga artikel ini bermanfaat untuk semuanya.