Membuat Log Update Postingan Seperti Web Bakadame - Blogger

Pertama silahkan pasang BloggerScript V3 terlebih dahulu. Atau pasang script berikut di atas tag </head> . <script src='https://cdn.jsdeli…

Pertama silahkan pasang BloggerScript V3 terlebih dahulu. Atau pasang script berikut di atas tag </head>.

<script src='https://cdn.jsdelivr.net/gh/siwaluh/BloggerScript@main/main/BloggerScript.min.js'></script>
Abaikan jika BloggerScript sudah terpasang.

Kedua pasang css berikut di atas tag </b:skin> atau </style>.

.logUpdateBakadame{height:auto;margin:5px 0;max-height:300px;overflow:auto;white-space:normal;width:100%;font-size:14px;text-align:left;padding-right:10px}.logUpdateBakadame li,.logUpdateBakadame ul{list-style:none;padding:0;margin:0}.logUpdateBakadame h5{border-radius:4px;background:#9a3c3c;color:#fff;FONT-WEIGHT:BOLD;font-size:22px;font-variant:all-small-caps;padding:5px 0 5px 10px;line-height:25px;margin-top:21px;margin-bottom:11px}.logUpdateBakadame li{font-size:14px;line-height:21px;color:#fff;transition:color .3s}.logUpdateBakadame li a{color:#fff;transition:color .3s;text-decoration:none}.logUpdateBakadame li a:hover,.logUpdateBakadame li:hover{color:#ff6464}.logUpdateBakadame .blink{font-weight:700;color:#ff6464;-moz-animation:blink 1s ease infinite!important;animation:blink 1s ease infinite!important}@keyframes blink{50%{opacity:0}}

Ketiga pasang script berikut di atas tag </body>.

<script type='text/javascript'>/*<![CDATA[*/
  (function(t){function e(t){let e={},l=[];for(var a in t.forEach(t=>{let l=t.date;l in e?e[l].posts.push(t):e[l]={id:t.date,posts:[t]}}),e)l.push(e[a]);return l}let l=t.querySelectorAll(".logUpdateBakadame");l.length>0&&l.forEach(t=>{let l=t.getAttribute("data-label"),a=t.getAttribute("data-jumlah"),n=new BloggerScript({label:l,jumlah:a,orderby:"updated",feed:"summary"});n.run(l=>{let a=e(l),n="";a.length>0&&a.forEach(t=>{let e="<ul>";t.posts.forEach(t=>{e+='<li><span>+</span> <a href="'+t.link+'" title="'+t.title+'">'+t.title+'</a> - <span class="blink">New!!</span></li>'}),e+="</ul>",n+="<h5>"+t.id+"</h5>"+e}),t.innerHTML=n})})})(document);
/*]]>*/</script>

Terakhir pasang kode berikut dimana saja untuk menampilkan log update nya.

<div class='logUpdateBakadame' data-label='nama_label' data-jumlah='jumlah_posingan'></div>
Ganti yang ditandai sesuai keterangan.
19
Membuat Log Update Postingan Seperti Web Bakadame - Blogger
Membuat Log Update Postingan Seperti Web Bakadame - Blogger
Pertama silahkan pasang BloggerScript V3 terlebih dahulu. Atau pasang script berikut di atas tag </head> . <script src='https://cdn.jsdeli…
Bagikan ke aplikasi lainnya:
  • WhatsApp
  • Telegram
  • Facebook
  • Twitter
  • Pinterest
  • LinkedIn

Artikel Terkait

19 komentar

  • Menulis kode gunakan <i>kode</i> (kode harus di parse)
  • Menulis dalam syntax highlighter gunakan <em>kode panjang</em> (kode harus di-parse)
  • Menyisipkan gambar gunakan <strong>URL GAMBAR</strong> (ekstensi .jpg, .png, .gif, .webp, .ico)
  • Centang Beri Tahu Saya untuk mendapatkan notifikasi ke email saat ada yang membalas komentar.
  • Y-san
    Monday, May 20, 2024
    Profile: https://www.blogger.com/profile/09610500360669509878
    Ty min... Btw ini cara kerjanya gimana ? Tiap ku update bakalan muncul di log updatenya? Nanti coba sih, lagi ga pegang laptop soalnya
    • Y-san
      Monday, May 20, 2024
      Profil: https://www.blogger.com/profile/09610500360669509878
      Jadi kalo kutambah link volume/batch dipostnya bakalan muncul di lognya?
    • Шош. Сом
      Monday, May 20, 2024
      Profil: https://www.blogger.com/profile/11131198046075365419
      seperti didemo menampilkan postingan terbaru sesuai label yang dipilih.
    • Y-san
      Monday, May 20, 2024
      Profil: https://www.blogger.com/profile/09610500360669509878
      Oh, oke... Cuma log update yg kumaksud itu buat web batch/volume kyk bakadame.com atau meganei.net yg cuma pake 1 post aja... Karna kan klo kita update kyk nambah batch gitu, klo ga diatur waktunya ga bakal muncul diberanda... Jadinya pake log update biar orng tau klo post lama udh diupdate
    • Y-san
      Monday, May 20, 2024
      Profil: https://www.blogger.com/profile/09610500360669509878
      Maaf klo direq tdi ku ga jelaskan
    • Y-san
      Monday, May 20, 2024
      Profil: https://www.blogger.com/profile/09610500360669509878
      Sebenernya dulu pernah Nemu, klo ga slh dibikin sama yg punya projectxcode seingatku... Cuma webnya udh ga ada... Dan codenya dulu ga kusimpan...
    • Шош. Сом
      Monday, May 20, 2024
      Profil: https://www.blogger.com/profile/11131198046075365419
      Script diatas udh menampilkan postingan terupdate. Jadi gak perlu atur tanggal lagi.
    • Y-san
      Monday, May 20, 2024
      Profil: https://www.blogger.com/profile/09610500360669509878
      Oke min🫡🫡
  • Jiじ
    Saturday, June 01, 2024
    Profile: https://www.blogger.com/profile/09886452788688705534
    Ka bisa dipasang ke blog yg private reader gak?
  • meganei.net
    Thursday, August 08, 2024
    Profile: https://www.blogger.com/profile/13569824369951035662
    Min untuk css yg di atas style kalau dipasang emang hitam semua ya tulisan nya
    • Dayat
      Thursday, August 08, 2024
      Profil: https://www.blogger.com/profile/02480525259652322034
      atur warna text tambahkan css ini.
      .logUpdateBakadame li a {
      color: red;
      }
    • meganei.net
      Thursday, August 08, 2024
      Profil: https://www.blogger.com/profile/13569824369951035662
      https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixuyELhgXePtyDmXLTRKyya9CA75cdOWQz3uM_BshPpx1UZmGGvGY46MJ2BZ6LlZDLq4y_i007L97b8uCdEEwOB7We80Z_nrUr0MWoKkGh9klB7rS2xRd3-xA4dsAfGH0jU5SGOZDh-FKI3hCPD5HuzW_4As8aQ3yb3ZGbnV0jOKTfdUPbBcI0pDpR38I/s1600/CHB42.png

      Maksud saya ini css nya warna hitam emang?
    • meganei.net
      Thursday, August 08, 2024
      Profil: https://www.blogger.com/profile/13569824369951035662
      https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixuyELhgXePtyDmXLTRKyya9CA75cdOWQz3uM_BshPpx1UZmGGvGY46MJ2BZ6LlZDLq4y_i007L97b8uCdEEwOB7We80Z_nrUr0MWoKkGh9klB7rS2xRd3-xA4dsAfGH0jU5SGOZDh-FKI3hCPD5HuzW_4As8aQ3yb3ZGbnV0jOKTfdUPbBcI0pDpR38I/s1600/CHB42.png
    • meganei.net
      Thursday, August 08, 2024
      Profil: https://www.blogger.com/profile/13569824369951035662
      Css nya gk ke detect, udah saya coba taruh skin sama aja hitam tulisan jya
    • meganei.net
      Thursday, August 08, 2024
      Profil: https://www.blogger.com/profile/13569824369951035662
      Udah min tinggal kasih CDATA di awal biar kedetect
  • meganei.net
    Friday, August 09, 2024
    Profile: https://www.blogger.com/profile/13569824369951035662
    Waduh bang, gk bisa di pakai di tempate komikav ya? Aku kasih label di manga chapter malah menu pilih chapter gk karuan, ikut label update
    • meganei.net
      Friday, August 09, 2024
      Profil: https://www.blogger.com/profile/13569824369951035662
      Jadi mau aku kasih label Update, biar gk rubah post lain, kalau ada chapter baru tinggal nulis label update :(
    • Dayat
      Saturday, August 10, 2024
      Profil: https://www.blogger.com/profile/02480525259652322034
      Buka Tata letak, pilih tambahkan widget, pilih lagi widget HTML, masukkan ini.
      <style>.logUpdateBakadame{height:auto;margin:5px 0;max-height:300px;overflow:auto;white-space:normal;width:100%;font-size:14px;text-align:left;padding-right:10px}.logUpdateBakadame li,.logUpdateBakadame ul{list-style:none;padding:0;margin:0}.logUpdateBakadame h5{border-radius:4px;background:#9a3c3c;color:#fff;FONT-WEIGHT:BOLD;font-size:22px;font-variant:all-small-caps;padding:5px 0 5px 10px;line-height:25px;margin-top:21px;margin-bottom:11px}.logUpdateBakadame li{font-size:14px;line-height:21px;color:#fff;transition:color .3s}.logUpdateBakadame li a{color:#fff;transition:color .3s;text-decoration:none}.logUpdateBakadame li a:hover,.logUpdateBakadame li:hover{color:#ff6464}.logUpdateBakadame .blink{font-weight:700;color:#ff6464;-moz-animation:blink 1s ease infinite!important;animation:blink 1s ease infinite!important}@keyframes blink{50%{opacity:0}}</style>

      <div class='logUpdateBakadame' data-label='Manga Chapter' data-jumlah='10'></div>

      <script type='text/javascript'>/*<![CDATA[*/
      (function(t){function e(t){let e={},l=[];for(var a in t.forEach(t=>{let l=t.date;l in e?e[l].posts.push(t):e[l]={id:t.date,posts:[t]}}),e)l.push(e[a]);return l}let l=t.querySelectorAll(".logUpdateBakadame");l.length>0&&l.forEach(t=>{let l=t.getAttribute("data-label"),a=t.getAttribute("data-jumlah"),n=new BloggerScript({label:l,jumlah:a,orderby:"updated",feed:"summary"});n.run(l=>{let a=e(l),n="";a.length>0&&a.forEach(t=>{let e="<ul>";t.posts.forEach(t=>{e+='<li><span>+</span> <a href="'+t.link+'" title="'+t.title+'">'+t.title+'</a> - <span class="blink">New!!</span></li>'}),e+="</ul>",n+="<h5>"+t.id+"</h5>"+e}),t.innerHTML=n})})})(document);
      /*]]>*/</script>