Calon Bloggers

Jumat, 28 Mei 2021

A better Blogger experience on the web

Since 1999, millions of people have expressed themselves on Blogger. From detailed posts about almost every apple variety you could ever imagine to a blog dedicated to the art of blogging itself, the ability to easily share, publish and express oneself on the web is at the core of Blogger’s mission. As the web constantly evolves, we want to ensure anyone using Blogger has an easy and intuitive experience publishing their content to the web.   That’s why we’ve been slowly introducing an improved web experience for Blogger. Give the fresh interface a spin by clicking “Try the New Blogger” in the left-hand navigation pane.        Click the “Try the New Blogger” button to see Blogger’s refreshed look and feel. In addition to a fresh feel, Blogger is now responsive on the web, making it easier to use on mobile devices. By investing in an improved web platform, it allows the potential for new features in the future.  Blogger’s new responsive design makes it easy to manage your blog on-the-go. Learn more about the page-specific updates we’ve released to make your Blogger experience even better:  StatsThe redesigned Stats page helps you focus on the most important data from your blog by highlighting your most recent post.     CommentsA fresh Comments page helps you connect with readers more easily by surfacing areas that need your attention, like comment moderation.   PostsWe’ve improved support for Search Operators on the Posts page to help you filter your Blogger posts and page search results more easily.  EditorThe newly enhanced Editor page introduces table support, enables better transliteration, and includes an improved image/video upload experience.  Reading List Even if you don’t create from your phone, it’s now easier than ever to read blogs from other creators while you’re on the go. Settings We’ve streamlined the Settings page to help you manage all your controls from one place.   We’ll be moving everyone to the new interface over the coming months. Starting in late June, many Blogger creators will see the new interface become their default, though they can revert to the old interface by clicking “Revert to legacy Blogger” in the left-hand navigation. By late July, creators will no longer be able to revert to the legacy Blogger interface.   We recommend getting ahead of the transition by opting into the experience today. Be sure to let us know what you think about the new design by tapping the Help icon in the top navigation bar. We can’t wait to see how Blogger creators use the latest updates to share their voice with the world. Posted by Fontaine on behalf of the Blogger team
http://dlvr.it/S0ZfTD

Kamis, 27 Mei 2021

Cara Menghilangkan Kode ? m=1 atau ? m=0 di blogspot

Perbedaan Kode m=1 m=0 serta Fungsinya

Kode m=1, artinya blog anda dikunjungi dari mobile device, smartphone atau Hp, sedangkan kalau kodenya m=0, itu artinya blog anda dikunjungi dari desktop (komputer atau laptop).
Sedangkan kode m=0 dianggap ada kalau blog dikunjungi dari komputer ,kode ini beneran memang ada, tapi tidak muncul, tidak terlihat di address bar pada layar komputer anda.

Cara Menghilangkan Kode ? m=1 atau ? m=0

Silahkan buka akun Blogger Anda.
Lalu pergi ke bagian Tema > Edit Html. Kemudian salin dan tempel kode di bawah ini tepat di bawah </body>

<script type='text/javascript'>var uri = window.location.toString();if (uri.indexOf(&quot;?m=1&quot;,&quot;?m=1&quot;) &gt; 0) {var clean_uri = uri.substring(0, uri.indexOf(&quot;?m=1&quot;));window.history.replaceState({}, document.title, clean_uri);}</script>

Simpan Tema dan silahkan Anda coba akses url blog maka kode akhiran sekarang tidak ada lagi pada url blog Anda.

Kode diatas bisa dibilang berfungsi untuk menghilangkan atau mematikan fungsi kode m=1, sehingga dialihkan ke m=0  alias kunjungan versi desktop.

Karena kode diatas adalah JavaScript yang bisa memperberat atau memperlambat loading blog anda.

Melalui Google Webmaster Tool 

  • Google Webmaster Tool > Crawl > URL Parameters
  • Pilih pada Configure URL parameters, kemudian klik Add Parameter Apabila tidak ada, pasti ada tulisan parameter "m", klik edit saja kemudian simpan konfigurasi yang telah anda lakukan barusan.
  • Silakan uji coba di blog Anda masing-masing.

Rel='Canonical'

Kode ini bertujuan mengatasi duplikat konten pada umumnya, kode ini sudah terpasang di template blogger 2018, baik gratis maupun premium.

Cara pasangnya ikuti langkah-langkah berikut ini :

  • Cari kede </head> atau &lt;head&gt;
  • Letakkan kode dibawah ini, tepat dibawah kode </head> atau &lt;head&gt;
<link expr:href='data:blog.url' rel='canonical'/>

