Membuat Threaded Comment pada Blogspot Menggunakan Intense Debate

Beberapa waktu yang lalu saya pernah membahas mengenai cara membuat Threaded Commend pada Wordpress CMS dengan memanfaatkan Plugin WP Thread Comment. Keuntungannya bisa pembaca lihat pada postingan tersebut. Kita juga bisa membuat sistem komentasi dengan threaded comment tersebut pada Blogspot dengan menggunakan jasa layanan orang ketiga.Orang ketiga tersebut adalah Intense Debate. Caranya cukup mudah. Berikut langkah-langkah membuat threaded comment pada Blogspot menggunakan Intense Debate:
Langkah pertama yang harus Anda lakukan adalah mendaftar pada situs resmi Intense Debate agar bisa menggunakan layananny. Klik disini untuk mendaftar.
Setelah login pada akun Anda di Intense Debate, coba lihat bagian Manage Blogs/sites yang ada disamping kanan. Klik link Install Intense Debate.


Anda akan diminta memasukkan alamat URL blog Anda. Setelah itu klik tombol Next Step.


Selanjutnya Anda akan masuk pada tahap instalasi threaded comment dari Intense Debate. Di sana akan ada beberapa pilihan dan panduan dalam proses instalasi.

Pada bagian "How would you like to install IntenseDebate?", silahkan pilih Template agar kita mengganti sistem komentasi utama Blogspot dengan Threaded Comment dari Intense Debate.
Pada bagian "Which blog posts should have IntenseDebate comments enabled?", silahkan pilih Only in new post agar sistem komentasi threaded comment hanya berlaku untuk posting-posting selanjutnya. Jika Anda menghendaki posting yang lama juga menggunakan Threaded Comment, maka pilih On all blog posts. Namun, jika Anda memilih opsi tersebut, komentar-komentar sebelumnya akan disembunyikan.
Pada bagian 3, klik link Open blogger.com. Anda akan melihat akun Blogspot Anda terbuka pada iframe di halaman instalasi Intense Debate Tersebut.


Langkah selanjutnya adalah mengdownload Template Blog Anda yang akan dimodifikasi. Kita melakukannya tetap melalui iframe yang ada pada halaman instalasi Intense Debate tersebut. Klik link Tata Letak pada Blog yang ingin Anda buatkan Threaded Comment-nya.


Kemudian pilih subtab Edit HTML.
Pada bagian Backup/Restore Template, klik link Download Template Lengkap. Simpan template tersebut pada hardisk Anda.
Sekarang lihat kembali bagian sebelah kiri dari Instalasi Intense Debate tersebut. Dibagian bawah Anda akan diminta untuk mengupload kembali template yang Anda download pada langkah 7 untuk dimodifikasi. Klik tombol Browse. Pilih template yang Anda simpan pada langkah 7 tadi. Kemudian klik tombol Upload File.


Langkah selanjutnya adalah mengcopy template modifikasi pada Blog Anda. Lihat kembali bagian sebelah kiri pada halaman instalasi Intense Debate tepatnya pada step No. 3. Pada bagian itu terdapat kode template hasil modifikasi yang telah memiliki sistem komentasi dari Intense Debate. Copy seluruh kode template yang ada pada kotak kecil tersebut.


Sekarang buka akun Blogspot Anda pada window atau tab browser yang lain. Klik link Tata Letak dari blog yang dimodifikasi tersebut. Kemudian pilih subtab Edit HTML. Paste kode template yang Anda copy pada langkah 9 ke dalam kotak Edit Template yang Anda buka tersebut. Kemudian klik Save Template.



Read more

Cara Membuat Template Blogger Hasil Buatan Sendiri

Punya blog dengan template yang menarik pasti idaman banyak orang. Apalagi kalau buatan sendiri, pasti ada rasa puas yang muncul. Selama ini, tidak semua orang bisa merancang template blog karena kurang paham dengan PHP atau XML. Ahirnya mendownload template gratis atau bayar dari internet menjadi pilihan. Konsekuensianya, kita "terpaksa" menyertakan link si desainer template pada blog kita dan siap-siap menemukan orang yang memakai template yang sama dengan kita. Tapi itu dulu (sebelum jewaratan ^_^). Sekarang Blogspot semakin memanjakan penggunanya. Kita bisa membuat template blogspot dengan lebih mudah. Cuma perlu klik sini klik sana. Benar-benar prinsip WYSIWYG (What You See Is What You Get). Tidak perlu lagi berurusan dengan bahasa XML. Gak percaya? Mari kita lihat sama-sama :
Silahkan login ke dasbor blogspot Anda.
 Klik link menu Tata Letak. Di bagian bawah tab Tata Letak tersebut, bertambah sebuah subtab menu baru yang bernama Percancang Template.


