Hosting Unlimited Indonesia

HEADLINE NEWS

Template Detik Style atau Tema Mirip Detikcom di Tokopedia Ilegal!

By On May 04, 2020

Template blog mirip detikcom Detik Style cocok untuk berita. Demikian judul produk yang dijual di Tokopedia yang lagi "trending" karena pencurian data pelanggan.


Template Detik Style atau Tema Mirip Detikcom di Tokopedia Ilegal!

Deskripsinya: template blog mirip detik style cocok untuk kamu yang suka ngeblog mengenai berita
kini saatnya menggunakan template ini keren dan lebih cepat dibanding template blog lainnya.

Ketahuilah, itu bukan CB Blogger. Artinya, itu template ilegal!

Si penjual, Dekur Batik Indonesia, dari Sukabumi. Jelas, ilegal. Ia menjual produk orang lain, eh, produk CB Blogger.

Bukan hanya Dekur, masih ada beberapa penjual ilegal. Ini daftarnya:
  1. Arsyila Olshop
  2. Aur Yellow
  3. 4Jovem Tiya
Sialnya lagi, CB baru tahu dua hari lalu. 

CB hanya sekilas mencari di mana form pengaduan kepada Tokopedia, agar produk itu ditarik dan penjualnya "ditegur keras" --bila perlu dibanned jualan di Tokopedia.

Sekali lagi, Template Blog Detik Style atau Tema Mirip Detikcom di Tokopedia itu Ilegal! Yang sudah beli di sana, silakan komplain ke penjual, dan membeli yang SAH (LEGAL) dari CB Blogger.*

Cara Mengganti Template Blog

By On June 19, 2019

Berikut ini panduan cara mengganti template blog atau mengubah tampilan alias cara instal atau memasang template blogger.


Cara Mengganti Template Blog

Cara Mengganti Template Blog


1. SIAPKAN FILE TEMPLATE

Langkah pertama download dulu templatenya --berupa file dengan ekstensi .xml, misalnya detikstyle-template.xml atau cbstyle-template.xml. 

Jika hasil download berupa file .zip atau .rar, maka ekstrak (extrack) dulu file tersebut, dengan cara klik kalan dan ekstrak!

Cara Ekstrak file zip/rar

Cara Ekstrak file zip/rar


2. LOGIN
Tentu saja Anda harus LOGIN ke akun blogger dan masuk ke Dashbloard blogger. Di sinilah tempat ganti template, sebagaimana gambar berikut ini:

Cara Mengganti Template Blog


Langkah Mengganti Template Blogger:
1. Klik "Template"
2. Klik "Backup/Restore" atau "Cadangkan/Pulihkan"
3. Klik "Choose File" untuk mengambil file template blog (ekstensi .xml)
Klik "Upload"
4. Tunggu proses selesai. Jika ada error, ulangi lagi! Jangan menyerah... :)
5. Berdoa..... Selesai!

CARA GANTI TEMPLATE ALTERNATIF

Demikian Cara Mengganti Template Blog. Jika error terus-menerus, maka langkah berikut sebagai solusinya:

1. Klik Template > Edit HTML > HAPUS SEMUA kode yang ada
2. Buka file template dengan Notepad
3. COPY SEMUA file di Notepad tadi
4. PASTE di template blog yang sudah kosong tadi
5. Save Template!

Beres. Demikian;ah Cara Mengganti Template Blog.

Icon Menu Mobile DetikStyle Hilang, Ini Cara Mengatasinya

By On May 02, 2018

GAMBAR Icon Menu Mobile DetikStyle Hilang di template lama. Ini Cara Mengatasinya:

Icon Menu Mobile DetikStyle Hilang, Ini Cara Mengatasinya

1. Tema > Edit HTML
2. Cari dan GANTI kode:

#menu1 input:after,#menu1 label:after{content:"";background:url(//1.bp.blogspot.com/-P2RRijDirXA/U8ftwSomm6I/AAAAAAAAEbo/tLU4c5dk2K4/s1600/nav-icon.png) no-repeat;width:30px;height:30px;display:inline-block;position:absolute;right:15px;top:17px}

DENGAN:

#menu1 input:after,#menu1 label:after{content: "\f03a";font-family: FontAwesome;font-style: normal;font-weight: normal;text-decoration: none;font-size: 20px;color: #fff;display: inline-block;position: absolute;right: 0;top: 20%;margin-right:18px;line-height: 30px;}

3. Save!

MENGATASI ERROR SCHEMA Breadcrumbs

Ganti kode:

<div class='breadcrumbs'>
<span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'>
<a expr:href='data:blog.homepageUrl' itemprop='url' title='Home'><span itemprop='title'>Home</span></a></span>
<b:loop values='data:post.labels' var='label'> &#187;
<span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'><a expr:href='data:label.url + &quot;?&amp;max-results=7&quot;' expr:title='data:label.name' itemprop='url'><span itemprop='title'><data:label.name/></span></a></span>
</b:loop> &#187; <span><data:post.title/></span>
</div>