Memanfaatkan Custom Robot.Txt.
  • Setting > Search Preferences.
  • Aktifkan atau klik Enable fitur dan layanan Custom Robot.txt.
  • Copas kode dibawah ini, pada kolom Custom Robot tersebut :
User-agent: Mediapartners-Google Disallow: User-agent: * Disallow: /search Disallow: /?m=0 Disallow: /?m=1 Allow: / https://calonbloggerr.blogspot.com/feeds/posts/default?orderby=UPDATED

Catatan : Ganti URL diatas dengan URL blog anda.

Agar bisa mempermudah untuk menghilangkan code tersebut anda bisa lakukan melalui tata letak dengan cara d bawah ini.

1. Masuk ke akun Blogger Anda.
2. Klik tata letak > Tambahan gagdet > pilih Html JavaScript.
3. Copy code di bawah ini dan pastekan lalu simpan.

<script type='text/javascript'> var uri = window.location.toString(); if (uri.indexOf("&m=1","&m=1") > 0) { var clean_uri = uri.substring(0, uri.indexOf("&m=1")); window.history.replaceState({}, document.title, clean_uri); } var uri = window.location.toString(); if (uri.indexOf("?m=1","?m=1") > 0) { var clean_uri = uri.substring(0, uri.indexOf("?m=1")); window.history.replaceState({}, document.title, clean_uri); } </script>
Sekian ulasan mengenai cara menghilangkan code ? m=1 atau ? m=0 pada Bloggers , selamat mencoba dan jangan sungkan untuk berkomentar . Terimakasih,Semoga bermanfaat !!!

Senin, 24 Mei 2021

5 Cara Mengetahui Ranking Artikel di Google

Kenapa Perlu Tahu Ranking Artikel di Google?

Peringkat di mesin pencari Google bukanlah hal yang mudah , apalagi dengan kata kunci yang di targetkan sudah memiliki banyak pesaing.
Agar Anda bisa mendapatkan peringkat pertama di Google yaitu dengan cara melakukan optimasi pada website anda ,seperti cara optimasi SEO onpage dan cara membangun backlink yang berkualitas.

Untuk melakukan optimasi pada website, Anda perlu mengetahui lebih dahulu peringkat halaman atau artikel yang ingin Anda optimasi. Tujuannya agar Anda dapat melihat apakah optimasi yang anda lakukan memiliki dampak yang positif pada artikel yang anda optimasi.

Hal tersebut penting ?
Kenapa penting ?
Supaya Anda bisa mengetahui strategi apa yang harus anda lakukan selanjutnya.

Pada umumnya banyak orang yang melakukan pengecekan secara manual peringkat website dengan cara menulis kata kunci di Google dan mencarinya.

Tapi menurut saya itu kurang efektif, tidak akurat dan melelahkan karena perlu meluangkan cukup banyak waktu untuk mengeceknya.

Nah ,oleh karena itu berikut ini ada beberapa tools yang bisa Anda gunakan untuk memudahkan anda mengetahui peringkat website di Google.

Tools Cek Peringkat Website di Google

Berikut ini beberapa tools untuk cek peringkat website :

1. SERPRobot
SERPRobot adalah tools gratis yang berbasis website berfungsi untuk menganalisa SERP hasil pencarian Google. Anda bisa gunakan  Tools ini untuk mengetahui peringkat halaman berdasarkan kata kunci yang Anda masukkan dengan hasil yang akurat.

Anda juga bisa menentukan lokasi secara spesifik untuk hasil pencarian tersebut. 

Berikut ini cara menggunakan SERPRobot :

  • Pertama masuk ke website SERPRobot.
  • Lalu tentukan “Region” atau target audiens website Anda.
  • Setelah itu masukkan nama domain website Anda.
  • Masukkan kata kunci yang ingin di analisa (Maksimal 10 kata kunci)
  • Terakhir tekan tombol “Check SERP Now “ paling bawah.
  • Tunggu sampai proses selesai.

Setelah proses selesai Anda akan melihat di bagian kanan halaman peringkat website Anda beserta 10 website teratas sesuai kata kunci yang Anda masukkan.


2. What's My SERP

What's My SERP tools ini gratis dan hampir sama seperti tools sebelumnya, Anda hanya perlu masukkan domain Anda, lalu masukkan kata kunci yang Anda ingin analisa hingga 10 kata kunci, selanjutnya tekan tombol Check All. 

Setelah itu anda akan melihat tampilan peringkat website berdasarkan kata kunci yang dimasukkan tadi.

3. SERPChecker