Melalui menu tersebutlah kita meracancang template blogger buatan sendiri. Silahkan klik menu tersebut. Kita akan diarahkan pada halaman "Blogger Template Designer".
Di sana terdapat beberapa menu pembuatan template, yaitu Template, Background, Layout, dan Advanced. Mari kita otak-atik satu persatu.
Menu Template : pada menu ini, kita bisa memilih jenis template yang telah disediakan oleh Blogspot. Ini hanya sebagai template dasar saja. Istilahnya template master. Silahkan pilih salah satu, misalnya jenis "Simple". Di sana juga terdapat beberapa sub pilihan template dari jenis "Simple". Anda boleh memilih salah satunya.

Menu Background : pada menu ini, kita memilih gambar-gambar yang telah tersedia untuk dijadikan sebagai background template blog rancangan kita. Menariknya, Blogspot telah menyediakan banyak gambar yang bisa kita gunakan. Jenis-jenisnya juga sangat banyak. Suatu saat, kita mungkin akan bisa memakai gambar milik kita sendiri.

Anda juga bisa memilih warna utama template blog rancangan kita dengan mengklik pilihan pada "Main color theme".

Menu Layout : menu ini cukup penting. Melalui menu ini kita mendesain layout blog hasil rancangan kita. Pada menu ini terdapat 3 sub menu:
Body layout : mengatur jumlah kolom, jumlah sidebar, dan penempatan sidebar pada template rancangan.

Footer layout : hampir sama dengan "body layout", hanya saja sub menu ini dikhususkan untuk mengatur jumlah kolom pada footer.

 Adjust width : berguna untuk mengatur lebar template yang ingin kita rancang, baik lebar keseluruhan (entire blog), maupun lebar tiap sidebar blog kita (left sidebar atau right sidebar).

Menu Advanced : menu ini bertujuan untuk mengatur bentuk tulisan dan pewarnaan tulisan dari template yang kita rancang. Misalnya jenis font judul blog, warnannya, ukuran fontnya, dan sebagainya.

Jika Anda merasa sudah puas dengan rancangan Anda, silahkan klik tombol APPLY TO BLOG yang ada di sudut kanan atas. Kemudian silahkan lihat hasilnya.


 Bagi yang ingin tantangan di dunia pemrograman web, fitur yang satu ini mungkin dianggap bisa membuat orang menjadi malas belajar bahasa pemrograman website. Tapi bagi yang ingin kemudahan, fitur ini menjadi kabar gembira. Itu adalah pilihan Anda masing-masing. Read more

Membagi Tampilan Posting Berdasarkan Kategori pada Halaman Utama Blogspot

Salah satu karakteristik sebuah blog adalah cara menampilkan posting. Contohnya saja Blogspot, setiap posting baru yang kita tulis akan ditampilkan secara berurutan berdasarkan tanggal pembuatan posting. Posting yang baru akan muncul paling atas. Alhasil, semua posting dari semua kategori atau label akan bercampur pada halaman utama website.

 Bagaimana caranya agar posting-posting tersebut terbagi berdasarkan label atau kategori tertentu? Sebagai contoh, klik contoh pembagian kategori di sini. Pada contoh tersebut, posting-posting yang termasuk ke dalam kategori "Curhat" hanya akan muncul pada bagian "Curhat". Sementara posting-posting yang termasuk kategori "CSS Tutorial" hanya akan muncul pada bagian "CSS Tutorials", bukan pada bagian "Curhat" atau lainnya.
 Cara membuat tampilan seperti contoh tersebut adalah cukup dengan memanfaatkan Gadget Feed yang disediakan oleh Blogspot. Langkah-langkahnya:
Login pada Blogspot Anda. Kemudian klik link "Rancangan". Anda akan masuk ke halaman "Rancangan". Pilih submenu "Elemen Halaman".
Klik link "Tambah Gadget" pada bagian dimana Anda ingin menampilkan kelompok kategori atau label posting Anda.

Akan muncul window untuk memilih gadget baru. Cari dan pilihkan gadget Feed.