dengan kode:

<div class='breadcrumbs'>
<a expr:href='data:blog.homepageUrl' itemprop='url' title='Home'>Home</a>
<b:loop values='data:post.labels' var='label'> &#187;
<a expr:href='data:label.url + &quot;?&amp;max-results=7&quot;' expr:title='data:label.name' itemprop='url'><data:label.name/></a>
</b:loop> &#187; <span><data:post.title/></span>
</div>



Cara Membuat Navigasi Menu Melayang di Blogger

By On March 12, 2017

Cara Membuat Navigasi Menu Melayang di Blogger
Cara Membuat Navigasi Menu Melayang di Blogger

 NAVIGASI Menu melayang (floating menu, sticky menu, fixed menu) adalah navigasi menu blogger yang jika halaman discroll ke bawah menu tetap tampil atau muncul di bagaian teratas.

Untuk memasangnya di template blog DetikStyle lama (yang belum diupdate), lakukan langkah berikut ini.


Cara Membuat Navigasi Menu Melayang di Blogger

1. Di Dashboard Blogger: Klik Theme > Edit HTML
2. Cari dan GANTI KODE berikut ini

#menu1 {color:#fff;height:50px;margin-bottom:0;margin-bottom: 15px;border-bottom:5px solid #f0f0f0;}

DENGAN

#menu1 {color:#fff;height:50px;margin-bottom:0;margin-bottom: 15px;border-bottom:5px solid #f0f0f0;width:100%;max-width:1050px;}

3. Pasang (Copas) Kode Berikut ini di atas kode </body>

<script type='text/javascript'>
//<![CDATA[
$(document).ready(function() {
    var stickyNavTop = $('#menu1').offset().top;
    var stickyNav = function(){
        var scrollTop = $(window).scrollTop();
        if (scrollTop > stickyNavTop) {
            $('#menu1').css({ 'position': 'fixed', 'top':0, 'z-index':9999 });
        } else {
            $('#menu1').css({ 'position': 'relative' });
        }
    };
    stickyNav();
    $(window).scroll(function() {
        stickyNav();
    });
});
//]]>
</script>

4. Save Template!

Kode untuk membuat Navigasi Menu Melayang di nomor 3 di atas juga bisa diterapkan di template blogger apa pun. Tinggal sesuaikan nama atau kode menunya yang bertanda merah.

Demikian Cara Membuat Navigasi Menu Melayang di Blogger. Good Luck! (CB Blogger).*

Memasang Tombol Back to Top di Template Blog DetikStyle

By On August 21, 2016

Memasang Tombol Back to Top
Memasang Tombol Back to Top di Template Blog DetikStyle

 CARA Memasang Tombol Back to Top di Template DetikStyle. Di template lainnya juga bisa.

Cara memasang back to top button atau tombol kembali ke atas di blogger ini sangat mudah, hanya dalam tiga langkah.

Sebelumnya, pastikan ada kode jQuery di template Anda, seperti ini:

 <script src='https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js' type='text/javascript'></script>

Di template blog SEO Friendly DetikStyle, sudah ada, namun ubah dulu denga menghaspus kode warna merah (async='async') berikut ini:

<script async='async' src='https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js' type='text/javascript'></script>

Menjadi

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js' type='text/javascript'></script>


Memasang Tombol Back to Top di Template DetikStyle

1. Template > Edit HTML
2. Simpan (Copas) kode berikut ini di atas kode </body> (kode </body> ada di bagian paling bawah template).

