Tampilkan postingan dengan label Blogger. Tampilkan semua postingan
Tampilkan postingan dengan label Blogger. Tampilkan semua postingan
Cara Memindahkan Iklan Anchor Adsense ke Bawah

Cara Memindahkan Iklan Anchor Adsense ke Bawah

cara pindahkan iklan anchor ke bawah
 

Sering dikenal sebagai iklan Anchor atau Sticky Auto-Ads adalah salah satu jenis automatis yang biasanya tampil pada layar atas maupun bawah khususnya di perangkat ponsel. Umumnya jika kita menggunakan template blog dengan Menu Header yang menetap ketika layar di geser ke bawah, iklan adsense jenis Anchor akan memilih tampil di bagian bawah.

Akan tetapi kadang tidak demikian, iklan Anchor tetap tampil di atas sehingga menutupi Menu Header atau Menu Navigasi sehingga nantinya akan menyulitkan pengunjung. Maka dari itu kita harus segera melakukan tindakan, yakni dengan memindahkan iklan Anchor Adsense ke bagian bawah.

Meskipun sudah dikatakan kalau kata Google sendiri bahwa iklan Anchor yang tampil di atas akan memberikan pengalaman terbaik, di sisi lain sebagai publisher kadang merasa bahwa penempatan di bawah lebih menarik pengunjung. Sehingga tak sedikit dari mereka mau merubah posisi iklan Anchor ke bawah dan tetap menetap di sana.

Cara Pindahkan Iklan Anchor Sticky ke Bawah Halaman


Kita bisa melakukan pengubahan kode iklan supaya mencegah iklan Anchor muncul dibagian atas layar Smartphone. Nantinya akan tampil hanya dibagian bawah halaman, meski dari hasil pengujian Google iklan anchor berperforma lebih baik di bagian atas layar pengguna. Tapi kalau kita tidak ingin menghiraukan hal itu, yang penting nantinya iklan Anchor hanya tampil di bagian bawah berikut ini langkah-langkahnya.

1. Pertama ubah atau ganti kode iklan Auto yang sudah ada sebelumnya dengan kode berikut ini,

<script>
  (adsbygoogle = window.adsbygoogle || []).push({
    google_ad_client: "ca-pub-xxxxxxxxxxxx",
    enable_page_level_ads: true,
    overlays: {bottom: true}
  });
</script>

*Ganti kode "ca-pub-xxxxxxxxxxxx" dengan milik Anda

2. Lalu Anda juga perlu menghapus semua kode JS Adsense yang seperti ini,

<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

Atau dalam bentuk kode ini

<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1234567890123456" crossorigin="anonymous"></script>

3. Kemudian pasang kode berikut, tepat di atas kode </body>

<script type='text/javascript'>
//<![CDATA[
(function() { var ad = document.createElement('script'); ad.type = 'text/javascript'; ad.async = true; ad.src = 'https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js'; var sc = document.getElementsByTagName('script')[0]; sc.parentNode.insertBefore(ad, sc); })();
//]]>
</script>

Script di atas berisi kode JS Adsense sebagai pengganti kode yang telah sebelumnya Anda hapus, jadi kita cukup pasang satu kode JS saja. Jika sudah jangan lupa klik Save atau Simpan tema.

Sekarang coba cek blog Anda melaui ponsel apakah iklan Anchor langsung berubah ke bawah atau belum, jika tidak langsung ada perubahan coba hapus history Browser terlebih dahulu.

Baca juga : Cara Mengatasi Diindeks, Meski Diblokir oleh Robots.txt

Catatan: Yang berpengaruh terhadap perubahan iklan Anchor yang tadinya di atas jadi berubah ke bawah terletak pada parameter ,overlays: {bottom: true}

Artinya jika suatu ketika Anda ingin merubah tampilan iklan Anchor ke pengaturan semula, cukup hapus kode parameter tersebut.

Penutup