Masukkanlah alamat feed kategori seperti berikut ini:
http://USERNAME_BLOG_ANDA.blogspot.com/feeds/posts/default/-/NAMA_LABEL_POSTING
Gantilah "USERNAME_BLOG_ANDA" dengan username blog milik Anda. Kemudian ganti "NAMA_LABEL_POSTING" dengan nama label atau kategori yang ingin Anda tampilkan. Contohnya:
http://tutorial-website.blogspot.com/feeds/posts/default/-/Curhat
 Bentuk lengkapnya akan seperti ini:

Jika berhasil memanggil feed, maka tampilannya akan menjadi seperti berikut:

Gantilah judul dengan nama kategori yang ingin Anda tampilkan. Kemudian silahkan atur bagian-bagian lain seperlunya. Setelah itu klik tombol Simpan.
Hal yang perlu diperhatikan adalah penulisan "NAMA_LABEL_POSTING". Tuliskan sesuai dengan karakter aslinya. Jika ada spasi, gantikan spasi dengan "%20". Contoh, jika kita ingin menampilkan posting dari kategori "CSS Tutorials", maka alamat feed-nya adalah:
 http://tutorial-website.blogspot.com/feeds/posts/default/-/CSS%20Tutorials
Hebatnya lagi, Anda bisa menampilkan posting-posting dari blog Anda yang lain. Cukup mengganti alamat feed tersebut.
Jangan lupa Simpan perubahan template setelah melakukan langkah-langkah diatas. Read more

Mengenal CSS dalam HTML

 CSS adalah singkatan dari Cascade Style Sheet. Cascade artinya riam atau air terjur kecil, style sheet dapat diartikan sebagai gaya/mode halaman web. Mungkin CSS ini dapat kita artikan sebagai model halaman web akibat pengaruh cascade (air terjun kecil). Kalau kita pernah melihat air terjun (setidaknya kita pernah melihat gambarnya), bagaimanakah air terjun itu? Air terjun yang berasal dari suatu ketinggian akan membasahi seluruh area yang dikenai air itu. Olehnya itu dalam CSS kira-kira mirip seperti itu. Apa yang kita perintahkan dalam CSS akan mempengaruhi halaman web itu.

 Ada beberapa jenis CSS dalam HTML, salah satunya adalah CSS Internal atau kita sebut saja style sheet  internal. Dalam CSS ini, style sheet terpadu dengan perintah/tag html. Sintaksnya sebagai berikut:


 <html>
 <head><title>......................</title>
 <style atribut>
 ............. Isi CSS..........
 </style>
 </head>
 <body>
 ..........Isi Halaman Web........
 </body>
 </html>

 Biasanya dalam CSS, yang menjadi style sheet diawali dengan tanda <!-- dan diakhiri dengan tanda -->, hal ini untuk mempermudah kita mengetahui mana yang CSS dan mana yang merupakan isi halaman web. Namun perlu kita ketahui bahwa CSS atau style sheet berada sebelum tag <body>. Mari kita perhatikan salah satu contoh CSS Internal berikut:

 <html>
 <head><title>KTP Elektronik</title>
 <style type="text/css">
 <!--
 h1 {font-family: Monotype Corsiva;
       font-size: 25pt;
       text-align: center;
       color: Blue}
 p {font-family: Arial;
      font-size: 12pt;
      text-align: justify;
      color: black}
 -->
 </style>
 </head>
 <body>
 <h1>Permasalahan dalam Perekaman Data dalam Pembuatan KTP Elektronik</h1>
 <p>
 Ada beberapa masalah yang ditemui dalam proses perekaman data dalam pembuatan KTP elektronik di Kecamatan Kabangka misalnya tanggal dan tempat lahir penduduk. Data pada KTP ataupun KK (kartu keluarga) penduduk sudah sama, akan tetapi data kelahiran dalam database berbeda. Hal ini penduduk yang bersangkutan diharuskan lagi menyesuaikan datanya ke Dinas Catatan Sipil setempat. Selain itu, masih banyak data Nomor Indul Kependudukan (NIK) yang tidak terdaftar, padahal, data NIK terdapat pada KTP Nasional penduduk yang bersangkutan. Olehnya itu, penggunaan KTP elektronik sangat perlu diterapkan. Apalagi selain hal di atas, masih banyaknya data ganda kependudukan.<br><br> Lalu apakah dengan diterapkannya KTP Elektronik akan mencegah terjadinya data ganda? Dengan penerapan KTP Elektronik, kemungkinan terjadinya data ganda sangat kecil sebab banyaknya data penduduk yang diambil dalam perekaman e.ktp ini, misalnya 10 sidik jari, perekaman IRIS (mata) sampai verifikasi ulang sidik jari serta tanda tangannya. Jadi Apabila seseorang telah direkam datanya, dan jika pindah di tempat lain dan mengurus e.KTP lagi, otomatis akan ketahuan</p>
 </body>
 </html>

 Sintaks di atas pada browser akan tampak seperti berikut:


