Copy Paste Kode HTML Pada Postingan Blog

Ok sahabat blogger, ini adalah postingan ketiga saya dalam seharian ini (09/03/2014). Tentunya saya memposting ini berdasarkan pengalaman pribadi saya yang juga dibantu oleh si mbah Google. Beberapa saat yang lalu saya membuat tutorial Membuat Fitur Reply atau Balas Komentar di Blogger dan menemui kesulitan saat copy paste kode HTML pada postingan tersebut. Pada saat menulis memang kodenya terlihat, tapi pada saat saya publikasikan postingan tersebut, kode HTML-nya gak muncul. Akhirnya saya minta bantuan mbah Google untuk mencari tutorial yang bisa memecahkan masalah ini. Setelah membuka beberapa situs, akhirnya saya menemukan sebuah blog milik Dani Sukma : http://danisukma.blogspot.com/2013/11/cara-memasukan-kode-html-ke-blog-postingan.html, dan dari blog ini saya akhirnya bisa pecahkan masalah saya.

Tanpa harus menjiplak postingan milik Dani Sukma, saya mencoba membuat sebuah torial yang sama namun dengan versi saya sendiri.

Ok, kita langsung saja pada tutorialnya.
Caranya adalah dengan memanfaatkan situs : http://htmlentities.net/
Dari situs ini kita bisa mem-paste-kan kode html yang ada pada kolom input, lalu menekan tombol Encode.
Tunggu beberapa saat kode scriptnya akan dibuat. Setelah code scriptnya muncul pada kolom Result, copy dan paste pada postingan kita. (ingat...!! penulisan kode jangan dibuat pada penulisan kode versi HTML, cukup pada versi Compose aja)

Berikut screenshootnya :

Sekian dan terima kasih, semoga membantu. Jangan lupa komentarnya ya...

Read More

Membuat Fitur Reply atau Balas Komentar di Blogger

Beberapa saat yang lalu saya sempat berjibaku mencari tutorial semacam ini, akhirnya dapat juga. Setelah dicoba di blog saya, ternyata berhasil juga.
Ini dia situs dimana saya belajar tutorial ini : http://www.juragancipir.com/2013/10/cara-membuat-tombol-balas-komentar-di.html, thanks bagi yang punya blog.

Ok, kita lanjut ke tutorialnya.
Sebelumnya, perhatikan gambar berikut :

Nah, seperti gambar di atas ini fitur reply atau membalas komentar di blogger yang nantinya akan kita buat.
Memang banyak blog yang menyediakan tutorial semacam ini, namun kebanyakan tutorial lebih mengutamakan icon tombol, sementara balasan komentarnya hanya tidak diposisikan pada komentar yang ingin dikomentari. Kalau untuk contoh gambar di atas, begitu kita klik tombol Balas, akan muncul kolom komentar pas di bawah komentar yang akan kita komentari.
Wah tenyata cukup panjang lebar juga penjelasan saya ya..??? Bikin bosan aja, mana tutorialnya..?? (Pasti gitu kan yang ada dalam benak para sahabat blogger) hehehehe...
Ok, lanjut aja deh, dari pada saya diumpat sama para sahabat blogger.

- Pertama, login dulu di blog anda.
- Kedua, masuk ke Template widget dan klik Edit HTML.
- Ketiga, cari kode berikut :

<b:include data='post' name='comments'/>

Mungkin para sahabat blogger akan menemukan lebih dari satu kode seperti di atas, pilih saja kode yang kedua untuk diedit.
- Keempat, copy kode berikut :

<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>

</b:if>

Kode berwarna merah diletakkan di atas kode : <b:include data='post' name='comments'/>, sementara kode berwana biru diletakan di bawah kode : <b:include data='post' name='comments'/>

Sehingga penempatan kode tersebut akan tampil seperti ini :

<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>

- Langkah terakhir, simpan template lalu lihat perubahannya.

Sekian dan terima kasih. Semoga bermanfaat. Jika ada masalah atau ada hal yang kurang dimengerti, silahkan tuliskan pada kolom komentar di bawah ini, insya Allah akan saya balas.

Read More