Cara Submit Sitemap Blogger ke Google Search Console

Cara Submit Sitemap Blogger ke Google Search Console

cara submit sitemap blogger
 

Sebaiknya kalau kita pertama kali menambahkan domain ke google search console, juga submit sitemap agar artikel segera dicrawl dan dindex oleh mesin pencari. Mungkin bagi Anda yang masih pemula hal ini akan jadi pertanyaan, bagaimana cara submit sitemap blogger ke Search Console? Untuk itu ikuti tutorial ini hingga selesai ya.

Sitemap atau yang biasa orang katakan peta situs merupakan sebuah file berformat XML yang memuat daftar dari seluruh artikel sebuah blog. Sebetulnya bagi kita pengguna Blogger tidak perlu repot-repot untuk membuat sendiri sebab telah disediakan otomatis. Berbeda jika kita pengguna website dan blog self-hosted seperti halnya WordPress, sitemap perlu dibuat dengan upload manual.

Untuk cek sitemap postingan Blog:

https://www.NamaDomain.com/sitemap.xml

Note: Ganti NamaDomain dengan alamat blog Anda

Dengan kita membuat sitemap di Google Webmaster atau Search Console kemungkinan ketika kita update artikel baru pada Blog akan lebih cepat ter index oleh mesin penelusuran. Secara sederhana, bahwa sitemap bakal memberi tahu mesin pencari mengenai konten yang ada di blog kita.

Cara Submit Sitemap ke Google Search Console Tools


1. Yang pertama, pastikan situs Anda telah didaftarkan sebelumnya di Search Console. Dengan mengunjungi alamat https://search.google.com/search-console

2. Jika sudah Anda pergi ke menu Sitemaps (Peta Situs) pada bagian menu Index.

3. Kemudian lihat pada bagian Add a new sitemap / Tambahkan peta situs baru, disana ada kotak kosong sebelah nama blog Anda, lalu isikan sitemap dengan format berikut.




sitemap.xml

sitemap-page.xml

feeds/posts/default?orderby=updated

Catatan: Anda submit ketiga sitemap di atas satu per satu.

Dengan begitu artinya kini Anda telah berhasil mengirim peta situs (sitemap) ke Search Console.

Baca juga: Cara Membuat Link Aktif Pada Komentar Blogger

Tambahan

Jika jumlah artikel pada blog blogger kamu telah mencapai antara 1 sampai 500, maka tambahkan sitemap di bawah ini.

atom.xml?redirect=false&start-index=1&max-results=500

Untuk jumlah artikel lebih dari 500 dan kurang dari 1000, tambahkan juga sitemap berikut.

atom.xml?redirect=false&start-index=501&max-results=1000

Dan sekarang Anda tinggal menunggu supaya Google mengindeks semua postingan pada blog Anda. Sebenarnya kita cukup mengirimkan sitemap.xml saja, akan tetapi yang lain untuk jaga-jaga kemungkinan terjadi penundaan indeks.

Itulah cara submit sitemap blogger ke Google Search Console, mudah-mudahan setelah ini artikel baru Anda kini jadi lebih cepat dirayapi mesin penelusuran serta bisa lebih SEO.
Cara Membuat Link Aktif Pada Komentar Blogger

Cara Membuat Link Aktif Pada Komentar Blogger

cara membuat link aktif di blog


Ternyata dengan berkomentar di postingan orang lain kita dapat membuat link aktif atau link hidup khususnya pada kolom komentar blogger. Memang tidak semua situs blog mengaktifkan kolom komentar, kalaupun ada kadang mereka malah dibuat dengan komentar pihak ketiga seperti Disqus.

Dengan memberi komentar dan menyisipkan link aktif pada salah satu artikel blog orang lain akan berguna untuk menambah backlink dofollow terhadap bloh kalian. Backlink itu sendiri merupakan sebuah link yang menempel pada situs web lain dan itu bisa meningkatkan popularitas situs web serta dapat menaikkan pagerank Google.

Walau demikian link hidup pada komentar juga bisa berdampak buruk buat blog kita sendiri apabila dilakukan dengan cara yang kurang tepat. Contoh sederhana kamu mempunyai blog dengan tema bisnis dan keuangan, tapi kamu menanam link aktif pada situs web yang tidak ada kaitannya dengan itu. Memang kita tetap mendapatkan backlink, akan tetapi dari segi kualitas rendah.

Membuat Link Hidup (Aktif) di Komentar Blog


Maka sebaiknya ketika Anda hendak menaruh link pada sebuah komentar blogger pastikan topik yang dibahas nyambung sama web kita. Supaya kita tidak dianggap sebagi spam sehingga nanti bisa menaikkan tingkat kepopuleran blog.

<a href="URL Blog Anda">keyword atau anchor text</a>


Misalnya: <a href="https://www.menitinfo.com/2022/04/cara-membuat-sitemap-di-blogger.html">Cara Membuat Sitemap di Blog</a>