Read more

Cara Memasang Musik Pada Blog

Ngeblog sambil dengerin musik memang mengasikkan. Oleh karena itu, musik bisa juga dijadikan alat untuk menarik minat pengunjung berlama-lama nongkrong diblog kita. Kali ini saya akan memberikan tutorial website mengenai cara memasang musik pada blog kita. Sehingga blog kita terlihat lebih mewah dan lebih keren. Caranya? Ikuti saja langkah berikut:

1. Buka situs http://www.musik-live.net. Tujuannya adalah untuk mendapatkan kode musik yang akan kita pasang pada blog. Disana tersedia banyak lagu yang bisa Anda pilih. Klik salah satu daftar lagu.
   
   
2. Kemudian akan muncul halaman yang berisi beberapa link kode yang bertuliskan "Play & Embed Code". Anda bisa memilih salah satunya.
   
   
3. Kemudian Anda akan masuk ke halaman kode lagu yang telah terpilih. Di sebelah kiri halaman Anda bisa mendengar lagu yang Anda pilih melalui music player pada situs tersebut. Sedangkan dibagian tengah, Anda akan melihat kolom "Embed code" yang berisi kode dari lagu yang kita pilih. Kode tersebutlah yang akan kita masukkan ke dalam blog kita. Untuk mengkopi kode, silahkan klik tombol "copy" yang ada di sebelah kanan kolom tersebut.
   
   
4. Sekarang login ke blog Anda di blogspot. Pada bagian dasbor, klik link menu "Rancangan". Kemudian, klik link "Tambah Gadget" pada bagian dimana Anda ingin menempatkan musik tersebut pada blog Anda.
5. Akan muncul window "Tambahkan Gadget". Silahkan Anda cari dan pilih gadget "HTML/Javascript".
   
   
6. Copy paste kode yang Anda dapat pada langkah 3 ke dalam kolom kode gadget "HTML/Javascript" tersebut. Setelah itu klik "Simpan".

Selamat mencoba.

Read more

Membagi Tampilan Posting Berdasarkan Kategori pada Halaman Utama Blogspot

Salah satu karakteristik sebuah blog adalah cara menampilkan posting. Contohnya saja Blogspot, setiap posting baru yang kita tulis akan ditampilkan secara berurutan berdasarkan tanggal pembuatan posting. Posting yang baru akan muncul paling atas. Alhasil, semua posting dari semua kategori atau label akan bercampur pada halaman utama website.

Bagaimana caranya agar posting-posting tersebut terbagi berdasarkan label atau kategori tertentu? Sebagai contoh, klik contoh pembagian kategori di sini. Pada contoh tersebut, posting-posting yang termasuk ke dalam kategori "Curhat" hanya akan muncul pada bagian "Curhat". Sementara posting-posting yang termasuk kategori "CSS Tutorial" hanya akan muncul pada bagian "CSS Tutorials", bukan pada bagian "Curhat" atau lainnya.

Cara membuat tampilan seperti contoh tersebut adalah cukup dengan memanfaatkan Gadget Feed yang disediakan oleh Blogspot. Langkah-langkahnya:

1. Login pada Blogspot Anda. Kemudian klik link "Rancangan". Anda akan masuk ke halaman "Rancangan". Pilih submenu "Elemen Halaman".
2. Klik link "Tambah Gadget" pada bagian dimana Anda ingin menampilkan kelompok kategori atau label posting Anda.
   
3. Akan muncul window untuk memilih gadget baru. Cari dan pilihkan gadget Feed.
   
4. Masukkanlah alamat feed kategori seperti berikut ini:
   http://USERNAME_BLOG_ANDA.blogspot.com/feeds/posts/default/-/NAMA_LABEL_POSTING
5. Gantilah "USERNAME_BLOG_ANDA" dengan username blog milik Anda. Kemudian ganti "NAMA_LABEL_POSTING" dengan nama label atau kategori yang ingin Anda tampilkan. Contohnya:
   http://tutorial-website.blogspot.com/feeds/posts/default/-/Curhat
   Bentuk lengkapnya akan seperti ini:
   
   
