Hosting Unlimited Indonesia

HEADLINE NEWS

Membuat Situs Berita dengan Blogger Lebih Aman

By On May 06, 2020

Cara Membuat Situs Berita dengan Blogger. Keuntungan: Lebih Aman. WordPress Ribet!
Membuat Situs Berita dengan Blogger Lebih Aman

MEMBUAT situs berita lebih aman menggunakan blogger, yakni custom domain, jika Anda tidak bisa membeli server sendiri atau belum mampu menyewa hosting kapasitas unlimited.

Alasan utamanya, blogger aman dari serangan hacker dan pishing.

Yang melindungi situs berita Anda adalah Google sendiri sebagai pemilik blog.

Situs berita dengan blogger juga tidak dibatasi trafik. Jutaan pengunjung sekalipun per hari tidak akan membuat situs berita ada nge-hank atau error server busy. 

Tapi 'kan kesannya gak profesional kalo gratisan? 

Tidak masalah.

Pembaca dan mesin pencari tidak akan peduli apalah situs Anda gratisan atau berbayar, yang penting adalah kontennya, isinya.

Soal tampilan, sangat banyak template blog berita, termasuk Detik Style ini. Ah ini mah sekadar sampel post label Opini, Blogging, dan Headline.

Blogger adalah platform blog milik Google sehingga akan diprioritaskan di indeks hasil pencarian Google.

WordPress? Ribet!

Bagaimana kalau WordPress? Maksudnya, pake CMS WordPress (WP).

Kebanyakan situs berita "kecil - menengah" menggunakan WP. Lebih SEO Friendly, memang. Namun, ribetnya minta ampun kalau WP.

Tiap minggu hampir selalu ada saja plugin yang harus update. Ini cukup merepotkan. Belum lagi jika hostingnya terbatas dan error-error yang kerap menerpa.

WP rentan di-hack juga.

Akhirnya, it's your choice. Yakinlah, Konten adalah Raja. Content is King.*

Cara Memasang Schema NewsArticle (Artikel Berita) untuk Blog Berita

By On May 04, 2020

Cara Memasang Schema NewsArticle (Artikel Berita) untuk Blog Berita.


Cara Memasang Schema Markup NewsArticle (Artikel Berita) untuk Blog Situs Berita

Schema NewsArticle adalah skema markup dalam template blog untuk menunjukkan bahwa konten blog Anda isinya berupa berita (news) atau menyediakan konteks latar belakang dan materi pendukung untuk memahami berita.

Schema NewsArticle akan memberi tahu mesin pencari (Google/Bing/Yandex) bahwa postingan blog Anda adalah berita. Bahwa blog Anda adalah situs berita. Sehingga akan dikelompokkan dala kategori berita di halaman hasil pencarian.

Namun, tentu schema ini harus didukung bukti kuat, bahwa blog Anda adalah situs berita, dengan cara update, minimal 5-7 berita per hari, dan lebih bagus lagi 10-20 berita per hari.

Selain itu, gunakan juga template news style seperti Detik Style ini. Agar lebih meyakinkan Google.

Jadi, schema markup  NewsArticle ini "wajib" dipasang di blog berita atau situs berita berbasis Blogger. Demikian juga situs berita berbasis WordPress dan lainnya. Untuk WP mah ada plugin Schema.

Cara Memasang Schema NewsArticle di Blogger

1. Klik Tema > Edit HTML
2. Simpan kode berikut ini di bawah kode <div class='post'> atau <article class='post'>

<script type='application/ld+json'>
{
  "@context": "http://schema.org",
  "@type": "NewsArticle",
  "mainEntityOfPage": {
    "@type": "WebPage",
    "@id": "<data:post.title/>"
  },
  "headline": "<data:post.title/>",
  "image": {
    "@type": "ImageObject",
    "url": "<data:post.firstImageUrl/>",
    "height": 800,
    "width": 800
  },
  "datePublished": "<data:post.timestampISO8601/>",
  "dateModified": "<data:post.timestampISO8601/>",
  "author": {
    "@type": "Person",
    "name": "<data:post.author/>"
  },
   "publisher": {
    "@type": "Organization",
    "name": "<data:blog.title/>",
    "logo": {
      "@type": "ImageObject",
      "url": "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjX53spdM0jeLAEFJwDi8wQfKAUOyQhxhZA3iqIMwhxiX8UigDysiivH3VQCJSU7wiIMiHgnkaRSi6pkDtN8TG0cvqrwKXJDxymjZ4n3TOcMhm1hudfRIvHDxLKxfzdaLCCUq-GjC5HcMcM/s1600-r/detik+style+blogger+template.png",
      "width": 600,
      "height": 60
    }
  },
  "description": "<data:post.snippet/>"
}
</script>

