Memberi Nomor Urut Pada Komentar di Blogspot
Hilanglah satu kepenasaran untuk memberi nomor urut pada komentar / menomori komentar sesuai dengan urutan komentar dari pembaca pada tulisan kita, khususnya kita yang menggunakan Blogspot. Pada Platform Blog Wordpress sering kita temui pada kolom komentar terdapat nomor urut untuk masing-masing pemberi komentar, sesuai dengan datangnya komentar tersebut. Lalu apakah penomoran ini bisa dilakukan di blogger a.k.a blogspot (itu gaya bicara adik saya, jika menyebut kata "alias"). Maka jawabnya bisa.Tulisan berikut adalah terjemahan bebas dari tulisan Fernandooo1 di blog miliknya Randomness. Kawan-kawan bisa langsung merujuk kesana jika menginginkan. Setelah saya baca dan praktekkan, kemudian yang saya lakukan adalah mencari dengan Google dengan keyword "Memberi Nomor Urut Pada Komentar". Harapan saya adalah menemukan tutorial tersebut dalam bahasa indonesia. Sebuah blog memang ada, di urutan pertama pula, yaitu blog Tito-Kun. Tapi sayang malah keterangan "Page not found" muncul. Maka sampailah saya pada penulisan ini. Tulisan ini tak lain hanyalah usaha pembelajaran.Menurut Fernandooo1, cara ini punya kelebihan juga kekurangan. Jangan mengerutkan dahi dulu, sekarang lihat alasan yang dia kemukakan
Ternyata itu alasannya kekurangannya. Huruf yang saya tebali "permalink of each comment" maksudnya adalah, memberi alamat/URL unik untuk tiap-tiap komentar. Sebagai contohnya adalah permalink berikuthttp://randomnessf1.blogspot.com/2008/08/translation-numbering-comments.html?showComment=1218148560000#comment-2725052588975512324Alamat diatas adalah URL Unik milik komentar saya di Blog milik Fernandooo1. Jadi ketika di klik maka kita akan langsung dibawa ke blog dia, sekaligus langsung ke kolom komentar yang saya berikan. Sebenarnya untuk templates standar, permalink untuk masing-masing komentar juga telah ada, yaitu pada "tanggal/waktu" komentar. Nah untuk yang menggunakan templates modifikasi, bisa jadi permalink ini dihilangkan, maka cara ini akan sekaligus mengembalikan permalink pada komentar di blog kawan-kawan.Jadi jika kawan-kawan ingin mengutak-atik blog kawan-kawan dan juga merasa bukan pemalas, maka silahkan melanjutkan. Tapi jika sebaliknya.. atau memang ragu atau tidak mau maka saya pun tidak bisa memaksa :)Kita mulai saja
Setelah Sign-in dan masuk ke Dashboard >> Layout >> Edit HTML, lalu beri tanda centang(thick) di "Expand Widget Templates".
BACKUP templates kawan-kawan sebelum memulai pengeditan . Harap perhatikan karena ini penting, dan jadikanlah perilaku ini sebagai kebiasaan, sebelum melakukan perubahan pada templates kita.
Cari kode dibawah ini dan tambahkan kode yang saya beri warna merah. Agar lebih mudah gunakan fasilitas "find" atau "search" pada browser kawan-kawan :
.......
Selanjutnya kita tinggal menambahkan kode berikut pada bagian CSS templates kita. Letakkan kode berikut tepat diatas kode ]]> :
/*Mulai css Comments Numbering*/.numberingcomments{float: right;display: block;width: 50px;margin-right: 5px;margin-top: -35px; /*POSISI NOMOR URUT KOMENTAR*/text-align: right;font-family: 'Century Gothic','Lucida Grande',Arial,Helvetica,Sans-Serif;font-size: 30px;font-weight: normal;}/*since the numbers are actually links, we need to force the color properties*/.numberingcomments a:link, .numberingcomments a:visited {color: #445566 !important; text-decoration: none !important;}/*selesai css Comments Numbering*/.numberingcomments a:hover, .numberingcomments a:active {color: #FF9933 !important; text-decoration: none !important;}/*selesai css Comments Numbering*/
Save Templates dan Selesai.Jika ingin mengubah bentuk font, warna atau mungkin posisi nomor urut tersebut, tentu seperti yang kita ketahui yang perlu dilakukan hanyalah dengan mengganti kode pada poin ke 4. Sekaligus mengingatkan, bahwa bentuk templates yang berbeda-beda menyebabkan letak kemunculan nomor urut pada komentar ini berlainan pula, sekali lagi, ubah kode yang diperlukan pada kode css saja (poin ke-4).Yup, kita bisa melakukannya. lakukan dengan teliti. Jika terjadi sesuatu, kembalikan templates kawan-kawan dengan file Back-up tadi. Kemudian ulangi sekali lagi. Contohnya bisa kawan-kawan lihat di blog ini. Selamat mencoba bagi yang ingin mencoba.#PS :
Minggu, 22 Maret 2009
cara memberi comment
Banyaknya model template blog membuat para sahabat dan kerabat sekalian sering bingung untuk meninggalkan atau memberi saran, masukan atau kritik terhadap artikel yang ingin di komentari, berikut tips untuk memberi komentar atau meninggalkan "comment" :
1. klik "comments (0)" yang berada di bawah artikel. ( angka "0" menunjukkan banyaknya komentar, 5 berarti sudah ada 5 komentar, 0 berarti belum ada komentar)
2. setelah muncul halaman baru, tinggalkan komentar pada kotak "Leave Your Comment".
3. Masukkan identitas anda,
- bagi yang mempunyai blog atau account di Google dapat langsung mengisi dengan memberi tanda pada lingkaran "Google / Blogger".
- bagi yang belum mempunyai account atau blog dapat memberi tanda pada lingkaran "Name / URL",lalu isi nama. untuk URL hanya bersifat Optional, tidak harus diisi.
4. klik "Publish Your Comment"
5. Selesai
tidak sulit untuk melakukannya kan.? untuk itu jangan lupa tinggalin komentar sebanyak-banyaknya, apapun isinya pasti akan berguna untuk perkembangan blog ini.
terima kasih.
1. klik "comments (0)" yang berada di bawah artikel. ( angka "0" menunjukkan banyaknya komentar, 5 berarti sudah ada 5 komentar, 0 berarti belum ada komentar)
2. setelah muncul halaman baru, tinggalkan komentar pada kotak "Leave Your Comment".
3. Masukkan identitas anda,
- bagi yang mempunyai blog atau account di Google dapat langsung mengisi dengan memberi tanda pada lingkaran "Google / Blogger".
- bagi yang belum mempunyai account atau blog dapat memberi tanda pada lingkaran "Name / URL",lalu isi nama. untuk URL hanya bersifat Optional, tidak harus diisi.
4. klik "Publish Your Comment"
5. Selesai
tidak sulit untuk melakukannya kan.? untuk itu jangan lupa tinggalin komentar sebanyak-banyaknya, apapun isinya pasti akan berguna untuk perkembangan blog ini.
terima kasih.
teks
Membuat Teks Berjalan Pada Blog (Marquee)
Untuk membuat teks berjalan kita menggunakan beberapa kode marquee
1. teks berjalan ke kiri
2. teks berjalan ke kanan
3. membuat teks berjalan ke bawah
4. teks berjalan ke atas
agar teks berjalan berhenti saat mouse didekatkan kita bisa memberikan beberapa kode seperti : onmouseover="this.stop()" onmouseout="this.start()"
cara memasukanya contoh untuk di edit
Untuk membuat teks berjalan kita menggunakan beberapa kode marquee
1. teks berjalan ke kiri
2. teks berjalan ke kanan
3. membuat teks berjalan ke bawah
4. teks berjalan ke atas
agar teks berjalan berhenti saat mouse didekatkan kita bisa memberikan beberapa kode seperti : onmouseover="this.stop()" onmouseout="this.start()"
cara memasukanya contoh untuk di edit
memberi warna pada tulisan
Saya yakin teman-teman blogger sudah banyak yang tahu cara merubah warna tulisan di blogger. Namun saya tetap membahasnya dalam postingan kali ini karena pasti banyak pula orang yang belum mengerti dan membutuhkan tutorial ini (hehe, Ge-eR banget sich!!). Nah, bagi Anda yang belum tahu caranya, simak tulisan berikut ini.
Gunakan kode di bawah ini untuk merubah warna tulisan postingan.Ini adalah tutorial cara merubah warna tulisan di bloggerJika Anda ingin mengganti dengan kode warna yang lain pastikan selalu menempatkan karakter “#” sebelum kode warnanya. Hasil dari contoh di atas adalah seperti ini...Ini adalah tutorial cara merubah warna tulisan di bloggerGampangkan caranya? Saya juga menyediakan tabel yang berisi kode warna di bawah ini yang mungkin bisa berguna bagi Anda.Semoga tulisan ini bermanfaat untuk mempercantik penampilan blog Anda. Terimakasih!
Gunakan kode di bawah ini untuk merubah warna tulisan postingan.Ini adalah tutorial cara merubah warna tulisan di bloggerJika Anda ingin mengganti dengan kode warna yang lain pastikan selalu menempatkan karakter “#” sebelum kode warnanya. Hasil dari contoh di atas adalah seperti ini...Ini adalah tutorial cara merubah warna tulisan di bloggerGampangkan caranya? Saya juga menyediakan tabel yang berisi kode warna di bawah ini yang mungkin bisa berguna bagi Anda.Semoga tulisan ini bermanfaat untuk mempercantik penampilan blog Anda. Terimakasih!
Selasa, 17 Maret 2009
cara mengatur format font
Untuk mengatur bentuk font pada HTML, digunakan tag FONT, dengan format sebagai berikut :
Teks yang hendak diatur tampilan huruf (font)
Atribut-atribut yang sering digunakan pada tag FONT adalah :
FACE : untuk mendefinisikan jenis font apa yang akan digunakan. Biasanya nilainya berupa nama jenis font, seperti : Arial, Verdana, Tahoma, Courier New, dan nama-nama font lainnya.
COLOR : untuk menentukan warna. Nilai berupa nilai hexadecimal warna yang diinginkan, dengan diawali tanda #. Contoh : untuk warna putih, COLOR=”#FFFFFF”.
SIZE : untuk menentukan ukuran teks. Kemungkinan nilai dari atribut ini adalah :
Bilangan 1,2,3,4,5,6, dan 7
+n atau -n, dimana bilangan n menunjukkan bilangan sebagai ukuran huruf tertentu.
+n menunjukkan bahwa ukuran font adalah sebesar +n dari ukuran default font. Contoh, misalnya ukuran default font adalah 1, maka jika nilainya +2, maka ukuran font yang ditampilkan adalah 3. Begitu juga jika nilai -n. Apabila nilai -n lebih kecil daripada 1, maka ukuran font nya menjadi 1.
Ukuran default dapat dipandang dari 2 sisi. Satu dari sisi pemakai (user) dan satu lagi dari sisi pembuat file HTML. Dari sisi user, default diatur pada browser, sedangkan dari sisi pembuat HTML, default diatur dengan menggunakan perintah (tag) BASEFONT. Tag BASEFONT tidak berpengaruh pada teks yang diatur dengan tag Heading. Jadi apabila ada tag , kemudian diikuti dengan perintah , maka font tersebut akan ditampilkan dengan ukuran font = 4.
Teks yang hendak diatur tampilan huruf (font)
Atribut-atribut yang sering digunakan pada tag FONT adalah :
FACE : untuk mendefinisikan jenis font apa yang akan digunakan. Biasanya nilainya berupa nama jenis font, seperti : Arial, Verdana, Tahoma, Courier New, dan nama-nama font lainnya.
COLOR : untuk menentukan warna. Nilai berupa nilai hexadecimal warna yang diinginkan, dengan diawali tanda #. Contoh : untuk warna putih, COLOR=”#FFFFFF”.
SIZE : untuk menentukan ukuran teks. Kemungkinan nilai dari atribut ini adalah :
Bilangan 1,2,3,4,5,6, dan 7
+n atau -n, dimana bilangan n menunjukkan bilangan sebagai ukuran huruf tertentu.
+n menunjukkan bahwa ukuran font adalah sebesar +n dari ukuran default font. Contoh, misalnya ukuran default font adalah 1, maka jika nilainya +2, maka ukuran font yang ditampilkan adalah 3. Begitu juga jika nilai -n. Apabila nilai -n lebih kecil daripada 1, maka ukuran font nya menjadi 1.
Ukuran default dapat dipandang dari 2 sisi. Satu dari sisi pemakai (user) dan satu lagi dari sisi pembuat file HTML. Dari sisi user, default diatur pada browser, sedangkan dari sisi pembuat HTML, default diatur dengan menggunakan perintah (tag) BASEFONT. Tag BASEFONT tidak berpengaruh pada teks yang diatur dengan tag Heading. Jadi apabila ada tag
Langganan:
Postingan (Atom)