Info Dicky

Home » Penelusuran Blogging

Cara Mudah Cek Harga Blog atau Website

Cara Mudah Cek Harga Blog atau Website - Pada artikel kali ini saya akan membagikan informasi mengenai cara mudah cek harga blog atau website. Nah,...

Tukar Link (Link Exchange) Ternyata Membahayakan Blog - Mungkin dari judulnya kamu akan merasa heran kenapa tukaran link atau link exchange itu bisa membahayakan blog. Ya, tapi itulah kenyataannya. Alih - alih ingin menambah backlink tapi malah bisa di banned Google?

Sebenarnya tukaran link ke sesama blogger itu bisa membuat blog kamu di banned oleh Google! Karena hasil tukaran link itu dianggap sebagai SPAM dan TIDAK ALAMI (unnatural links). Jadi, ingin meningkatkan rangking dan jumlah backlink, yang ada justru tukaran link ini bisa menurunkan kualitas SEO blog.

Tukar Link (Link Exchange) Ternyata Membahayakan Blog

Para pakar SEO menyebut tukar link (link exchange) ini sebagai "Manipulasi Link". Kalau Google menyebutnya link schemes. Berikut ini penjelasan Google tentang Skema Tautan termasuk masalah Tukar Link.

Menurut Google, setiap tautan yang ditujukan untuk memanipulasi peringkat situs atau PageRank di mesin pencari Google mungkin akan dianggap sebagai skema tautan dan dianggap melanggar Penduan Webmaster Google.

Itu mencakup perilaku apapun yang memanipulasi tautan ke situs ataupun tautan yang keluar dari situs kamu. Berikut ini contoh skema tautan yang berdampak buruk pada peringkat situs di hasil penelusuran :

Pertukaran tautan yang berlebihan. Misalnya, "tautkan ke situs saya lalu saya akan menautkan ke situs kamu" atau membuat laman eksklusif untuk mitra demi tautan silang.
Menggunakan program atau layanan otomatis untuk membuat tautan ke situs.
Pemasaran artikel berskala besar atau entri blog tamu berisi kampanye dengan teks tautan kaya kata kunci
Pembelian atau penjualan tautan yang lolos dari PageRank. Contohnya : menukarkan uang dengan tautan atau pos yang berisi tautan; menukarkan barang atau layanan untuk tautan; atau mengirim produk "gratis" kepada seseorang sebagai ganti tulisan mereka tentang produk tersebut yang menyertakan tautan

Selain itu, membuat tautan link yang tidak ditempatkan atau tidak dijamin secara editorial oleh pemilik blog pada sebuah laman, atau sering disebut tautan yang tidak wajar juga akan dianggap melanggar panduan.

Tak hanya tukar link saja, komentar SPAM juga melanggar kebijakan Google. Contohnya :

Makasih mas infonya. Sangat bermanfaat mas!
link1, link2, link3, link4, link5, dst...

Salah satu cara terbaik supaya situs lain mau membuat tautan link yang relevan dan berkualitas tinggi ke situs kamu adalah dengan membuat konten yang relevan dan unik yang secara alami bisa meraih popularitas di komunikasi internet.

Intinya, tukar link atau link exchange merupakan kegiatan yang melanggar kebijakan Google karena link building tidak alami melainkan hanya dibuat-buat atau direkayasa.

Itulah kenapa Tukar Link (Link Exchange) Ternyata Membahayakan Blog. Share pendapat kamu dikolom komentar ya!

Semoga bermanfaat! (http://infodiki.blogspot.com)

Referensi :

http://www.contohblog.com/2017/09/tukar-link-link-exchange-membahayakan.html
https://support.google.com/webmasters/answer/35769
https://support.google.com/webmasters/answer/66356?hl=id

Dicky Khusnaedy September 06, 2017 Admin Bandung Indonesia

Tukar Link (Link Exchange) Ternyata Membahayakan Blog

Tukar Link (Link Exchange) Ternyata Membahayakan Blog - Mungkin dari judulnya kamu akan merasa heran kenapa tukaran link atau link exchange itu...

Cara Mudah Memasang Kode Script Anti AdBlock di Blogger - Siapa sih yang tidak mengetahui Adblock? Ya, Adblock merupakan salah satu ekstensi yang ada di browser yang masih menimbulkan pro dan kontra. Pro karena sangat menguntungkan bagi pengguna internet. Dan kontra karena sangat merugikan bagi pemilik blog/publisher iklan karena iklan jadi tidak tayang.

Nah, sebagai seorang Blogger kita harus mengatasi permasalahan tersebut dengan memasang kode script anti adblock yang bertujuan agar ketika pengguna internet mengaktifkan adblock di browser mereka, maka akan muncul sebuah notifikasi yang berisi peringatan yang mengharuskan mereka mematikan adblock agar bisa melihat seluruh isi artikel kita dengan iklan yang tayang.

Nah untuk itu, pada artikel kali ini saya akan membagikan tutorial blog tentang cara mudah memasang kode script anti adblock di blogger. Berikut penjelasannya.

Mudah Memasang Kode Script Anti AdBlock di Blogger

1. Buka Blogger. Pilih Tata Letak > Tambahkan Gadget > HTML/JavaScript.
2. Kemudian, copy dan paste kode berikut ini di kolom HTML/JavaScript.

<style>#g207{position:fixed!important;position:absolute;top:0;top:expression
((t=document.documentElement.scrollTop?document.documentElement.scrollTop:document
.body.scrollTop)+"px");
left:0;width:100%;height:100%;background-color:#fff;opacity:0.9;filter:alpha(opacity=90);display:block}#g207 p{opacity:1;filter:none;font:bold 16px Verdana,Arial,sans-serif;text-align:center;margin:20% 0}#g207 p a,#g207 p i{font-size:12px}#g207 ~ *{display:none}</style><noscript><i id=g207><p>Please enable JavaScript!<br />Bitte aktiviere JavaScript!<br />S'il vous pla&icirc;t activer JavaScript!<br />Por favor,activa el JavaScript!<br /><a href="http://antiblock.org/">antiblock.org</a></p></i></noscript><script>(function(w,u){var d=w.document,z=typeof u;function g207(){function c(c,i){var e=d.createElement('i'),b=d.body,s=b.style,l=b.childNodes.length;if(typeof i!=z){e.setAttribute('id',i);s.margin=s.padding=0;s.height='100%';l=Math.floor(Math.random()*l)+1}e.innerHTML=c;b.insertBefore(e,b.childNodes[l-1])}function g(i,t){return !t?d.getElementById(i):d.getElementsByTagName(t)};function f(v){if(!g('g207')){c('<p>Please disable your ad blocker!<br/>This site is supported by the advertisement <br/> Please disable your ad blocker to support us!!! </p>','g207')}};(function(){var a=['Adrectangle','PageLeaderAd','ad-column','advertising2','divAdBox','mochila-column-right-ad-300x250-1','searchAdSenseBox','ad','ads','adsense'],l=a.length,i,s='',e;for(i=0;i<l;i++){if(!g(a[i])){s+='<a id="'+a[i]+'"></a>'}}c(s);l=a.length;for(i=0;i<l;i++){e=g(a[i]);if(e.offsetParent==null||(w.getComputedStyle?d.defaultView.getComputedStyle(e,null).getPropertyValue('display'):e.currentStyle.display
)=='none'){return f('#'+a[i])}}}());(function(){var t=g(0,'img'),a=['/adaffiliate_','/adops/ad','/adsales/ad','/adsby.','/adtest.','/ajax/ads/ad','/controller/ads/ad','/pageads/ad','/weather/ads/ad','-728x90-'],i;if(typeof t[0]!=z&&typeof t[0].src!=z){i=new Image();i.onload=function(){this.onload=z;this.onerror=function(){f(this.src)};this.src=t[0].src+'#'+a.join('')};i.src=t[0].src}}());(function(){var o={'http://pagead2.googlesyndication.com/pagead/show_ads.js':'google_ad_client','http://js.adscale.de/getads.js':'adscale_slot_id','http://get.mirando.de/mirando.js':'adPlaceId'},S=g(0,'script'),l=S.length-1,n,r,i,v,s;d.write=null;for(i=l;i>=0;--i){s=S[i];if(typeof o[s.src]!=z){n=d.createElement('script');n.type='text/javascript';n.src=s.src;v=o[s.src];w[v]=u;r=S[0];n.onload=n.onreadystatechange=function(){if(typeof w[v]==z&&(!this.readyState||this.readyState==="loaded"||this.readyState==="complete")){n.onload=n.onreadystatechange=null;r.parentNode.removeChild(n);w[v]=null}};r.parentNode.insertBefore(n,r);setTimeout(function(){if(w[v]!==null){f(n.src)}},2000);break}}}())}if(d.addEventListener){w.addEventListener('load',g207,false)}else{w.attachEvent('onload',g207)}})(window);</script>