SERPChecker adalah tools untuk memantau hasil pencarian yang bisa dibilang cukup lengkap dibanding tools lain, Tools yang satu ini bisa Anda gunakan secara gratis namun terbatas. Anda hanya bisa melakukan analisa sebanyak 5 kali per hari.

Cara menggunakannya yaitu Anda daftar terlebih dahulu SERPCheceker.

Setelah itu verifikasi email.

Anda bisa pilih tools SERPChecker untuk menganalisa hasil pencarian kata kunci, Namun Anda bisa juga menggunakan SERPWatcher untuk mengetahui peringkat website. 

  • Pilihlah sesuai keinginan Anda.

Anda hanya perlu memasukkan kata kunci beserta lokasi dan perangkatnya.
Setelah itu tekan tombol Analyze SERP.

4. Google Search Console

Google Search Console adalah tools gratis yang disediakan oleh google untuk membantu pemilik website mengetahui performa, kinerja website pada hasil pencarian. Selain itu tools ini juga bisa membantu mengetahui adanya error di dalam website Anda, dan  Anda bisa melakukan optimasi berdasarkan datanya. 

Perlu Anda ketahui bahwa dengan Google Search Console Anda bisa melihat posisi website atau halaman Anda di Google dan Anda juga bisa mengetahui halaman mana yang masuk pada kata kunci tertentu,untuk lebih jelasnya silahkan baca panduan lengkap tentang google search console untuk pemula.

Cara Mengetahui Ranking Artikel di Google Menggunakan GSC

  • Pertama Anda masuk ke website Google Search Console.

  • Pilih tab Performance, lalu pilih New-Page. Masukkan URL artikel atau halaman yang ingin di analisa.

  • Setelah itu akan muncul rata-rata posisi artikel tersebut di Google untuk semua kata kunci yang muncul.

  • Namun jika Anda ingin melihat peringkat halaman website untuk 1 kata kunci, Anda bisa tambahkan query yaitu dengan klik New-Query.
  • Masukkan kata kunci yang ingin dianalisa.
  • Lalu akan muncul peringkat halaman tersebut untuk kata kunci yang dimasukkan.

Cukup mudah kan 😁

5. Ahrefs

Ahrefs adalah salah satu Tools SEO yang berbayar , tools ini banyak digunakan oleh para perusahaan dan orang yang berada di dunia marketing, Tools ini mempunyai tampilan yang user friendly atau mudah dimengerti walaupun oleh pengguna baru.

Anda bisa menggunakan tools ini untuk mendapatkan semua data yang Anda inginkan terkait SEO, SEM, dan lain-lain.
Dengan tools ini Anda bisa mengetahui peringkat halaman dengan kata kunci tertentu, dan melihat jumlah pencarian ,keyword density dan banyak lagi.

Sekian ulasan mengenai saya hari ini selamat mencoba semoga berhasil.

#Search Engine Optimization (SEO)

Minggu, 23 Mei 2021

Cara Membuat tombol Night Mode di Blogger

Baru baru ini banyak sekali blog yang menggunakan fitur night mode, fitur blog yang satu ini banyak di minati para blogger hanya untuk memperindah tampilan dan memberikan sensasi yang berbeda pada blognya, sehingga para pengunjung betah dan nyaman saat membacanya.
Cara pemasangannya pun tidaklah terlalu sulit asalkan anda bisa teliti cara meletakkan kodenya. Jika anda yang gemar edit html,Tidak salahnya kan mencoba 😁 ...

Silahkan bagi anda yang tertarik dan penasaran untuk mengaktifkan fitur night mode ini, anda bisa mengikuti cara berikut ini :

  • Cara Membuat Night Mode di Blogger

  1. Masuk ke Blogger akun anda
  2. Buka Menu Tema.
  3. Lalu klik tombol Edit HTML.
  4. Cari kode  ]]></b:skin>
  5. Jika sudah ketemu letakkan kode di bawah ini tepat di atas kode  ]]></b:skin>

Gambar 1

Lihat seperti gambar 1 di atas