<script type="text/javascript" >
//<![CDATA[
var scrolltotop={  
    setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 200]}, 
    controlHTML: '<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiePxBmerOkMi_JH9l6TiknlRFL1iQtuolzA_ZbLksCj8muLLcMkiQhUJYTgHu4X9Z4KHAiWmnfErwYdDQPqUXjVO4PqlJtRgOHx7poxMeI0C1If0KdZOxn7AU_4a8yYbTccB4LKMgYdLw/s50/back+to+top+button.gif" alt="back to top"/>', 
    controlattrs: {offsetx:5, offsety:5}, 
    anchorkeyword: '#top',
    state: {isvisible:false, shouldvisible:false},
    scrollup:function(){ 
        if (!this.cssfixedsupport)
            this.$control.css({opacity:0})
        var dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto) 
        if (typeof dest=="string" && jQuery('#'+dest).length==1)  
            dest=jQuery('#'+dest).offset().top 
        else 
            dest=0 
        this.$body.animate({scrollTop: dest}, this.setting.scrollduration); 
    },
    keepfixed:function(){ 
        var $window=jQuery(window) 
        var controlx=$window.scrollLeft() + $window.width() - this.$control.width() - this.controlattrs.offsetx 
        var controly=$window.scrollTop() + $window.height() - this.$control.height() - this.controlattrs.offsety 
        this.$control.css({left:controlx+'px', top:controly+'px'}) 
    },
    togglecontrol:function(){ 
        var scrolltop=jQuery(window).scrollTop() 
        if (!this.cssfixedsupport) 
            this.keepfixed() 
        this.state.shouldvisible=(scrolltop>=this.setting.startline)? true : false 
        if (this.state.shouldvisible && !this.state.isvisible){ 
            this.$control.stop().animate({opacity:1}, this.setting.fadeduration[0]) 
            this.state.isvisible=true 
        } 
        else if (this.state.shouldvisible==false && this.state.isvisible){ 
            this.$control.stop().animate({opacity:0}, this.setting.fadeduration[1]) 
            this.state.isvisible=false 
        } 
    }, 
    
    init:function(){ 
        jQuery(document).ready(function($){ 
            var mainobj=scrolltotop 
            var iebrws=document.all 
            mainobj.cssfixedsupport=!iebrws || iebrws && document.compatMode=="CSS1Compat" && window.XMLHttpRequest //not IE or IE7+ browsers in standards mode 
            mainobj.$body=(window.opera)? (document.compatMode=="CSS1Compat"? $('html') : $('body')) : $('html,body') 
            mainobj.$control=$('<div id="topcontrol">'+mainobj.controlHTML+'</div>') 
                .css({position:mainobj.cssfixedsupport? 'fixed' : 'absolute', bottom:mainobj.controlattrs.offsety, right:mainobj.controlattrs.offsetx, opacity:0, cursor:'pointer'}) 
                .attr({title:'Scroll Back to Top'}) 
                .click(function(){mainobj.scrollup(); return false}) 
                .appendTo('body') 
            if (document.all && !window.XMLHttpRequest && mainobj.$control.text()!='') //khusus versi IE6 ke bawah untuk loose check, juga untuk melihat apakah control mengandung teks 
                mainobj.$control.css({width:mainobj.$control.width()}) //IE6- perlu diset witdh yang jelas agar kontainer text terbentuk dengan rapi
            mainobj.togglecontrol() 
            $('a[href="' + mainobj.anchorkeyword +'"]').click(function(){ 
                mainobj.scrollup() 
                return false 
            }) 
            $(window).bind('scroll resize', function(e){ 
                mainobj.togglecontrol() 
            }) 
        }) 
    } 
}
scrolltotop.init()
//]]>
</script>

3. Save!

Cara Membuat Disclaimer Blog dengan Mudah & Cepat

By On June 15, 2016

Membuat Disclaimer Blog
Cara Mudah & Cepat Membuat Halaman Statis Disclaimer di Blog.

Disclaimer adalah "a statement that denies something, especially responsibility", pernyataan penyangkalan, terutama pertanggungjawaban. Lihat DEMO.

Kebanyakan website atau blog mempunyai halaman disclaimer. Jika Anda membuat blog hanya sebagai tempat curhat tanpa berniat monetisasi, maka Disclaimer tidak ada gunanya.

Tapi, jika blog untuk tujuan komersial, misalnya jualan dan jadi publiser di Google Adsense, maka disclaimer menjadi sangat penting.

Disclaimer biasanya berisi pernyataan bahwa segala sesuatu yang dimuat di dalam website atau blog tersebut semata-mata hanya sebagai informasi belaka. Pemilik blog atau penulis tidak bertanggung jawab atas keakuratan dan kelengkapan informasi yang dimuat tersebut.


Cara Mudah & Cepat Membuat Disclaimer Blog

1. Buka Disclaimer Generator Privacy Policy Online.

Membuat Disclaimer Blog

2. Isi kolom yang tersedia:

Your Site Title : Tulis nama blog atau website Anda
Your Site URL : Alamat blog Anda
Contact Link : Laman contact us Anda
Email Address : Email untuk menghubungi Anda.
Email Encryption: Pilih No Encryption

3. Klik "Generate Disclaimer", akan muncul halaman baru berupa isi disclaimer bagi blog Anda.

Membuat Disclaimer Blog

4. Disclaimer buat blog Anda sudah jadi. Nanti tinggal Copy & Paste teks disclaimer tersebut.

Langkah berikutnya: Membuat Halaman Statis Disclaimer

5. Klik "Laman" > Laman Baru > Isi Judul dengan Disclaimer
6. Klik Mode HTML 
7. Copas kode yang ada di nomor 4 --halaman Disclaimer Generator tadi.
8. Publish!

Beres!
Kini halaman disclaimer sudah ada blog blog Anda.

