Setelah mempelajari tentang daftar blog,mari kita lanjutkan dengan label.Sebelumnya Tahukah Kamu apa itu Label?Label adalah salah satu widget yang telah lama dikembangkan oleh Blogger.com.Lebih jelasnya label adalah sebuah penanda yang menandai suatu judul artikel yang berkaitan.
Contohnya : bila artikelnya mengenai memasang shoutbox di sidebar,maka label/penanda nya pasti akan ditulis Widget,Serba-Serbi,dan sebagainya.Bukan ditulis dengan Tutorial hacker,Tutorial Cracker,maupun hal yang tak berhubungan lainnya.
Kembali ke topik Mengenal dan Membuat Label.
mari ikuti langkah-langkah berikut :
Semoga sedikit tutorial dari saya berguna untuk teman-teman semanya,Nanti saya lanjutin dengan Label memiliki fungsi-fungsi tertentu.
Sabtu, 30 Januari 2010
Mengenal dan Membuat Label
Membuat FONT STYLE SETTING
Ketika blogwalking saya menemukan ada yang beda di blog mas abgamal.
Terdapat beberapa macam widget yang tidak pernah , saya lihat di blog manapun
Lebih jelasnya lihat di sidebar saya ada widget FONT STYLE SETTING.
Ikuti langkah-langkahnya :
- Klik Tata Letak/Layout
- Klik Elemen Halaman/Page Elements
- Klik Tambah Gadget/Add Gadget
- Pilih HTML/Javascript
- Copy-Paste script ini :
- Klik Simpan/Save
Bila Widgetnya tidak berfungsi ikuti langkah-langkah berikut :
- Dari menu blogger klik Tata Letak/Layout-->Edit HTML
- Cari kode :
.post {
margin:0 0 10px 0;
font-family: Arial;
background: #FFF;
padding:10px;
text-align:justify;
border:1px solid #C0C0C0;
} - Hapus kode yang ini font-family: Arial; atau semua template beda ada yang font-family: Verdana; atau font-family: Times New Roman;
- Pokoknya kode yang itu harus dihapus.
- Simpan template
Link Weblog Indonesia
Belajar Membuat Blockquote
Ada request dari teman nih miss anna , katanya mau minta di ajarin membuat blockquote , oke deh saya kasih tutornya
Langkah Pertama Memasukkan kode Blockquote di HTML :
- Klik Edit HTML
- Tidak Usah Expand Widget Template.
- Copy code di bawah ini :
blockquote {
background-position:-10px -7px;
border: 1px dotted #FFC600;
margin: 10px;
padding: 10px;
background: url("http://img516.imageshack.us/img516/1513/blackquotewe3.png") no-repeat
#FFF8DD;
text-align: justify;
}
Taruh Kode itu di atas ]]>
Keterangan :
- Warna merah merupakan background gambar blockquote.
- Warna Biru merupakan warna background yang akan muncul.
Langkah Kedua Cara Menggunakan Kode Blockquote di Postingan :
Tulis Artikelnya disini
Maka hasilnya begini :
Selesai juga akhirnya.
Selamat mencoba ya Sahabat.
Stay Tune With me OK