Home > Blogger Hack > Cara mengubah jenis font header, judul postingan, judul sidebar dan lain-lain pada blogger
Cara mengubah jenis font header, judul postingan, judul sidebar dan lain-lain pada blogger
Posted on Senin, 06 Agustus 2012 by do it your self
Menghias blog memang adalah pekerjaan seorang pemilik blog. Tetapi seberapa sering Anda berkunjung ke blog-blog Indonesia? Apa pendapat Anda? Unik? Lumayan? Keren? atau... lebay? Yapp, saya setuju kalau blog-blog Indonesia rata-rata lebay. Bandingkan dengan blog-blog India yang rata-ratanya sesuai kaidah SEO, simple, biasa, namun enak dipandang. Memeng selera orang berbeda-beda, tetapi tetap juga harus simple, biasa, namun enak dipang.
Mengubah jenis font memang mendukung blog menjadi lebih enak, tetapi juga haru tetep jangan sampai memakai font yang terlalu lebay. Berikut cara bagaimana engubah font header, judul postingan, judul sidebar dan lain-lain pada blogger :
Langkah :
- Buka akun blogger Anda
- Masuk ke menu Template > Edit HTML > Proceed > centang 'Expand Template Widget'
- Cari kode-kode yang mirip pada kode dibawah ini :
- Kode dibawah ini mengubah jenis font judul postingan (ubah pada jenis font yang berwarna biru)
/* Posts-----------------------------------------------*/
h2.date-header{margin:1.5em 0 .5em;display:none;}
.wrapfullpost{}
.post{margin-bottom:15px;border-bottom:1px dashed #eee;text-align: justify;}
.post-title{color:#333333;margin:0 0 10px 0;padding:0;font-family:'Candy Round BTN', Arial, Times New Roman Times, Serif;font-size:24px;line-height:24px;font-weight:bold;}
- Kode dibawah ini mengubah jenis font header (karena saya memakai laman diatas header dan menaruh labels dibawah header, ubah jenis yang berwarna biru pada laman diatas header dan merah untuk label dibawah header)
.menu-primary{}
.menu-primary ul{min-width:160px}
.menu-primary li a{color:#555;text-shadow:0px 1px 0px #fff;padding:19px 15px 19px 15px;line-height:11px !important;text-decoration:none;text-transform:uppercase;font:normal 11px 'Oswald',sans-serif;border-bottom:3px solid #F1F1F1}
.menu-primary li a:hover,.menu-primary li a:active,.menu-primary li a:focus,.menu-primary li:hover > a,.menu-primary li.current-cat > a,.menu-primary li.current_page_item > a,.menu-primary li.current-menu-item > a{color:#F80508;text-shadow:0px 1px 0px #fff;outline:0;border-bottom:3px solid #F70413}
.menu-primary li li a{color:#fff;text-shadow:0px 1px 0px #000;text-transform:none;background:#F70413;padding:10px 15px;margin:0;border:0;font-weight:normal}
.menu-primary li li a:hover,.menu-primary li li a:active,.menu-primary li li a:focus,.menu-primary li li:hover > a,.menu-primary li li.current-cat > a,.menu-primary li li.current_page_item > a,.menu-primary li li.current-menu-item > a{color:#fff;text-shadow:0px 1px 0px #000;background:#D30A10;outline:0;border-bottom:0;text-decoration:none}
.menu-primary a.sf-with-ul{padding-right:20px;min-width:1px}
.menu-primary .sf-sub-indicator{position:absolute;display:block;overflow:hidden;right:0;top:0;padding:18px 10px 0 0}
.menu-primary li li .sf-sub-indicator{padding:9px 10px 0 0}
.wrap-menu-primary .sf-shadow ul{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUYcwXMjAZK05z5CuLlfv8LGl4OBsjHJpR1GNc6IavZEhb38_tnElnHzujEhOtZNTSceJoUXnvD93IthYYxWuGlkUSc-Qtn62zQMBVXWJ_c1OalmXTq7arzRSmp2KPDiI89uCgLWLLzeDG/s0/menu-primary-shadow.png') no-repeat bottom right}
.menu-secondary-container{position:relative;height:40px;z-index:300;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGIHFeSiOBDt-Ki1pz9fu-MJmyUPy6SAOZWXr2xd3vb52aiJNrgfKLPveO8qmE6fr9X094v80jMgPoLscZKtVX3CAJAAywH-Sf0c5KTEugs_sObKQcrPP8iQkqwJ1w6CLBvy0N8RMG6Q3-/s0/menu-secondary-bg.png) left top repeat-x;padding-left:5px}
.menu-secondary{}
.menu-secondary ul{min-width:160px}
.menu-secondary li a{color:#555;padding:12px 15px 11px 15px;text-decoration:none;font:12px 'Oswald',sans-serif;text-transform:uppercase}
- Kode dibawah ini mengubah jenis font judul sidebar (ubah pada kode biru)
/* Sidebar Content----------------------------------------------- */
.sidebar{margin:0 0 10px 0;font-size:13px;color:#555555;}
.sidebar a{text-decoration:none;color:#555555;}
.sidebar a:hover{text-decoration:none;color:#F70413;}
.sidebar h2{background:#F2F2F2 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi75S92yAjwnFKCzUDdOiXKT5PLetEffIzVqUVvBIFy5FUnoZLE-z3P-2C4lOgDfgMI4fAY45F9CJMnLrbnqHKoBl01kpQBq9zQmZzdogNzy4LeyOh4EcY1XqACU8NpDuuINU2Ky4Y7LYax/s0/widgettitle-list.png) 4px center no-repeat;margin:0 0 10px 0;padding:9px 0 9px 20px;border:1px solid #E0E0E0;color:#666;font-size:16px;line-height:16px;font-family:'Oswald',sans-serif;text-decoration:none;text-transform:uppercase;}
.sidebar ul{list-style-type:none;list-style:none;margin:0px;padding:0px;}
- Kode dibawah ini mengubah judul footer
/* FOOTER ----------------------------------------------- */
#footer{width:960px;margin:0px 0px 15px 0px;text-shadow:0px 1px 0px #fff;}
#copyrights{color:#434141;background:#FFF;text-align:center;padding:25px 0}
#copyrights a{color:#434141}
#copyrights a:hover{color:#434141;text-decoration:none}
#credits{color:#434141;font-size:11px;text-align:center;padding-top:15px}
#credits a{color:#434141;text-decoration:none}
#credits a:hover{text-decoration:none;color:#434141}
#footer-widgets{width:960px;background:#F6F6F6;padding:20px 0 0 0;border-top:1px solid #DBDBDB;border-top:1px solid #DBDBDB}
.footer-widget-box{width:225px;float:left;margin-left:12px}
.footer-widget-box-last{}
#footer-widgets .widget-container{color:#555;text-shadow:0px 1px 0px #fff;}
#footer-widgets .widget-container a{color:#555;text-decoration:none}
#footer-widgets .widget-container a:hover{color:#F70413;text-decoration:underline}
#footer-widgets h2{color:#333333;font-family:'Oswald',sans-serif;font-size:16px;line-height:16px;text-decoration:none;text-transform:uppercase;background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi75S92yAjwnFKCzUDdOiXKT5PLetEffIzVqUVvBIFy5FUnoZLE-z3P-2C4lOgDfgMI4fAY45F9CJMnLrbnqHKoBl01kpQBq9zQmZzdogNzy4LeyOh4EcY1XqACU8NpDuuINU2Ky4Y7LYax/s0/widgettitle-list.png") no-repeat scroll 4px center #F2F2F2;border:1px solid #E0E0E0;margin:0 0 10px;padding:9px 0 9px 20px;font-weight:normal;margin-bottom:16px;}
- Kode dibawah ini mengubah jenis font pada isi konten sidebar
#crosscol-wrapper{display:none;}
.PopularPosts .item-title{font-weight:bold;padding-bottom:0.2em;text-shadow:0px 1px 0px #fff;}
.PopularPosts .widget-content ul li{padding:0.7em 0;background:none}
.widget-container{list-style-type:none;list-style:none;margin:0 0 15px 0;padding:0;color:#555;font-size:13px}
.widget-container2{list-style-type:none;list-style:none;margin:4px 0 15px 10px;padding:0;color:#3E3E3E;font-size:13px}
h3.widgettitle{background:#F2F2F2 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjvBPr4GwrwIVqjpmFFdenzjjztVpR13HeJVP8PQvPbG0fiz_9zNvEmKm_0DDHKoqXjNQN6sTvnL288SMM1RvqD_MSehefJ1xyVpdXdrht47aS3E5bOKRcN4UBcKor5jSixlVryehYT8kR/s0/widget-list.png) 4px center no-repeat;margin:0 0 10px 0;padding:9px 0 9px 20px;border:1px solid #E0E0E0;color:#666;font-size:16px;line-height:16px;font-family:'Oswald',sans-serif;text-decoration:none;text-transform:uppercase;}
Keterangan :
- Lakukan perubahan pada kode (jenis font) pada warna biru
- Anda bisa mengetahui jenis font dengan menggunakan font-font dari Microsoft Word ataupun Google Web Font
- Preview terlebih dahulu
- Save template Anda.
Artikel Terkait
Category Article Blogger Hack
Arsip Blog
-
▼
2012
(4523)
-
▼
Agustus
(123)
- Mozilla Firefox Terbaru, Browsing Internet Lebih C...
- Cara Menghasilkan Uang Dari Internet Tanpa Modal
- Ramalan Zodiak Hari Sabtu 1 September 2012
- Pekan Depan Tenda Ceper Dibongkar
- Hasil Pertandingan Chelsea vs Atletico Madrid , 1 ...
- Cara mudah Memberi Keterangan Pada Link
- Catatan Prediksi Skor Liverpool Vs Heart of Midlot...
- Prediksi Skor Chelsea vs Atletico Madrid 1 Septemb...
- Cewek Matre Inside [lol]
- Tips Agar Komputer Bisa Awet
- Status lucu Facebook [lol]
- KLASEMEN SEMENTARA LIGA INGGRIS 2012-2013
- [ Undian Liga Champions] Madrid, City, Ajax, Dortm...
- Prediksi Bologna vs AC Milan (2 September 2012)
- Jadwal Pertandingan La Liga Spanyol 2012/2013
- Skor Akhir Real Madrid vs Barcelona 2-1 Leg 2 Pial...
- Menggunakan Tool Gratis Backlink Checker
- Tips Agar Tidak Kehabisan Ide Posting
- Lowongan Kerja Terbaru 2012
- Fungsi Inbound Link Dan Outbound Link dalam SEO
- Mengganti Tulisan Newer Post, Home, Older Post
- 10 Mamfaat Senyum
- Cara Memasang Iklan Pada Blog Blogspot – Di Dalam ...
- Cara Membuat Halaman Penggemar Blog di Facebook
- Cara Membuat Label Di Atas Judul Postingan
- Download One Piece Episode 561
- Mengganti Tulisan Newer Post, Home, dan Older Post...
- Tips Menampilkan Artikel Blog Pada Facebook
- Cara mudah Memasang Lencana Facebook di Blog
- Tips Aman di Social Network
- Foto & Biodata Bessara
- CARA Menampilkan Widget Tertentu Hanya Pada Homepa...
- Cara Memasang Banner Pada Halaman Facebook
- Ciri-Ciri Wanita Yang Sudah TIDAK Perawan!
- Cara Mengganti Tulisan Poskan Komentar
- Cara Menampilkan Hanya Judul Posting Ketika Label ...
- Cerita Pendek Lucu [ Ngakak]
- Download One Piece Episode 560
- Kumpulan Ucapan Selamat lebaran/idul Fitri 2012 M/...
- [PIC] Fungsi Lain Dari Laptop
- Saran/Tips untuk teman2 yang mau mudik Lebaran [lol]
- Cara Memasang dan mennganti Kode Warna Pada Blog
- Privat Shell Minang Cyber [ Edited Minang Cyber ]
- SMS Ucapan Idul Fitri
- Tips Mudik Aman dan Nyaman 2012
- Cara Membuat Cloud Top Comentator
- Tips For Choosing Insurance Plain
- Cara Memberi Keterangan Gambar Pada Posting Blog
- Memasang Harga Emas Realtime
- 7 Kalimat Romantis Untuk Yang Pacaran Jarak Jauh
- [Tips]Pacaran Jarak Jauh/Long Distance Relationshi...
- 5 fakta kebohongan wanita kepada pria
- Hal yang Bikin Rusak Hubungan Ketika Baru Pacaran
- [Tips]Mendapatkan Hati Wanita
- Memasang Widget Kurs Mata Uang di blogger
- Cara mudah Memasang Share This Post
- Tips Memilih Template Blog Yang Bagus
- Kebiasaan setelah makan yang dapat mengancam keseh...
- Buat Widget Icon Profil Sosial di Blogger
- Cara buat Profil Sosial Icon Telur Melayang di blo...
- Cara Buat jQuery Scroll Bar Social Bookmark Bergulir
- Cara Buat Breadcrumb Navigation di bloggger
- Download One Piece Episode 559
- Media Informasi Online
- Tips Mengoreksi Tulisan Secara Cepat
- Top ranking di Halaman 1 Google
- Mengetahui Perkiraan Nilai Suatu Blog Atau Situs
- Cara buat Smiley/Emoticon di Blogger
- Domain co.cc Gratis dan 10 Alasan Mengapa Membeli ...
- Mencari Penghasilan Tambahan Dari PPC AdsenseCamp
- Cara mengedit "Poskan Komentar" di Blogger
- Istana Pagaruyung
- Kata kata bijak bagi yang sedang patah hati dan pu...
- RAHASIA MEMBASMI JERAWAT dengan BUAH ALAMI
- [tips] yang membuat cewek tersenyum dan bahagia
- Lelucon pagi
- sejarah PERADABAN MANUSIA
- kelemahan dan kelebihan Mozilla Firefox 10
- Macam-Macam Bisnis Sampingan Karyawan Yang Mengunt...
- Cara Mempercepat Kinerja Komputer/Laptop yang Lambat
- Cara Mempercepat Copy File Ukuran Besar dengan Sof...
- Cara menangani USB Flashdisk yang meminta pemformatan
- Cara mengubah background/latar belakang USB Flashdisk
- TIPS MENAMPILKAN SIMBOL UNIK PADA FACEBOOK
- Usaha Modal Kecil Untuk Mahasiswa
- Cara Membuat Simbol Unik Dengan CopyPasteCharacter
- Wirausaha Kecil - Wirausaha Kecil-Kecilan
- Cara buat Facebook Like Fanpage dan Twitter Follow...
- Cara mempublikasikan postingan/artikel blog ke Fac...
- Pentingnya Hakcipta Untuk Blogger
- Daftar Tanaman Obat Alami untuk Kanker
- Tips Seputar Image membuat unclickable image
- Cara mengubah jenis font header, judul postingan, ...
- Kehamilan Lebih Dari 42 Minggu - Prolonged pregnancy
- Flip Text Generator untuk Membuat Tulisan Terbalik
- Bisnis Makanan Dengan Modal Kecil
- Pekerjaan Pelagiator : Bagaimana cara membobol sit...
- Kata Kata SMS Buka Puasa
- Cara buat Twitter Update Widget untuk Blogger
- Cara buat drop down labels di blogger
-
▼
Agustus
(123)