3. Setelah itu, pilih Simpan.
4. Selesai!

Tambahan

Sebelum kamu memasang kode script anti adblock ke blog kamu, kamu harus mempertimbangkannya secara matang. Pasalnya, dibalik kelebihan dari memasang kode anti adblock ke blog, kamu juga akan merasakan kerugiannya.

Karena sebagian besar dari visitor blog kita sangat malas mematikan/menonaktifkan plugin adblock di browser mereka, sehingga mereka akan meninggalkan blog kita. Namun ada juga visitor yang mau menonaktifkan plugin adblocker di browser mereka karena mungkin mereka sangat membutuhkan isi artikel blog kita.

Mau pasang apa tidak kode tersebut tergantung dari diri kamu sendiri. Mau penghasilan blog dari iklan bertambah atau kehilangan banyak visitor? Jawab di kolom komentar ya!!

Semoga bermanfaat! (http://infodiki.blogspot.com)

Dicky Khusnaedy September 02, 2017 Admin Bandung Indonesia

Cara Mudah Memasang Kode Script Anti AdBlock di Blogger

Cara Mudah Memasang Kode Script Anti AdBlock di Blogger - Siapa sih yang tidak mengetahui Adblock? Ya, Adblock merupakan salah satu ekstensi yang...

Cara Menyembunyikan Label (Kategori) Posting Tertentu di Homepage Blog - Mungkin ada beberapa alasan yang membuat kamu ingin menyembunyikan atau tidak menampilkan daftar posting berdasarkan kategori (label) tertentu di halaman depan blog kamu.

Salah satu alasan tersebut adalah karena kategori tersebut tidak relevan dengan niche blog. Sehingga dengan menyembunyikan kategori yang tidak relevan tersebut, tentu akan membuat blog kita tetap relevan dan mencerminkan mayoritas konten sesuai dengan niche blog.

Cara Menyembunyikan Label (Kategori) Posting Tertentu di Homepage Blog

Berikut ini cara menyembunyikan postingan label tertentu di homepage blog yang dilansir dari Contoh Blog.

Cara 1

1. Buka Blogger. Pilih Template > Edit HTML.

2. Cari kode <b:include data='post' name='post'/>. Kemudian ganti kode tersebut dengan kode di bawah ini.

<b:if cond='data:blog.url == data:blog.homepageUrl'> 
<b:loop values='data:post.labels' var='label'> 
<b:if cond='data:label.name != &quot;LABEL&quot;'> 
<b:include data='post' name='post' /> </b:if> </b:loop> 
<b:else/> <b:include data='post' name='post' /> </b:if>

Catatan :

Ganti tulisan berwarna merah dengan nama label postingan yang ingin kamu sembunyikan.

3. Save Template!

Cara 2

Jika cara pertama diatas tidak berhasil, kamu bisa mencoba cara kedua berikut ini.

1. Buka Blogger. Pilih Template > Edit HTML.

2. Cari kode berikut ini.

<b:if cond='data:post.dateHeader'>
    <h2 class='date-header'><data:post.dateHeader/></h2>
</b:if>
<b:include data='post' name='post'/>

3. Kemudian ganti dengan kode berikut ini.

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<b:if cond='data:post.labels == &amp;quot;&amp;quot;'>
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><data:post.dateHeader/></h2>
</b:if>
<b:include data='post' name='post'/>
</b:if>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast'>
<b:if cond='data:label.name != &amp;quot;LABEL NAME&amp;quot;'>
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><data:post.dateHeader/></h2>
</b:if>
<b:include data='post' name='post'/>
</b:if>
</b:if>
</b:loop>
<b:else/>
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><data:post.dateHeader/></h2>
</b:if>
<b:include data='post' name='post'/>
</b:if>

Catatan :

Ganti tulisan yang berwarna merah dengan nama label yang ingin kamu sembunyikan di homepage blog kamu.

4. Save Template!

Itulah cara menyembunyikan label posting tertentu di homepage blog. Jika masih gagal juga kamu bisa menanyakannya di kolom komentar.

Semoga bermanfaat! (http://infodiki.blogspot.com)

Dicky Khusnaedy August 22, 2017 Admin Bandung Indonesia

Cara Menyembunyikan Label (Kategori) Posting Tertentu di Homepage Blog

Cara Menyembunyikan Label (Kategori) Posting Tertentu di Homepage Blog - Mungkin ada beberapa alasan yang membuat kamu ingin menyembunyikan atau tidak...

Cara Membuat Sitemap Keren Otomatis dan Responsive di Blogger - Sitemap atau Daftar Isi merupakan salah satu halaman blog yang wajib ada pada sebuah blog. Pasalnya, dengan adanya halaman daftar isi atau sitemap tentu akan memudahkan pengunjung untuk melihat isi semua artikel yang ada di blog kita. Selain itu, halaman sitemap juga bisa meningkatkan page views blog kita.

Karena begitu pentingnya halaman sitemap ini bagi sebuah blog, maka saya akan membagikan tutorial mengenai cara membuat sitemap keren dan responsive di blogger. Yang menarik dari sitemap ini adalah sitemap ini menampilkan secara otomatis daftar postingan sesuai dengan label yang telah ditentukan. Jadi kamu tidak perlu lagi memasukkannya satu per satu.

Berikut tampilan sitemap atau halaman daftar isi nya.

Sitemap Keren Otomatis dan Responsive di Blogger | Live Domo

Gimana? Keren kan. Oke nggak usah berlama lagi, yuk simak tutorial cara membuat sitemap keren otomatis dan responsive di blogger berikut ini.

Cara Membuat Sitemap Keren Otomatis dan Responsive di Blogger

1. Buka Blogger. Lalu, pilih Laman > Laman Baru.

2. Setelah itu, buat Judul Lamannya (Misalnya : Sitemap, Daftar Isi atau lainnya)

3. Lalu, ubah ke Mode HTML.

4. Copy dan pastekan kode dibawah ini ke Laman Daftar Isi yang telah kamu buat tadi.

<link href="https://goo.gl/2qrReh" media="screen" rel="stylesheet" type="text/css"></link>
<script type="text/javascript">
var showNew    = true,
    accToc     = true,
    openNewTab = true,
    maxNew     = 10,
    baru       = "Baru !",
    sDownSpeed = 600,
    sUpSpeed   = 600;
</script>
<script src="https://goo.gl/6FjxRX" type="text/javascript"></script>
<script src="https://infodiki.blogspot.com/feeds/posts/summary?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script>

Catatan :
Ganti https://infodiki.blogspot.com dengan URL Blog punya kamu.

Ingat :
Dalam Mode HTML bukan Mode Compose

Demikian Cara Membuat Sitemap Keren Otomatis dan Responsive di Blogger. Selamat mencoba!

Semoga bermanfaat! (http://infodiki.blogspot.com) Dicky Khusnaedy July 29, 2017 Admin Bandung Indonesia

Cara Membuat Sitemap Keren Otomatis dan Responsive di Blogger

Cara Membuat Sitemap Keren Otomatis dan Responsive di Blogger - Sitemap atau Daftar Isi merupakan salah satu halaman blog yang wajib ada pada sebuah...

Cara Mudah Membuat Google Play Button With CSS - Biasanya, para Blogger yang membuat blog dengan niche download aplikasi Android membuat link download menuju halaman Google Play dengan menggunakan gambar tombol Google Play.

Nah, selain bisa menggunakan gambar Google Play, kamu juga bisa menggunakan Google Play Button menggunakan CSS untuk membuat link download menuju halaman Google Play. Selain ringan, dengan menggunakan Google Play Button tentu akan membuat postingan kamu terlihat keren dan juga rapi. Untuk melihat demonya, kamu bisa lihat tampilan Google Play Button with CSS dibawah ini.

Google Play

Gimana? Keren kan. Penasaran bagaimana membuatnya? Yuk, simak penjelasannya berikut ini.

Cara Membuat Google Play Button With CSS

1. Buka Blogger. Lalu, pilih Theme/Tema > Edit HTML.

2. Kemudian, cari </head>. Lalu, simpan kode CSS di bawah ini tepat diatas kode tersebut.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type='text/css'>
/*<![CDATA[*/
@font-face{font-family:"fontfutura";src:url("https://cdn.rawgit.com/KompiAjaib/font/master/product-sans-regular.ttf") format("ttf");font-weight:normal;font-style:normal;}
a.btn-google{color:#fff}
.btn{padding:10px 16px;margin:5px;font-size:16px;line-height:1.3333333;border-radius:6px;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:1px solid transparent;font-weight:500;text-decoration:none;display:inline-block}
.btn:active:focus,.btn:focus{outline:0}
.btn:focus,.btn:hover{color:#333;text-decoration:none;outline:0}
.btn:active{outline:0;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}
.btn-google{color:#fff;background-color:#111;border-color:#000;padding:15px 16px 5px 40px;position:relative;font-family: 'Product Sans', Arial, sans-serif;font-weight:600}
.btn-google:focus{color:#fff;background-color:#555;border-color:#000}
.btn-google:active,.btn-google:hover{color:#fff;background-color:#555;border-color:#000;}
.btn-google:before{content:"";background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjAJPaAF2Wc-hlgk3o6xCoLclFA886nht4gI3sT03T70wzPAspDTfuRl5pQxpcZdykeN3U9eTfRerW_-gV6d_FERS3FA9MTl3_Vc-pgLtZE8hc5MrxJpbQhE3laJRPksujbKo_7QAn7GMb/s30/nexus2cee_ic_launcher_play_store_new-1.png);background-size:cover;background-repeat:no-repeat;width:30px;height:30px;position:absolute;left:6px;top:50%;margin-top:-15px}
.btn-google:after{content:"GET IT ON";position:absolute;top:5px;left:40px;font-size:10px;font-weight:400}
/*]]>*/
</style>
</b:if>

3. Setelah itu, Simpan Template.

Cara Menggunakan Google Play Button With CSS di Postingan

1. Masih di Blogger, pilih Post. Lalu, pilih postingan mana yang akan kamu letakkan Google Play Button.

2. Jika sudah, masuk ke Editor Postingan. Lalu, ubah ke Mode HTML. Kemudian, copy kode HTML di bawah ini dan pastekan di posisi mana Google Play Button tersebut akan muncul.

<a class="btn btn-google" href="#" title="Google Play">Google Play</a>

Catatan :

Ganti tanda pagar (#) dengan link tujuan ke halaman aplikasi di Google Play Store.

3. Selesai!

Itulah Cara Mudah Membuat Google Play Button With CSS. Dengan menggunakan Google Play Button With CSS, tentu bisa membuat blog kamu menjadi fast loading karena gambar yang dipakai memiliki size yang sangat kecil.

Selamat mencoba! (http://infodiki.blogspot.com)

Referensi :

http://www.kompiajaib.com/2017/05/google-play-button-with-css.html

Dicky Khusnaedy July 18, 2017 Admin Bandung Indonesia

Cara Mudah Membuat Google Play Button With CSS

Cara Mudah Membuat Google Play Button With CSS - Biasanya, para Blogger yang membuat blog dengan niche download aplikasi Android membuat link...

5 Template Blog Gratis SEO Friendly, Fast Loading, Responsive Terbaik Untuk Majalah Berita

5 Template Blog Gratis SEO Friendly, Fast Loading, Responsive Terbaik Untuk Majalah Berita - Saat ini banyak sekali template blog yang keren - keren...

Cara Membuat Top Menu Responsive Plus Media Sosial Di Atas Header Blog - Menu navigasi yang terdapat pada sebuah blog umumnya hanya terdapat satu saja, yakni dibawah header atau logo blog. Namun ada juga para blogger yang memanfaatkan ruang kosong diatas header blog mereka dengan membuat menu navigasi blog tambahan.

Tujuan para blogger menambahkan navigasi menu diatas header blog adalah untuk mempermudah pengunjung dalam mengeksplorasi blog kita dan juga agar blog kita terlihat lebih profesional dimata pengunjung.

Nah, untuk itu saya akan membagikan tutorial cara membuat top menu responsive plus media sosial di atas header blog. Untuk tampilannya kamu bisa melihat top menu diatas header blog pada blog Info Dicky ini. Berikut tutorialnya.

Cara Membuat Top Menu Responsive Plus Media Sosial Di Atas Header Blog

1. Login ke Blogger. Lalu, pilih Tema/Theme > Edit HTML.

2. Copy kode berikut ini dan pastekan tepat di atas ]]></b:skin> atau </style>.

/* CSS Menu Top */
#menu-wrapper {margin:0px 3px;background:#ececec;width:100%;max-width:900px;position:relative;z-index:96;overflow:hidden;margin:0 auto;padding:9px 10px 3px;border-bottom: 1px solid #eee;}
.top-menu {display:block;margin:0 auto;float:none;padding:0;width:100%;max-width:980px;}
.top-menu ul {width:100%;padding:0;margin:0;text-align:left;}
.top-menu li {list-style-type:none;float:left;padding:0;margin:0;}
.top-menu li a {position:relative;font-family:Oswald;font-size:14px;font-weight:400;background-color:transparent;color:#666;display:block;margin:0;padding:8px 12px;line-height:100%;transition:color 0.3s;}
.top-menu ul li a:active, .top-menu ul li.highlight a {line-height:100%;text-decoration:none;}
.top-menu ul li a:hover {background:#48d;color:#fff;text-decoration:none;}
.top-menu li.socialwrap {float:right;font-size:15px}
.top-menu li.socialwrap a i{text-align:center;color:#666;transition:initial;}
.top-menu li.socialwrap a:hover{background:#48d;color:#fff;}
.top-menu li.socialwrap.linkedin {border-right:0;}
.top-menu a#pull {display:none;}
@media only screen and (max-width:768px) {
#menu-wrapper {margin:0;width:100%}
.top-menu {display:block;width:100%;padding:0}
.top-menu ul {text-align:center;}
.top-menu ul {display:none;height:auto;}
.top-menu a#pull{color:#666;display:inline-block;font-size:12px;font-weight:700;padding:10px;position:relative;text-align:left;width:100%}
.top-menu a#pull:before{content:"\f03a";font-family:FontAwesome;font-style:normal;font-weight:normal;text-decoration:none;font-size:20px;color:#48d;display:inline-block;position:absolute;right:15px;top:5%;line-height:30px;}
.top-menu a#pull:hover{background:transparent}
.top-menu li {display:block;width:50%;text-align:left;border-right:none;}
.top-menu li a {padding:15px 20px;display:block;}
.top-menu li a:hover, nav a:active {background:#48d;border:none;color:#fff;}
.top-menu ul li a:hover {background:#48d;color:#fff;}
.top-menu li.socialwrap {float:left;}
.top-menu li.socialwrap.twitter {border-left:0;}
.active {display:block;}
}
@media only screen and (max-width:640px) {
#menu-wrapper {margin:0 auto;width:100%;}
} 
@media only screen and (max-width:480px) {
.top-menu li {display:block;width:100%;text-align:left;border-right:none;}
}

3. Setelah itu, copy dan pastekan kode berikut ini tepat di atas <div id='header'> atau <div class='header'>. Jika kamu tidak menemukan kode tersebut, coba kamu cari kode header id='header-wrapper' dan pastekan tepat di atasnya. Jika masih tidak menemukannya, kamu bisa menanyakannya di kolom komentar.

<div id='menu-wrapper'>
<div class='top-menu'>
<ul>
<li><a href='#' title='About Us'>About</a></li>
<li><a href='#' title='Contact us'>Contact</a></li>
<li><a href='#' title='Our Sitemap'>Sitemap</a></li>
<li><a href='#' title='Terms of Service'>Terms of Service</a></li>
<li><a href='#' title='Privacy Policy'>Privacy Policy</a></li>
<li><a href='#' title='Disclaimer'>Disclaimer</a></li>
<li class='socialwrap linkedin'><a href='#' rel='nofollow' target='_blank' title='Like us on Facebook'><i class='fa fa-facebook fa-lg'/></a></li>
<li class='socialwrap youtube'><a href='#' rel='nofollow' target='_blank' title='Follow My Twitter'><i class='fa fa-twitter fa-lg'/></a></li>
<li class='socialwrap rss'><a href='#' rel='nofollow' target='_blank' title='Dont Forget to Subscribe'><i class='fa fa-rss fa-fw'/></a></li>
<li class='socialwrap google'><a href='#' rel='nofollow' target='_blank' title='Follow My Google+'><i class='fa fa-google-plus fa-lg'/></a></li>
<li class='socialwrap twitter'><a href='#' rel='nofollow' target='_blank' title='Follow My Instagram'><i class='fa fa-instagram'/></a></li>
</ul>
<a href='#' id='pull'>MENU</a>
</div>
</div>
 <div class='clear'/>

Catatan :

Ganti tanda pagar (#) dengan URL menu blog dan akun media sosial kamu.

4. Kemudian, copy dan pastekan kode dibawah ini tepat di atas </head> atau </body>.

<script type='text/javascript'>
//<![CDATA[
// Menu Top
$(document).ready(function(){var str=location.href.toLowerCase();$('.top-menu ul li a').each(function(){if(str.indexOf(this.href.toLowerCase())>-1){$("li.highlight").removeClass("highlight");$(this).parent().addClass("highlight")}})})
$(function(){var pull=$('#pull');menu=$('.top-menu ul');menuHeight=menu.height();$(pull).on('click',function(e){e.preventDefault();menu.slideToggle()});$(window).resize(function(){var w=$(window).width();if(w>320&&menu.is(':hidden')){menu.removeAttr('style')}})});
//]]>
</script>

5. Terakhir, Save Template!

Itulah Cara Membuat Top Menu Responsive Plus Media Sosial Di Atas Header Blog. Semoga bermanfaat! (http://infodiki.blogspot.com) Dicky Khusnaedy June 29, 2017 Admin Bandung Indonesia

Cara Membuat Top Menu Responsive Plus Media Sosial Di Atas Header Blog

Cara Membuat Top Menu Responsive Plus Media Sosial Di Atas Header Blog - Menu navigasi yang terdapat pada sebuah blog umumnya hanya terdapat satu...

Cara Mengatasi Postingan Hanya Tampil Satu Atau Dua Artikel Di Homepage Blog - Apakah kamu pernah mengalami kejadian dimana jumlah artikel yang muncul di homepage blog kamu hanya tampil satu atau dua artikel saja? Padahal kamu sudah men-setting jumlah artikel yang harus tampil di homepage blog kamu, misalnya 6, 7, atau 8 artikel. Jika iya, kamu tidak sendirian kok. Saya sendiri juga pernah mengalami hal yang sama.

Cara Mengatasi Postingan Hanya Tampil Satu Atau Dua Di Homepage Blog

Saya sendiri sempat dibuat kebingungan dalam mencari tahu penyebabnya. Mulai dari cek pengaturan jumlah artikel yang tampil di homepage blog hingga mengecek jumlah artikel yang tampil di homepage pada pengaturan template blog yang saya pakai. Namun tetap saja hasilnya nihil.

Akhirnya saya memutuskan mencari solusinya di Google. Banyak sekali artikel - artikel yang membahas mengenai Cara Mengatasi Postingan Hanya Tampil Satu Atau Dua Di Homepage Blog. Nah, untuk itu saya pun mengambil kesimpulan dari beberapa artikel yang saya baca dan kemudian saya bagikan ke blog saya ini. Berikut informasinya.

Penyebab Postingan Hanya Tampil Satu Atau Dua Artikel Di Homepage Blog

Mungkin ada beberapa alasan yang bisa menyebabkan postingan hanya tampil satu atau dua artikel saja di homepage blog, namun kebanyakan penyebabnya adalah karena artikelnnya ditulis terlebih dahulu di aplikasi Microsoft Word, kemudian langsung di copy-paste saja ke Editor Postingan Blogger.

Kok bisa?

Ya, bisa dong. Karena aplikasi Microsoft Word itu bukanlah text editor melainkan sebuah program word processor. Jadi, ketika kamu selesai menulis artikel di Microsoft Word, kemudian menyalinnya, maka yang akan tersalin bukan hanya tulisannya saja namun kode - kode dibelakangnya juga ikut tersalin.

Alhasil, ketika kamu mempastekannya ke Editor Postingan Blogger, maka akan terjadi ketidaksinkronan antara kode - kode dari Microsoft Word dengan kode - kode dari Blogger. Sehingga mengakibatkan terjadinya error.

Lalu, bagaimana solusi untuk mengatasi permasalahan ini? Berikut ulasannya.

Cara Mengatasi Postingan Hanya Tampil Satu Atau Dua Artikel Di Homepage Blog

Ada beberapa cara yang saya berikan untuk mengatasi postingan hanya tampil satu atau dua artikel saja di homepage blog. Beikut ulasannya.

1. Jangan Nulis Artikel di Micsrosoft Word

Ada beberapa alasan kenapa banyak orang menulis artikel di Ms. Word terlebih dahulu, salah satunya mungkin saja orang tersebut ngeblog di warnet. Jadi, artikel terlebih dahulu ditulis di Ms. Word, kemudian mempastekannya di Editor Postingan Blog ketika berada di warnet.

Menulis artikel di Ms. Word kemudian mempastekannya ke Editor Postingan Blog sih sebenarnya sah - sah saja. Namun, sebelum mempastekan tulisan dari Ms. Word ke Editor Postingan Blog, kamu harus mempastekannya terlebih dahulu ke Notepad. Kemudian baru dipastekan ke Editor Postingan Blog. Tujuannya adalah agar kode - kode dari Ms. Word tidak ikut ke Editor Postingan Blog.

Namun jika kamu ingin menulis artikel secara offlinei, kamu bisa menggunakan software text editor seperti Notepad, Wordpad, Notepad++, atau program text editor lainnya.

2. Memanfaatkan Fitur "Jump Break" di Blogger

Jika kamu merasa tidak pernah menulis artikel di Microsoft Word atau tidak mau menulis ulang semua artikel yang ada, kamu bisa menggunakan cara kedua ini.

1. Login ke Blogger. Kemudian, pilih menu "Pos".

2. Pilih "Edit" pada artikel yang terakhir kali muncul di homepage blog kamu.

3. Pada akhir paragraf pertama, aktifkan fitur "Jump Break".

4. Jika sudah, pilih "Perbarui".
5. Selesai.

Jika kamu sudah melakukan langkah - langkah seperti diatas dengan benar, seharusnya blog kamu sudah tidak error lagi dan jumlah artikel di homepage blog kamu sudah kembali normal.

Namun, jika masih belum ada perubahan, berarti ada masalah lain yang terjadi pada blog kamu yang menyebabkan artikel hanya tampil satu atau dua saja di homepage blog.

Nah, kalau sudah begitu, cara terbaik untuk mengatasi masalah seperti ini adalah dengan mengganti template blog.

Semoga bermanfaat! (http://infodiki.blogspot.com).

Dicky Khusnaedy June 20, 2017 Admin Bandung Indonesia

Cara Mengatasi Postingan Hanya Tampil Satu Atau Dua Artikel Di Homepage Blog

Cara Mengatasi Postingan Hanya Tampil Satu Atau Dua Artikel Di Homepage Blog - Apakah kamu pernah mengalami kejadian dimana jumlah artikel yang muncul...

Cara Mudah Mempercantik Tampilan Subheading H3 Postingan Blog - Subheading atau subjudul merupakan bagian dari salah satu tag heading blog. Subheading (subjudul) H3 ini memiliki peran yang sangat penting dalam meningkatkan SEO posting blog dengan memasukkan kata kunci (keywords).

Biasanya subheading sendiri ditulis dengan ukuran font yang besar dan lebih tebal. Hal itu bertujuan agar pengunjung blog dapat mengetahui maksud atau penjelasan dari judul postingan pada blog yang dibacanya.

Karena subheading H3 sering digunakan maka kita perlu mempercantik tampilan subheading H3 pada blog kita. Bukan hanya dengan warna heading, tapi juga bisa dengan menambahkan berbagai style yang menarik lainnya. Hal ini bertujuan agar membuat pengunjung merasa tidak bosan dan betah untuk berlama - lama di blog kita.

Lalu, bagaimana cara mempercantik tampilan subheading H3 pada postingan blog? Simak ulasannya berikut ini.

Cara Mempercantik Tampilan Subheading H3 Postingan Blog

1. Masuk ke Blooger. Lalu, pilih Theme/Tema > Edit HTML.

2. Cari kode ]]></b:skin>. Kemudian, copy dan pastekan salah satu kode css dibawah ini tepat diatas kode ]]></b:skin>.

Style 1

.post h3 {
  border: 1px dashed #C7C7C7;
  padding: 3px;
  box-shadow: 2px 2px 5px;
  padding-left: 10px;
  margin-bottom: 7px;
  border-radius: 10px;
  border-bottom-color: #000;
  background: rgba(218, 218, 218, 0.04);
  border-bottom-right-radius: 100px;
}

Style 2

.post h3 {
  padding: 3px;
  text-shadow: -2px -1px 1px #060606;
  box-shadow: -3px 2px 3px #000;
  padding-left: 10px;
  margin-bottom: 7px;
  background: #303030;
  color: #F7F7F7;
}
.post h3:before {
  font-family: FontAwesome;
  position: relative;
  content: '\f054';
  font-size: 17px;
  padding-right: 10px;
}

Style 3

.post h3 {
  padding: 3px;
  text-shadow: -1px -1px 0px #000000;
  box-shadow: -2px 2px 3px #000;
  padding-left: 10px;
  margin-bottom: 7px;
}
.post h3:before {
  font-family: FontAwesome;
  position: relative;
  content: '\f02d';
  text-shadow: 0px 0px 0px #000;
  color: #000;
  font-size: 17px;
  padding-right: 10px;
}

Style 4

.post h3{
  padding: 3px;
  padding-left: 10px;
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
  background-color: #FEBD17;
  border-radius: 9px;
  box-shadow: 2px 2px 2px;
  border: #000 1px solid;
}
.post h3:before {
  font-family: FontAwesome;
  position: relative;
  content: '\f061';
  font-size: 17px;
  padding-right: 10px;
}

Style 5

.post h3 {
  background: transparent url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_wZiu_nFiLBdFcswJtaN3YcMOhqVKSgaQuc2FpX5ZTq-f2NfZ2IjeXa9VQ8OHw2fzDMPoQRxx-fhZgtd_TBb3iIUcv73HWCS8vsgQGVSczFnkNxLKW6QfagPQbV7vNXHtKHQFvD92O4DN/s1600/h2.jpg") repeat-x scroll 0px 0px;
  color: #FFF;
  font-size: 20px;
  font-weight: 200;
  letter-spacing: 0px;
  font-family: fantasy;
  margin-top: 20px;
  margin-bottom: 20px;
  box-shadow: 0px 1px 6px 3px #000;
  padding: 10px 2px 10px 10px;
  text-shadow: 0px 1px #000;
  text-transform: uppercase;
}

Style 6

.post h3{margin:0 0 10px;padding:10px;background-color:#00ABC5;box-shadow:0 3px 0 #4ACCDF;color:#FFF;font-size:16px;line-height:16px;font-family:"Bree Serif",serif;font-weight:400;text-decoration:none;text-transform:uppercase}

Style 7

.post h3{background:#F9F9F9;font-family:'Oswald',sans-serif;font-size:120%;padding:6px 12px;color:#333;text-shadow:1px 1px 1px #AAA;border-bottom:4px solid #03DA03;-webkit-border-radius:0 0 6px 6px;-moz-border-radius:0 0 6px 6px;border-radius:0 0 6px 6px;-webkit-box-shadow:1px 1px 2px #AAA;-moz-box-shadow:1px 1px 2px #AAA;box-shadow:1px 1px 2px #AAA;margin:6px 3px;text-transform:capitalize;width:95%;line-height:1em}
.post h3:hover{border-bottom:4px solid #003F80}

Style 8

.post h3{color:#222;border-left:10px solid #222;border-right:10px solid #222;padding:3px 5px 3px 20px;border-radius:15px;-moz-border-radius:15px;box-shadow:0 0 13px #222;-webkit-box-shadow:0 0 13px #222;-moz-box-shadow:0 0 13px #222}
.post h3:hover{color:#219DFC;border-left:10px solid #219DFC;border-right:10px solid #219DFC;box-shadow:0 0 13px #219DFC;-webkit-box-shadow:0 0 13px #32A4FC;-moz-box-shadow:0 0 13px #32A4FC}

Tambahan
Jika, kamu ingin tampilan subheading H3 seperti pada blog ini, kamu bisa copas kode CSS berikut ini.

.post-body h3{padding:10px 0;color:#444;border-top:1px dashed #ddd;border-bottom:1px dashed #ddd;font-weight:700;margin:15px 0;font-size:22px}

3. Terakhir, Simpan Template.

Itulah 9 style subheading H3 postingan untuk postingan blog. Lalu, bagaimana cara menggunakannya? Simak ulasannya berikut ini.

Cara Menggunakan Subheading H3 Blog

1. Pilih atau blok tulisan yang ingin kamu jadikan subheading.

2. Kemudian, pilih subheading. *Lebih jelasnya lihat gambar dibawah ini.

3. Lalu, klik "Pratinjau". Jika tampilan subheading H3 telah berubah sesuai dengan style subheading H3 seperti diatas, maka bisa dikatakan kamu berhasil mengubah tampilan subheading H3 blog kamu.

4. Selesai.

Itulah Cara Mudah Mempercantik Tampilan Subheading H3 Postingan Blog. Semoga bermanfaat! (http://infodiki.blogspot.com).

Sumber
Sumber

Dicky Khusnaedy June 16, 2017 Admin Bandung Indonesia

Cara Mudah Mempercantik Tampilan Subheading H3 Postingan Blog

Cara Mudah Mempercantik Tampilan Subheading H3 Postingan Blog - Subheading atau subjudul merupakan bagian dari salah satu tag heading blog. Subheading...

Cara Terbaru Memasang Tombol Back To Top Di Blog - Pada kesempatan kali ini saya akan membagikan informasi mengenai cara memasang tombol 'back to top' di blog dengan menggunakan Font Awesome. Tombol back to top merupakan salah satu komponen penting yang harus ada pada sebuah blog.

Karena dengan adanya tombol back to top atau tombol kembali ke atas ini akan mempermudah pengunjung untuk kembali ke halaman teratas blog hanya dalam satu klik saja tanpa harus men-scroll mouse atau mengusap - usap layar smartphone.

Lalu, bagaimana cara memasang tombol back to top ini ke dalam blog? Yuk, simak ulasannya berikut ini.

Cara Memasang Tombol Back To Top di Blog

Catatan :
Jika diblog kamu terdapat tombol 'back to top', kamu harus menghapusnya terlebih dahulu agar tombol 'back to top' nya tidak double yang bisa membuat loading blog kamu jadi lambat.

Berikut langkah -langkah pemasagannya.

1. Masuk ke Blogger. Lalu, pilih Theme/Tema > Edit HTML.
2. Copy dan pastekan kode dibawah ini tepat diatas ]]></b:skin> atau </style>.

#return-to-top{position:fixed;bottom:20px;right:20px;background:#000;background:rgba(0,0,0,0.7);width:50px;height:50px;display:block;text-decoration:none;-webkit-border-radius:35px;-moz-border-radius:35px;border-radius:35px;display:none;-webkit-transition:all .3s linear;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
#return-to-top i{color:#fff;margin:0;position:relative;left:16px;top:13px;font-size:19px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
#return-to-top:hover{background:rgba(0,0,0,0.9)}
#return-to-top:hover i{color:#fff;top:5px}

3. Kemudian, copy dan pastekan kode JavaScript di bawah ini tepat di atas </body>.

<script type='text/javascript'>
//<![CDATA[
 $(window).resize(function () {
  var w = $(window).width();
  if (w > 800 && menu.is(':hidden')) {
   menu.removeAttr('style');
  }
 });
});
$(window).scroll(function() {
    if ($(this).scrollTop() >= 50) {        // If page is scrolled more than 50px
        $('#return-to-top').fadeIn(200);    // Fade in the arrow
    } else {
        $('#return-to-top').fadeOut(200);   // Else fade out the arrow
    }
});
$('#return-to-top').click(function() {      // When arrow is clicked
    $('body,html').animate({
        scrollTop : 0                       // Scroll to top of body
    }, 500);
});
//]]>
</script>

4. Selanjutnya, copy dan pastekan kode HTML Tombol Back to Top berikut ini tepat atas </body> atau diatas kode JavaScript diatas.

<a href="javascript:" id="return-to-top"><i class="fa fa-chevron-up"></i></a>

5. Save Template.

Itulah Cara Terbaru Memasang Tombol Back To Top Di Blog. Dengan adanya tombol back to top ini tentu akan membuat blog kamu menjadi lebih user friendly. Semoga bermanfaat.

Sumber Kode Dicky Khusnaedy June 09, 2017 Admin Bandung Indonesia

Cara Terbaru Memasang Tombol Back To Top Di Blog

Cara Terbaru Memasang Tombol Back To Top Di Blog - Pada kesempatan kali ini saya akan membagikan informasi mengenai cara memasang tombol 'back to...

Cara Mudah Memasang Fans Page Facebook Like Box Di Sidebar Blog - Cara paling mudah agar blog cepat terkenal adalah dengan memasang fanspage facebook di blog. Ada banyak cara yang bisa kamu gunakan untuk memasang facebook fanspage ke blog kamu, salah satunya adalah dengan memasang facebook fanspage di sidebar blog.

Nah, untuk itu pada artikel kali ini saya akan membahas mengenai cara memasang fans page facebook like box di sidebar blog. Untuk tampilannya sih, seperti pada facebook fans page di blog Info Dicky ini. Oiya, jika belum "Like" Fans Page Facebook Blog Info Dicky, di "Like" ya. Maaf, sekalian promo. Hihi.

Gak perlu berlama lagi, yuk simak penjelasannya berikut ini.

Cara Memasang Fans Page Facebook Like Box Di Sidebar Blog

Catatan :
Sebelum memasang Facebook Fans Page di Sidebar Blog pastikan kamu sudah memiliki halaman Fans Page Facebook ya.

Langkah 1

1. Login ke Blogger. Masuk ke Tema > Edit HTML.

2. Copas kode dibawah ini. Lalu, pastekan tepat diatas </body>.

<div id='fb-root'/>
<script>
(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = &quot;//connect.facebook.net/id_ID/sdk.js#xfbml=1&amp;version=v2.3&quot;;
  fjs.parentNode.insertBefore(js, fjs);
}(document, &#39;script&#39;, &#39;facebook-jssdk&#39;));
</script>

3. Save Template.

Langkah 2

1. Masuk ke Tata Letak > Tambahkan Gadget > HTML/Javascript.

2. Copas kode dibawah ini dan pastekan di kolom HTML/Javascript.

<div style=".background-color:#F4F4F4;width:300px;padding:0;height:250px;height:250px;overflow:hidden;"><div style="height: 250px; overflow: hidden;">
<iframe src="https://www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/TB.Informasi&amp;width=300&amp;height=258&amp;show_faces=true&amp;header=false&amp;stream=false&amp;show_border=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px; height:258px;" allowtransparency="true"></iframe>
</div>
</div>

Catatan :

Ganti tulisan warna merah dengan URL Fans Page Facebok kamu.

3. Lalu, pilih Simpan. Selesai!

Itulah cara memasang fans page facebook like box di sidebar blog. Dengan memasang fans page facebook di blog, tentunya akan membuat blog kamu menjadi lebih populer dan akan dengan mudah mendapatkan visitor yang lebih banyak lagi. Sekian dan semoga bermanfaat.

Dicky Khusnaedy June 06, 2017 Admin Bandung Indonesia

Cara Mudah Memasang Fans Page Facebook Like Box Di Sidebar Blog

Cara Mudah Memasang Fans Page Facebook Like Box Di Sidebar Blog - Cara paling mudah agar blog cepat terkenal adalah dengan memasang fanspage facebook...

Inilah 10 Kesalahan Yang Paling Sering Dilakukan Oleh Blogger Pemula - Setiap orang pasti memiliki tujuan serta alasan yang berbeda-beda dalam memulai blogging, seperti hanya iseng-iseng saja, mendokumentasikan sesuatu, curahan hati, sampai untuk mendapatkan penghasilan dari internet.

Latar belakang si pemilik blog pun juga beragam, misalnya ada orang yang memang cukup ahli tentang teknik-teknik blogging, hingga tidak sedikit ada orang yang memang masih benar-benar pemula dan baru mengenal dunia blogging.

Pada dasarnya, ngeblog itu adalah menulis artikel yang kemudian dipublikasikan ke blognya. Namun yang perlu diketahui, dalam blogging itu ada teknik-tekniknya tersendiri agar blog yang kamu kelola bisa sukses atau bahkan bisa menghasilkan uang.

Akan tetapi banyak blogger-blogger pemula yang membuat blog tanpa mempelajari terlebih dahulu dasar-dasar dalam blogging, sehingga membuat kesalahan-kesalahan yang seharusnya tidak perlu dilakukan karena jika kesalahan tersebut terus menerus dibiarkan akan berakibat fatal bagi blog yang dikelola olehnya.

10 Kesalahan Yang Paling Sering Dilakukan Oleh Blogger Pemula

Nah, untuk itu saya akan membagikan artikel mengenai kesalahan-kesalahan yang sering dilakukan oleh blogger pemula. Berikut ulasannya.

1. Tidak Siap

Kesalahan yang paling umum yang sering dilakukan blogger pemula adalah TIDAK SIAP. Maksudnya, entah alasan apa yang membuat kamu memiliki keinginan untuk membuat sebuah blog, tanpa mempelajari terlebih dahulu dasar-dasar dalam blogging.

Karena ketidaksiapannya ini, akhirnya membuat kamu selaku pemilik blog membuat blog dengan topik campuran atau biasa dibilang blog gado-gado. Ditambah lagi dengan ketidakpahaman akan kemampuan diri sendiri yang akan membuat kesalahan seperti ini merembet ke aspek lainnya.

2. Salah Menentukan Tema Atau Topik Blog

Selain TIDAK SIAP, kesalahan yang sering dilakukan blogger pemula adalah salah menentukan tema atau topik blog. Ini merupakan kesalahan yang paling umum yang sering dilakukan blogger pemula. Kebanyakan dari mereka membuat blog dengan "meniru" blog-blog yang sudah terkenal.

Meniru blog yang sudah terkenal tidaklah salah, namun alangkah baiknya jika kamu memilih tema atau topik blog yang sesuai dengan minat, bakat, serta keahlian yang kamu miliki. Dengan begitu, kamu akan dengan mudah membuat artikel yang sesuai dengan tema blog kamu. So, kembangkan terus bakat menulis yang kamu miliki, mana tahu karya tulisan yang kamu posting ke blog kamu bisa menghasilkan uang.

3. Sering Gonta-Ganti Template

Kesalahan yang sering dilakukan oleh blogger pumula selanjutnya adalah terlalu sibuk mempercantik tampilan blog, seperti menggonta-ganti template blog, mengganti atau menambahkan berbagai widget, dan lain sebagainya.

Jujur pada awal memulai ngeblog, saya juga sering menggonta-ganti template blog agar terlihat cantik dan menarik. Namun, setelah saya belajar ini itu, akhirnya saya mengetahui bahwa keseringan menggonta-ganti template blog akan berpengaruh buruk pada SEO.

Mempercantik tampilan blog memang bagus dan penting, akan tetapi jangan berlebihan. Untuk mendatangkan banyak visitor, bukannya hanya dari tampilan blognya, tetapi juga dilihat dari isi konten yang ada di blog kamu.

Baca Juga : 22 Template Blog SEO Friendly Responsive Keren 2017

4. Sistem Navigasi Menu Yang Tidak Jelas

Kesalahan yang sering dilakukan blogger pemula adalah tidak adanya navigasi menu pada blognya. Hal ini tentu sangat merugikan bagi si pemilik blog. Karena navigasi menu merupakan salah satu elemen terpenting yang harus ada pada sebuah blog. Dengan adanya navigasi menu ini, tentu akan membuat pengujung tidak mengalami kesulitan dalam mencari artikel - artikel yang ada pada blog kamu.

5. Pemilihan Font Yang Salah

Kesalahan blogger pemula selanjutnya adalah pemilihan font yang salah. Ya, font merupakan elemen paling - paling penting yang harus ada pada sebuah blog. Kok gitu? Ya, kalau tidak ada font gimana pengunjung mau baca tulisan di blog kita. Namun, dalam memilih jenis dan ukuran font, pilihlah jenis font dan ukuran font yang standar website atau paling tidak bisa dibaca jelas oleh pengujung.

Kenapa demikian?

Karena tidak semua pengunjung blog kamu suka dengan jenis font yang kamu pilih. Ya nggak? Apalagi jika ukuran font-nya besar - besar! Kalau sudah begitu justru kamu akan kehilangan banyak pengunjung. Jadi, lebih baik gunakanlah jenis font standar website, seperti Font Arial, Sans Serif, ataupun Roboto serta pilihlah ukuran font yang standar web pula, misalnya ukuran 13 - 16px.

Intinya, huruf dimedia online itu bukan soal bagus atau uniknya, tapi yang penting mudah dibaca oleh pengunjung.

6. Memasang Widget Yang Tidak Penting

Selain template, biasanya blogger pemula menambahkan berbagai widget untuk ditampilkan di blognya. Tujuannya ya agar blog miliknya terlihat cantik dan menarik serta enak dipandang oleh pengunjung. Memasang widget di blog tidaklah salah melainkan disarankan, namun janganlah banyak apalagi memasang widget yang tidak penting, seperti Widget Jam, Kalender, dan lainnya.

Mengapa?

Karena dengan memasang banyak widget pada blog akan membuat loading blog menjadi berat alias lambat. Tentu hal ini akan membuat blog kamu jadi sepi pengunjung. Jadi, saya sarankan untuk tidak memasang widget yang tidak penting ke blog kamu, karena selain memperberat loading blog juga akan membuat pengunjung merasa jenuh dan cepat bosan.

Jadi, usahakan pasang widget yang penting saja, seperti Widget Popular Posts, Artikel Terbaru, Kotak Berlangganan, Label, Arsip dan lainnya.

7. Telalu Banyak Widget Pop - Up

Kesalahan yang sering dilakukan blogger pemula selanjutnya adalah memasang widget pop - up yang terlalu banyak. Widget pop - up adalah sebuah widget yang sering muncul ditengah layar monitor yang akan menghalangi pengunjung dalam membaca artikel. Widget pop - up yang sering mengganggu biasanya adalah iklan.

Memasang widget pop - up sebenarnya sih sah - sah saja, tapi janganlah yang banyak. Karena akan membuat pengunjung terganggu dengan adanya widget tersebut. Dan tidak itu saja, memasang widget pop - up bisa membuat loading blog jadi lebih lama.

Jadi, jika kamu ingin memasang widget pop - up ke blog kamu, pasanglah satu widget saja, misalnya widget pop - up Facebook. Atau lebih baik jangan pernah memasang widget pop - up ke blog kamu, karena selain bisa memperlambat loading blog juga akan membuat blog kamu kehilangan pengunjung.

8. Tidak Adanya Gambar Pendukung di Dalam Artikel

Kesalahan yang sering dilakukan oleh blogger pemula selanjutnya adalah tidak adanya gambar pendukung di dalam artikel. Entah apa alasannya kenapa banyak para blogger pemula yang tidak meletakkan gambar pendukung pada setiap artikel yang dibuatnya.

Padahal gambar merupakan salah satu hal yang harus ada pada setiap artikel. Karena satu gambar bisa menjelaskan kepada pengunjung tentang isi artikel yang dibahas pada blog kamu.

9. Mengabaikan Webmaster Tools

Kesalahan yang sering dilakukan oleh blogger pemula selanjutnya adalah mengabaikan webmaster tools. Mendaftarkan blog ke webmaster tools merupakan cara terbaik agar blog kamu bisa dikenali oleh search engine. Nah, biasanya blogger pemula sering mengabaikan tools yang satu ini. Padahal mendaftarkan blog ke webmaster tools adalah salah satu teknik dasar SEO.

Jadi, mulai sekarang daftarkan blog kamu segera ke webmaster tools search engine, yakni ke Google Webmaster Tools dan juga Bing Webmaster Tools agar blog kamu bisa di kenali oleh search engine serta dapat membantu kamu dalam mengetahui masalah - masalah yang terjadi di blog kamu.

10. Tidak Memeriksa Ulang Artikel Sebelum di Posting

Kesalahan yang sering dilakukan blogger pemula yang terakhir adalah tidak memeriksa ulang artikel sebelum di posting. Artikel yang baik itu adalah artikel yang mendekati sempurna.

Ingat ya mendekati sempurna bukan sempurna!

Untuk itu, sebelum artikel di posting, adakalanya periksa ulang terlebih dahulu artikel yang akan di posting, baik itu dari kesalahan pengetikan, tata bahasa, tautan, dan lainnya. Tujuannya adalah untuk meminimalisir terjadinya kesalahan dalam penulisan kata pada artikel yang akan diposting.

Itulah 10 kesalahan yang sering dilakukan oleh blogger pemula. Semoga dengan membaca artikel ini kamu bisa menghindari kesalahan - kesalahan tersebut. Semoga bermanfaat.

Dicky Khusnaedy May 28, 2017 Admin Bandung Indonesia

Inilah 10 Kesalahan Yang Paling Sering Dilakukan Oleh Blogger Pemula

Inilah 10 Kesalahan Yang Paling Sering Dilakukan Oleh Blogger Pemula - Setiap orang pasti memiliki tujuan serta alasan yang berbeda-beda dalam memulai...

Pages 1 of 4 12 3 4 Next

Cara Mudah Cek Harga Blog atau Website

Tambahan

Tukar Link (Link Exchange) Ternyata Membahayakan Blog

Mudah Memasang Kode Script Anti AdBlock di Blogger

Tambahan

Cara Menyembunyikan Label (Kategori) Posting Tertentu di Homepage Blog

Cara 1

Cara 2

Cara Membuat Sitemap Keren Otomatis dan Responsive di Blogger

Cara Membuat Google Play Button With CSS

Cara Menggunakan Google Play Button With CSS di Postingan

Template Blog SEO Friendly, Fast Loading, Responsive Terbaik Untuk Majalah Berita

1. Shoon - Responsive Blogger Template for News Site

2. Fast News Template

3. Team Blog - Magazine Responsive Blogger Template

4. Big Vines Blogger Template

5. News Mag Blogger Theme

Cara Membuat Top Menu Responsive Plus Media Sosial Di Atas Header Blog

Penyebab Postingan Hanya Tampil Satu Atau Dua Artikel Di Homepage Blog

Cara Mengatasi Postingan Hanya Tampil Satu Atau Dua Artikel Di Homepage Blog

1. Jangan Nulis Artikel di Micsrosoft Word

2. Memanfaatkan Fitur "Jump Break" di Blogger

Cara Mempercantik Tampilan Subheading H3 Postingan Blog

Style 1

Style 2

Style 3

Style 4

Style 5

Style 6

Style 7

Style 8

Cara Menggunakan Subheading H3 Blog

Cara Memasang Tombol Back To Top di Blog

Cara Memasang Fans Page Facebook Like Box Di Sidebar Blog

Langkah 1

Langkah 2

10 Kesalahan Yang Paling Sering Dilakukan Oleh Blogger Pemula

1. Tidak Siap

2. Salah Menentukan Tema Atau Topik Blog

3. Sering Gonta-Ganti Template

4. Sistem Navigasi Menu Yang Tidak Jelas

5. Pemilihan Font Yang Salah

6. Memasang Widget Yang Tidak Penting

7. Telalu Banyak Widget Pop - Up

8. Tidak Adanya Gambar Pendukung di Dalam Artikel

9. Mengabaikan Webmaster Tools

10. Tidak Memeriksa Ulang Artikel Sebelum di Posting

Labels