Dewa Blogger: Hasil penelusuran untuk menyortir-komentar-blogger-dari-yang-terbaru

Halaman

    Social Items

Seperti yang kita tahu, komentar blogger pada umumnya menyortir komentar dari komentar usang yang posisinya di atas dan komentar gres yang posisinya paling bawah. Nah bagaimana jikalau posisi komentar terbaru itu dibalik? Tumpah? 😅 nggak lah... Posisi komentar diurutkan dari yang terbaru, jadi posisi komentar terbaru akan berada di atas komentar lama.

 pada umumnya menyortir komentar dari komentar usang yang posisinya di atas dan komentar ba Cara Menyortir Komentar Blogger dari yang Terbaru


Bagaimana caranya? Caranya sangat mudah, silakan lakukan langkah gampang di bawah ini.

Cara Menyortir Komentar Blogger dari yang Terbaru


Di sini saya memanfaatkan tag HTML reversed yang memungkinkan untuk menyortir komentar dari yang terbaru, menyerupai fitur pada sistem komentar Disqus. Walaupun memang sistem komentar Disqus lebih kaya akan fiturnya, namun jikalau teman lebih nyaman memakai sistem komentar Custom Blogger tidak ada salahnya mencoba trik ini.

Seperti biasa, buka Blogger > Klik hidangan Tema > Klik tombol Edit HTML, lalu cari semua aba-aba di bawah ini

<b:loop values='data:post.comments' var='comment'>

Ganti semua aba-aba di atas dengan aba-aba ini

<b:loop reverse='1' values='data:post.comments' var='comment'>

Selanjutnya klik tombol Simpan Tema dan selesai.

Kuncinya ada pada aba-aba yang saya tandai, silakan tambahkan aba-aba tersebut pada markup lain yang mempunyai tag list OL atau UL.

Trik ini sudah saya coba dan berhasil untuk sistem komentar Blogger Custom, tapi sesudah saya coba di sistem komentar bawaan Blogger bukan Custom tidak berjalan dengan baik. Untuk kesudahannya dapat di cek di link di bawah ini.


Itulah tips sederhana Cara Menyortir Komentar Blogger dari yang Terbaru, terima kasih sudah berkunjung dan wassalam.



Cara Menyortir Komentar Blogger Dari Yang Terbaru

Pembaharuan 1 September 2018: Berbagai perubahan dan fitur gres telah ditambahkan untuk memenuhi tuntutan para pengguna. Beberapa diskusi yang terdapat di dalam ruang komentar mungkin sudah tidak relevan lagi dengan isi artikel.

 Berbagai perubahan dan fitur gres telah ditambahkan untuk memenuhi tuntutan para pengguna Widget Daftar Isi Akordion untuk Blogger

Kali ini Saya akan memperkenalkan widget daftar isi akordion menurut label sehabis sebelumnya Saya pernah menuliskan wacana widget daftar isi akordion menurut bulan terbit:

Lihat Demo


Integrasi Widget ke Blogger

Memasang widget ini memerlukan kemampuan dasar dalam membaca dan menulis instruksi HTML. Jika Anda termasuk kategori penulis blog yang masih bergantung pada perangkat tulis WYSIWYG atau pada mode Compose dalam editor Blogger, mungkin Anda perlu mempelajari dasar-dasar penulisan instruksi HTML terlebih dahulu sebelum menerapkan widget ini. Sebuah blog dari Niagahoster menyediakan tutorial dasar wacana pemahaman instruksi HTML untuk pemula dimulai dari persiapan alat sampai pengenalan banyak sekali tag dan atribut HTML dasar, terutama yang sangat umum dijumpai pada konten sebuah artikel menyerupai format judul, imbas abjad tebal dan miring, serta klarifikasi wacana cara menyisipkan tautan dan gambar. Anda bisa membacanya di Belajar HTML.

