Home Search results for Cara Membuat Alat Parse Html (html Converter) Di Blogger

Cara Membuat Alat Parse HTML (HTML Converter) Di Blogger

  

Alat parse HTML atau yg biasa dianggap sebagai Converter HTML merupakan sebuah alat khusus yg sering dipakai untuk menggunakan konversi terhadap kode pemrograman, mirip dengan HTML, CSS, atau Javascript.

Bagi para blogger sendiri tool parse HTML ini merupakan bagian yg cukup penting, terlebih lagi bagi mereka yang sering kali membagikan postingan berupa kode-kode pemrograman.

Tak hanya itu saja, bagi anda yang ingin menempatkan iklan Google Adsense kedalam blog, pula memerlukan tool parse HTML.

Oleh lantaran manfaatnya yang cukup penting, tidak jarang banyak blogger yg bersusah payah mencari tool ini di Google. Tapi tahukah kamu bahwa sekarang anda sanggup membuat alat parse HTML anda sendiri loh. Jadi anda tak akan susah-susah lagi mencari tool ini di Google maupun di blog orang lain.

Untuk cara menciptakan alat parse HTML ini sanggup dikatakan sangat gampang, kamu hanya perlu membuka halaman kosong di blog anda, serta kemudian menambahkan beberapa kode saja. Nah buat lebih jelasnya kamu sanggup memperhatikan cara pembuatan tool parse HTML berikut:

