Konfigurasi BroSense Responsive V2, Free Template Blogger untuk AdSense Paling Recomended - Bagi pengguna flatform Blogger.com yang ingin mengoptimalkan penghasilan Google AdSense namun karena pertimbangan tertentu belum berani membeli theme premium, bisa mendownload template Blogger gratis paling recomended buat AdSense, yakni BroSense Responsive V2 karya Blogger dalam negeri, Sugeng Riyadi.
BroSense Responsive V2 telah banyak digunakan oleh blogger yang fokus pada AdSense. Bahkan, menurut Mas Sugeng, seorang Master AdSense Eka Lesmana saja menyarankan untuk menggunakan template ini.
Kelebihan template BroSense
- SEO sudah dioptimalkan
- Desain Responsive banget
- Mudah dimodif lewat fitur perancang template
- Sudah auto Readmore
- Sudah terdapat Breadcrumb
- Related Post juga sudah tersedia
- Social Share Buttons
- Facebook Comments
- Loading super ngebut
- Dan pastinya mampu ningkatin CTR Iklan
Update versi terbaru V2 (28 Oktober 2015):
- Perbaikan error data terstrukur
- Pembaruan struktur kode template
- Penghapusan javascript untuk thumbnail supaya loading tambah ngebut
- Desain nggak ada perubahan dari versi sebelumnya
Bila Anda menginginkan sedikit perubahan style pada template BroSense, kali ini saya akan share cara konfigurasi BroSense Responsive V2. Namun Anda jangan coba-coba berniat menghapus credit link pembuatnya, karena membuat template itu susah banget serta tidak mencerminkan pribadi yang tahu terima kasih.
Mangubah bentuk, ukuran dan warna huruf judul blog
Cari kode berikut pada Edit HTML dasbor blogger Anda, lalu ganti sesuai selera.
<Group description="Blog Title" selector=".header h1.title, .header p.title">
<Variable name="header.font" description="Font" type="font"default="normal bold 16px Arial, sans-serif" value="normal bold 16px Arial, sans-serif"/><Variable name="header.text.color" description="Title Color" type="color" default="#ffffff" value="#ffffff"/></Group>
Keterangan:
Warna merah = ukuran huruf
Warna biru = warna huruf
Warna hijau = bentuk huruf
Mengubah warna background header
Cari kode berikut pada Edit HTML dasbor blogger Anda.
<Variable name="header.background.color" description="Header Background" type="color" default="#333333" value="#333333"/>
Silakan ganti kode warna #333333 dengan kode warna lain sesuai selera.
Mangubah bentuk, ukuran dan warna body font
Cari kode berikut pada Edit HTML dasbor blogger Anda, lalu ganti sesuai selera.
<Group description="Page Text" selector="body">
<Variable name="body.font" description="Font" type="font"default="normal normal 13px Arial, sans-serif" value="normal normal 13px Arial, sans-serif"/><Variable name="body.text.color" description="Main Text Color" type="color" default="#333333" value="#333333"/></Group>
Keterangan:
Warna merah = ukuran huruf
Warna biru = warna huruf
Warna hijau = bentuk huruf
Mengubah ukuran, warna dan bentuk huruf judul postingan
Cari kode berikut pada Edit HTML dasbor blogger Anda, lalu ganti sesuai selera.
<Group description="Post Title" selector="h2.post-title">
<Variable name="post.title.font" description="Font" type="font"default="normal bold 14px Arial, Helvetica, FreeSans, sans-serif" value="normal bold 14px Arial, Helvetica, FreeSans, sans-serif"/><Variable name="post.title.color" description="Text Color" type="color" default="#333333" value="#333333"/></Group>
Keterangan:
Warna merah = ukuran huruf
Warna biru = warna huruf
Warna hijau = bentuk huruf
Konfigurasi sidebar
Cari kode berikut pada Edit HTML dasbor Blogger Anda.
<Group description="Sidebar Title" selector=".sidebar h2">
Silakan atur ukuran, bentuk dan warna huruf title sidebar seperti konfigurasi di atas.
Konfigurasi menu pada template BroSense
Untuk mengubah bentuk, ukuran dan warna huruf pada menu template BroSense, cari kode berikut pada Edit HTML Blogger.
<Group description="Navigation Menu" selector="#nav">
Di bawah kode tersebut terdapat kode HTML. Jika ingin melakukan perubahan tampilan, silakan ganti warna huruf, warna background, bentuk dan ukuran huruf pada navigation menu template BroSense.
Mengatur footer
Cari kode berikut ini
<Group description="Footer" selector="#footer-wrapper">
Lalu edit value pada HTML di bawahnya.
Mengatur spasi baris template BroSense
Cari kode berikut pada Edit Template
.post-body {
line-height: 1.4;}
Silakan ganti angka 1.4 dengan 1.5 atas sesuai yang Anda inginkan.
Demikianlah konfigurasi BroSense Responsive V2, free template Blogger untuk AdSense paling recomended yang bisa saya share pada pagi ini. Lihat juga Flat Simple Bingit, Template WordPress Terbaik untuk AdSense. Terima kasih.
mantab gan artikelnya. kebetulan ane lagi pengen merubah lebar side bar sama header ini kvisionbromo.blogspot.com. makasih gan infonya
BalasHapusTerima kasih mas Arief, silakan coba mas semoga berhasil ya..
BalasHapusgan kalo untuk ngelebarin tampilang gimana layout full screen
BalasHapusSilakan agan cari kode ini:
Hapus/* WRAPPER */
#wrapper {
background:$(wrapper.background.color);
max-width:764px;
margin:0 auto;
padding:0;
box-shadow:0px 0px 5px rgba(30, 30, 30, 0.08);
Lalu ganti angka 764 dengan ukuran yang agan inginkan, misalnya 920, 960 atau lebih lebar. Terima kasih.
cara mindahin tombol share ke bawah postingan gmn gan? terima kasih
BalasHapuskl untuk ngelebarin sidebarnya gimana gan? makasih
BalasHapusgan cara menambah menu navigasi di Brosense gimana ya
BalasHapusmakasih min,infonya sangat membantu
BalasHapusnanti ane utak atik lagi dah
ane tunggu kunbalnya min,
hehee
midangansakti.blogspot.com
saya baru pasang template brosense ini untuk blog saya.. :D
BalasHapus