Anda juga bisa membuatnya secara manual dengan kata-kata Anda sendiri. Good Luck! (http://detikstyle.blogspot.com).*

Daftar Widget yang Tidak Perlu Dipasang di Blog

By On May 26, 2016

Daftar Widget yang Tidak Perlu Dipasang di Blog
Daftar Widget yang Tidak Perlu Dipasang di Blog

BLOGGER menyediakan banyak sekali gadget atau widget, yaitu elemen yang bisa dipasang di sidebar blog, seperti Popular Posts (Entri Terpopuler), Blogroll, Arsip, Feed, Featured Posts, dan sebagainya.

Namun, tidak semua widget harus dipasang di sidebar blog, agar blog kita tidak berat dan tampil cepat (Fast Loading).

Selain widget bawaan blogger, banyak pula widget yang bisa dipasang di sidebar blog dari situs lain, misalnya jam, musik, animasi, kode jumlah kunjungan, dan sebagainya.

Berikut ini beberapa widget yang tidak perlu dipasang di blog Anda karena tidak penting dan hanya akan membuat blog tampil berat.

 1. Google Badges
Link akun Google Plus biasanya sudah otomatis ada di Meta Info atau Post Info, yaitu di bawah judul blog: Posted by ....

2. Popup
Ramah pengguna (user friendly) sangat penting agar pengunjung merasa nyaman dan betah membuka blog kita. Jika kita pasang popup, yaitu widget atau elemen yang muncul di halaman blog, maka akan mengganggu pengunjung.

3. Backsound Musik
Suara lagu atau musik yang tiba-tiba muncul saat blog dibuka, sangat mengganggu pengunjung. Pembaca sudah punya daftar lagu di komputernya, jadi gak usah dikasih lagu di blog kita, hanya akan mengganggu kenyamanan, apalagi jika lagunya tidak disukai pengunjung.

Backsound Musik
Backsound Musik

Masuk dalam kategori ini adalah semua audio dan video yang AUTOPLAY. Jika harus memasang musik, matikan autoplay-nya, biar pengunjung yang menentukan mau mendengarkan atau tidak.

4. Jam
Widget jam digital ataupun analog yang sebenarnya tidak terlalu penting, karena setiap komputer tentu sudah memiliki jam di bagian kanan bawah layar komputernya. Orang bisa liat jam dari taskbar di desktopnya.

 5. Tracking Code
Kode yang menunjukkan jumlah kunjungan, juga kode widget yang menampilkan pengunjung online. Ada juga yang dilengkapi asal negara pengunjung. Ini tidak perlu, hanya memberatkan blog Anda.

Anda bisa lihat situs atau blog-blog populer. Penampilan blog mereka umumnya simple, tidak neko-neko menampilkan banya widget.

Masih banyak widget yang tidak perlu dipasang, termasuk Gambar Animasi atau Flash yang membuat silau mata pengunjung, juga memberatkan loading blog.

Sebabagi patokan, berikut ini daftar beberapa widget yang penting dipasang di sidebar blog untuk kepentingan SEO dan User Friendly Blog:

  1. Popular Posts
  2. Recent Posts
  3. Related Posts (dipasang di bawah tiap postingan)
  4. Search Box (Kotak Pencarian)
  5. Subsbribe Box (Kotak Berlangganan)
Itulah widget minimal yang wajib dipasang di sidebar blog. Sebaliknya, minimal ada lima pula widget yang tidak perlu dipasang di sidebar blog. Good Luck! (http://detikstyle.blogspot.com).*

Cara Menyembunyikan Subscribe to Post dan Post Comments (Atom)

By On January 08, 2016

blog blogger
Cara Menyembunyikan Subscribe to Post (Atom) dan Subscribe to Post Comments (Atom) bawaan blogger yang biasa muncul di bawah kotak komentar sangat mudah.

Caranya hanya dengan  trik CSS sederhana agar tulisan atau link teks Subscribe to: Post (Atom) and Subscribe to: Post Comments (Atom) itu tidak muncul.

Kenapa harus disembunyikan? Tidak harus, tapi mengingat jarang digunakan user dan ada kotak berlangganan (subscription box) modif yang lebih oke tampilannya, maka link berlangganan post dan komentar itu sebaiknya dihapus atau disembunyikan sjaa.

Ini dia caranyaL
1. Template  > Edit HTML
2. Copas atau simpan kode berikut ini dalam template blog Anda di atas kode ]]></b:skin> atau di atas kode </style>

.feed-links {display:none !important;}

3. Save template!

Dengan kode tersebut, link atau teks Subscribe to Post (Atom) dan Post Comments (Atom) lenyap di blog Anda sehingga tampilan blog lebih bersih dan enak dipandang.***

Contact Form

Name

Email *

Message *