* Button Dark Mode */ .modedark{display:inline-block;float: right;margin-top: 3px;position:absolute;right:45px;top: 0;z-index:999;} .modedark svg{ width:24px; height:24px; vertical-align: -5px; background-repeat: no-repeat !important; content: ''; } .modedark svg path{ fill:#fff; } .modedark .check:checked ~ .NavMenu{ opacity:1; visibility:visible; top:45px; min-width:200px; transition:all .3s ease; z-index:2; } .iconmode { cursor: pointer; display: block; padding: 8px; background-position: center; transition: all .5s linear; } .iconmode:hover{ border-radius: 100px; background: rgba(0,0,0,.2) radial-gradient(circle, transparent 2%, rgba(0,0,0,.2) 2%) center/15000%; } .check { display: none; } .modedark .iconmode .openmode{ display:block; } .modedark .iconmode .closemode{ display:none; } .modedark .check:checked ~ .iconmode .openmode{ display:none; } .modedark .check:checked ~ .iconmode .closemode{ display:block; } /* Warna Dark Mode */ /* Warna Night Mode */ .Night #wrapper {background: #292e38;} .Night #HTML3 {background:#1d2129;} .Night #footer-widget-container {background:#1d2129;} .Night .share-this-pleaseeeee {background:#292e38;} .Night .related-post h4{background:#292e38;} .Night #label-info-th {background:#1d2129;} .Night body {background:#1d2129;} .Night .post-body {color:#cccccc} .Night #baca-juga h2 {color:#cccccc;background:#1d2129} .Night .label-info-th a {color:#cccccc;background:#3d4658} .Night li.recent-posts a{color:#cccccc} .Night .recent-posts-title h2{color:#cccccc} .Night .Recent_Post_Mas_Tamvan .recent-post-mas-tamvan span.mastamvan_title a{color:#cccccc} .Night span.mastamvan_title a .Recent_Post_Mas_Tamvan .recent-post-mas-tamvan {color:#cccccc;background:#1d2129} .Night .Recent_Post_Mas_Tamvan .recent-post-mas-tamvan .widget-content {color:#cccccc;background:#1d2129} .Night .post-info {color:#cccccc} .Night {background:#1d2129;} .Night h2.post-title a {color:#9e9e9e;} .Night h2.post-title a:hover {color:#f17f43} .Night .post-title {color:#1e90ff} .Night ul.nav-social {color:#1d2129} .Night .post-snippet {color:#cccccc} .Night #ignielNewsletter {background:#292e38;} .Night #Label1{background:#292e38;} .Night .post{background:#292e38;border-bottom-color: #252a33;} .Night .PopularPosts h2{background:#343944;} .Night .latest-post-title h2{background:#292e38;border-bottom-color: #313640;} .Night .newspaptext{color:#9e9e9e} .Night .PopularPosts h2 span{color:#9e9e9e} .Night .list-label-widget-content ul li {border-bottom-color: #313640;} .Night .img-thumbnail img {background: #252931 linear-gradient(to right, rgba(255, 255, 255, 0) 5%, rgb(49, 54, 64) 20%, rgba(255, 255, 255, 0) 30%);background-size: 800px 104px;} .Night #ignielNewsletter .medsos__ {border-top-color: #313640;} .Night #footer-container{background:#12161f;} .Night #footer-navmenu{background:#171b25;} .Night .sidebar h2 {color:#b7b7b7;border-bottom-color: #313640;} .Night .sidebar-sticky h2 {color:#b7b7b7;border-bottom-color: #313640;} .Night .latest-post-title h2 {color:#b7b7b7;border-bottom-color: #313640;} .Night .above-post-widget h2 {color:#b7b7b7;border-bottom-color: #313640;} .Night .comments h3 {color:#b7b7b7;border-bottom-color: #313640;} .Night .breadcrumbs {color:#b7b7b7;border-bottom-color: #313640;} .Night .btnsocialshare {background:#383c44;} .Night .label-line::before{background: #1d2129;} .Night .label-line-c::before {background: #333740;} .Night a.showcontent:hover {background: #373a42;} .Night a.showcontent{background: #292e38} .Night #ignielNewsletter input{background: #272b33;border-color:#2b303a;} .Night .comments .comments-content .comment-content {color:#ffffff} .Night div#Label1 h2 {border-bottom: 1px solid #272b33;background: #343944;} .Night .related-post-style-3 .related-post-item-title {color: #bbb;} .Night #baca-juga ul {border: 2px solid #333740;} .Night #baca-juga h2 {border: 2px solid #292e38;} .Night #comments a.hiddencontent {background: #424854;} .Night .comments .comments-content .comment-thread ol {background: #292e38;} .Night .comments .comments-content .inline-thread {background #292e38;}

  • Untuk dark mode bintang pasang tepat di atas kode ]]></b:skin>


