Hosting Unlimited Indonesia

HEADLINE NEWS

On May 03, 2019

Terima kasih sudah membeli template CB Blogger

1. Support diberikan hingga template sesuai dengan demonya
2. Tidak ada support untuk mengubah atau  edit template
3. Edit template/mengubah desain atau tampilan yang beda dengan demo, silakan kerjakan sendiri

Panduan INSTAL & SETTING

1. Template > Backup/Restore (Cadangkan/Pulihkan)
2. Browse > pilih file xlm detikstyle
3. Upload! Tunggu hingga tuntas
4. Klik icon "Gear" dan centang "No. Show desktop template on mobile devices"

No. Show desktop template on mobile devices


EDIT DESKRIPSI

1. Template > Edit HTML
2. Temukan (Ctrl+F) kode di bawah ini dan ubah yang warna merah:

<title><data:blog.pageTitle/> | Template Blog Berita SEO Friendly Terbaru</title>

<meta content='Nama Anda' name='Author'/>


EDIT MENU:
- Ganti tanda pagar (#) dengan link. Nama menu menyesuaikan

MENU ATAS:

<div id='menutop'>
<input type='checkbox'/>
<label/>
<ul>
<li><a href='/p/about.html'>About</a></li>
<li><a href='/p/kontak.html'>Kontak</a></li>
<li><a href='/p/sitemap.html'>Sitemap</a></li>
<li><a href='/p/disclaimer.html'>Disclaimer</a></li>
<li><a class='dutt' href='#'>Drop-Down</a>
<ul class='menux'>
<li><a href='#'>Sub-item 1</a></li>
<li><a href='#'>Sub-item 2</a></li>
</ul>
</li>
<li><a href='#'>Link</a></li>
<li class='sorting-01 facebook'><a href='#'><i class='fa fa-facebook fa-lg'/><span class='inv'/></a></li>
<li class='sorting-02 twitter'><a href='#'><i class='fa fa-twitter fa-lg'/><span class='inv'/></a></li>
<li class='sorting-03 googleplus'><a href='#'><i class='fa fa-google-plus fa-lg'/><span class='inv'/></a></li>
<li class='sorting-06 linkedin'><a href='#'><i class='fa fa-linkedin fa-lg'/><span class='inv'/></a></li>
<li class='sorting-04 youtube'><a href='#'><i class='fa fa-youtube fa-lg'/><span class='inv'/></a></li>

MENU BAWAH HEADER:

<ul>
<li class='homers'><a href='/'><i class='fa fa-home fa-2x fa-fw'/></a></li>
  <li><a href='/search/label/Berita?&amp;max-results=7'>Berita</a></li>
  <li><a href='/search/label/Berita?&amp;max-results=7'>Sports</a></li>
  <li><a href='/search/label/Berita?&amp;max-results=7'>Fashion</a></li>
<li><a href='#'>Select Category <i class='fa fa-arrow-down'/></a>
 <ul class='menus'>
 <li><a href='/search/label/Berita?&amp;max-results=7'>Berita</a></li>
 <li><a href='/search/label/Berita?&amp;max-results=7'>Berita</a></li>
 <li><a href='#'>Label 3</a></li>
 <li><a href='#'>Label 4</a></li>
 </ul></li>
<li><a href='#'>Social Media</a></li>
<li><a href='#'>Dropdown <i class='fa fa-arrow-down'/></a>
 <ul class='menus'>
 <li><a href='#'>Submenu 1</a></li>
 <li><a href='#'>Submenu 2</a></li>
 <li><a href='#'>Submenu 3</a></li>
 </ul></li>
<li><a href='#' target='_blank'>Advertisment</a></li>
</ul><a href='#' id='pull' style='font-family:Arial;font-size: 18px;'>MENU</a>

EDIT IKLAN:
Temukan dua kode ini. 
Ganti atau hapus link warna merah!

<div style='margin:0 0 10px'>
<!--IKLAN DI BAWAH JUDUL -->
<img alt='Iklan' src='http://placehold.it/500x70'/>
  </div>

<div style='margin:10px 0'>
<!--IKLAN DI BAWAH POSTING -->
<img alt='Iklan' src='http://placehold.it/336x280'/>

  </div>


SLIDER / FEATURED POST:

- Tambahkan label Headline (dengan H besarpada posting/tulisan yang akan ditampilkan di Slider halaman depan atas.

Tambahkan label Headline

Pastikan settingan Site feed FULL


Pastikan settingan Site feed FULL


Sidebar Kiri: TODAY'S HEADLINE

1. Klik Add a Gadget > pilih HTML/JavaScript
2. Ubah nama/judul widget menjadi Today's Headline 
3. Masukkan kode berikut ini:


<script src="/feeds/posts/summary?max-results=5&alt=json-in-script&callback=recentpostslist"></script>


Widget Recent Post per Label seperti di Footer Blog Demo

KODE HMTL/JavaScript:

<script src="/feeds/posts/summary/-/Media?max-results=5&alt=json-in-script&callback=recentpostslist"></script>

Ubah nama label warna merah.



EDIT IKLAN

Ada dua space iklan di dalam postinga, yaitu bawah judul dan bawah postingan
- Template > Edit HTML
- Cari (Ctrl+F) kata IKLAN 
- Ubah atau hapus kode yang ada di sana.

EDIT POST META
Jika ingin menghilangkan Posted by dst. di bawah judul, Copas kode berikut ini dan simpan di atas kode </head>

<style>
h3.date-header, .postmeta {display:none}
</style>

Save Template!


LABELS

1. Widget Labels (Kategori) di Sidebar: Layout > Labels > centang List
2. Wdget Labels di Footer: Layout > Label > Centang Cloud


SUBSCRIBE HERE! 
(Newsletter Form di Widget Footer Kanan)

- Daftarkan blog Anda ke Google Feedburner
- Aktifkan 'Email Subscription'
- Dapatkan kode dan ID Feedburner (misalnya: detikstyle) seperti ini:

<form style="border:1px solid #fafafc;padding:3px;text-align:center;" action="https://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('https://feedburner.google.com/fb/a/mailverify?uri=detikstyle', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><p>Enter your email address. It;s free!</p><p><input type="text" style="width:140px" name="email"/></p><input type="hidden" value="detikstyle" name="uri"/><input type="hidden" name="loc" value="en_US"/><input type="submit" value="Subscribe" /><p>Delivered by <a href="https://feedburner.google.com" target="_blank">FeedBurner</a></p></form>

- Pasang: Layout > Add a Gadget > HTML/Javacript
- Copas kode ke kolom 'Content'
- Save!

Jika Gambar Thumbail Tidak Muncul
http://www.contohblog.com/2014/03/Mengatasi-Gambar-Image-Thumbnail-yang-Tidak-Muncul-di-Blog.html

Cara Membuat HALAMAN KONTAK
http://www.contohblog.com/2015/09/membuat-contact-form-di-halaman-statis.html

Kode Daftar Isi / Halaman Sitemap
http://detikstyle.blogspot.co.id/p/sitemap.html


Thanks,
CB Blogger, Bandung

Show comments
Hide comments
  1. SLIDER tidak bisa tampil gan..kolomnya hanya abu2 gimana cara settingnya..cara diatas tidak bisa.

    ReplyDelete
    Replies
    1. Settingnya seperti di atas, pasti bisa, wong blog demo jg begitu settingnya. Upload gambar sendiri.

      Delete
  2. Nanti saya minta bantuan untuk dipandu bila salah ya min.. ..selamat pagi...

    ReplyDelete
  3. Gambar tak muncul di slider mas. Gimana cara memperbaikinya. Thanks.

    ReplyDelete
    Replies
    1. Baca panduan setting di atas dengan baik, benar, teliti, cerman, ekstra hati-hati, pasti muncul. Mayoritas pengguna detikstyle tidak masalah karena mengikuti panduan dengan baik dan benar

      Delete
  4. Pastikan settingan Site feed FULL. dimana letaknya mas. maaf baru belajar

    ReplyDelete
  5. mass bagaimana cara mengatur teks foto supaya tidak muncul di homepage.. tks

    ReplyDelete
    Replies
    1. Coba pasang kode berikut ini di atas kode </head>

      <b:if cond='data:blog.pageType != &quot;item&quot;'>
      <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
      <style>
      .tr-caption {display:none}
      </style>
      </b:if>
      </b:if>

      Delete
  6. saya coba memasang conter view di setiap postingan di detik style ko ga muuncul ya, bisa kasih tahu cara ga gan, webnya jurnalpemalang.com

    ReplyDelete
    Replies
    1. kodenya gak cocok, lagi pula tidak perlu, hanya memberatkan loading, bahkan blog bisa error

      Delete
  7. satu lagi gan bagai mana cara memasang counter view di tiap postingan untuk template detikstyle

    ReplyDelete

Contact Form

Name

Email *

Message *