Hal yang di tunggu-tunggu blogger datang juga, setelah 3 bulan terhitung sejak tutup tahun 2009 google update pagerank. Setelah melakukan pengecekan, hanya 2 blog saya yang mengalami perubahan termasuk blog ini. Bagaimana dengan blog sobat, apakah mengalami perubahan?
Buat yang pageranknya naik, saya ucapkan selamat. Dan buat yang turun jangan kecewa. Naik pagerank jangan senang dulu, karena ini belum stabil. Bisa saja google melakukan update lagi dalam waktu dekat, karena hal ini pernah google lakukan tahun 2009 dengan mengupdate pagerank sebulan kemudian setelah update rutin 3 bulanan.
Sekali lagi saya ucapkan selamat buat yang pageranknya naik.
Belajar css memang sangat menyenangkan, kali ini saya coba berikan sedikit tips dalam membuat border blog. Mungkin ada yang belum mengetahui ragam atau jenis border, padahal ada banyak jenis border yang bisa di gunakan untuk mempercantik tulisan atau blog. Dibawah ini ada beberapa daftar jenis border yang bisa sobat gunakan untuk mengganti border sidebar atau main post blog.
|
|
Berikut ini contoh dari border yang bisa sobat gunakan :
Border-style: dotted
<div style="border:5px dotted #08088A; background:#FFF; width:500px; padding:20px">
dotted dotted dotted dotted dotted
</div>
Border-style: solid
<div style="border:5px solid #08088A; background:#FFF; width:500px; padding:20px">
solid solid solid solid solid
</div>
Border-style: dashed
<div style="border:5px dashed #08088A; background:#FFF; width:500px; padding:20px">
dashed dashed dashed dashed dashed
</div>
Border-style: groove
<div style="border:5px groove #08088A; background:#FFF; width:500px; padding:20px">
groove groove groove groove groove
</div>
Border-style: double
<div style="border:5px double #08088A; background:#FFF; width:500px; padding:20px">
double double double double double
</div>
Border-style: inset
<div style="border:5px inset #08088A; background:#FFF; width:500px; padding:20px">
inset inset inset inset inset
</div>
Border-style: outset
<div style="border:5px outset #08088A; background:#FFF; width:500px; padding:20px">
outset outset outset outset outset
</div>
Border-style: ridge
<div style="border:5px ridge #08088A; background:#FFF; width:500px; padding:20px">
ridge ridge ridge ridge ridge
</div>
Border Campur Aduk
<div style="border-style:dotted dashed double outset; border-color:red orange blue purple; border-width:5px; background:#FFF; width:500px; padding:20px">
dotted dashed double outset
</div>
Keterangan :
Semoga bermanfaat.
Mungkin sebagian blogger belum banyak yang mengerti fungsi dari list-style-type. List-style-type sendiri berfungsi sebagai penanda bullet icon blog, sobat bisa melihat contohnya pada icon panah warna kuning yang ada di sidebar blog saya. Beberapa pertanyaan muncul yang menanyakan cara membuat icon warna kuning seperti di blog saya.
Saya pernah membahas sebelumnya di postingan cara memasang icon tab di sidebar blog, namun pada saat itu contoh yang saya gunakan menggunakan image icon dengan url atau icon yang sudah di simpan sebelumnya di hosting. Saya akan berikan beberapa kode dari list-style-type yang bisa sobat gunakan.
- list-style-type: disc;
- list-style-type: lower-greek;
- list-style-type: circle;
- list-style-type: hewbrew;
- list-style-type: square;
- list-style-type: armenian;
- list-style-type: decimal-leading-zero;
- list-style-type: georgian;
- list-style-type: lower-roman;
- list-style-type: cjk-ideographic;
- list-style-type: upper-roman;
- list-style-type: hiragana;
- list-style-type: upper-alpha;
- list-style-type: katakana;
- list-style-type: lower-alpha;
- list-style-type: hiragana-iroha;
- list-style-type: none;
- list-style-type: inherit;
#sidebar ul { padding:0; margin:0; color:#FFF }
#sidebar ul li { list-style-type:square; padding-left:5px; margin:8px 0 0 20px }
#sidebar ul { padding:0; margin:0; color:#FFF }
#sidebar ul li { list-style-type:decimal-leading-zero; padding-left:5px; margin:8px 0 0 20px }
Untuk list-style-type: square bisa sobat lihat pada bagian bawah blog ini. sobat bisa melihat icon kotak kecil yang tampil sebelum isi dari recent post di bawah.
Semoga bermanfaat.
