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

12 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🫡🫡
  • Baca komik
    Wednesday, May 22, 2024
    Profile: https://www.blogger.com/profile/05583155505950172982
    Min mau nanya cara supaya gambarnya muncul semua gimana? Kan itu cuman 1 doank yg muncul gambarnya
    const imgUrlsArr = [
    "https://raw.githubusercontent.com/Dimterion/PoTW-GO/master/src/assets/images/start_screen_image_01.jpg",
    "https://raw.githubusercontent.com/Dimterion/PoTW-GO/master/src/assets/images/start_screen_image_02.jpg",
    "https://raw.githubusercontent.com/Dimterion/PoTW-GO/master/src/assets/images/start_screen_image_03.jpg",
    "https://raw.githubusercontent.com/Dimterion/PoTW-GO/master/src/assets/images/start_screen_image_03.jpg",
    "https://raw.githubusercontent.com/Dimterion/PoTW-GO/master/src/assets/images/start_screen_image_03.jpg",
    "https://raw.githubusercontent.com/Dimterion/PoTW-GO/master/src/assets/images/start_screen_image_03.jpg"
    ];
    const articleContainer = document.getElementById("article-container");

    articleContainer.innerHTML = `<img src="${imgUrlsArr[0]}" class="image" />`;
    • Шош. Сом
      Wednesday, May 22, 2024
      Profil: https://www.blogger.com/profile/11131198046075365419
      gunakan fungsi forEach.
      const imgUrlsArr = [
      "https://raw.githubusercontent.com/Dimterion/PoTW-GO/master/src/assets/images/start_screen_image_01.jpg",
      "https://raw.githubusercontent.com/Dimterion/PoTW-GO/master/src/assets/images/start_screen_image_02.jpg",
      "https://raw.githubusercontent.com/Dimterion/PoTW-GO/master/src/assets/images/start_screen_image_03.jpg",
      "https://raw.githubusercontent.com/Dimterion/PoTW-GO/master/src/assets/images/start_screen_image_03.jpg",
      "https://raw.githubusercontent.com/Dimterion/PoTW-GO/master/src/assets/images/start_screen_image_03.jpg",
      "https://raw.githubusercontent.com/Dimterion/PoTW-GO/master/src/assets/images/start_screen_image_03.jpg"
      ];
      const articleContainer = document.getElementById("article-container");
      let html = '';

      imgUrlsArr.forEach(item => {
      html += `<img src="${item}" class="image" />`;
      });

      articleContainer.innerHTML = html;
  • Jiじ
    Saturday, June 01, 2024
    Profile: https://www.blogger.com/profile/09886452788688705534
    Ka bisa dipasang ke blog yg private reader gak?