Sunday, April 7, 2013

» Model Mengubah warna Highlight teks Pilihan pada Wordpess dan Blogger

Model Mengubah warna Highlight teks Pilihan pada Wordpess dan Blogger

Mengubah warna Highlight teks PilihanJika Anda seorang blogger Anda akan tahu bagaimana proses menyalin dan menyisipkan dengan cara menghighlight teks untuk dicopy. Pembaca rutin yang telah mengikuti modelcoup tutorial sudah menyalin kode dari posting kami berkali-kali. Sekarang lihat, ketika Anda menyorot teks atau kode secara default perubahan warna akan nampak dengan warna latar belakang biru sementara warna teks berubah menjadi putih. Ini memang udah dari sono dasarnya biar ente tau darimana anda mulai menghighlight teks.


Jadi emang defaultnya bila teks di sorot (Highlight) maka latar belakang berubah biru dan teks jadi putih, tetapi apa Anda tahu kalo ternyata warna Highlight teks Pilihan pada Wordpess dan Blogger itu bisa dirubah? Banyak nyang sudah tau tapi tidak sedikit nyang gak dongg kalo ternyata warna Highlight teks Pilihan itu bisa dirubah. Menanggapi email dari seorang teman minggu lalu nyang bertanya bagaimana saya melakukannya. Akhirnya terbersit juga untuk mengisi kekosongan artikel model coup dengan tutorial bagaimana model mengubah warna Highlight teks Pilihan. Menyulap warna teks pilihan agar berubah hanya membutuhkan potongan kecil Css nyang ditambahkan ke blog Anda, untuk mencapai efek yang Anda dapat lihat dari contoh gambar di bawah.




Contoh dari Default gaya latar biru berubah menjadi gaya latar merah


Semua itu adalah perubahan kecil dalam tampilan keseluruhan blog Anda tetapi bila diatur sesuai skema warna situs akan membuat tampak rapi. Jadi jika Anda juga ingin Mengubah warna Highlight teks Pilihan blog Anda dengan warna kesukaan, kita akan mengupas tutorial itu untuk pengguna WordPress dan Blogger. Anda dapat memilih teks dalam posting ini untuk melihat bagaimana dengan warna yang berbeda (#990000).


Mengubah warna Highlight teks Pilihan pada WordPress



    • Pada WordPress Dashboard klik ‘Apperance‘ > ‘Widgets‘ > Tambahkan teks Widget ke sidebar Anda dan paste kode seperti yang ditunjukkan dalam video di bawah ini:



Code:


::selection {color: white;background-color: red;}::-moz-selection {color: white;
background-color: red;}<a href=”http://www.modelcoup.com/”>Tips For Bloggers</a>



  •  Simpan gadget anda dan selesai!


Catatan – rubah warna (dalam huruf tebal) sesuai dengan Blog Anda.


Mengubah warna Highlight teks Pilihan pada Blogger



  • Pada Dashboard Blogger klik The Drop Down Blog > pilih Layout > klik Add A Gadget > Pilih HTML/Javascript > salin kode seperti yang ditunjukkan dalam video di bawah ini:



Code:


::selection {color: white;background-color: red;}::-moz-selection {color: white;
background-color: red;}<a href=”http://www.modelcoup.com/”>Tips For Bloggers</a>



  • Simpan gadget blog Anda dan selesai!.


Catatan – rubah warna (dalam huruf tebal) sesuai dengan Blog Anda.


Sekarang anda tau kan kalo nyatanya Mengubah warna Highlight teks Pilihan tak selulit nyang anda kira, tak perduli blog engine anda apa.


Selamat mencoba tutorial sederhana ini.



Model Mengubah warna Highlight teks Pilihan pada Wordpess dan Blogger