Kalau kode tersebut kita taruh pada komentar blogger maka hasilnya akan seperti ini: Cara Membuat Sitemap di Blog, yang mana link aktif itu jika ada yang klik akan diarahkan ke halaman situs web kita.

Cara membuat link dengan tulisan miring

Untuk menjadikan link aktif tulisannya miring, Anda hanya perlu menambahkan pembuka <i> dan penutup </i> maka jadinya seperti ini,

<i><a href="URL Blog Anda">keyword atau anchor text</a></i>


Terkadang juga pemilik blog membuat kolom komentar dengan bantuan pihak ketiga seperti plugin kolom komentar facebook. Itu tidak masalah, sebab kamu bisa menggunakan kode scrip yang sama di atas. Terlebih lagi kolom komentar Facebook yang ada di blog biasanya tidak adanya moderator komen sehingga besar peluang untuk komentar kita segera tayang disana.

Hal-hal yang harus kita pelajari sebelum membuat komentar link aktif

Dampak positif yang akan terjadi jika kita menaruh link aktif pada komentar blog orang lain, kalau dilakukan dengan cara yang benar maka bisa menaikan trafik dan DA PA blog dalam jangka waktu yang terbilang singkat. Namun, kita juga harus patuh kalau ingin membuat url hyperlink pastikan perhatikan hel berikut.

- Jangan mekalukan spam link hidup
- Jangan menanam link aktif pada blog atau situs web yang kualitasnya rendah
- Jangan hanya menaruh link, buatlah komentar yang relevan dengan konten seperti memberi masukan tambahan, baru kasih atau sisipi link aktif yang berhubungan dengan pembahasan artikel.

Penutup
Itulah tadi cara membuat link aktif pada komentar blogger, mudah-mudahan kamu bisa menggunakan ini dengan baik sehingga dapat meningkatkan kualitas SEO off page.

Cara Menampilkan Widget di Halaman Tertentu Blogger

Cara Menampilkan Widget di Halaman Tertentu Blogger

Buat pengguna blogspot yang memiliki situs baik masih blogspot maupun sudah custom domain jika ingin menampilkan widget atau gadget di halaman tertentu maka perlu perhatikan kode fungsi b:if. Dengan hanya menampilkan widget di halaman tertentu, misalnya kita ingin memunculkan konten di beranda saja atau di halaman postingan.

Penerapan ini juga bisa kita manfaatkan untuk meletakkan iklan Adsense misalnya muncul di perangkat mobile saja dengan bantuan tag kondisional halaman khusus Mobile. Fungsi tersebut bisa mengatur jenis widget apa saja yang mau kita tampilkan pada halaman tertentu.

Adapan pengaturan widget di halaman tertentu bisa dibagi menjadi 6 type halaman yang berbeda, antara lain :


  • Homepage atau Beranda
  • Halaman Postingan
  • Laman Statis
  • Halaman Arsip
  • Halaman artikel kusus
  • Halaman Mobile


Sebelum mendapatkan kode tag khusus, alangkah baiknya kita ketahui dahulu cara meletakkan pada widget atau gadget dengan benar supaya nanti tidak terjadi error ketika save edit HTML template.

1. Pertama kamu buka menu Tata Letak di blogger
2. Setelah itu pilih edit widget apa saja yang hendak ingin dibatasi kehadirannya, pilih widget apa saja bisa popular post, label, arsip, dan lain lain.


3. Setelah terbuka edit widget kemudian kamu temukan id widget, seperti di contoh saya temukan widgetid HTML421


4. Nah setelah itu kamu buka menu Tema dan edit HTML > klik lompat ke widget lalu pilih HTML421


5. Setelah ditemukan kamu bisa memberi kode tag khusus sesuai keingingn untuk ditampilkan pada halaman tertentu.

Ini contoh saya sudah memasang tag khusus supaya widget HTML421 hanya tampil di halaman beranda / homepage

Cara Menampilkan Widget di Halaman Tertentu

Catatan Penting :
Supaya tidak error letak kode <b:if... selalu tepat di bawah  <b:includable id='main'>
sedangkan kode penutup </b:if> selalu tepat di atas  </b:includable>

Berikut Ini Tag Kondisional Blogger


Setelah Anda mengetahui penerapan dari tag khusus, berikut kamu tinggal pilih kode khusus untuk halaman widget tertentu sesuai keinginan.

Tag Homepage atau Beranda

<b:if cond='data:view.isHomepage'> … </b:if>

Tag Halaman Postingan

<b:if cond='data:view.isPost'> … </b:if>

Tag Halaman Statis

<b:if cond='data:view.isPage'> … </b:if>

Tag Halaman Arsip

<b:if cond='data:view.isArchive'> … </b:if>

Tag Halaman artikel kusus

<b:if cond='data:blog.url == "URL di sini"'> … </b:if>
Catatan : Ganti URL disini dengan alamat link khusus halaman blog kamu.

Tag Halaman Mobile

<b:if cond='data:blog.isMobileRequest'> … </b:if>

Tag Halaman Label

<b:if cond='data:view.isLabelSearch'> … </b:if>

Tag Halaman Pratinjau