Mungkin itu saja pengalaman kami yang telah mencoba merubah iklan Anchor Adsense supaya muncul dari bawah dan setelah kami coba ini cukup bekerja dengan baik. Oh iya tutorial yang disampaikan ini khusus pengguna blogger. Sebetulnya dari Google sendiri sudah memberikan saran dengan memodifikasi kode iklan automatis tersebut, jadi ini memang yang direkomendasikan ketika ingin menonaktifkan iklan anchor di bagian atas halaman.

Cara Mengatasi Diindeks, Meski Diblokir oleh Robots.txt

Cara Mengatasi Diindeks, Meski Diblokir oleh Robots.txt

diindeks meski diblokir oleh robots
 

Beberapa waktu lalu ketika saya cek di Google Search Console (GSC) sedikit kaget karena disana menampilkan keterangan “diindeks meski diblokir oleh robots.txt” dan diikuti sama diagram warna kuning. Artinya disana situs saya terindikasi adanya halaman yang tetap terindeks walaupun pada pengaturan robots.txt sudah ada perintah untuk diblokir atau disallow.

Lalu apa yang mendasari masalah itu terjadi? Pendapat saya pribadi mungkin ini tidak akan terjadi jika kita menggunakan template bawaan blogger, akan tetapi peringatan tersebut bisa tiba-tiba muncul ketika kita memasang template dari pihak ketiga.

Dan ternyata pendapat saya ada sedikit benarnya, setelah mencari beberapa sumber terpercaya akhirnya menemukan alasan mengapa masalah diindeks meski diblokir robots.txt ini bisa terjadi.

  • Yang pertama Google bot akan tetap merayapi halaman pencarian, jika kita blog kita menggunakan template yang memiliki menu navigasi, breadcrumb, widget navigasi penomoran, widget arsip dan widget label.
  • Dan alasan yang kedua, ini katanya sekarang ini mesin pencari Google sudah mengabaikan perintah noindex menggunakan file robots.txt.


Solusi: Masalah Diindeks Meski Diblokir oleh Robots.txt


Sekarang kita akan masuk ke tahap cara mengatasi masalah tersebut, supaya peringatan yang ada di Google Search Console bisa hilang secara perlahan. Yuk! Simak langkah-langkah apa saja yang harus kita lakukan.

1. Langsung saja kita masuk ke blogger.com kemudian pilih satu blog Anda yang mengalami masalah diindeks meski diblokir oleh robots.txt

2. Lalu setelah itu masuk ke menu Setelan, dan Aktifkan robots.txt kustom jika sebelumnya belum aktif. Jika sudah langsung klik “robots.txt kustom”


setelan tag robots


3. Jika sudah, pasang robots.txt berikut, kalau sebelumnya sudah ada ganti dengan yang baru ini.

User-agent: *
Allow: /
Disallow:

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

Note: Ganti NamaDomain dengan alamat blog Anda.

4. Jika sudah jangan lupa klik Simpan

Apakah ini sudah selesai? Secara umum ini sebenarnya sudah mengatasi masalah “diindeks meski diblokir oleh robots.txt” Akan tetapi karena kita telah meniadakan perintah Disallow: /search, pada robots.txt maka nantinya halaman pencarian dan label akan diindeks sama Google. Maka sebaiknya kita perlu menghindari hal itu juga karena halaman tersebut termasuk halaman berkualitas rendah.

Selanjutnya...

Untuk itu kita perlu menambahkan tag header robots guna memberitahu Google agar nantinya tidak mengindex halaman pencarian dan label, caranya adalah.

Buka Blog Anda lalu klik menu Tema > pilih Edit HTML, lalu tambahkan meta tag berikut ini di bawah kode <head>

<b:if cond='data:view.isSearch or data:view.isArchive'>
<meta content='noindex, noarchive' name='robots'/>
</b:if>

Jika sudah jangan lupa klik tombol Simpan. Dengan begitu maka Anda telah berhasil blokir halaman pencarian dan label supaya tidak diindeks mesin pencari.