Pertama-tama klik sajian Laman pada bilah sisi. Kemudian, pada sajian Laman Baru pilihlah Laman Kosong:

 Berbagai perubahan dan fitur gres telah ditambahkan untuk memenuhi tuntutan para pengguna Widget Daftar Isi Akordion untuk Blogger
Menambahkan halaman statis baru

Setelah itu Anda akan melihat formulir halaman statis menyerupai ini. Klik mode HTML:

 Berbagai perubahan dan fitur gres telah ditambahkan untuk memenuhi tuntutan para pengguna Widget Daftar Isi Akordion untuk Blogger
Pilih mode HTML

Salin instruksi di bawah ini lalu letakkan di dalam formulirnya:

<link href="//dte-project.github.io/blogger/stacked-toc/248ab0.min.css" rel="stylesheet"> <script src="//dte-project.github.io/blogger/stacked-toc.min.js?url=http://dte-feed.blogspot.com&amp;active=0"></script>

Ganti URL yang Saya beri tanda dengan alamat blog Anda lalu klik Publikasikan.

Menghilangkan parameter url akan menciptakan widget ini secara otomatis memilih URL halaman muka menurut URL pada bilah alamat. Berkas 248ab0.min.css yaitu berkas tema. Anda bisa menghapus berkas tersebut jikalau Anda ingin menciptakan tema sendiri:

<style> /* KODE TEMA KUSTOM */ </style> <script src="//dte-project.github.io/blogger/stacked-toc.min.js?active=0"></script>

Pengaturan

Opsi Keterangan
url Ganti nilainya dengan alamat blog Anda atau alamat blog orang lain yang ingin Anda tampilkan kontennya.
id Alternatif untuk memilih sumber data selain dengan url. Ganti nilainya dengan ID blog Anda atau ID blog orang lain yang ingin Anda tampilkan kontennya. ID harus dituliskan sebagai string. Menambahkan parameter id akan mengabaikan nilai parameter url. Contoh: id="4890949828965961610"
direction Direksi teks pada blog Anda. Nilainya bisa berupa "ltr" atau "rtl".
container Selektor CSS untuk memilih di mana widget akan ditampilkan. Menghilangkan parameter ini akan menciptakan widget secara otomatis menempatkan widget sempurna sebelum tag <script> yang Anda sisipkan.
active Digunakan untuk memilih urutan panel yang akan aktif ketika pertama kali halaman dimuat. Nilai 0 akan menciptakan panel di urutan pertama menjadi aktif. Nilai "Musim Gugur" akan menciptakan panel dengan label Musim Gugur menjadi aktif.
toggle Digunakan untuk memilih sifat panel ketika diklik. Menentukan nilai true akan menciptakan panel yang aktif menutup dirinya sendiri ketika Anda mengeklik panel tersebut, atau ketika Anda mengeklik panel yang lainnya. Menentukan nilai false akan menciptakan panel yang aktif menutup hanya ketika Anda mengeklik panel yang lainnya. Menentukan nilai -1 akan menciptakan panel yang aktif menutup dirinya sendiri hanya ketika Anda mengeklik panel tersebut; panel-panel yang lain tidak akan terpengaruh.
hide Tentukan nama-nama label yang tidak ingin Anda tampilkan.
date Ganti nilainya menjadi false untuk menyembunyikan waktu penerbitan artikel. Selain itu akan dianggap sebagai format waktu penerbitan: %Y% untuk menampilkan angka tahun, %M% untuk menampilkan angka bulan, %D% untuk menampilkan angka hari, %h% untuk menampilkan angka jam format 12, %m% untuk menampilkan angka menit, %s% untuk menampilkan angka detik, %M % untuk menampilkan nama bulan, %D % untuk menampilkan nama hari, %h % untuk menampilkan angka jam format 24, dan %?% untuk menampilkan keterangan waktu format 12; nilainya bisa berupa "AM" atau "PM" tergantung dari data text[midday].
excerpt Ganti nilainya menjadi true untuk menampilkan ringkasan artikel. Atau gunakan angka untuk memilih maksimal karakter yang akan ditampilkan dalam ringkasan artikel sebelum diakhiri oleh karakter .
image Ganti nilainya menjadi true untuk menampilkan gambar artikel. Atau gunakan angka untuk memilih ukuran lebar dan tinggi gambar. Anda juga bisa memakai parameter standar gambar Google untuk memanipulasi ukuran, menyerupai "s100", "s100-c", dan "w100-h50".
target Jika bernilai "_blank", semua tautan akan terbuka di tab/jendela gres ketika diklik.
load Digunakan untuk memilih waktu penundaan pemuatan JSON. Tentukan sebagai angka untuk waktu penundaan memuat dalam satuan milidetik atau true semoga widget ini memuat sehabis keseluruhan halaman telah selesai termuat.
sort false untuk menyortir artikel secara normal menurut bulan terbit, 1 untuk menyortir artikel dari A ke Z, -1 untuk menyortir artikel dari Z ke A.
recent false untuk menyembunyikan tanda New!. Ganti dengan angka untuk memilih berapa banyak artikel terbaru yang ingin ditandai dengan label New!.
text[recent] Markup HTML bebas untuk menciptakan label New! pada artikel-artikel terbaru.
text[months] Digunakan untuk memilih nama-nama bulan sesuai dengan sistem kalender di negara daerah Anda tinggal.
text[days] Digunakan untuk memilih nama-nama hari sesuai dengan sistem kalender di negara daerah Anda tinggal.