<b:if cond='data:view.isPreview'> … </b:if>

Nah itu dia beberapa tag kondisional untuk blogger yang bisa kamu terapkan untuk menampilkan dan menyembunyikan widget tertentu, semoga bermanfaat.
Cara Membuat Sitemap atau Daftar Isi di Blog (Blogger)

Cara Membuat Sitemap atau Daftar Isi di Blog (Blogger)

Dengan memasang sebuah Sitemap atau yang mudah kita pahami yaitu bisa di katakana sebagai Daftar Isi sebuah blog khususnya blogger. Karena kebetulan saya memakai kode sitemap yang lama setelah saya cek ternyata sudah tidak bekerja lagi. Untungnya saya menemukan kembali sebuah kode HTML dari contohblog.com untuk bisa dijadikan sitemap, daftar isi, peta situs pada blog kita.

Dengan memasang menu daftar isi apa manfaatnya? Tujuannya adalah supaya memudahkan pembaca ketika mengakses bagian atau keseluruhan konten suatu blog dengan cepat lewat sitemap. Intinya ini untuk layanan baik bagi pengunjung blog kalian, adapun cara dan kodenya silahkan simak selengkapnya.

Sitemap atau Daftar Isi di Blog


Kede Sitemap Pertama oleh Arlina Code
<div class="separator" style="clear: both; text-align: center;">
<a href="https://3.bp.blogspot.com/-s3kuUoVBLD4/Xx1if5ogHbI/AAAAAAAAAUU/EshioquzFfYPf2n49rUhm0_kjdeSMUnFACLcBGAsYHQ/s1600/Sitemap%2BArlina%2BCode.png" style="margin-left: 1em; margin-right: 1em;"><img alt="Sitemap Arlina Code" class="lazyload" style="border: none;" data-original-height="444" data-original-width="1200" src="https://3.bp.blogspot.com/-s3kuUoVBLD4/Xx1if5ogHbI/AAAAAAAAAUU/EshioquzFfYPf2n49rUhm0_kjdeSMUnFACLcBGAsYHQ/s1600/Sitemap%2BArlina%2BCode.png" title="Sitemap Arlina Code" /></a></div>