Note: Kalau masih ada yang kurang paham, mohon sampaikan melalui komentar kalau perlu sertakan gambar juga.

Baca juga : Cara Submit Sitemap Blogger ke Google Search Console

Penutup

Mudah-mudahan setelah Anda mengikuti cara ini perlahan jumlah data diindeks meski diblokir oleh robots.txt menurun dan ingat meskipun sudah menerapkan sekarang butuh waktu paling tidak satu minggu untuk mengetahui adanya perubahan pada Google Search Console. Sekian dan silahkan segera Anda praktekkan.

Inilah 25 Situs Social Bookmarking Dofollow dengan Rank Tinggi

Inilah 25 Situs Social Bookmarking Dofollow dengan Rank Tinggi

daftar situs social bookmarking
 

Sebagai pelaku usaha bisnis online, khususnya bagi kalian yang memiliki atau mengelola sebuah website tentu saja agar situs bisa berkembang perlu strateri dan inovasi. Seperti halnya ketika kita menginginkan peringkat situs yang dikelola perlahan naik maka perlu menerapkan social bookmarking.

Walau demikian, kita juga tak boleh asal menanam bookmarking, perlu hati-hati dan teliti dalam memilih situs social bookmarking dofollow harus berkualitas syukur masih sejenis dengan tema blog yang Anda kelola. Sebab kalau sampai salah tanam bookmarking dari situs dengan kualitas rendah, nanti bukannya naik page rank situs Anda malah turun.

Selain dengan tujuan itu tadi, melakukan social bookmarking akan bisa mendapatkan audiens atau pengunjung baru serta dengan harapan meningkatkan visibilitas bisnis dalam berbagai platform digital. Sebelumnya mari kita ketahui lebih lanjut apa itu yang dimaksud dengan Social Bookmarking?

Apa itu situs Social Bookmarking?

Social bookmarking adalah suatu cara untuk menyimpan, mengelola, dan berbagi tautan ke situs web yang dianggap penting atau bermanfaat. Pengguna dapat menandai halaman web yang mereka sukai dan kemudian membagikannya dengan orang lain atau mencari tautan yang ditandai oleh orang lain yang sesuai dengan minat mereka. Banyak situs web social bookmarking yang tersedia, seperti Kaskus, Quora, dan Digg, yang memungkinkan pengguna untuk mengelola tautan mereka dan berbagi dengan orang lain.

Meski metode demikian telah sedikit tertinggal dengan adanya kemajuan teknologi hadirnya market digital yang bergerak lebih cepat. Tapi bagi Anda seorang pengembang situs pemula tidak ada salahnya melakukan praktek social bookmarking dengan harapan dapat mendongkrak SEO di mesin pencarian. Berikut ini sederet situs social bookmarking dofollow siap dipakai secara gratis.

Daftar Situs Social Bookmarking Dofollow


1. Digg.com

Situs ini telah kami gunakan buat social bookmarking tiap kali update artikel, sudah sejak tahun 2017 kami melakukannya di situs tersebut. Untuk bisa Submit Link kita perlu membuat akun terlebih dahulu di sana bisa langsung daftar menggunakan akun Google Anda.

2. Scoop.it

Kemudian untuk yang ini dulu kami manfaatkan buat melakukan social bookmarking pada blog dengan tema biodata artis dan cukup baik. Melalui Scoop.it kalian bisa mulai Sign Up dengan gratis dan dapat masuk menggunakan akun sosial media facebook atau twitter.

3. Medium.com

Di situs tersebut terbuka untuk guest post atau posting tamu yang mana kita bisa menuliskan sebuah artikel di sana hingga tayang. Pengguna akan diberi kebebasan menuliskan tema apapun dengan jumlah karakter tak terbatas.

4. Quora.com

Jika Anda sedang mengelola situs web dengan kategori tema umum, Quora adalah situs yang tepat di gunakan untuk social media bookmark demi memperoleh peningkatan kualitas backlink.

5. Folkd.com

