Mengedit Tampilan Judul Widget Blog
Mengedit Tampilan Judul Widget Blog. Salah satu cara memperbaiki template blog kita supaya lebih sesuai dengan konten dan menjadi lebih menarik bagi visitor. Bagi anda yang gemar bermain CSS, hal seperti ini pasti tidak luput dari penglihatannya. Sedikit saja ada yang tidak sesuai dengan keinginannya, judul widget blog tersebut langsung di kustomisasi.
Banyak orang yang menyepelekan untuk memperbaiki kondisi title widget, mungkin karena malas mengutak atik lagi takut berantakan, atau mungkin karena belum bisa mengedit CSS. Untuk yang masih awam tentang CSS, silahkan baca tutorial dasar CSS. Jika sudah dibaca, mari lanjut dengan Mengedit Tampilan Judul Widget Blog.
Mengedit Tampilan Judul Widget Blog
A. Tutorial
1. Login ke blogger2. Pada dashboard blog, pilih blog anda lalu masuk ke Template, Edit HTML
3. Setelah itu, untuk mengatur tampilan judulnya, anda perlu memasukkan CSS berikut diatas kode ##]]></b:skin>## atau ##</style>##
.sidebar h2, h3{}4. Selector dari judul widget saya pakai berisi h2, h3. Karena seharusnya sidebar menggunakan heading h3, tetapi masih banyak juga yang menggunakan h2. Didalam tanda {} silahkan berikan property dan value sesuai yang anda inginkan.
B. Kustomisasi CSS
Untuk memperbarui tampilan judul, anda dapat memasukkan property berikut didalamnya
background:blue
background:#0000ff
background:
background, border, margin, padding, font-style dan atribut css lainnya. Apabila anda masih bingung, saya sudah berikan beberapa css dari judul widget.
background:blue
background:#0000ff
background:
background, border, margin, padding, font-style dan atribut css lainnya. Apabila anda masih bingung, saya sudah berikan beberapa css dari judul widget.
C. Contoh CSS
Sekilas info:
Kesulitan mencari kode di tampilan edit html terbaru? Baca di Cara Mencari Suatu Kode Di Edit HTML Blog Tampilan 2013)
Mungkin dalam setiap template kode HTML nya berbeda beda. Seperti kode sidebar. Jika memang berbeda dan anda bingung mau mencari kode apa, saran saya cari saja kode "sidebar" (tanpa tanda petik) jika pada html "sidebar" terdapat rangkaian kode backgorund, font, warna dan lain lain yang sesuai dengan blog anda, maka itulah kode yang tepat. Jika anda masih ingin lebih banyak memahami tentang HTML dan CSS, mungkin artikel Tutorial Dasar Menggunakan HTML dan CSS dapat membantu.
Bagaimana? apakah anda sudah mendapatkan hasilnya? Sekian dulu postingan Jona Rendra yang berjudul Cara Memberi Latar Gambar Pada Judul Widget Blog, semoga bermanfaat untuk anda dan jika ada pertanyaan silahkan poskan komentar
Wah lumayan, bisa mempercantik blog.. Terimakasih
ReplyDeleteowh iya sama sama
ReplyDeletethx tutornya gan..
ReplyDeletekomen back..
ok, segera berkunjung
ReplyDelete-_-
Kok blm bs ya mas apa yang salah ya.. Kunjungan perdana mas mau folowan nyari linknya mana ya.. Mampir ya inguk2 hxxp://woconen.blogspot.com
ReplyDeletekalo kode HTML diatas sudah di copy di tempat yg bner, pasti mau kok
Deletemakasih banget atas informasinya
ReplyDeleteya, sama sama
Deletemakasih juga sudah berkunjung
This comment has been removed by a blog administrator.
ReplyDeletetrimakasih tipsnya bos
ReplyDeletesiiipp
Deletekok saya cari nggak ada ya sidebarnya? bantuin dong bos
ReplyDeletemungkin bisa gak ada karena beda template
Deleteitu tutorial khusus untuk template bawaan blogger
kebanyakan template sekarang kode CSS sudah sederhana