/* Dark Mode Bintang  */
.section-center{
    position: fixed;
    width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
    display: none;
    overflow: hidden;
    z-index: 5;
 pointer-events: none;
    box-shadow: 0 0 50px 5px rgba(255,148,0,.1);
    transform: translate(-50%, -50%);
}
.section-center {
    -webkit-transition: all 500ms linear;
    transition: all 500ms linear;
}
.shooting-star {
 z-index: 2;
 width: 1px;
 height: 50px;
 border-bottom-left-radius: 50%;
 border-bottom-right-radius: 50%;
 position: absolute;
 top: 0;
 left: -70px;
 background: linear-gradient(to bottom, rgba(255, 255, 255, 0), white);
 animation: animShootingStar 6s linear infinite;
 -webkit-transition: all 2000ms linear;
 transition: all 2000ms linear; 
}
.shooting-star-2 {
 z-index: 2;
 width: 1px;
 height: 50px;
 border-bottom-left-radius: 50%;
 border-bottom-right-radius: 50%;
 position: absolute;
 top: 0;
 left: 200px;
 background: linear-gradient(to bottom, rgba(255, 255, 255, 0), white);
 animation: animShootingStar-2 9s linear infinite;
 -webkit-transition: all 2000ms linear;
 transition: all 2000ms linear; 
}
.star {
 z-index: 2;
 position: absolute;
 top: 185px;
 left: 25px;
 background-image: url('https://ivang-design.com//svg-load/air/star.png');
 background-size: 15px 15px;
 width: 15px;
 height: 15px;
 opacity: 0.4;
 animation: starShine 3.5s linear infinite;
 -webkit-transition: all 1200ms linear;
 transition: all 1200ms linear; 
}
.star.snd {
 top: 100px;
 left: 310px;
 animation-delay: 1s;
}
.star.trd {
 top: 130px;
 left: 100px;
 animation-delay: 1.4s;
}
.star.fth {
 top: 190px;
 left: 200px;
 animation-delay: 1.8s;
}
.star.fith {
 top: 85px;
 left: 1080px;
 animation-delay: 2.2s;
}

@keyframes animShootingStar {
 from {
  transform: translateY(0px) translateX(0px) rotate(-45deg);
  opacity: 1;
  height: 5px;
 }
 to {
  transform: translateY(1280px) translateX(1280px) rotate(-45deg);
  opacity: 1;
  height: 800px;
 }
}
@keyframes animShootingStar-2 {
 from {
  transform: translateY(0px) translateX(0px) rotate(-45deg);
  opacity: 1;
  height: 5px;
 }
 to {
  transform: translateY(1920px) translateX(1920px) rotate(-45deg);
  opacity: 1;
  height: 800px;
 }
}

@keyframes starShine {
 0% {
  transform: scale(0.3) rotate(0deg);
  opacity: 0.4;
 }
 25% {
  transform: scale(1) rotate(360deg);
  opacity: 1;
 }
 50% {
  transform: scale(0.3) rotate(720deg);
  opacity: 0.4;
 }
 100% {
  transform: scale(0.3) rotate(0deg);
  opacity: 0.4;
 }
}

  • Selanjutnya silahkan cari kode </head> dan letakan kode di bawah ini tepat di atas kode </head>
Gambar 2

Lihat seperti gambar 2  di atas

<div class='modedark'>
<input class='check' id='modedark' title='Mode Dark' type='checkbox'/>
<label class='iconmode' for='modedark'>
<svg class='openmode' viewBox='0 0 24 24'><path d='M12,18C11.11,18 10.26,17.8 9.5,17.45C11.56,16.5 13,14.42 13,12C13,9.58 11.56,7.5 9.5,6.55C10.26,6.2 11.11,6 12,6A6,6 0 0,1 18,12A6,6 0 0,1 12,18M20,8.69V4H15.31L12,0.69L8.69,4H4V8.69L0.69,12L4,15.31V20H8.69L12,23.31L15.31,20H20V15.31L23.31,12L20,8.69Z'/></svg>
<svg class='closemode' viewBox='0 0 24 24'><path d='M14.3,16L13.6,14H10.4L9.7,16H7.8L11,7H13L16.2,16H14.3M20,8.69V4H15.31L12,0.69L8.69,4H4V8.69L0.69,12L4,15.31V20H8.69L12,23.31L15.31,20H20V15.31L23.31,12L20,8.69M10.85,12.65H13.15L12,9L10.85,12.65Z'/></svg>
</label>
</div>

  • Untuk tahap berikutnya sekarang tinggal anda pasang scrips JS di bawah ini dan letakan tepat di atas kode </body>
lihat seperti gambar dibawah ini

Gambar 3
Lihat gambar3 di atas