<div id="bp_toc">
</div>
<script src="https://cdn.rawgit.com/Arlina-Design/redvision/master/daftar-isi-simple.js" type="text/javascript"></script> <script src="/feeds/posts/summary?alt=json-in-script&amp;max-results=99999&amp;callback=loadtoc" type="text/javascript"></script>
<style scoped="" type="text/css">#comments,#Label1,#FollowByEmail1{display:none}#bp_toc{color:#000;margin:0 auto;max-height:686px;overflow:hidden;overflow-y:auto}span.toc-note{margin:0 auto 25px auto;text-align:center;line-height:normal;display:table;position:relative;overflow:hidden;font-size:14px;padding:10px 20px;background:#007bff;background-image:linear-gradient(50deg,#ff4169,#8b41f6);background-size:100%;color:#fff;border-radius:99em;font-weight:500;transition:all .3s}span.toc-note:hover{background-size:200%}.toc-header-col1{padding:10px;background-color:#f5f5f5;width:250px}.toc-header-col2{padding:10px;background-color:#f5f5f5;width:75px}.toc-header-col3{padding:10px;background-color:#fff;width:125px}#bp_toc td.toc-header-col1,#bp_toc td.toc-header-col2,#bp_toc td.toc-header-col3{border:1px solid rgba(0,0,0,0.05);background:#fff}#bp_toc td.toc-header-col1{}#bp_toc td.toc-header-col2{}#bp_toc td.toc-header-col3{}.post td{background:transparent}#bp_toc td.toc-entry-col1,#bp_toc td.toc-entry-col2,#bp_toc td.toc-entry-col3{border:1px solid rgba(0,0,0,0.05)}#bp_toc td a{background:transparent;color:#222;float:none;border-radius:0;padding:0;font-size:100%;display:initial;box-shadow:none}#bp_toc td a:hover{color:#0984e3}.toc-header-col1 a:link,.toc-header-col1 a:visited,.toc-header-col2 a:link,.toc-header-col2 a:visited,.toc-header-col3 a:link,.toc-header-col3 a:visited{font-size:13px;text-decoration:none;color:#aaa;font-weight:500;letter-spacing:0.5px}.toc-header-col1 a:hover,.toc-header-col2 a:hover,.toc-header-col3 a:hover{text-decoration:none}.toc-entry-col1,.toc-entry-col2,.toc-entry-col3{padding:10px 5px;font-size:90%}.toc-entry-col1 a,.toc-entry-col2 a,.toc-entry-col3 a{color:#000}.toc-entry-col1 a:hover,.toc-entry-col2 a:hover,.toc-entry-col3 a:hover{color:#3498db}#bp_toc table{width:100%;margin:0 auto;counter-reset:rowNumber}.toc-entry-col1{counter-increment:rowNumber}#bp_toc table tr td.toc-entry-col1:first-child::before{content:counter(rowNumber);display:inline-block;min-width:38px;margin-right:.7em;background:#fc5c65;color:#fff;border-radius:99em;font-weight:500;text-align:center;font-size:12px;padding:0;line-height:1.7}
#bp_toc td.toc-entry-col1{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:400px}
#bp_toc::-webkit-scrollbar{-webkit-appearance:none;width:4px;height:5px}#bp_toc::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.15);border-radius:10px}#bp_toc::-webkit-scrollbar-track{background-color:transparent}#bp_toc::-webkit-scrollbar-thumb:hover{background-color:rgba(0,0,0,.25)}
@media screen and (max-width:768px) {
#bp_toc td.toc-entry-col1{white-space:normal;overflow:visible;text-overflow:initial;max-width:100%}#bp_toc td.toc-header-col2,#bp_toc td.toc-header-col3,#bp_toc td.toc-entry-col2,#bp_toc td.toc-entry-col3,#bp_toc table tr td.toc-entry-col1:first-child::before{display:none}}
</style>

Cara Memasang Kode Sitemap / Daftar Isi
 

1. Login Bloger, setelah itu klik menu "Page" (Laman) di Dashboard Blog
2. Klik New Page  (Laman Baru)

Sitemap atau Daftar Isi di Blog


3. Isi judul atau nama halaman dengan Sitemap, Peta Situs, atau Daftar Isi
4. Klik tombol mode / tampilan HTML
5. Copy dan Paste semua kode HTML daftar isi di atas.

 


6. Jika sudah klik Publish / Publikasikan.


Katanya daftar isi atau sitemap ini juga bagus untuk optimisasi mesin pencari Google dikarenakan menyajikan kata kunci yang sudah digunakan dengan benar. Kalau memang benar silahkan anda gunakan, kemudian jika dengan tampilan daftar isi menggunakan kode di atas masih terlihat sederhana, tenang saja kalian bisa memilih lagi yang lainnya ada di bawah ini.

Kode Sitemap Kedua
<div id='show-cat'>
</div>
<div id='show-post'>
<script type='text/javaScript'>
var cat_home='https://4temablog.blogspot.com/';cat_numb=11;cat_pre='Prev';cat_nex='Next';
var cat_name;var cat_start;var cat_class;
function show_post2(a){var tt=a.feed.openSearch$totalResults.$t;dw='';dw+='<ul>';for(var i=0;i<cat_numb&&i<a.feed.entry.length;i++){var entry=a.feed.entry[i];cat_title=entry.title.$t;for(var j=0;j<entry.link.length;j++){if(entry.link[j].rel=='alternate'){var cat_url=entry.link[j].href}}dw+='<li>';dw+=(cat_start+i)+'. <a href="'+cat_url+'" rel="nofollow" title="'+cat_title+'">'+cat_title+'</a>';dw+='</li>'}dw+='</ul>';dw+='<div id="navi-cat">';if(cat_start>1){dw+='<a href="" onclick="show_post(\''+cat_name+'\',\''+(cat_start-cat_numb)+'\',\''+cat_class+'\');return false" title="'+cat_pre+'">'+cat_pre+'</a>'}if((cat_start+cat_numb-1)<tt){dw+='<a href="" onclick="show_post(\''+cat_name+'\',\''+(cat_start+cat_numb)+'\',\''+cat_class+'\');return false" title="'+cat_nex+'">'+cat_nex+'</a>'}dw+='<span>'+cat_start;if(cat_start!=tt){dw+=' &ndash; '+(cat_start+i-1)}dw+=' / '+tt+'</span>';dw+='</div>';document.getElementById('show-post').innerHTML=dw+'<style type="text/css">.cat-'+cat_class+' a{background:#bbb!important;color:#fff!important}<\/style>'}function show_post(a,b,c){var d=document.getElementsByTagName('head')[0];e=document.createElement('script');e.type='text/javascript';e.setAttribute('src',cat_home+'/feeds/posts/default/-/'+a+'?alt=json-in-script&start-index='+b+'&max-results='+cat_numb+'&callback=show_post2');d.appendChild(e);cat_name=a;cat_start=parseInt(b),cat_class=c}function show_cat(a){var cat=a.feed.category;dw='';dw+='<ul>';for(var i=0;i<cat.length-1;i++){for(var j=i+1;j<cat.length;j++){if(cat[i].term>cat[j].term){cat_hv=cat[i].term;cat[i].term=cat[j].term;cat[j].term=cat_hv}}}for(var i=0;i<cat.length;i++){dw+='<li class="cat-'+i+'">';dw+='<a href="" onclick="show_post(\''+cat[i].term+'\',\'1\',\''+i+'\');return false" title="';dw+=cat[i].term;dw+='">';dw+=cat[i].term;dw+='</a>';dw+='</li>'}dw+='</ul>';document.getElementById('show-cat').innerHTML=dw}document.write('<script type="text/javascript" src="'+cat_home+'/feeds/posts/default?alt=json-in-script&max-results=0&callback=show_cat"><\/script>');
</script>
</div>
<style scoped="" type="text/css">
#show-cat{float:left;margin:20px 2% 20px 0;width:25%;height:389px;overflow-x:hidden;overflow-y:auto;line-height:normal;border:1px solid rgba(0,0,0,0.1)}
#show-cat ul{margin:0;border-top:0 solid rgba(0,0,0,0.1);padding:0}
#show-post ul li{list-style-type:none;margin:0 0 0 -25px;padding:10px 0;border-bottom:1px solid rgba(0,0,0,0.1)}
#show-post ul li:hover{margin-right:10px;border-color:#fcd3d3}
#show-cat ul li a{display:block;padding:10px;border-bottom:1px solid rgba(0,0,0,0.1);transition:initial}
#navi-cat a:hover{color:#fff!important}
#show-cat ul li:last-child a{border-bottom:none}
#show-cat ul li a,#navi-cat a{background:#fff;color:#555;font-weight:bold;text-decoration:none}
#show-cat ul li a,#navi-cat a,#navi-cat span{font-size:13px}
#show-cat ul li a:hover,#navi-cat a:hover{background:#666;color:#fff}
#show-post{float:left;width:69%;line-height:1.6em}
#show-post a{color:#333;font-size:14px}
#show-post a:hover{color:#f14b4b}
#navi-cat{padding:20px 0}
#navi-cat a{padding:5px 10px;background:rgba(0,0,0,0.7);margin:0 5px 0 0;color:#fff;border-radius:3px;}
#navi-cat a:nth-child(2){background:#f14b4b;margin:0 10px 0 0;color:#fff}
#navi-cat span{float:right;padding:5px 0;font-size:12px;color:rgba(0,0,0,0.5);font-weight:700}
#show-cat::-webkit-scrollbar{width:8px;height:8px}
#show-cat::-webkit-scrollbar-track{background-color:rgba(0,0,0,.1);}
#show-cat::-webkit-scrollbar-thumb:hover{background-color:rgba(0,0,0,.6)}
#show-cat::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.4);transition:all 400ms ease-in-out}
@media screen and (max-width:768px){#show-cat{width:35%}#show-post{width:59%}}
@media screen and (max-width:480px){#show-cat{width:100%;margin:20px 0}#show-post{width:100%}}
</style>


Itu dia kode-kodenya yang bisa Anda pakai sekarang juga di blogger bukan wordpress ya, pokoknya gratis!!!
Bagaimana Cara Mengganti Favicon Blog di Blogger

Bagaimana Cara Mengganti Favicon Blog di Blogger

Jika kita membuat sebuah blog di blogger, secara default blog kita sudah memiliki favicon berupa logo blogger. Dan ini untuk semuanya sama kecuali Anda telah menggantinya dengan tampilan favicon lain.


Favicon menjadi lambang tersendiri yang dibuat sebagai identitas atau ciri suatu situs web. Dan masing-masing akan berbeda, seperti gambar favicon yang terkenal facebook berlambang icon huruf f dan beda lagi dengan twitter serta lainnya. Walaupun ada beberapa yang memiliki kesamaan huruf tapi dari segi tampilan akan berbeda.

Untuk membuat sebuah favicon yang mau dipakai pada blog Anda, sebaiknya buatlah yang jelas, bagus, dan menarik. Suapaya orang lain enak melihatnya sehingga blognya kelihatan sempurna.

Pastikan sudah menyiapkan gambar favicon yang mau diterapkan. Disarankan supaya loading blog Anda nantinya tidak lambat, ukuran dari gambar jangan terlalu basar sampai melebihi 100kb. Kalau belum punya gambarnya buatlah dahulu bisa kita buat favicon sendiri melalui online.

Memasang hasil gambar favicon pada blog di blogger bagaimana caranya? 

1. Sekarang kalau gambarnya sudah siap Anda login dulu ke blogger.com

2. Masuk ke menu 'Setelan', lalu klik 'Favicon' tepat di atas menu privasi.
 

3. Klik 'Browse...' kemudian pilih gambar yang tadi sudah Anda buat.


4. Kalau gambarnya sudah masuk, tinggal klik tombol Simpan. 

Berikutnya kemungkinan Anda akan memeriksa blognya, apakah favicon sudah beruah dengan yang atau belum. Kalau sudah jadi Anda tidak perlu lagi melakukan langkah selanjutnya.

Kalau tadi Anda sudah mengganti favicon melalui cara tersebut, namun favicon belum berubah juga? Maka tidak perlu khawatir, karena dengan memasang kode script favicon pada template blog Anda nanti juga akan berubah.
  • Dengan cara klik Template > Edit HTML
  • Cari kode </head> pada template dengan perintah Ctrl+f untuk mencarinya, setelah ketemu letakkan kode berikut tepat diatasnya
    <link href='URL' rel='icon' type='image/gif'/>
    Ganti URL dengan url link gambar yang tadi Anda upload
    • Simpan template dan lihat hasilnya

    Ok seperti itulah bagaimana cara mengganti favicon blog di blogger dengan benar. Semoga panduan di atas membantu dan bermanfaat buat Anda.
    Cara Membuat Favicon Blog Sendiri secara Online

    Cara Membuat Favicon Blog Sendiri secara Online

    Favicon merupakan singkatan dari Favorite Icon adalah sebuah gambar icon kecil biasanya berukuran 16x16 yang muncul pada address bar suatu website. Kita juga bisa sebut favicon sebagai shorcut icon, website icon, URL icon, atau bookmark icon.

    Untuk membuat favicon yang akan dipakai pada suatu blog di blogger, Anda bisa merancangnya secara manual melalui software separti photoshop. Tetapi untuk Anda yang malas membuatnya secara manual yang sedikit ribet. Kita bisa membuat favicon blog sendiri dengan mudah melalui penyedia favicon generator atau online.

    Caranya yang mudah dan berbagai macam cara telah disediakan. Ada yang harus mempersiapkan sebuah gambar terlebih dahulu dan nantinya akan diperkecil melalui situs online. Setelah itu gambar siap dipakai buat diterapkan pada favicon blog. Penyedia favicon generator yang dimaksud adalah https://www.favicongenerator.com/.

    Setelah Anda masuk situs tersebut pastikan sudah menyediakan sebuah gambar pilihan yang ingin dijadikan favicon. Caranya buka file gambar yang sudah disiapkan dengan klik choose image to Upload... lalu temukan filenya, setelah itu tentukan ukuran yang diinginkan kemudian klik 'Create Favicon'.
     
    cara membuat favicon blog

    Kalau sudah, tinggal dapatkan gambar favicon yang sudah jadi dengan download dan simpan.


    Selain itu ada satu lagi yang saya ketahui situs yang menyediakan favicon generator online. Yang satu ini tidak hanya membuat, namun menyediakan berbagi pilihan favicon yang siap digunakan. Bahkan Anda juga bisa edit gambarnya dengan pilihan warna sesuka kita. Tidak sampai disitu saja, pada situs ini  kita bisa membuat favicon baru dimana huruf, warna dan ukuran Anda yang menentukan.

    1. Buka situs dengan alamat https://www.favicon-generator.org/ ,banyak para blogger yang membuat favicon mereka melalui situs tersebut.

    3. Untuk menggunakan favicon yang sudah ada, Anda bisa pilih salah satu huruf sesuai huruf awal judul blog yang Anda miliki. Misalkan saya pilih huruf M dan akan ada banyak kategori favicon yang berawalan M.

    Membuat Favicon Blog

    4. Selanjutnya pilih salah satu dengan klik Download pada gambar. Tapi kalau mau dimodif lagi maka pilih Edit.

    5. Pada menu Edit, kalau gambarnya sudah sesuai dan langsung mau diambil langsung saja klik 'Kreate Favicon', namun kalau masih ada yang kurang silahkan diedit lagi. Sedangkan jika ingin membuat gambar favicon yang baru dengan cara Anda menentukan sendiri klik 'Reset Editor'.

    6. Download dan simpan.

    Walaupun hasilnya tidak sebagus pembuatan favicon melalui photoshop tapi sudah lumayan kelihatan keren dan profesional. Nah kalau tadi Anda sudah membuat gambar favicon, sekarang saatnya mengganti favicon blog di blogger.
    Cara Share Postingan Blog ke Facebook Otomatis

    Cara Share Postingan Blog ke Facebook Otomatis

    Jadi saya jelaskan dulu, kalau saya sebelumnya menggunakan sebuah feed untuk membagikan hasil postingan blog ini secara otomatis menggunakan Hootsuite baru kemudian berganti menggunakan Twitterfeed. Namun setelah itu atau belum lama ini ada sebuah pesan yang masuk di email yaitu dari twitterfeed yang mengatakan kalau bulan Nvember 2016 sudah tidak bisa digunakan lagi sebagi pihak ke 3 yang akan membagikan postingan saya secara otomatis ke sosial media salah satunya facebook.

    Share Postingan Blog ke Facebook secara Otomatis

    Akhirnya setelah menerima pesan tersebut sebtulnya sedikit kecewa, namun bagaimana lagi saya hanya menggunakan jasanya dan gratis. Lalu saya putuskan menggunakan feed yang disarankan tadi ada dua antara Buffer dan Dlvr.it sebetulnya namun saya pakai yang dlvr.it dan langsung berhasil. Oleh karenanya bagi kalian yang sedang mencari situs untuk membagikan postingan blog ke sosial media yang masih bekerja sekarang ini jangan bingung lagi.

    Untungnya anda menemukan artikel ini dan dengan ikhlas saya akan memberikan bagaimana caranya. Oh ya, jadi feed yang baru ini bisa kita gunakan tidak hanya untuk share ke facebook saja melainkan  twitter, Google+, Piterest, Lindkedin, Tumblr dan lainnya. Namun untuk Twitter saya biasanya sudah satu paket dengan Facebook, kok bisa? Karena saya telah menghubungan akun facebook dengan twitter sehingga ketika kita share di facebook akan langsung ada di twitter juga.


    1. Sudah pasti kita buka alamat ini dlvr.it dan buat akannya bisa dengan facebook biar mudah dan cepat.

    Share Postingan Blog ke Facebook secara Otomatis

    2. Setelah laman terbuka klik Add New Feed dan masukkan alamat feed blog Anda atau cukup alamat blog saja juga bisa, lalu klik tombol (+).

    Share Postingan Blog ke Facebook secara Otomatis

    3. Di laman berikutnya kita scrol ke bawah dan langsung Next: Connect socials

    4. Dan klik Connect New untuk memilih sosial media apa yang ingin kita hubungkan dengan blog mulai dari facebook, twitter, Google+, Piterest, Lindkedin, Tumblr dan lainnya.


    Share Postingan Blog ke Facebook secara Otomatis

    5. Kalau sudah menentukan sosial mediah tinggal klik Start Posting.

    Note: dengan begitu setiap kali kita membuat artikel dan telah dipublikasikan beberapa menit saja akan segera share secara otomatis ke sosial media terkait. Namun kekurangan menggunakan dlvr.it ini hanya bisa kita gunakan satu feed saja, karena ketika kita ingin menambah feed blog lainnya harus berbayar atau dengan upgrade akun ke versi pro.
    Walaupun demikian saya menggunakan feed ini meski hanya satu blog saja, tapi ita bisa akali dengan membuat akan feed lagi dengan facebook yang lain kalau pengen yang gratisan meskipun sedikit ribet jadinya.

    Bagaimana? Apa ada masalah, silahkan berikan masukan atau cara lain melalui komentar. Dan itulah cara share postingan blog ke facebook secara otomatis terbaru yang masih bekerja yang bisa anda coba, kan lumayan dari pada harus bagikan satu persatu secara manual jadi lebih hemat tenaga.
    Alat Untuk Parse / Convert Kode HTML (HTML Parser Tools For Blogger)

    Alat Untuk Parse / Convert Kode HTML (HTML Parser Tools For Blogger)

    tool parse html

    Disini saya sediakan sebuah alat yang bisa dimanfaatkan untuk parse html (parser atau converter tool). Dengan ini anda bisa memperse script atau kode iklan seperti Google Adsense, Uc Union, Popcash, dan kode iklan lainnya yang membutuhkan ini karena ingin disisipkan di HTML template blogger. Dengan memparse terlebih dahulu maka iklan bisa tampil di blog blogger dengan sempurna.

    Biasanya kode sebuah iklan kalau ingin diletakkan dalam setting HTML suatu blog di blogger kalau belum diparse nanti yang muncul bukan iklan, namun kode script itu sendiri.

    Jadi caranya cukup mudah melalui alat yang sederhana ini cukup copy dan pastekan scrip kode iklan di area parse/converter tools yang masih kosong di bawah ini. Setelah itu anda klik tombol parse dan hasilnya tinggal diambil kembali untuk digunakan. Dan silahkan pasang hasilnya dari parse html pada blog anda.


    Alat Parse HTML
    Ketikkan / Paste Script Kode HTML kedalam Bidang Kotak dibawah iniKemudian klik tombol "Parse Kode HTML" 


    HTML PARSER TOOLS UNTUK BLOGGER
    Anda dapat menggunakan alat parser converter tersebut untuk mengurai atau mengkonversi kode unit iklan Anda, kemudian Anda menempatkannya ke dalam halaman sumber HTML situs blogger Anda.

    Anda juga dapat menggunakan alat parser converter untuk mengurai atau mengkonversi kode script HTML Anda dan kemudian ditempatkan ke dalam bentuk komentar atau ke kode sumber HTML blog blogger Anda.

    Ini alat converter parser disediakan untuk Anda semua yang membutuhkan secara gratis dan selamat menikmati.
    Cara Agar Artikel Blog Tidak Bisa di Copy Paste

    Cara Agar Artikel Blog Tidak Bisa di Copy Paste

    Memang ya kalau kita sudah susah payah membuat artikel yang original alias buatan sendiri, setelah kita cek di pencarian ternyata masih ada yang copy paste. Kalau hanya sebagian saja si masih di maklumi, tetapi kalau semuanya dijiplak secara keseluruah kita juga yang rugi. Selain itu, si pelaku tidak menyertakan sumbernya. Untung ada sebuah cara supaya artikel kita tidak bisa di copy paste lagi oleh orang lain yaitu dengan menggunakan script anti copast.

    Jadi nantinya kita setelah mendapatkan kode tersebut, selanjutnya diletakkan di dalam template blog yang kita maksud. Dengan begitu artikel yang sudah kita terbitkan tidak lagi bisa di klik kanan atau dengan kata lain di copy paste. Karena biasanya yang suka melakukan hal demikian adalah orang yang malas nulis namun menginginkan hasil yang bagus dengan mencuri karya orang lain. Maka dengan menambah sedikit script anti copast bisa mencegah seorang yang mencoba copy artikel kita dan biar kapok.

    Tidak sedikit orang yang mengeluh karena tulisannya diambil begitu saja tanpa ada izin dari pemiliknya. Saya juga pernah mengalami dan hampir di setiap postingan yang pernah saya tulis sebelumnya. Tapi alhamdulillah setelah dipasang kode anti copy paste ini, hal tersebut mulai mereda dan saya merasa senang. Caranya mudah, hanya dengan memberi sedikit tambahan kode pada template blog kita. Seperti apa caranya, lihat saja penjelasan berikut ini.


    Ini Adalah Kode Script Anti Copy Paste
     .post-outer {
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -khtml-user-select:none;
    -ms-user-select:none;
    -moz-user-select:none;
    }

    1. Buka blog yang ingin Anda pasangi script di atas

    2. Setelah terbuka selanjutnya klik Template > Edit HTML

    3. Letakkan kode script tersebut tepat di atas kode ]]></b:skin> atau kalau tidak ada, letakkan di atak kode </style>.


    4. Jangan lupa setelah kodenya terletak dengan benar, lalu simpan template.

    Mingkin sampai disini sudah paham kan? Tapi kalau Anda juga ingin dengan kode yang lain dan tata letak juga berbeda. Ini ada satu kode lagi kalau ingin dicoba juga khasiatnya, tapi kalau kode di atas saja sudah manjur kenapa harus pake yang lain.

    Untuk kede yang berikut ini cara meletakkannya sama juga pada Edit html, tetapi letaknya tepat di bawah kode </head>. Dan berikut ini adalah kodenya,
    <script type="text/javascript">
    if (typeof document.onselectstart!="undefined") {
    document.onselectstart=new Function ("return false");
    }
    else{
    document.onmousedown=new Function ("return false");
    document.onmouseup=new Function ("return true");
    }
    </script >
    Itulah kode anti copy paste yang bisa saya berikan, mudah-mudahan bermanfaat buat para blogger semua yang membutuhkan. Tadi bicara mengenai artikel blog, ada juga Cara Melindungi Konten Blog Dari Tindakan Kloning yang mungkin kalian belum tahu. Kloning sendiri merupakan tindakan menjiplak konten/artikel tapi lebih hebat daripada tindakan copy paste.
    Cara Melindungi Konten Blog dari Tindakan Kloning

    Cara Melindungi Konten Blog dari Tindakan Kloning

    Pengertian kloning sendiri dalam ilmu biologi yang diambil dari wikipedia, bahwa kloning merupakan proses menghasilkan individu-individu dari jenis yang sama (populasi) yang identik secara genetik.

    Kalau dalam dunia blog yang akan kita bahas saat ini kloning blog adalah tindakan menggandakan konten, posting atau artikel blog yang melanggar etika. Dikatakan melanggar etika karena proses ini berbeda dengan copy paste yang membutuhkan waktu yang lama. Kloning biasanya dilakukan oleh seorang yang menggunakan tehnik blackhat yang bertujuan untuk menghasilkan penghasilan yang besar tanpa susah payah.

    Biasanya blog yang terkena kloning adalah blog baru yang sudah pendapatkan peringkat SEO yang lumayan bagus akan menjadi incarannya. Bahkan kadang tidak cuma isi dan jumlah konten atau artikelnya saja yang sama namun template bisa saja sama persis. Hal ini yang perlu kita waspadai sebagai blogger pemula supaya tidak macet di tengah jalan. Seorang kloning akan mendapatkan ratusan artikel blog lain dengan waktu yang begitu singkat karena prosesnya dengan memanfaatkan full feed dan kemudian didownload feed tersebut dengan format .xml yang kemudian diimport ke blog baru. Sangat jauh berbeda dengan aktivitas copas yang prosesnya lebih lama.

    Berikut cara melindungi blog kita agat tidak bisa dikloning lagi oleh orang yang tidak bertanggung jawab.

    1. Anda login / masuk ke akun blogger.com
    2. Masuk ke menu Pengaturan (setting) kemudian cari pengaturan Feed situs

    3. Maka selanjutnya akan tampil Izinkan Umpan Feed (site feed), Anda lihat bagian Posting URL Pengubahan Arah Feed (allow blog feed) kemudian atur dengan pilih Pendek (short). Biasanya sebelum diatur pada pengaturan umpan feed ini pilihannya penuh (full) dan supaya kita membatasinya maka diatur ulang dengan pilihan singkat guna melindungi konten blog.
     
     
    4. Simpan/save Pengaturan

    Untuk melihat hasilnya, silahkan Anda copy url di bawah ini lalu paste ke address bar pada browser
    http://www.alamat-blog.com/atom.xml?redirect=false&start-index=1&max-results=500
    Ganti http://www.alamat-blog.com dengan alamat blog kalian. Jika hasilnya seperti gambar berikut, itu tandanya berhasil.

    Melindungi Konten Blog

      Sekian untuk cara melindungi konten blog dari tindakan kloning supaya bisa menambah pengalaman dan wawasan kita dalam dunia persaingan blog yang sesungguhnya.