Catatan:

1. Ubah URL gambar warna merah dengan url logo blog Anda.
2. Jika kode template blog Anda seperti ini:

<article class='post hentry' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>

atau 

<div class='post hentry' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>

ubah menjadi <article class='post'> atau <div class='post'> 

3. Save theme! Simpan template.

Sekarang buka https://search.google.com/structured-data/testing-tool dan masukkan link salah satu postingan blog Anda.

Akan muncul Schema Markup NewsArticle yang menunjukkan kode berhasil dipasang dan cocok dengan template blog berita Anda.

Ini contoh schema NewsArticle di Template Detik Style di Structured Data Testing Tools.

Schema NewsArticle

Demikian Cara Memasang Schema NewsArticle (Artikel Berita) untuk Blog Berita.

Baca Juga: Mengatasi Error Schema Breadcrumbs

Good Luck and Happy Blogging!
Cara Memasang Schema NewsArticle (Artikel Berita) untuk Blog Berita

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 Mengatasi Error Schema Breadcrumbs

By On January 22, 2020

Cara Mengatasi Error Schema Breadcrumbs

Berikut ini Cara Mengatasi Error Schema Breadcrumbs, yaitu error pada elemen breadcrumb pada postingan blog, termasuk di template detikStyle.

Penyebab error adalah kode https://data-vocabulary.org/Breadcrumb. Schema markup breadcrumbs sudah tidak berlaku lagi, setidaknya mulai April 2020. 

Gak usah panik. Sebenarnya, Error Schema Breadcrumbs ini jika dibiarkan pun tidak apa-apa, tak terlalu pengaruh ke indeks Google. Namun, memang sebaiknya diatasi saja.

Cara Mengatasi Error Schema Breadcrumbs di Template DetikStyle

1. Klik Tema > Edit HTML
2. Cari dan 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>

3. Save!

Demikian Cara Mengatasi Error Schema Breadcrumbs.*

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:&quot;&quot;;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 Memasang Recent Post - Posting Terbaru di Sidebar Blog

By On July 16, 2017

Cara Memasang Recent Post - Posting Terbaru di Sidebar Blog
Cara Memasang Recent Post - Posting Terbaru di Sidebar Blog

CARA memasang widget recent post, posting terbaru, artikel terbaru, atau entry baru berupa daftar judul postingan terakhir yang di posting di sidebar blog, sebenarnya bisa menggunakan widget Feed bawaan blogger.

Namun, judul widgetnya suka hilang karena blogger tampaknya mengupdate struktur kodenya. Biar gak hilang, agar aman, berikut ini Cara Memasang Recent Post - Posting Terbaru di Sidebar Blog.

Demonya di sidebar kiri blog demo template blog DetikStyle ini, dengan nama widget Headline News.

1. Tema > Edit HTML
2. Cari (Ctrl+F) kode </head>
3. Simpan kode ini di atasnya:

<script type='text/javascript'>
 //<![CDATA[
function recentpostslist(json) {
 document.write('<ul>');
 for (var i = 0; i < json.feed.entry.length; i++)
 {
    for (var j = 0; j < json.feed.entry[i].link.length; j++) {
      if (json.feed.entry[i].link[j].rel == 'alternate') {
        break;
      }
    }
var entryUrl = "'" + json.feed.entry[i].link[j].href + "'";//bs
var entryTitle = json.feed.entry[i].title.$t;
var item = "<li>" + "<a href="+ entryUrl + '" target="_top">' + entryTitle + "</a> </li>";
 document.write(item);
 }
 document.write('</ul>');
 }
//]]>
</script>

4. Simpan Template!
5. Klik Layout/Tata Letak
6. Klik Add a Gadget di sidebar, lalu pilih HTML/JavaScript
7. Copas kode berikut ini:

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

8. Isi judul widget dengan Recent Post atau Posting Terbaru atau bebas!
9. Save!

Jika ingin menampilkan posting terbaru berdasarkan label, seperti di Footer blog demo template DetikStyle ini, tinggal tambahkan nama labelnya di belakang kode summary, seperti di bawah ini:

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

Save!

Demikian Cara Memasang Recent Post - Posting Terbaru di Sidebar Blog.*

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 *