Koleksi Template Gratis dan Premium untuk Blogger & WordPress
Melayani Jasa Install & Setting Template, hanya Rp. 100.000,-
Info lanjut : Tipsngeblog.com (Email husnijasaku@gmail.com HP. 081222873837)

Konfigurasi BroSense Responsive V2, Free Template Blogger untuk AdSense Paling Recomended

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
Template BroSense ini tidak dijual belikan, alias gratis. Kita perlu berterima kasih kepada Mas Sugeng yang telah berbaik hati membuatnya untuk kita agar bisa meningkatkan CTR AdSense.

Konfigurasi BroSense Responsive V2, Free Template Blogger untuk AdSense Paling Recomended


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.

Share on Facebook
Share on Twitter
Share on Google+

Related : Konfigurasi BroSense Responsive V2, Free Template Blogger untuk AdSense Paling Recomended

9 komentar:

  1. mantab gan artikelnya. kebetulan ane lagi pengen merubah lebar side bar sama header ini kvisionbromo.blogspot.com. makasih gan infonya

    BalasHapus
  2. Terima kasih mas Arief, silakan coba mas semoga berhasil ya..

    BalasHapus
  3. gan kalo untuk ngelebarin tampilang gimana layout full screen

    BalasHapus
    Balasan
    1. Silakan agan cari kode ini:
      /* 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.

      Hapus
  4. cara mindahin tombol share ke bawah postingan gmn gan? terima kasih

    BalasHapus
  5. kl untuk ngelebarin sidebarnya gimana gan? makasih

    BalasHapus
  6. gan cara menambah menu navigasi di Brosense gimana ya

    BalasHapus
  7. makasih min,infonya sangat membantu
    nanti ane utak atik lagi dah
    ane tunggu kunbalnya min,
    hehee
    midangansakti.blogspot.com

    BalasHapus
  8. saya baru pasang template brosense ini untuk blog saya.. :D

    BalasHapus

Terima kasih telah mengunjungi Fokus Template. Silakan tinggalkan komentar.