Contoh

Menampilkan gambar dan ringkasan:

<script src="stacked-toc.min.js?excerpt=200&amp;image=80"></script>

Membuat panel ke tiga aktif ketika pertama kali halaman dimuat:

<script src="stacked-toc.min.js?active=2"></script>

Membuat panel dengan label Iklan aktif ketika pertama kali halaman dimuat:

<script src="stacked-toc.min.js?active=Iklan"></script>

Menyembunyikan panel dengan label Iklan dan Tautan:

<script src="stacked-toc.min.js?hide=["Iklan","Tautan"]"></script>
<script src="stacked-toc.min.js?hide[0]=Iklan&amp;hide[1]=Tautan"></script>

Memodifikasi format waktu penerbitan (karakter % harus diubah menjadi %25):

<script src="stacked-toc.min.js?date=%25Y%25-%25M%25-%25D%25%20%25h%25%3A%25m%25%3A%25s%25"></script>

Menentukan kontainer spesifik (karakter # harus diubah menjadi %23):

<script src="stacked-toc.min.js?container=%23content"></script>

Kemudian, pada suatu tempat, Anda buat elemen HTML menyerupai ini:

<div id="content"></div>

Gunakan alat ini untuk mempermudah dalam mengubah karakter mentah menjadi karakter yang kondusif untuk URL.


Animasi

Fitur animasi pada widget ini sudah tidak lagi dibentuk memakai API jQuery, melainkan hanya memanfaatkan fitur CSS3 transisi. Anda bisa memodifikasi kecepatan dan percepatan animasi dengan cara menyerupai ini:

<style> .stacked-toc-panel {   /* `ease-in-out-quart` */   -webkit-transition-timing-function:cubic-bezier(.77,0,.18,1);   -moz-transition-timing-function:cubic-bezier(.77,0,.18,1);   transition-timing-function:cubic-bezier(.77,0,.18,1);   /* ½ detik */   -webkit-transition-duration:.5s;   -moz-transition-duration:.5s;   transition-duration:.5s; } </style> <script src="stacked-toc.min.js?active=0"></script>

Contoh


Sumber https://www.dte.web.id/

Widget Daftar Isi Akordion Untuk Blogger

Pembaharuan 13 Agustus 2018: Berbagai perubahan dan fitur gres telah ditambahkan untuk memenuhi tuntutan para pengguna. Beberapa diskusi yang terdapat di dalam ruang komentar mungkin sudah tidak relevan lagi dengan isi artikel.

 Berbagai perubahan dan fitur gres telah ditambahkan untuk memenuhi tuntutan para pengguna Widget Daftar Isi Tabulasi untuk Blogger

Berikut ini yaitu sebuah widget daftar isi blog berbentuk tabulasi. Widget ini terdiri dari dua bilah sisi berupa daftar label dan daftar artikel. Setiap nama label akan menjadi tab, sedangkan daftar artikel akan menjadi panel tab yang akan tampil setiap kali tab diklik:

Lihat Demo


Integrasi Widget ke Blogger

Pertama-tama klik sajian Laman pada bilah sisi. Kemudian, pada sajian Laman Baru pilihlah Laman Kosong:

 Berbagai perubahan dan fitur gres telah ditambahkan untuk memenuhi tuntutan para pengguna Widget Daftar Isi Tabulasi untuk Blogger
Menambahkan halaman statis baru

Setelah itu Anda akan melihat formulir halaman statis ibarat ini. Klik mode HTML:

 Berbagai perubahan dan fitur gres telah ditambahkan untuk memenuhi tuntutan para pengguna Widget Daftar Isi Tabulasi untuk Blogger
Pilih mode HTML

Salin isyarat di bawah ini lalu letakkan di dalam formulirnya:

<link href="//dte-project.github.io/blogger/tabbed-toc/224c19.min.css" rel="stylesheet"> <script src="//dte-project.github.io/blogger/tabbed-toc.min.js?url=http://dte-feed.blogspot.com&amp;active=0"></script>

Ganti URL yang Saya beri tanda dengan alamat blog Anda lalu klik Publikasikan.

Menghilangkan parameter url akan menciptakan widget ini secara otomatis memilih URL halaman muka menurut URL pada bilah alamat. Berkas 224c19.min.css yaitu berkas tema. Anda sanggup menghapus berkas tersebut bila Anda ingin menciptakan tema sendiri:

<style> /* KODE TEMA KUSTOM */ </style> <script src="//dte-project.github.io/blogger/tabbed-toc.min.js?active=0"></script>

Pengaturan

Opsi Keterangan
url Ganti nilainya dengan alamat blog Anda atau alamat blog orang lain yang ingin Anda tampilkan kontennya.
id Alternatif untuk memilih sumber data selain dengan url. Ganti nilainya dengan ID blog Anda atau ID blog orang lain yang ingin Anda tampilkan kontennya. ID harus dituliskan sebagai string. Menambahkan parameter id akan mengabaikan nilai parameter url. Contoh: id="4890949828965961610"
direction Direksi teks pada blog Anda. Nilainya sanggup berupa "ltr" atau "rtl".
container Selektor CSS untuk memilih di mana widget akan ditampilkan. Menghilangkan parameter ini akan menciptakan widget secara otomatis menempatkan widget sempurna sebelum tag <script> yang Anda sisipkan.
active Digunakan untuk memilih urutan tab yang akan aktif dikala pertama kali halaman dimuat. Nilai 0 akan menciptakan tab di urutan pertama menjadi aktif. Nilai "Musim Gugur" akan menciptakan tab dengan label Musim Gugur menjadi aktif.
hide Tentukan nama-nama label yang tidak ingin Anda tampilkan.
date Ganti nilainya menjadi false untuk menyembunyikan waktu penerbitan artikel. Selain itu akan dianggap sebagai format waktu penerbitan: %Y% untuk menampilkan angka tahun, %M% untuk menampilkan angka bulan, %D% untuk menampilkan angka hari, %h% untuk menampilkan angka jam format 12, %m% untuk menampilkan angka menit, %s% untuk menampilkan angka detik, %M % untuk menampilkan nama bulan, %D % untuk menampilkan nama hari, %h % untuk menampilkan angka jam format 24, dan %?% untuk menampilkan keterangan waktu format 12; nilainya sanggup berupa "AM" atau "PM" tergantung dari data text[midday].
excerpt Ganti nilainya menjadi true untuk menampilkan ringkasan artikel. Atau gunakan angka untuk memilih maksimal huruf yang akan ditampilkan dalam ringkasan artikel sebelum diakhiri oleh huruf .
image Ganti nilainya menjadi true untuk menampilkan gambar artikel. Atau gunakan angka untuk memilih ukuran lebar dan tinggi gambar. Anda juga sanggup memakai parameter standar gambar Google untuk memanipulasi ukuran, ibarat "s100", "s100-c", dan "w100-h50".
target Jika bernilai "_blank", semua tautan akan terbuka di tab/jendela gres dikala diklik.
load Digunakan untuk memilih waktu penundaan pemuatan JSON. Tentukan sebagai angka untuk waktu penundaan memuat dalam satuan milidetik atau true semoga widget ini memuat sesudah keseluruhan halaman telah selesai termuat.
sort false untuk menyortir artikel secara normal menurut bulan terbit, 1 untuk menyortir artikel dari A ke Z, -1 untuk menyortir artikel dari Z ke A.
recent false untuk menyembunyikan tanda New!. Ganti dengan angka untuk memilih berapa banyak artikel terbaru yang ingin ditandai dengan label New!.
text[recent] Markup HTML bebas untuk menciptakan label New! pada artikel-artikel terbaru.
text[months] Digunakan untuk memilih nama-nama bulan sesuai dengan sistem kalender di negara kawasan Anda tinggal.
text[days] Digunakan untuk memilih nama-nama hari sesuai dengan sistem kalender di negara kawasan Anda tinggal.

Contoh

Menampilkan gambar dan ringkasan:

<script src="tabbed-toc.min.js?excerpt=200&amp;image=80"></script>

Membuat tab ke tiga aktif dikala pertama kali halaman dimuat:

<script src="tabbed-toc.min.js?active=2"></script>

Membuat tab dengan label Iklan aktif dikala pertama kali halaman dimuat:

<script src="tabbed-toc.min.js?active=Iklan"></script>

Menyembunyikan tab dengan label Iklan dan Tautan:

<script src="tabbed-toc.min.js?hide=["Iklan","Tautan"]"></script>
<script src="tabbed-toc.min.js?hide[0]=Iklan&amp;hide[1]=Tautan"></script>

Memodifikasi format waktu penerbitan (karakter % harus diubah menjadi %25):

<script src="tabbed-toc.min.js?date=%25Y%25-%25M%25-%25D%25%20%25h%25%3A%25m%25%3A%25s%25"></script>

Menentukan kontainer spesifik (karakter # harus diubah menjadi %23):

<script src="tabbed-toc.min.js?container=%23content"></script>

Kemudian, pada suatu tempat, Anda buat elemen HTML ibarat ini:

<div id="content"></div>

Gunakan alat ini untuk mempermudah dalam mengubah huruf mentah menjadi huruf yang kondusif untuk URL.

Menyembunyikan iklan:

<script src="tabbed-toc.min.js?ad=false"></script>

Widget ini Saya buat sebagai isyarat sumber yang terbuka sehingga Saya intinya tidak menghasilkan laba apa-apa secara finansial. Ada baiknya Anda bersedia membantu Saya untuk membuatkan alamat web ini dengan cara tidak memilih nilai parameter ad sebagai false atau dengan cara berinisiatif memasang iklan pada web ini. Dengan begitu Saya sanggup terus termotivasi untuk mengembangkan widget-widget yang ada. Menentukan nilai berupa angka akan menciptakan tautan web ini muncul setiap N sekali dimana N mempunyai arti seberapa banyak pengunjung yang sama memuat ulang halaman Anda:

<script src="tabbed-toc.min.js?ad=10"></script>

Contoh


Sumber https://www.dte.web.id/

Widget Daftar Isi Tabulasi Untuk Blogger