Cara Edit Menu Navigasi Pada Blogger

Teman-teman blogger pasti banyak nih yang pake template premium atau template free hasil download. Tapi setelah dipasang template baru kok menu navigasinya engga cocok sama menu blog kita ya? Tenang,, kali ini saya akan menerangkan sedikit caranya. Untuk master-master yang udah pandai coding hal ini saya rasa adalah hal yang mudah bagi mereka, tetapi lain halnya dengan kita para blogger-blogger baru ya.

Menu pada template yang baru dipasang biasanya seperti ini 

Sip,, langsung saja ikuti caranya dibawah ini ya :

1. Pada dashboard blogger silahkan klik Tema (no.1), Kemudian klik Edit HTML (no.2).

2. Kemudian klik 1x pada kolom yang terdapat banyak kode, Setelah itu pencet CTRL+F pada keyboard kamu. Setelah itu ketik nama menu yang ingin dirubah tadi pada kolom search seperti yang saya lingkari itu.

Note : Silahkan ganti tanda '#' (tanpa tanda petik) dengan link yang tepat. Biasanya pada blogger menu navigasi lebih sering diisi dengan 'Label' Postingan. Sehingga mempermudahkan pembaca mencari postingan dengan label tertentu.

3. Jika menu yang ingin diganti telah selesai, silahkan Simpan/Save dan lihat lagi blog kamu tadi.

Itulah postingan tentang  Cara Edit Menu Navigasi Pada Blogger . Semoga postingan ini dapat membantu.

Template Yang Cocok Untuk Daftar Akun Google Adsense

Biasanya blogger-blogger muda selalu gonta ganti template, alasannya mau cari template yang keren buat blog mereka. Alasan mereka itu tidak ada salahnya, tetapi pada dasarnya kita juga harus memperhatikan template yang kita pasang itu, apakah aman bagi blog kita, apakah nyaman bagi pengunjung blog kita.

Banyak sekali template diluar sana yang keren-keren, tetapi kita harus bisa memilih yang keren dan bagus untuk perkembangan blog kita. Dan kali ini saya akan membagikan sedikit kriteria template yang bagus dan cocok untuk didaftarkan google adsense.

1. SEO Friendly

Template yang SEO Friendly cendrung disukai google karena template ini ringan dan lancar saat dibuka, tentunya membuat pengalaman yang baik bagi pengunjung blog kita.

2. Menu Navigasi

Blog yang baik selalu memiliki menu navigasi yang bisa digunakan pengunjung untuk menelusuri blog tersebut semudah mungkin.

3.Menu Contact, About, Disclaimer, Sitemap

Menu sejenis ini biasanya ada di bagian paling atas atau paling bawah suatu blog. Menu ini bisa dikatakan sangat penting untuk menambah penilaian dari google adsense.

4.Pagesize

Ukuran halaman pada blog sangat berpengaruh terhadap cepat dan lambatnya loading blog itu sendiri, hal ini kembali ke petunjuk nomor 1. Gambar merupakan hal yang bisa membuat ukuran suatu laman menjadi besar. Disini saya menyarankan untuk men-kompres gambar yang akan diupload ke dalam blog, atau bisa juga dengan membuat hosting sendiri khusus untuk gambar. 

Contoh hosting gambar : ImgBB

Contoh tempat compress gambar : Smallseotools

Contoh template : Vienna Lite 2

DEMO

Download

| CU | ZS | TF |

Saya rasa itulah tadi kriteria Template yang cocok untuk daftar Google Adsense. Semoga postingan ini dapat sedikit membantu teman-teman semua.

Blogger Template Untuk Blog Download Gambar

Kali ini saya akan membagikan sebuah template blog yang saya rasa sangat cocok untuk template blog download gambar. Selain untuk blog download gambar, tema ini juga bagus untuk blog gallery lainnya, untuk blog video juga sangat cocok.

Nama templatenya adalah GearWorld. Untuk dapat hasil yang bagus, kalian harus edit sedikit pada menu tata letak, agar template ini jadi seperti yang kalian inginkan.

Demo Template Setelah Diedit Sedikit Pada Menu Tata Letak :

>>DEMO<<

Template ini merupakan template gratis, kamu bisa mendownloadnya di Gooyaabi Templates, atau langsung melalui link dibawah ini :

Download :

| TF | CU | ZS |

Cara Membuat Related Post Tumbnail (Dengan Gambar) Di Blog

