Membuat link berkedip warna otomatis

Pada postingan terdahulu saya pernah membahas tentang text yang berkedip, pada kali ini saya akan menjelaskan cara membuat text yang berkedip otomatis tapi berwarna dengan link di dalamnya, contohnya silahkan klik disini atau lihat pada sidebar saya. Jangan takut, gampang kok, yuk coba...pertama : tambahkan sebuah elemen halaman dan pilih add java script pada blog kamu. Tentu harus login terlebih

Read more »

Memodifikasi Selection Teks

Mungkin Blog Anda mengandung sumber informasi bagi orang dan memungkinkan orang itu harus mencetaknya (print) misalnya Anda menulis artikel tentang Sumber bahan pembelajaran yang dibutuhkan oleh para pelajar dan pelajar itu membutuhkan untuk dicetak. Kadang orang lain menseleksi text yang dibutuhkan saja, nah maka dari itu supaya lebih menarik kita memodifikasi selektion text supaya terkesan lebih indah jika Ada orang lain yang menseleksi atau memblock text yang dibutuhkan pada blog Anda.

Mau ?
Baca dibawah ini...

Pertama yang harus kita lakukan adalah baca doa supaya berjalan dengan lancar, setelah itu minum obat anti mabok biar gak mabok ntar diperjalanan (kaya mau naik pesawat aja)

Kalau langkah diatas sudah Anda lakukan, pastikan sudah Log In ke blogger dan masuk menu Layout (tata letak) kemudian masuk menu Edit HTML

Taruh code dibawah ini diatas code ]]></b:skin>

::-moz-selection {
background: none;
color: #90EE90;
}

Perhatikan

background:none; itu adalah backround text yang di block dan none adalah kosong apabila ingin membuat warna background ganti saja dengan code warna misalnya #FFFFCC adalah warna kuning, cari code warna Disini

Color:#90EE90; adalah warna text yang di block atau seleksi Anda bisa menggantinya dengan code warna, lihat code warna disini

kalau sudah silahkan SAVE dan lihat hasilnya

Nah cara ini hanya bisa digunakan di browser mozilla firefox, jangan berkecil hati karena browser mozilla lebih banyak digunakan

Nah sekian dulu artikel kali ini, Saya harap dapat membantu Anda.

Read more »

Tutorial lengkap text pada postingan

Mungkin para blogger pemula belum mengerti cara membuat tulisan seperti ini tips tutorial atau ini, itu, dia banyak lagi. Disini saya akan membahas secara lengkap mengedit text pada postingan. Backgound pada text, mengatur besar huruf, pearataan text, dll. Yuk baca... Text dengan coretankodenya : Text dengan coretanText dengan garis bawahkodenya : Text dengan garis bawahText

Read more »

Tambahan Icon Pada Label Atau Category

Berkaitan dengan artikel yang kemaren yaitu tambahan Icon pada post footer dan artikel kali ini hampir serupa mengenai tambahan icon, seperti yang kita tau Label/category adalah pengelompokan beberapa artikel yang terkait, dan sebagai icon yang cocok adalah Folder karena folder adalah tempat untuk mengelompokkan file-file terkait atau kelompok file tertentu. Sekarang saya akan membuat artikel yang cukup ringan tapi semoga bermanfaat bagi para blogger untuk membuat blognya lebih hidup dan menarik! Istilah dalam iklan di TV adalah lebih punya taste gitu loh!. Maka dari itu ijinkanlah saya membuat artikel untuk menambah Icon pada Label/category.

Sebenarnya dalam label/category icon standarnya yaitu list style yang berbentuk bulat tapi kali ini Saya mencoba untuk menggantinya jika ada list stylenya dan menambah jika belum ada list stylenya, moga-moga nggak bingung dengan penjelasanku...

Nah sekarang langsung ke TKP (tempat kejadian project) yaitu ke blogspot!
silahkan Baca, Pahami dan Praktikan!

pertama harus log in ke blogger, kedua masuk menu Layout (tata letak) kemudian masuk menu Edit HTML

Taruh Code dibawah ini diatas Code ]]></b:skin>

/*Label
----------------------*/
#Label1 ul, #Label2 ul{
list-style:none;
margin:0 0 0;
padding:0 0 8px;
}
#Label1 li, #Label2 li{
background:url(http://i296.photobucket.com/albums/mm169/anasku/folder-explorer-16x16.png) no-repeat;
padding-top:0;
padding-right:0;
padding-bottom:3px;
padding-left:20px;
margin-bottom:3px;
border-bottom:1px dotted #063E3F;
line-height: 1.2em;
}

Nah tulisan yang tercetak merah diatas adalah URL gambar icon bisa kamu ganti punya kamu sendiri atau bisa menggunakan icon folder yang saya sediakan dibawah ini


http://i296.photobucket.com/albums/mm169/anasku/folder-16x16.png


http://i296.photobucket.com/albums/mm169/anasku/folder-open-16x16.png


http://i296.photobucket.com/albums/mm169/anasku/folder-explorer-16x16.png


http://i296.photobucket.com/albums/mm169/anasku/forder-biru.png

Nah kalau sudah silahkan SAVE untuk melihat hasilnya silahkan buka blog Anda.

Nah setelah Anda menggunakan trik kali ini pasti blog Anda akan kelihatan Cool kaya yang punya mungkin :D

nah sekian dulu! artikel yang ringan ini semoga sedikit membantu Anda untuk mempercantik Blog Anda,

Semoga bermanfaat

Read more »

Membuat kata selamat datang pada blog

Ingin membuat kata sambutan seperti di atas? caranya mudah kok, yuk langsung aja Klik disini...lalu atur format kata-kata yang diinginkan pada kolom sebelah kanan, tepatnya di bawah "Get Widget". [ Message ] adalah kata-kata yang akan tampil, ganti dengan yang anda inginkan. Bila sudah klik get widget bawah formulir pengaturan tadi. Kemudian akan muncul form baru dengan judul "embed code". Klik

Read more »

Membuat tabview ala o-om

Makasih pada o-om yang udah mengizinkan para blogger untuk menggunakan tabview miliknya, tabview yang telah dirancang oleh o-om sangat mudah untuk digunakan tampa harus melakukan tambahan kode sebelum , yuk kita lihat caramembuatnya ini adalah contoh dari tabviewcara membuatnya Copy seluruh kode di bawah ini pada note pad :