Apakah Anda menyukai bunga, Greenery, latar belakang gelap dan terang, atau juga motiv-motiv yang indah? Nah sekarang Anda dapat menambahkan itu semua pada background kotak komentar Anda. Kode yang disediakan di bawah ini dapat digunakan untuk memberikan pola latar belakang pada kotak komentar dan Anda dapat memilih mana yang Anda sukai. Untuk menambah pola latar belakang yang berbeda sesuai pilihan Anda, maka Anda dapat mencarinya di BackgroundLabs yang merupakan sumber yang bagus untuk memilih background dan pola yang disediakan secara gratis. Anda dapat memilih dari ribuan rasa yang berbeda dari kategori Background. Langkah-langkah untuk memasang latar belakang ini pada kotak komentar blog Anda sangat sederhana sekali. Mari saya tunjukkan untuk Anda!
Baca juga Artikel ini untuk referensi tambahan:
- Login ke akun Blogger Anda dan masuk ke Template
- Backup dulu Template Anda bila perlu
- Klik Edit HTML
- Klik Expand Widget Templates pada pojok kiri atas
- Cari kode ini (gunakan CTRL + F untuk memudahkan pencarian)
]]></b:skin>
- Letakkan kode di bawah ini tepat di atas kode ]]></b:skin> tadi
#gnr-form iframe{
background:#ffffff url(IMAGE-LINK) repeat;
border:1px solid #ddd;
-moz-border-radius:6px;
-webkit-border-radius:6px;
box-shadow: 5px 5px 5px #CCCCCC;
padding:5px;
font:normal 12pt "ms sans serif", Arial;
color:#2F97FF;
width:560px; height:213px !important;
}
#gnr-form a{
color:#fff;
}
Ganti Image-Link dengan salah satu URL background yang saya share di bawah ini atau yang Anda dapatkan dari website BackgroundLabs.
Untuk mengganti warna "comments as", gantilah kode #2F97FF dan untuk menrubah lebar dari kotak komentar Anda etitlah kode width:560px.
- Setelah itu cari kode ini
<div class='comment-form'>
- Ganti dengan kode di bawah ini
<div id='gnr-form'>
- Simpan template Anda dan Selesai!
Selamat Natal
GARDEN
AQUA
BLUE OCEAN
CHECKER
CHALK
WOODEN
BLOCKS
TILES
METALLIC
Baiklah kawan, cukup itu saja tutorial saya kali ini silahkan Anda eksplorasi gambar-gambar dan pola background untuk kotak komentar dari BackgrounLabs. Pilihlah gambar lain sesuai keinginan Anda dan tema blog Anda. Nantikan postingan dan tutorial menarik lainnya dari blog ini. Jangan lupa like jika Anda menyukai Artikel ini. :)
IMAGE LINK:
http://www.backgroundlabs.com/backgrounds/318.jpg
GARDEN
http://www.backgroundlabs.com/backgrounds/40.jpg
AQUA
http://www.backgroundlabs.com/backgrounds/434.gif
BLUE OCEAN
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6bqArvxcr5_i_uUazJgjzaaqV-x3aJzHodj48VZT8spSjrk9OVf-pE9SGym2a2cmt_zfkavu2pW6aFKk0zra0PFjv_xQ4VkEX2-3CThY-pwJYqe8hfo6KUF1M-WMDFp98LtbsO85NlsGJ/s400/1.png
CHECKER
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpr5QQcdZudGA3bp4h6cjr_s4mjNSk5vqo459rmV4FZ4kQo8Zs5sOY1uIsdu7bGGr9iA-jvTeJuCVU09HToO9AmF7MSpZNEoL_xk5SyV-n6huRECRm0V5M8eh6O-n37UczzknQzvg4q4JD/s400/2.png
CHALK
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvrlNG8yGulOHMHAlaypPG54M_af44hhtigatDvcG87qb72AQddOaAB3ESJ0LKwygVdOTVGGJAAj7ArIqN56z96uRcNQCW06x3GEmfJ6YQi0lQ8gQZAjPv5WP_Xj1y3Iz7qn0hDD20SjJK/s400/4.png
WOODEN
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_HVqKvz8t_pezGo_A1CfoCiLDCyCNAF3N7RmAX9H0MzBTSc1pLTvwBWKLpVqH4HYXJliuwopanTQC-LaamXypQpif3d5aZK5Gl5XKrSjeA_0__7GrrUsB14Fag8ExMd0_yVkllXr9ZHBS/s400/7.png
BLOCKS
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwooU0LQsSAuLx66qaTUwkJQucoAAqsGWJqKdMe_Cvj0ysfPMQhZdfmCVxOKEBRq0IuvGXtfVQglcbltm79-S8mrky8Q3br7PayVmMM3Bkk6-sNVpMq7yeldUW4n7kADKZ1VMvlI8Nitrn/s400/9.png
TILES
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyE8_dxCFr9Uqd7OVkMy9U8kDp_bRW3zvdb4Ux_3TJkvr_nhB37LdTjMHBQnCY3LcpkfKMRkqnwRpwGdMRrgMqgYT9i3CPsCSX-46SvzRaAMuLRBaZVZwo4Uf9LiFjEj0it8xjPZ0iiEM7/s400/8.png
METALLIC
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_fVtd7wprlCRUNUeK9Ytx_qfBN9kkslRkQPsdgY9T1YjQU0uucGkvaa7TKA-xC4nWnioTc3hYj4psPgfWrWl92EX0HbzpX0gQSU1hF2HLTH4JA2_4bTYUEFIJwusOHb28XKgYeqjUIpfe/s400/12.png
Baiklah kawan, cukup itu saja tutorial saya kali ini silahkan Anda eksplorasi gambar-gambar dan pola background untuk kotak komentar dari BackgrounLabs. Pilihlah gambar lain sesuai keinginan Anda dan tema blog Anda. Nantikan postingan dan tutorial menarik lainnya dari blog ini. Jangan lupa like jika Anda menyukai Artikel ini. :)
Tidak ada komentar:
Posting Komentar