Baiklah, Sekarang saya akan memposting cara membuat related post tumbnail pada blog. Related post sangat bagus untuk blog karena bisa menarik minat pembaca untuk membaca artikel lainnya yang memiliki label serupa dengan yang dibacanya.

Langsung saja ikuti step by stepnya ya :

1. Copy code dibawah ini, lalu paste di atas code </head>

<!--Related Posts with thumbnails Start-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type='text/css'>
#related-posts{float:left;width:100%;border-top:3px solid #ddd;margin:5px 0}
#related-posts .judul{background:none;color:#333;font:16px Oswald;padding:5px 0}
#related-posts .maskolis_img {padding:0 0;width:140px;height:95px;transition:all 400ms ease-in-out;-webkit-transition:all 400ms ease-in-out;-moz-transition:all 400ms ease-in-out;-o-transition:all 400ms ease-in-out;-ms-transition:all 400ms ease-in-out}
#related-posts .maskolis_img:hover{opacity:.7;filter:alpha(opacity=70);-moz-opacity:.7;-khtml-opacity:.7}
</style>
<script type="text/javascript">//<![CDATA[
var relatedTitles=new Array();var relatedTitlesNum=0;var relatedUrls=new Array();var thumburl=new Array();function related_results_labels_thumbs(json){for(var i=0;i<json.feed.entry.length;i++){var entry=json.feed.entry[i];relatedTitles[relatedTitlesNum]=entry.title.$t;try{thumburl[relatedTitlesNum]=entry.gform_foot.url}catch(error){s=entry.content.$t;a=s.indexOf("<img");b=s.indexOf("src=\"",a);c=s.indexOf("\"",b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")){thumburl[relatedTitlesNum]=d}else thumburl[relatedTitlesNum]='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKip879eHCJelYJ3ObftiCPWT0eghVsy3tKAio5CT5Z25LprKmcE_J1SLcCrbvAzcVeXwUH8wrLpveX94G_SiN4XuFMyvyC_KT6nlv6gUpUKdTf_8WzNu8c9e26jJ3Bg3hNhZUg-c4V91N/s1600/no-video.gif'}if(relatedTitles[relatedTitlesNum].length>35)relatedTitles[relatedTitlesNum]=relatedTitles[relatedTitlesNum].substring(0,35)+"...";for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='alternate'){relatedUrls[relatedTitlesNum]=entry.link[k].href;relatedTitlesNum++}}}}function removeRelatedDuplicates_thumbs(){var tmp=new Array(0);var tmp2=new Array(0);var tmp3=new Array(0);for(var i=0;i<relatedUrls.length;i++){if(!contains_thumbs(tmp,relatedUrls[i])){tmp.length+=1;tmp[tmp.length-1]=relatedUrls[i];tmp2.length+=1;tmp3.length+=1;tmp2[tmp2.length-1]=relatedTitles[i];tmp3[tmp3.length-1]=thumburl[i]}}relatedTitles=tmp2;relatedUrls=tmp;thumburl=tmp3}function contains_thumbs(a,e){for(var j=0;j<a.length;j++)if(a[j]==e)return true;return false}function printRelatedLabels_thumbs(){for(var i=0;i<relatedUrls.length;i++){if((relatedUrls[i]==currentposturl)||(!(relatedTitles[i]))){relatedUrls.splice(i,1);relatedTitles.splice(i,1);thumburl.splice(i,1);i--}}var r=Math.floor((relatedTitles.length-1)*Math.random());var i=0;if(relatedTitles.length>0)document.write('<div class="judul">'+relatedpoststitle+'</div>');document.write('<div style="clear: both;"/>');while(i<relatedTitles.length&&i<20&&i<maxresults){document.write('<a style="text-decoration:none;margin:0 12px 10px 0;float:left;');if(i!=0)document.write('"');else document.write('"');document.write(' href="'+relatedUrls[r]+'"><img class="maskolis_img" src="'+thumburl[r]+'"/><br/><div style="width:140px;padding:0 0;color:#666;height:35px;text-align:center;margin:0px 0px; font:bold 11px Arial; line-height:14px;">'+relatedTitles[r]+'</div></a>');if(r<relatedTitles.length-1){r++}else{r=0}i++}document.write('</div>');relatedUrls.splice(0,relatedUrls.length);thumburl.splice(0,thumburl.length);relatedTitles.splice(0,relatedTitles.length)}//]]>
</script>
</b:if>
<!--Related Posts with thumbnails End-->

Ganti angka code width:140px untuk merubah ukuran lebar gambar tumbnailnya. Silahkan disesuaikan dengan ukuran yang kamu inginkan.

2.Selanjutnya silahkan Copy + Paste kode berikut ini di atas kode <div class='post-footer'> atau di bawah kode <data:post.body/> yang kedua atau ketiga.

<div id='related-posts'>
                          <b:loop values='data:post.labels' var='label'>
                            <b:if cond='data:label.isLast != &quot;true&quot;'>
                            </b:if>
                            <b:if cond='data:blog.pageType == &quot;item&quot;'>
                              <script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=8&quot;' type='text/javascript'/>
                            </b:if>
                          </b:loop>
                          <script type='text/javascript'>
                            var currentposturl=&quot;<data:post.url/>&quot;;
                            var maxresults=6;
                            var relatedpoststitle=&quot;Related Posts :&quot;;
                            removeRelatedDuplicates_thumbs();
                            printRelatedLabels_thumbs();
                          </script>
                        </div>
                        <div class='clear'/>

Ganti angka pada code var maxresults=6; dengan angka jumlah banyaknya postingan yang akan ditampilkan.

3.Silahkan Simpan Perubahan Templatenya

Sekian artikel tentang Cara Membuat Related Post Tumbnail (Dengan Gambar) Di Blog. Saya harap artikel ini dapat membantu teman-teman semua.

Cara Agar Blog Cepat Diterima Google Adsense Terbaru!!

Baiklah, Sekarang saya akan share bagaimana caranya agar blog bisa cepat di terima goole adsense. Biasanya daftar adsense itu susah, tapi belakangan ini daftar adsense sudah cukup mudah. Selama tidak melanggar peraturan mereka. Kali ini saya akan sampaikan sedikit pengalaman saya agar blog yang belum berumur 6 bulan bisa diterima adsense.

1.Postingan

Postingan saya biasanya tidak terlalu panjang, bahkan ada yang tidak sampai 50 kata dalam satu postingan. Tetapi postingan harus original atau menggunakan bahasa kita sendiri. Postingan minimal 10 buah postingan sebelum mengajukan pendaftaran adsense.

2.Template

Template atau tema blog kita harus responsive atau seo friendly. Disarankan pakai tema premium atau tema gratis rasa premium. Saran saya download di gooyaabitemplates.com atau di web lainnya yang sudah terjamin bagus templatenya.

3.Domain

Disarankan mengganti ke domain TLD agar bisa langsung dapat akun adsense non-hosted, atau bisa buat domain gTLD gratis yang ada di freenom. Untuk cara mengganti domain bagi pengguna blogger bisa lihat disini Cara Mengganti Domain Blogspot ke Domain TLD.

4.Index Google

Silahkan index blog kamu ke Google Search Console terlebih dahulu sebelum mendaftar adsense. Jika blog sudah terindex seutuhnya, harapan untuk diterima akan lebih besar.

Itulah tadi Cara Agar Blog Cepat Diterima Google Adsense Terbaru, harapan saya postingan ini dapat membantu teman-teman blogger sekalian. 

Cara Membuat Search Box atau Kotak Pencarian Keren Diblog

Baiklah,Kali ini saya akan membagikan Cara Membuat Search Box atau Kotak Pencarian Keren Diblog. Silahkan ikuti langkah-langkahnya dibawah ini :

1.Download salah satu kotak code kotak pencarian yang kami anggap bagus.

Download |Disini| 

Download |Disini| 

 Download |Disini|

Download |Disini|

2.Buka file code yang kamu download tadi.

3.Kemudian kamu copy codenya, caranya Ctrl+A,Kemuadian Ctrl+C.

4.Buka blogger kamu, lalu pilih Tata Letak.

5.Pilih dimana kamu ingin meletakkan kotak pencariannya.

6.Pilih Tambahkan Gadget.

7.Pilih HTML/Javascript.

8.Pada bagian Judul kosongkan saja, kemudian Paste code tadi pada bagian Konten, caranya Ctrl+V.

9.Kemudian klik Simpan lalu klik Simpan Setelan.

10.Sekarang lihat blog kamu.

Begitulah cara membuat kotak pencarian keren diblog. Kamu juga bisa menggunakan code dari sumber lain dan tetap menggunakan cara yang sama.