Source Thema - Blogger Template Source Code Only

Source Thema - Blogger Template Source Code Only

Template Blogger Source Thema adalah template yang dirancang khusus untuk pengguna yang ingin mengatur semua kode HTML, CSS, dan JavaScript secara manual. Template ini tidak direkomendasikan untuk SEO atau optimasi mesin pencari lainnya

Get Started > Details
  • Details
  • Documentation
  • Changelog
  • FAQs

Description

Template Blogger Source Thema Merupakan Thema yang dibuat untuk Source Code Only, Semua Code HTML, CSS, JavaScript harus di atur dengan manual. Thema ini tidak di rekomendasikan untuk SEO atau sejenisnya.

Source All Material

  • https://cdnjs.com/libraries/jquery
  • https://releases.jquery.com
  • https://github.com/siwaluh/BloggerScript
  • https://github.com/siwaluh/Pagination
  • https://kenwheeler.github.io/slick
  • https://boxicons.com
  • https://pictogrammers.com/library/mdi/
  • https://fontawesome.com/
Versi
2.4.1
Last Update 24 Oktober 2024
Created 17 Juli 2022
Tema Blogger Versi 3
Tema Rasgane Gen 4
RTL Support Yes

Documentation

v2.4.1
  • Buat Postingan seperti biasa.
v1.0.1 ~ v2.4.0
  • Buat Postingan seperti biasa.
  • Dan tambahkan Label sesuai kode yang dipanggil. seperti Jquery 3.6.3, Font Awesome 6.2.1 dan seterusnya.
Name Deskripsi Example
Label Di gunakan untuk memanggil function dari sebuat kode Jquery 3.7.1 Jquery 3.7.0 Jquery 3.6.4 Jquery 3.6.3 Jquery 3.6.2 Jquery 3.6.1 Jquery 3.6.0 Jquery 2.2.4 Jquery 2.2.4 Owl Carousel Owl Carousel2 Slick Carousel Font Awesome 6.5.2 Font Awesome 6.5.1 Font Awesome 6.5.0 Font Awesome 6.4.2 Font Awesome 6.4.0 Font Awesome 6.3.0 Font Awesome 6.2.1 Font Awesome 6.2.0 Font Awesome 6.1.2 Font Awesome 5.15.4 Font Awesome 5.15.3 Font Awesome 5.15.2 Font Awesome 5.15.1 Pictogrammers Boxicons BloggerScript 3 BloggerScript 1.2 BloggerScript 1.1 BloggerScript 1.0 Pagination 1.0

Changelog

V.2.5.0 - Coming Soon

  • No Data

V.2.4.1 - 24 Oktober 2024

  • Perbaiki Meta Baru
  • Hapus Semua kode pemanggilan menggunakan label.

V.2.4.0 - 05 April 2024

  • Font Awesome 6.5.2
  • BloggerScript 3

V.2.3.0 - 09 Februari 2024

  • Font Awesome 6.4.2
  • Font Awesome 6.5.0
  • Font Awesome 6.5.1
  • Jquery 3.7.0
  • Jquery 3.7.1
  • BloggerScript 1.0
  • BloggerScript 1.1
  • BloggerScript 1.2
  • Pagination 1.0
  • Remove Utilities.css v1.0.0
  • Fix Responsive
  • Fix Structure Tema
  • Add Show Code

V.2.2.0 - 28 April 2023

  • CSS Utility Classes v1.0.0 by Rasgane

V.2.1.0 - 8 April 2023

  • Add Font Awesome 6.3.0
  • Add Font Awesome 6.4.0
  • Add Font Awesome 5.15.4
  • Add Font Awesome 5.15.3
  • Add Font Awesome 5.15.2
  • Add Font Awesome 5.15.1
  • Add Pictogrammers
  • Add Jquery 3.6.4
  • Fix Jquery No Support

V.2.0.0 - 24 Januari 2023

  • Remove License (Free Source Thema)
  • Add Jquery
  • Add Owl Carousel
  • Add Owl Carousel2
  • Add Slick Carousel
  • Add Font Awesome
  • Add Boxicons
  • Add BloggerScript

V.1.0.0 ~ v.1.9.9 - ???

  • No Data

FAQs

Cara Memasang Template Blogger

Tutorial bisa dilihat di postingan Cara Memasang Template Blogger