<script type='text/javascript'>//<![CDATA[/* Dark Mode */$(document).ready(function(){$("body").toggleClass(localStorage.toggled),$("#modedark").on("click",function(){"Night"!=localStorage.toggled?($("body").toggleClass("Night",!0),localStorage.toggled="Night",$(".section-center").css("display","block")):($("body").toggleClass("Night",!1),localStorage.toggled="",$(".section-center").css("display",""))}),$("body").hasClass("Night")?$("#modedark").prop("checked",!0):$("#modedark").prop("checked",!1)});//]]></script>

  • Jika kode di atas sudah di semua, Untuk selanjutnya silahkan anda cari kode </head> dan pasang kode jQuery dibawah ini bagi anda yang belum memasang nya. Letakkan tepat di atas </head>

<script src='//ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js'></script>

Note : jika Anda belum memasang kode jQuery di blog kalian Kemudian yang terakhir simpan kode di bawah ini tepat di atad kode </head>

<div class='section-center'> <div class='shooting-star'/> <div class='shooting-star-2'/><div class='star'/><div class='star snd'/><div class='star trd'/><div class='star fth'/><div class='star fith'/></div>

Tahap terakhir simpan tema dan lihat hasilnya , selamat mencoba semoga berhasil !!

Kamis, 20 Mei 2021

Cara menghapus gambar thumbnail dan optimasi pada template Viomagz v 3.2

Bagi anda pengguna template Viomagz karya Mas Sugeng ini, template ini sudah tidak asing lagi di telinga para blogger,sudah template nya sangat ringan,Fast Loading dan SEO Friendly lagi.
Di kesempatan kali ini saya akan berbagi sedikit tips tentang Cara Optimasi Template dan Untuk Cara Optimasi Rangking dan traffic anda bisa baca disini :

Manfaat dari optimasi Template VioMagz.

Untuk manfaat optimasi Template Tentunya banyak mendapatkan manfaat seperti mempercepat kecepatan loading blog kita dan memiliki blog yang fast loading.

Keuntungan memiliki blog yang fast loading.

Ada banyak keuntungan dari fast loading blog yang cepat,seperti membuat pengunjung betah di blog kita sehingga mengurangi bounce rate, dan membuat mesin pencari google lebih menyukai blog kita karena loadingnya yang cepat.

Seperti yang kita ketahui bahwa kecepatan pemuatan sebuah situs sudah menjadi salah satu dari sekian banyak faktor yang mempengaruhi SEO.

Cara Optimasi dan Mempercepat Template VioMagz

1. Menonaktifkan Navbar

Selain memperberat loading blog kita,navbar di template Viomagz tidak ada fungsinya.
Cara menonaktifkan Navbar

Masuk ke Blogger akun anda.
Masuk ke menu tata letak dan pilih Navbar.
Lalu pilih off untuk menonaktifkannya.
Klik simpan bila sudah selesai.

2. Menghapus Gambar Thumbnail Postingan di Hompage

Berikut ini cara menghapus gambar thumbnail postingan di hompage :

Anda harus Log In Blogger dahulu seperti langkah pertama.
Masuk ke menu Tema.
Lalu klik pada Tombol Edit HTML.

Hapus kode di bawah ini :
<b:include data='post' name='postthumbnail'/>

Setelah itu cari kode CSS berikut ini :

info-1, .info-2, h2.post-title, .post-snippet {
margin-left: 275px;
}

Bila sudah ketemu silahkan hapus,lalu ganti dengan kode CSS berikut ini :

info-1, .info-2, h2.post-title, .post-snippet {
margin-left: 0px !important;
}

Lihat seperti gambar dibawah ini :
Bila sudah klik " Simpan Tema "

3. Menghapus Fitur Numbered Page Navigation

Cara menghapus Numbered Page Navigation :

Buka Edit HTML seperti pada tutorial No 2 tadi
Lalu cari kode Javascript berikut ini :

var numberedPagination = true
Bila sudah ketemu silahkan ganti true dengan false
Lalu klik Simpan Tema

4. Memasang Fitur Load More

Fitur Load More adalah pengganti terbaik untuk numbered page navigation maupun tombol page navigation bawaan blogger.

Selain ringan,dengan penggunaan fitur ini mampu mengurangi jumlah Bounce Rate dari situs anda.

5. Menghapus Thumbnail Pada Widget Popular Post

Cara menghapus thumbnail pada widget popular post VioMagz :

Buka Menu Tata Letak seperti pada langkah-langkah sebelumnya.

Lalu Pilih Postingan Populer/Popular Post.
Hapus Centang pada pilihan Thumbnail Gambar.
Lalu klik Simpan.

6. Menghapus Fitur Numbered di Popular Post

Cara menghapus fitur numbered di widget popular post VioMagz :

Buka Menu Tema.
Lalu klik tombol Edit HTML.
Setelah itu cari dan hapus kode di bawah ini :

<b:include name='numberedpopularposts'/>

Lihat seperti gambar dibawah ini
Bila sudah klik Simpan Tema.

