Inilah 25 Situs Social Bookmarking Dofollow dengan Rank Tinggi

 

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

 

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

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

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

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)

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.

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)

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.

• DEMO

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

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

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'.

 

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.

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

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.

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.

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

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.

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.