Comments

  1. Cara Membuat Postnya Bagaimana, Bree

    ReplyDelete
    Replies
    1. Dokumentasi Menyusul.

      1. Untuk post buat seperti biasa nya.
      2. Untuk memanggil fungsi atau Script nya gunakan label

      Support (Template V.2.0.0)
      Jquery 3.6.3
      Jquery 3.6.2
      Jquery 3.6.1
      Jquery 3.6.0
      Jquery 2.2.4
      Owl Carousel
      Owl Carousel2
      Slick Carousel
      BloggerScript
      Font Awesome 6.2.1
      Font Awesome 6.2.0
      Font Awesome 6.1.2
      Boxicons

      Delete
    2. Dokumentasinya Belum Adakah, Belum Ngerti Cara Postingnya

      Delete
    3. 1. Buat Post Seperti Biasanya.
      2. Tambahkan Label Sesuai dengan skrip yang ingin kalian gunakan, misal Font Awesome 6.3.0, Jquery 3.6.4, Slick Carousel, dll.

      Support :
      Owl Carousel, Owl Carousel2, Slick Carousel, Font Awesome, Boxicons, BloggerScript, Jquery 3.6.4, Jquery 3.6.3, Jquery 3.6.2, Jquery 3.6.1, Jquery 3.6.0, Jquery 2.2.4, Font Awesome 6.4.0, Font Awesome 6.3.0, Font Awesome 6.2.1, Font Awesome 6.2.0, Font Awesome 6.1.2, Font Awesome 5.15.4, Font Awesome 5.15.3, Font Awesome 5.15.2, Font Awesome 5.15.1, Pictogrammers.
      https://www.youtube.com/embed/pm9b_xojPCw

      Delete
    4. Jadi Paham Ada Tutorialnya, Terima kasih

      Delete
  2. hey min , i've added the kuloader sliderv2 but it is not working , there it shows only the preloader which keeping on loading but doesn't show up the content

    Screenshot : https://ibb.co/84b8zsV

    ReplyDelete
    Replies
    1. Place the loading code in the code where you want the slider to appear

      Delete
    2. any demonstration of how to do that ?

      Delete
    3. https://codepen.io/Ras-Game/pen/yLrGQOM

      Delete
    4. can you please a tutorial of how to install the slider v2 ?

      Delete
    5. Sorry, I can't help you at the moment, right now I'm creating a new theme

      Delete
    6. ok min eagerly waiting for it

      Delete
  3. hey min can you check this out : https://github.com/anix2040/Blogger/blob/main/ZMV5%20SLIDER%20V2%20MANUAL%20TO%20AUTOMATIC%20JAVASCRIPT

    ReplyDelete
    Replies
    1. i am getting some issues in the javascript , like the images look blurry on the slider and when clicked on mulai baca button it takes to the feed instead of post

      screen recording : https://filemoon.sx/d/gs4cvga1ncm1

      website link : https://premium-2theme.blogspot.com/

      Delete
    2. include the html code

      Delete
    3. here bro : https://github.com/wernayasa/Widget/blob/main/swiper-zeistmangav5.xml

      Delete
    4. okay hhh but the code you sent previously is connected? with this code. this code creates a manual slider using the Swiper. Do you want to create it automatically by pulling from a Blogger feed or something?

      Delete
    5. automatically it should take the posts from my blogger posts , i tried but the img resolution was low on swiper as well as when clicked on the swiper slider it took me to the feed url instead of the actual post .

      can you please solve these issues for making an automatic swiper

      Delete
    6. what tag is executed? and where will it be placed? in the code it doesn't exist. My suggestion is to make the new code better. The 2 codes you shared are not connected to each other.

      Delete
    7. sis it is fixed thanks to hiru bro

      here is the script link : https://github.com/anix2040/Blogger/blob/main/ZMV5%20SLIDER%20V2%20MANUAL%20TO%20AUTOMATIC%20JAVASCRIPT

      Delete
    8. it's easy, just add CSS. My advice, you must master the basics of HTML and CSS first, before making modifications #hari li button {
      background: #1f2937;
      }

      Delete
    9. thanks min , i will surely do work on it

      Delete
    10. Just a reminder, I will delete this comment in the next 1-2 days, because it has nothing to do with this post. To ask and to request

      Delete
    11. no problem bro , i fixed it thanks bro

      Delete
  4. Min, aku mau bikin blog untuk post komik, streaming video, dll
    Tapi ga pake beranda kyk blog demo gini...
    Apa bisa pake tema ini?
    Klo bisa cara post komik, videonya, gimana?

    ReplyDelete
    Replies
    1. bisa aja dan tinggal terapkan, tema ini cuma kosongan saja jadi bisa ditambahkan apa saja.

      Delete
    2. Oh oke, thanks responnya min

      Delete
  5. Oh iya min, cara ganti background nezukonya itu gimna ya?

    ReplyDelete
    Replies
    1. hapus <div class="nezuko">...</div>

      Delete
    2. baru sadar ternyata nezuko terbuat dari css

      Delete
    3. ya css only untuk versi lainya https://codepen.io/t_afif

      Delete
  6. Min cara menampilkan recent post di homepagenya gimana, biar gak kosongan.

    ReplyDelete
    Replies
    1. bagian homepage memang sengaja dikosongkan, untuk menambahkan atau mengembalikan nya itu agak panjang bukan 1 atau 2 kode yang ditambahkan melainkan sangat banyak yang harus ditambahkan.

      Delete
  7. Min cara hilangkan show code itu gimana?

    ReplyDelete
    Replies
    1. hapus kode HTML ini <div class="my_code">
      <span class="tt-toggle"></span>
      <span>Show Code</span>
      </div>
      dan hapus kode javascript ini <script type='text/javascript'>//<![CDATA[
      function copyAndModifyCode() {
      // Menyalin konten dari post-body
      var postBodyContent = document.querySelector('.post-body').innerHTML;

      // Mengganti karakter khusus dengan entitas HTML
      postBodyContent = postBodyContent.replace(/&/g, '&amp;')
      .replace(/</g, '&lt;')
      .replace(/>/g, '&gt;')
      .replace(/"/g, '&quot;')
      .replace(/'/g, '&#039;');

      // Menempatkan konten yang telah dimodifikasi di dalam kode_post
      document.querySelector('pre.cc').innerHTML = `<code>${postBodyContent}</code>`;

      // Toggle kelas "none" pada elemen pre
      document.querySelector('.my_code').classList.toggle('active');
      document.querySelector('pre.cc').classList.toggle('none');
      }

      // Menambahkan event listener ke elemen my_code
      document.addEventListener('DOMContentLoaded', function() {
      var myCodeElement = document.querySelector('.my_code');
      myCodeElement.addEventListener('click', copyAndModifyCode);
      });
      //]]></script>

      Delete