7. Memasang Script Lazyload untuk Gambar

Script lazyload ini adalah fitur yang membuat gambar hanya akan dimuat ketika pengunjung membuka/mengaksesnya. Sehingga pada saat pengunjung membuka blog kita mereka hanya memuat beberapa file - file penting saja.

8. Memasang Expired Header

Expired Header pada dasarnya berfungsi untuk menyimpan cache pada browser sehingga saat pengunjung membuka blog kita untuk kesekian kalinya,mereka bisa memuat dalam waktu cepat. 

Karena fitur ini bekerja dengan menyimpan cache dari file seperti CSS,HTML,JS,Jpg.PNG,ico dan file lain yang terdapat di blog kita.

Selamat mencoba semoga bermanfaat !!

Rabu, 19 Mei 2021

Cara cepat Memperbaiki Error Breadcrumb di Google Search Console

 "Cara cepat Memperbaiki Error Breadcrumb di Google Search Console"

" Bicara tentang google search console ,Google Search Console adalah layanan gratis yang ditawarkan oleh Google untuk membantu Anda memantau situs anda di google pnulusuran, jika Anda memiliki situs dan ingin tahu bagaimana kinerja situs anda di google penelusuran anda bisa memantau nya di  layanan Google search console.
Google search console banyak memberikan manfaat bagi situs anda, terutama anda bisa melihat hasil atau performa penelusuran situs Anda dengan Google Search Console dan jelajahi untuk mendapat dukungan Google Webmaster ,...

Lalu bagaimana cara menggunakan google search console ?

Nanti kita akan bahas di postingan selanjutnya : cara menggunakan google search console

Langsung saja ke pokok pembahasan yang akan kita bahas, banyak para blogger pemula mungkin merasa kebingungan dengan yang namanya Error Breadcrumb di Google Search Console lalu bagaimana cara memper baikinya ?

Error Breadcrumb di Google Search Console ini adalah fitur baru dari Google Search Console untuk membantu pengunjung untuk memahami lokasi mereka dalam sebuah website.

Masalah ini biasanya di sebabkan dari template yang baru z ganti, seperti template blogger Viomagz, Jika Anda menggunakan Template Blogger dari Viomagz pasti menerima update versi terbarunya. Nah, kamu akan melihat bahwa ada perbaikan "Markup" Kode Data Terstruktur dari yang sebelumnya data-vocabulary.org ke schema.org pada template versi terbaru, maka terjadilah Error Breadcrumb ...

Nah, jika anda sedang mengalami masalah error ini, tenang saja ini ada solusinya, silahkan ikuti tips tentang Cara Memperbaiki Error Breadcrumb di Google Search Console berikut ini.

Cara Memperbaiki Error Breadcrumb di Google Search Console.

1. Silahkan Anda masuk ke Dashboard Blogger ➧ Klik menu Tema ➧ Klik Edit HTML.

2. Arahkan kursor di dalam HTML tersebut, lalu tekan CTRL + F. Sehingga muncul kotak pencarian.

3. Cari dan ganti code Breadcrumb di bawah ini :

<b:includable id='breadcrumb' var='posts'>
<b:if cond='data:blog.homepageUrl != data:blog.url'> 
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<div class='breadcrumbs-outer'><div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='nofollow'><b:switch var='data:blog.locale'><b:case value='id'/>Beranda<b:default/>Home</b:switch></a></span> &#8250; <span><data:blog.pageName/></span>
</div></div>
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<div class='breadcrumbs-outer'><div class='breadcrumbs'><span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'><a expr:href='data:blog.homepageUrl' itemprop='url'><span itemprop='title'><b:switch var='data:blog.locale'><b:case value='id'/>Beranda<b:default/>Home</b:switch></span></a></span> &#8250; <b:loop values='data:post.labels' var='label'><span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'><a expr:href='data:label.url + &quot;?&amp;max-results=8&quot;' itemprop='url'><span itemprop='title'><data:label.name/></span></a></span><b:if cond='data:label.isLast != &quot;true&quot;'> &#8250; </b:if> </b:loop>
</div></div>
<b:else/>
<div class='breadcrumbs-outer'><div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='nofollow'><b:switch var='data:blog.locale'><b:case value='id'/>Beranda<b:default/>Home</b:switch></a></span> &#8250; <span><b:switch var='data:blog.locale'><b:case value='id'/>Tanpa Kategori<b:default/>No Category</b:switch></span></div></div>
</b:if>
</b:loop>
<b:else/>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<div class='breadcrumbs-outer'><div class='breadcrumbs'> <span><a expr:href='data:blog.homepageUrl' rel='nofollow'><b:switch var='data:blog.locale'><b:case value='id'/>Beranda<b:default/>Home</b:switch></a></span> &#8250; <span><b:switch var='data:blog.locale'><b:case value='id'/>Arsip untuk<b:default/>Archive for</b:switch> <data:blog.pageName/></span> 
</div></div>
<b:else/>
<b:if cond='data:blog.searchQuery'>
<div class='breadcrumbs-outer'><div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='nofollow'><b:switch var='data:blog.locale'><b:case value='id'/>Beranda<b:default/>Home</b:switch></a></span> &#8250; <span><data:blog.pageName/></span>
</div></div>
<b:else/>
<b:if cond='data:blog.pageType == &quot;index&quot;'> 
<div class='breadcrumbs-outer'><div class='breadcrumbs'>
<b:if cond='data:blog.pageName == &quot;&quot;'> <span><a expr:href='data:blog.homepageUrl' rel='nofollow'><b:switch var='data:blog.locale'><b:case value='id'/>Beranda<b:default/>Home</b:switch></a></span> &#8250; <span>Daftar Artikel</span>
<b:else/>
<span><a expr:href='data:blog.homepageUrl' rel='nofollow'><b:switch var='data:blog.locale'><b:case value='id'/>Beranda<b:default/>Home</b:switch></a></span> &#8250; <span><data:blog.pageName/></span> 
</b:if>
</div></div>
</b:if>
</b:if>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>