Bookmarking Folkd.com merupakan salah satu situs yang sering digunakan para mastah SEO untuk menempel link dengan cara social bokmark. Disana sangat mudah mengatur dan mengelola penyimpanan web favorit kamu dari situs tersebut.

6. Forum.detik.com
7. Kaskus.com
8. Kompasiana.com
9. Dzone.com
10. Diigo.com
11. Stumbleupon.com
12. Slash.org
13. Fotumsatelit.com
14. Mbookmarking.com
15. Freewebmarks.com
16. Pbookmarking.com
17. Twitter.com
18. Pinterest.com
19. Tumblr.com
20. Google Maps
21. Instagram
22. Reddit
23. Yahoo
24. Linkedin
25. Facebook

Dari daftar pilihan social bookmarking yang telah kami bagikan di atas, Anda dapat gunakan beberapa yang cocok dengan situs Anda. Semoga informasi ini bermanfaat ya.

Ketahui Manfaat Social Bookmarking

Ada beberapa manfaat apabila kita melakukan social bookmarking, Anda harus tahu juga.

- Mempercepat Proses Indexing Website
Terkadang Google membutuhkan waktu cukup lama dalam meng-index sebuah artikel yang baru diunggah ke website. Dengan adanya social bookmarking yang diterapkan pada situs bakal membantu proses Googlebot melakukan crawing - indexing lebih cepat.

- Meningkatkan Kualitas Backlink
Bahwa pengaruh besar yang bakal terjadi pada situs kita setelah melakukan bookmarking pada website page rank tinggi, itu akan menjadikan naiknya rangking SEO berkat meningkatnya kualitas backlink.

- Promosi Gratis
Sudah pasti hal ini menjadi bentuk promosi gratis yang bisa Anda gunakan dalam upaya menaikkan tingkat visibility pada SERP (search engine result page). Terlebih semakin banyak pastingan yang naik ke halaman utama bakal menaikkan jumlah CTR (click through rate).

- Menaikkan Traffic Website
Pasti setiap pemilik situs menginginkan peningkatan lalu lintas traffic website. Dengan trafik yang tinggi, akan berbanding lurus dalam membantu menaikkan performa dari bisnis situs website.

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 150, maka tambahkan sitemap di bawah ini.

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

Untuk jumlah artikel lebih dari 150 dan hingga 300, tambahkan juga sitemap berikut.

atom.xml?redirect=false&start-index=151&max-results=300

Dan seterusnya Anda bisa menambah sitemap sesuai jumlah artikel blog. 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>


Inilah hasil tampilan sitemap dengan kode di atas

 


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

cara merubah 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, ter kecuali Anda telah dan bisa menggantinya dengan tampilan favicon lain.

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

Untuk membuat sebuah favicon yang mau dipakai pada blog Anda, sebaiknya buatlah yang jelas, tidak buram, bagus, dan menarik. Supaya 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, Anda bisa baca ini : Cara 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. Kemudian tentukan satu blog Anda dan masuk ke menu 'Setelan', lalu klik 'Favicon' tepat di atas menu privasi.
 

3. Klik 'Browse...' kemudian pilih gambar yang tadi sudah Anda buat. Disarankan ukuran 16x16 px, ukuran logo tidak boleh lebih dari 100Kb, format gambar sebaiknya gunakan (.ico, .png, atau .gif)


4. Kalau gambarnya sudah ter unggah, tinggal klik tombol Simpan

Berikutnya kemungkinan Anda akan memeriksa blognya, apakah favicon sudah berubah dengan yang baru 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 tambahan pada template blog Anda nanti juga akan berubah dengan tampilan resolusi tinggi.

  • Dengan cara klik Template > Edit HTML
  • Cari kode </head> pada template dengan perintah Ctrl+f untuk mencarinya, setelah ketemu letakkan kode berikut tepat di atasnya.
    <link href='/favicon.ico' rel='icon' type='image/x-icon'/>

    • 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 para blogger pemula.