6. Jika berhasil memanggil feed, maka tampilannya akan menjadi seperti berikut:
   
   
   Gantilah judul dengan nama kategori yang ingin Anda tampilkan. Kemudian silahkan atur bagian-bagian lain seperlunya. Setelah itu klik tombol Simpan.
7. Hal yang perlu diperhatikan adalah penulisan "NAMA_LABEL_POSTING". Tuliskan sesuai dengan karakter aslinya. Jika ada spasi, gantikan spasi dengan "%20". Contoh, jika kita ingin menampilkan posting dari kategori "CSS Tutorials", maka alamat feed-nya adalah:
   http://tutorial-website.blogspot.com/feeds/posts/default/-/CSS%20Tutorials
8. Hebatnya lagi, Anda bisa menampilkan posting-posting dari blog Anda yang lain. Cukup mengganti alamat feed tersebut.
9. Jangan lupa Simpan perubahan template setelah melakukan langkah-langkah diatas.

Read more

Membuat Website E-Commerce Lebih SEO Friendly

Website E-Commerce atau kita biasa mengenal dengan istilah situs belanja online, adalah website yang berfungsi untuk menjual & menawarkan produk secara online (umumnya berupa barang). Website jenis ini memiliki pangsa pasar beragam dan kalangan konsumen yang unik (sesuai dengan produk yang ditawarkan), dan umumnya sangat loyal. Konsumen yang senang berbelanja di website e-commerce memiliki alasan beragam, mulai dari karena website memiliki shopping cart yang indah & menarik bagi pengunjung, menawarkan banyak pilihan produk, hingga memiliki menu pencarian yang membantu dalam menelusuri semua produk yang ditawarkan dan dijual. Bagian yang terbaik dari website e-commerce adalah tools-tools pendukungnya yang terus berkembang dan memudahkan proses transaksi jual-beli.
Untuk website e-commerce yang cukup besar, sangat penting sekali memperhatikan pengembangan website agar lebih SEO Friendly. Hal ini akan membantu website e-commerce “lebih terlihat” sehingga orang akan mulai menyadari akan eksistensinya. Oleh sebab itu, pengembangan Website yang SEO Friendly sangat dianjurkan untuk memberikan dampak positif & nilai lebih dari website itu sendiri. Lalu, Bagaimana membuat website e-commerce agar lebih SEO Friendly?
Hal ini membutuhkan analisa & optimasi yang intensif. Proses dipersiapkan dengan baik di semua lini yang tepat untuk memastikan bahwa website hanya memproses & memberikan informasi yang diperlukan saja. Link harus dibangun dengan baik di sekeliling website dan mengaitkannya sebagai satu kesatuan sebanyak mungkin. Konten harus ditulis dengan kepadatan kata kunci yang sesuai dan dipublikasikan dengan benar. Tag harus dibuat di mana-mana didalam halaman yang memang penting untuk ditandai.
Website juga harus dirancang dengan cara yang sangat efisien untuk meningkatkan daya tarik calon pembeli. Pelajari semua faktor yang mengarah ke website-website e-commerce dengan ranking tinggi. Website anda akan menjadi website yang optimal dalam waktu singkat dan mungkin dapat membantu anda untuk membuka peluang-peluang bisnis baru.
Banyak pekerjaan juga bisa dilakukan pada situs-situs jejaring sosial. Media jejaring sosial (Social Network) telah memberikan banyak kesempatan untuk optimasi website. Forum yang tersedia didalamnya memastikan peluang tersebut dapat diidentifikasi dengan mudah oleh pengguna akhir. Karakteristik media jejaring sosial menawarkan banyak lingkup website yang terus berkembang, namun dengan cara-cara yang efektif akan memastikan bahwa promosi yang dilakukan pada media jejaring sosial tidak akan sia-sia. Hal ini dapat membantu website e-commerce yang dibangun mampu mengadaptasi perkembangan media jejaring sosial, sehingga integrasi & penyebaran informasi dari website e-commerce ke situs-situs jejaring sosial sesuai dengan target yang ingin dicapai.
Jadi, segera pertimbangkan untuk menganalisa & mengoptimalkan website e-commerce Anda agar lebih SEO Friendly, jadikan website tersebut terhubung dengan situs-situs jejaring sosial, lakukan promosi dengan baik, dan bisnis Anda akan menghasilkan nilai jauh lebih tinggi dari yang bisa anda bayangkan. Read more