1. Masuk ke blogger
2. Pada dashboard pilih Halaman>Halaman Baru
3. Masuk ke mode "HTML" (Bukan "Compose")
4. Lalu masukkan kode berikut kedalam laman tersebut
<textarea id="codes" placeholder="Tulis/paste kode di sini lalu klik 'Konversi'" spellcheck="false"></textarea> <div class="button-group"><button id="convert" onclick="cdConvert();this.disabled = true;">Konversi</button><button onclick="cdClear();">Bersihkan</button></div><br /><ul id="wrapin"><li><input checked="true" id="opt1" type="checkbox" />Konversi <code>&amp;</code> menjadi <code>&amp;amp;</code></li><li><input checked="true" id="opt2" type="checkbox" />Konversi <code>&lt;</code> menjadi <code>&amp;lt;</code></li><li><input checked="true" id="opt3" type="checkbox" />Konversi <code>&gt;</code> menjadi <code>&amp;gt;</code></li><li><input id="opt4" type="checkbox" />Konversi <code>"</code> menjadi <code>&amp;quot;</code></li><li><input id="opt5" type="checkbox" />Konversi <code>'</code> menjadi <code>&amp;#039;</code></li></ul><style type="text/css">codefont-family:Consolas,Monaco,'Andale Mono','Courier New',Courier,Monospace;color:#2a5ead;font-size:13px;padding:2px 4px;color:#d14;#codesfont:13px 'Courier New',Monospace;border:1px solid #e9e9e9;width:550px;height:250px;margin:0 auto;display:block;background-color:#f3f3f3;color:#333;padding:15px;.button-groupmargin:0 auto 0;text-align:centerbutton,button[disabled]:activeborder: none;padding: 5px 12px;color: #fff;background-color: #0ea6d8;cursor: pointer;font-size: 13px;margin: 0 10px;line-height: 23px;border-radius: 3px;transition: all 0.3s ease-in-out;button:activebackground:#3f92e1;button[disabled],button[disabled]:activebackground:#3f92e1;#opt1,#opt2,#opt3,#opt4,#opt5display:inline-block;margin-right:10px;</style> <script type="text/javascript">function cdClear() var wtarea = document.getelementById('codes'); wtarea.value = ''; wtarea.focus(); document.getelementById('convert').disabled = false;function cdConvert() var ctarea = document.getelementById('codes'), cv = ctarea.value, opt1 = document.getelementById('opt1'), opt2 = document.getelementById('opt2'), opt3 = document.getelementById('opt3'), opt4 = document.getelementById('opt4'), opt5 = document.getelementById('opt5'); cv = cv.replace(/t/g, " "); if (opt1.checked) cv = cv.replace(/&/g, "&amp;"); if (opt2.checked) cv = cv.replace(/</g, "&lt;"); if (opt3.checked) cv = cv.replace(/>/g, "&gt;"); if (opt4.checked) cv = cv.replace(/"/g, "&quot;"); if (opt5.checked) cv = cv.replace(/'/g, "&#039;"); ctarea.value = cv; ctarea.focus(); ctarea.select();;</script>
5. Lakukan "Pratinjau" buat mengetahui hasilnya
6. Jika telah betul, silahkan klik "Publikasikan"

Baca Juga: Cara Cek Estimasi Harga Blog Atau Website Secara Online

Bagaimana sobat-sobat, mudah sekali bukan? Hanya beserta menambahkan script kode saja anda telah mampu membuat alat parse HTML kamu sendiri, jadi mulai sekarang kamu mampu menggunakan alat parse HTML buatan anda sendiri ya.
Baca Juga

Itu saja yang bisa saya sampaikan, semoga cara yang aku bagikan ini dapat bermanfaat ya. Akhir ungkap aku ucapkan terimakasih serta hingga jumpa.

Cara Membuat Show Dan Hide Comments Di Blogger

  

Komentar dalam sebuah blog merupakan sebuah media interaksi sekaligus penghubung antara pemilik blog bersama pengunjung(visitor).

Dengan adanya komentar pada postingan tentunya akan memudahkan para pengunjung buat menyampaikan aspirasinya mengenai konten yg anda untuk.

Kadang kala blog besar yang baik bukan dipengaruhi dari jumlah pengunjungnya melainkan dari banyaknya komentar yang ada di blog tersebut.

Oleh sebab itu tak jarang kita temui blog-blog besar seperti Panduanim, Sugeng.id, Arlinadzgn dan sebagainya punya aneka macam komentar didalamnya.

Hal ini tentunya merupakan sebuah hal positif yg sangat menguntungkan.

Tapi yang menjadi konflik disini ialah pada waktu sebuah blog mempunyai konten, dengan didalamnya masih ada puluhan bahkan ratusan komentar yg memenuhi laman blog.

Memang bagus, tapi hal ini pula mengakibatkan beberapa hal yg kurang baik, diantaranya:
  • Isi konten blog tidak sebanding bersama banyaknya komentar, pada akhirnya terlihat mirip dengan blog spam
  • Kecepatan loading blog menurun, sebab terlalu banyak komentar yg dimuat
  • Komentar blog yang terlalu banyak memberi kesan bahwa blog tadi tak bersih (Bersih pada artian, tidak tersusun secara baik)

Maka dari itu admin akan memberikan kamu sebuah cara revolusioner yang akan membuat fitur komentar di blog anda akan jauh lebih ringkas, rapih, responsive, serta gampang dimuat.

Caranya merupakan beserta membuat Show/Hide Comments!

Apakah Show/Hide Comments itu? Ia merupakan sebuah fitur tambahan yg akan membuat komentar blog kamu menjadi lebih ringkas dan mudah.

Jadi apabila kamu menerapkan cara yg akan saya bagikan ini, maka komentar anda akan berada pada letak Hide atau tidak ditampilkan.

Disana anda hanya akan mendapati sebuah catatan "Show Comment" yg berarti "Tampilkan Komentar". Jadi bila anda menekan tombol Show ini, maka komentar di blog anda akan ditampilkan.

Untuk lebih jelasnya kamu mampu langsung menerapkan caranya bersama mengikuti panduan dibawah ini:

1. Seperti biasa login terlebih dahulu ke blogger.com
2. Pilih Tema>Edit HTML
3. Cari kode dibawah ini dengan menggunakan (CTRL+F)
<div class='comments' id='comments'>
Catatan:
Biasanya terdapat dua kode yang sama4. Ganti kedua kode tersebut beserta kode berikut
<a href="#" id="comments-show" class="showcontent" onclick="showComm('comments');return false;">Show comments</a><div class='clear'/> <div class='comments hide-content' id='comments'><a href="#" id="comments-hide" class="hiddencontent" onclick="showComm('comments');return false;">Hide comments</a><div class='clear'/>

5. Lalu tambahkan juga kode dibawah ini sebelum kode ]]></b:skin> atau </style>
/* Show and Hide Comments */.hide-contentdisplay:none;margin:0;padding:0;a.showcontent,#comments a.hiddencontentdisplay:block;text-decoration:none;position:relative;color:#fff;font-weight:700;font-size:15px;padding:12.5px 0;background:#5593f0;border:2px solid;border-radius:5px;text-align:center;margin:30px auto;letter-spacing:1px;transition:all .3s#comments a.hiddencontent background:#fff;color:#acb3b8;transition:all .3sa.showcontent:hoverbackground:#fff;color:#5593f0;#comments a.hiddencontent:hoverbackground:#acb3b8;color:#fff;

6. Terakhir masukan kode berikut tepat di atas </body>
<script type='text/javascript'>//<![CDATA[// Show and Hide Commentsfunction showComm(e)document.getelementById(e)&&("none"!=document.getelementById(e+"-show").style.display?(document.getelementById(e+"-show").style.display="none",document.getelementById(e).style.display="block"):(document.getelementById(e+"-show").style.display="block",document.getelementById(e).style.display="none"));//]]></script>

7. Terakhir Simpan Tema

Itu dia cara gampang menerapkan Show serta Hide Comments blogger. Cara ini pastinya akan menciptakan blog kamu lebih cepat ketika dimuat dan akan terlihat lebih rapih.

Baca Juga: Cara Membuat Alat Parse HTML (HTML Converter) Di Blogger

Oke saya rasa hanya itu yang mampu admin sampaikan, kurang lebihnya mohon maaf. Akhir ungkap saya ucapkan terimakasih dan sampai jumpa.