Lalu ganti semua kode script Breadcrumb yang lama dengan kode script di bawah ini :

<b:includable id='breadcrumb' var='posts'>
<b:if cond='data:view.isPost'>
 <b:loop values='data:posts' var='post'>
  <div class='breadcrumbs' itemscope='itemscope' itemtype='https://schema.org/BreadcrumbList'>
   <span itemprop='itemListElement' itemscope='itemscope' itemtype='https://schema.org/ListItem'>
   <a expr:href='data:blog.homepageUrl' itemprop='item' title='Home'>
   <meta content='1' itemprop='position'/>
   <span itemprop='name'><b:switch var='data:blog.locale'><b:case value='id'/>Beranda<b:default/>Home</b:switch></span></a>
   </span>
   <b:if cond='data:post.labels'>
   <b:loop index='nomor' values='data:post.labels' var='label'> &amp;nbsp;&#8250;&amp;nbsp;
     <span itemprop='itemListElement' itemscope='itemscope' itemtype='https://schema.org/ListItem'>
    <meta expr:content='data:nomor+2' itemprop='position'/>
    <a expr:href='data:label.url + &quot;?&amp;max-results=8&quot;' expr:title='data:label.name' itemprop='item' rel='nofollow'>
      <span itemprop='name'><data:label.name/></span>
    </a>
     </span>
   </b:loop>
   <b:else/>
   &amp;nbsp;&#8250;&amp;nbsp; <span itemprop='name'><data:blog.pageName/></span>
   </b:if>
  </div>
 </b:loop>
<b:elseif cond='data:view.isPage'/>
 <div class='breadcrumbs' itemscope='itemscope' itemtype='https://schema.org/BreadcrumbList'>
  <span itemprop='itemListElement' itemscope='itemscope' itemtype='https://schema.org/ListItem'>
  <a expr:href='data:blog.homepageUrl' itemprop='item' title='Home'>
  <meta content='1' itemprop='position'/>
  <span itemprop='name'><b:switch var='data:blog.locale'><b:case value='id'/>Beranda<b:default/>Home</b:switch></span></a>
  </span> &amp;nbsp;&#8250;&amp;nbsp; 
  <span itemprop='itemListElement' itemscope='itemscope' itemtype='https://schema.org/ListItem'>
  <meta expr:content='data:num+2' itemprop='position'/>
  <a expr:href='data:blog.url' expr:title='data:post.url' itemprop='item'>
    <span itemprop='name'><data:blog.pageName/></span>
  </a>
  </span>
 </div>
</b:if>
</b:includable>
 



BACA JUGA:


4. Klik Simpan Tema dan Selesai.

Langkah Selanjutnya, silahkan Anda cek di Search Console dan klik menu Breadcrumb.


5. Langkah Selanjutnya, silahkan Anda cek di Search Console dan klik menu Breadcrumb.

Setelah itu, Anda tinggal menunggu pesan atau notifikasi perbaikan yang akan dikirimkan melalui email blog setelah divalidasi.

Semoga artikel tentang Cara cepat Memperbaiki Error Breadcrumb di Google Search Console bisa membantu Anda.
Selamat Mencoba!
Semoga Bermanfaat!