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!
Mengenai Saya
Senin, 06 April 2009
MemBeRi penOmeran paDa bLog
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 :
Ijin dari Fernandooo1 melalui komentar bisa dilihat di sini.
Berhubung menurut Fernandooo1, script ini didapat dari seorang kawan, maka saya sampaikan juga terimakasih kepada JMiur dari Vagabundia.
Terimakasih juga untuk Amanda, karena lewat informasinya saya bisa menemukan tulisan ini.
Setelah mencari-cari lagi, saya menemukan review posting diatas, telah ditulis oleh o-om pada tanggal 6 kemarin. Saya sarankan untuk menuju ke blog o-om untuk membaca tulisan beliau.
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 :
Ijin dari Fernandooo1 melalui komentar bisa dilihat di sini.
Berhubung menurut Fernandooo1, script ini didapat dari seorang kawan, maka saya sampaikan juga terimakasih kepada JMiur dari Vagabundia.
Terimakasih juga untuk Amanda, karena lewat informasinya saya bisa menemukan tulisan ini.
Setelah mencari-cari lagi, saya menemukan review posting diatas, telah ditulis oleh o-om pada tanggal 6 kemarin. Saya sarankan untuk menuju ke blog o-om untuk membaca tulisan beliau.
foRmat Teks
Membuat Teks Berjalan Pada Blog (Marquee)
Untuk membuat teks berjalan kita menggunakan beberapa kode marquee
1. teks berjalan ke kiri
Teks berjalan ke kiri
hasilnya akan seperti ini
Teks berjalan ke kiri
2. teks berjalan ke kanan
Teks berjalan ke kanan
hasilnya akan seperti ini
Teks berjalan ke kanan
3. membuat teks berjalan ke bawah
Teks berjalan ke bawah
hasilnya akan seperti ini
Teks berjalan ke bawah
4. teks berjalan ke atas
Teks berjalan ke bawah
hasilnya akan seperti ini
Teks berjalan ke bawah
agar teks berjalan berhenti saat mouse didekatkan kita bis memberikan beberapa kode seperti : onmouseover="this.stop()" onmouseout="this.start()"
cara memasukanya contoh untuk di edit
Teks berjalan ke bawah
Teks berjalan ke bawah
Sebenarnya tidak hanya teks yang bisa kita masukan tetapi link,image pun bisa kita masukan kedalam marque, Jadi Selamat Mencoba...^_^
Untuk membuat teks berjalan kita menggunakan beberapa kode marquee
1. teks berjalan ke kiri
Teks berjalan ke kiri
hasilnya akan seperti ini
Teks berjalan ke kiri
2. teks berjalan ke kanan
Teks berjalan ke kanan
hasilnya akan seperti ini
Teks berjalan ke kanan
3. membuat teks berjalan ke bawah
Teks berjalan ke bawah
hasilnya akan seperti ini
Teks berjalan ke bawah
4. teks berjalan ke atas
Teks berjalan ke bawah
hasilnya akan seperti ini
Teks berjalan ke bawah
agar teks berjalan berhenti saat mouse didekatkan kita bis memberikan beberapa kode seperti : onmouseover="this.stop()" onmouseout="this.start()"
cara memasukanya contoh untuk di edit
Teks berjalan ke bawah
Teks berjalan ke bawah
Sebenarnya tidak hanya teks yang bisa kita masukan tetapi link,image pun bisa kita masukan kedalam marque, Jadi Selamat Mencoba...^_^
cara memberi coment
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.
Langganan:
Postingan (Atom)