Langsung ke konten utama

Memberi Warna Background Judul Gadget di Blog

Sama hal-nya dengan Memberi Warna Background Judul Posting Blog, dapat membuat fokus pembaca akan isi suatu konten atapun gadget. Untuk postingan kali ini adalah memberi warna background judul widget (Artikel Populer, Komentar terakhir, dkk) yang biasanya berada pada sisi samping tampilan dari blog sobat. Seperti banyak orang bilang, perbedaan warna itu dapat menarik perhatian mata agar lebih fokus akan suatu hal.

Langsung saja berikut langkah-langkah untuk memberi warna background pada judul widget di blog.

Langkah - Langkah:
1. Pergi ke Template --> Edit HTML
Edit HTML















2. Klik pada kotak Edit HTML dan cari (CTRL+F):
h2 {
    Kode lengkap akan terlihat seperti ini:
h2 {
  font: $(widget.title.font);
  color: $(widget.title.text.color);
3. Tambahkan kode berikut di bawah-nya:
background:#3778cd;
border-radius: 11px 0px 11px 0px;
    Jadi akan terlihat seperti ini:
h2 {
  font: $(widget.title.font);
  color: $(widget.title.text.color);
  background:#3778cd;
  border-radius: 11px 0px 11px 0px;
Catatan:
*background:#3778cd; --> Warna background, Anda dapat memilih warna background (#3778cd) di --> Kode Warna RGB
*border-radius: 11px 0px 11px 0px; --> Mengatur bentuk latar background (11px 0px 11px 0px).
 Sobat dapat lihat di --> www.cssportal.com/css3-rounded-corner untuk lebih detail-nya.

4. Preview untuk melihat dan kalau cocok Save Template

Selamat mencoba :)

Label:

Komentar

Posting Komentar

Postingan populer dari blog ini

Mod Immortal Treasure Trove Carafe 2018

Mod immortal Treasure Trove Carafe 2018. This treasure contain of : Huskar - The Spoils of Dezun, Ogre Magi - Gimlek Decanter, Pangolier - Mask of Confidant, Venomancer - Cult of Aktok, Rubick - Crux of Perplex, Disruptor - Orb of Deliverance, Silencer - Glaive of Oscilla, Storm Spirit - Mandate of the Stormborn, Windranger - Sylvan Vedette and Mirana mount - Axia of Metira. Hope you guys like this mods cosmetic skin and support our favorite game Dota 2 in steam community market. No money? Just mods! Enjoy the game and boost your Matchmaking Ratings MMR and Seasonal Rankings Medals !
Posting Komentar
Baca selengkapnya

Cara Menambah Tulisan diatas Kotak Komentar Blog

Menambahkan tulisan atau text diatas kotak atau kolom komentar blogger adalah salah satu cara dimana owner blog dapat memberikan pesan kepada pengunjung blog tersebut. Biasanya pesan yang dicantumkan seperti aturan berkomentar (sopan, tidak mengandung kata-kata sara, p*rn*grapi, dll) ataupun ajakan berkomentar pada blog tersebut. Selain itu sobat juga dapat mengganti tulisan " poskan komentar " dengan text ataupun gambar sesuka sobat. Sobat dapat membaca nanti di Mengganti Tulisan Poskan Komentar di Blog . Pada posting kali ini saya membahas 2 cara, Cara 1 merupakan bawaan dari blogger yang mudah digunakan. Cara 2 dengan mengedit HTML template blog, Kelebihan untuk cara 2 ini adalah kita dapat mengedit tulisannya dengan membuat background, tulisan miring, bold dan lainnya cukup dengan menambahkan kode HTML. Cara 1: Langkah 1. Pada Dashboard blogger sobat scroll kebawah --> Setelan --> Pos dan Komentar . Pada Pesan Formulir Komentar klik Tambahkan. Langkah 2. Form un...
Posting Komentar
Baca selengkapnya

Cara Membuat Tombol Kembali ke Atas di Blog

Membuat tombol kembali keatas (back to top) pada blog dengan menggunakan kode HTML, Javascript, CSS atapun jQuery. Fungsi dari tombol ini adalah apabila pengunjung blog scroll kebawah maka akan muncul tombol back to top yang memudahkan pengunjung untuk kembali pada posisi atas dari posting blog tanpa susah menggunakan mouse untuk keatas. Memasang Tombol Kembali ke Atas Pada dashboard blog, pilih Template --> Edit HTML --> Klik pada area kosong kotak Edit HTML dan Cari (CTRL+F) kode berikut: </head> Selanjutnya ikuti langkah dibawah ini. Silahkan anda pilih salah satu efek dari tombol ke atas berikut: 1. Membuat Tombol Kembali ke Atas dengan Efek Halus Langkah 1. Letakkan kode berikut diatas  </head> <script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js'/> <script type='text/javascript'> $(function() { $(window).scroll(function() {if($(this).scrollTop()&gt;500) { $(&#39;#Scrol...
Posting Komentar
Baca selengkapnya