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.

Membuat Safelink Sendiri di Blogger Langsung Redirect

Yup,, Karena banyak yang nyari dan nanya-nanya,termasuk salah seorang om2 yang saya kenal dijejaring sosial facebook :v :v ... 

Kali ini saya akan membagikan script safelink conventer buat teman-teman blogger, script ini emang dikhususkan untuk blogger, karena blogger itu cukup spesial karena banyak step by step yang sama sekali berbeda dengan website sejenis wordpress dkk.

oke langsung saja ya, untuk menghemat umur dan waktu...

1. Buat blog baru, kemudian ganti domain ke TLD/freenom juga boleh.

2. Download template dan kebutuhan lainnya disalah satu link ini ==| RG | CU | TF |==.

3. Kembali ke blog yang baru dibuat tadi, lalu buatlah laman baru dengan nama Generate.

4. Lalu masukkan script bernama laman.txt yang ada dalam file rar yang telah didownload tadi.

5. Jangan lupa saat memasukkan script ubah mode compose menjadi html, jika sudah klik publikasi.

6. Kemudian buka file yang bernama safelink.js yang ada dalam file rar tadi juga kemudian ganti  http://www.safelinku.ga/p/generate.html dengan link laman yang sudah dibuat sebelumnya.

7. Upload file safelink.js yang telah didownload tadi ke https://github.com. 

    Cara Uploadnya bisa lihat disini Cara Upload File Github Untuk Hosting.

8. Copy link hasil upload tadi, lalu kembalu ke laman pada blog yang baru dibuat tadi.

9. Gantilah link https://cdn.rawgit.com/ego360/safelink/813ce72f/safelinkuga.js dengan link yang

    baru didapatkan tadi.

10.Ganti juga link http://www.safelinku.ga/p/generate.html dengan link laman yang dibuat tadi.

11.Simpanlah perubahan laman tadi.

12.Safelink sudah jadi, sekarang menuju blog yang akan dipasangi safelink.

13.Klik Tema => Edit Html.

14.Buka file dalam rar tadi yang bernama bawah blog utama.txt,lalu copy scriptnya keblog yang

    akan dipasangi safelink. Copy pada sebelum tag </Body>.

Sekarang blog kita sudah terhubung ke safelink.

Untuk memasang iklan silahkan kelaman Generate tadi, dan paste kode iklan disana.

Itulah cara membuat safelink sendiri di blogger langsung redirect, jika ada yang ingin ditanyakan silahkan berkomentar.

Cara Upload File Github Untuk Hosting Blogger

Blog sejenis blogspot tidak bisa mengupload file sesuka hati, untuk itu kita harus mengupload file kita ke hosting external, salah satunya adalah github.
Langsung saja berikut adalah step by step upload file ke github.
1. Login atau daftar dulu ke https://github.com.
2. Jika sudah mendaftar, klik tanda tambah (+) pada bagian atas kanan.
3. Kemudian klik New repository.
4. Isilah dengan format seperti ini :
      Repository name : Bebas
      Description         : Deskripsi (Bebas)
     Publik/Private      : Pilih Publik
     Centang initialize this repository
     Trakhir klik create
5. Kemudian klik tab upload file.
6. Cari lokasi file yang akan diupload, lalu klik Commit Changes.
7. Jika sudah diupload klik kanan lalu copy link.
8. Buka https://rawgit.com lalu paste link yang dicopy tadi.
9. Tunggu sebentar, akan keluar link disebelah kiri dan kanan, lalu copy link yang ada disebelah kiri.
10. File berhasil di upload, dan link berhasil didapatkan.
Itulah cara upload file ke github untuk hosting blogger. Semoga artikel ini membantu.

Cara Membuat Blog Dengan Blogger

Selamat datang sobat....

               

                         Disini saya akan membagikan cara membuat blog dengan blogger.

Siapa yang tidak tau blogger,hampir semua orang tau blogger,terutama mereka yang sering menggunakan internet.

              Iya,blogger adalah salah satu publisher blog yang menawarkan pembuatan blog secara gratis. Yang paling penting adalah bagaimana anda mengelola blog buatan anda agar ramai dikunjungi oleh orang. Baiklah langsung saja.

             

                     Untuk membuat blog dengan blogger silahkan sobat ikuti langkah2 berikut :

1. Anda harus punya email google/gmail.
2. Silahkan kunjungi www.blogger.com.
3. Anda akan dibawa ke dasbor blogger. Lalu klik blog baru.

Selanjutnya silahkan isi judul,alamat,dan pilih template. Lalu klik buat blog. Judul dan alamat blog tidak harus sama. Jika alamat blog tidak dapat digunakan,silahkan pilih nama lainnya.

Selamat!!! Blog sobat selesai dibuat.

                          Terima kasih atas kunjungannya. Silahkan kembali lagi ke blog ini untuk mengetahui tips dan trik dalam mengelola blog  :) ......

Membuat Favicon Blogger Sendiri

Selamat datang :) .........

       

         Kali ini saya akan membagikan cara membuat favicon atau logo yang cocok pada blogger. Kenapa? karena tidak semua logo bisa dijadikan favicon blogger. Syarat logo bisa dijadikan favicon blogger adalah harus berbentuk kubus atau lebar semua sisinya sama.

Baiklah, langsung saja.

1. Anda bisa membuat logo untuk favicon anda menggunakan photoshop dengan format :

      Lebar         : 500 px

      Tinggi        : 500 px

      Resolution : 72 px/inch

Contohnya seperti ini :

2. Membuat logo di beberapa situs berikut.

        Silahkan di klik saja linknya.

• Flamingtext
• Logoease
• Cooltext
• Logomaker
• Onlinelogomaker

Jika anda tidak tau cara memasangnya di blogger silahkan klik link berikut ini :

                     Cara Mengganti Logo Blogger Dengan Logo Sendiri

Note : Pastikan logo yang anda buat berbentuk persegi. 

                      Terima kasih atas kunjungannya  :) .....  :) .......