Cara Pasang Fitur Reading Time (Minutes Read) di Blogger

Tugasiswa.com - Mungkin sebagian dari Anda pernah menemui beberapa blog atau situs web yang menggunakan fitur Reading Time di halaman-halaman mereka. 

Umumnya, fitur ini muncul di bawah judul postingan, baik itu di halaman utama blog atau halaman postingan individual. 

Biasanya, fitur Reading Time ini terletak di sebelah profil admin dan menunjukkan estimasi waktu baca, misalnya 3 Menit Membaca. 

Angkanya dapat bervariasi mulai dari 1 hingga angka lainnya, tergantung pada perkiraan waktu yang diberikan.

Pertama kali saya melihat fitur ini, saya mengira bahwa tujuannya adalah untuk menunjukkan kapan artikel tersebut terakhir dibaca oleh pengunjung dalam beberapa menit terakhir. 

Namun, ternyata pemahaman saya salah. Fitur Reading Time sebenarnya dirancang untuk menampilkan perkiraan atau rata-rata waktu yang dibutuhkan oleh pembaca untuk membaca artikel tersebut. 

Dengan memasang fitur ini, harapannya adalah pembaca akan lebih terdorong untuk menghabiskan lebih banyak waktu dalam membaca artikel.

Jika pengunjung meluangkan waktu lebih lama untuk membaca postingan, ini dapat memberikan dampak positif dengan mengurangi tingkat bounce rate blog kita. 

Selain itu, keberadaan fitur ini juga dapat meningkatkan daya tarik visual blog, membuat pengunjung betah untuk menjelajah dan membaca lebih banyak artikel. 

Semakin populer blog kita dan semakin banyak kunjungan, maka manfaat yang dapat kita peroleh akan semakin besar.

Cara Menebalkan Judul Widget

Font Weight / Ketebalan Judul widget template Plus UI 2.6.2 dapat mempengaruhi tingkat fokus pengunjung blog, begini cara menebalkannya:

1. Buka Dashboard Blogger
2. Klik Tema
3. Tekan icon Segitiga Terbalik
4. Pilih Edit HTML

   
   
   
5. Cari kode ]]></b:skin> atau </style>
6. Letakkan kode berikut di atasnya
   

   span.right {text-transform:uppercase;float:right;display:inline-block;padding:10px 5px;}

7. Lalu cari kode </body>
8. Copy-Paste kode berikut di atasnya
   

   <script type='text/javascript'>

   //<![CDATA[

   // Reading Time Author: Michael Lynch http://michaelynch.com Licensed under the MIT license

   !function(e){e.fn.readingTime=function(n){var t={readingTimeTarget:".eta",wordCountTarget:null,wordsPerMinute:270,round:!0,lang:"en",lessThanAMinuteString:"",prependTimeString:"",prependWordString:"",remotePath:null,remoteTarget:null,success:function(){},error:function(){}},i=this,r=e(this);i.settings=e.extend({},t,n);var a=i.settings;if(!this.length)return a.error.call(this),this;if("it"==a.lang)var s=a.lessThanAMinuteString||"Meno di un minuto",l="min";else if("fr"==a.lang)var s=a.lessThanAMinuteString||"Moins d'une minute",l="min";else if("de"==a.lang)var s=a.lessThanAMinuteString||"Weniger als eine Minute",l="min";else if("es"==a.lang)var s=a.lessThanAMinuteString||"Menos de un minuto",l="min";else if("nl"==a.lang)var s=a.lessThanAMinuteString||"Minder dan een minuut",l="min";else if("sk"==a.lang)var s=a.lessThanAMinuteString||"Menej než minútu",l="min";else if("cz"==a.lang)var s=a.lessThanAMinuteString||"Méně než minutu",l="min";else if("hu"==a.lang)var s=a.lessThanAMinuteString||"Kevesebb mint egy perc",l="perc";else var s=a.lessThanAMinuteString||"Less than a minute",l="min";var u=function(n){if(""!==n){var t=n.trim().split(/\s+/g).length,i=a.wordsPerMinute/60,r=t/i;if(a.round===!0)var u=Math.round(r/60);else var u=Math.floor(r/60);var g=Math.round(r-60*u);if(a.round===!0)u>0?e(a.readingTimeTarget).text(a.prependTimeString+u+" "+l):e(a.readingTimeTarget).text(a.prependTimeString+s);else{var o=u+":"+g;e(a.readingTimeTarget).text(a.prependTimeString+o)}""!==a.wordCountTarget&&void 0!==a.wordCountTarget&&e(a.wordCountTarget).text(a.prependWordString+t),a.success.call(this)}else a.error.call(this,"The element is empty.")};r.each(function(){null!=a.remotePath&&null!=a.remoteTarget?e.get(a.remotePath,function(n){u(e("<div>").html(n).find(a.remoteTarget).text())}):u(r.text())})}}(jQuery);

   $(function(){$('.post-body').readingTime();});

   //]]>

   </script>
9. Terakhir letakkan kode berikut tepat di bawah  fitur Nama Penulis (Post Author) atau Tanggal Postingan (Post Info)
   

   <span class='right'><svg style="width:24px;height:24px" viewBox="0 0 24 24">

       <path fill="currentColor" d="M12 20C16.4 20 20 16.4 20 12S16.4 4 12 4 4 7.6 4 12 7.6 20 12 20M12 2C17.5 2 22 6.5 22 12S17.5 22 12 22C6.5 22 2 17.5 2 12C2 6.5 6.5 2 12 2M12.5 7V13H7V11.5H11V7H12.5Z" />

   </svg> <span class='eta'/> Read</span>
10. Keterangan:
    

    width:24px;height:24px = ubah ukuran icon
    Read = bisa diganti dengan kata lain

11. Simpan Tema
12. Selesai

DEMO JASA

Demikian Cara Pasang Fitur Reading Time (Minutes Read) di Blogger, jika berhasil berikan bintang 5 pada kotak Donasi di bawah. Semoga bermanfaat.