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.

Featured

  • Web Documentation
  • Mobile-Friendly
  • 100% Responsive Design
  • Google Testing Tool Validator
  • Google Rich Results
  • Browser Compatibility

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/
Download Live Demo
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 (36)

  • TatsuyaKomik
    Cara Membuat Postnya Bagaimana, Bree
    Balas Hapus
  • Yukine
    @TatsuyaKomik
    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
    Balas Hapus
  • TatsuyaKomik
    @TatsuyaKomik
    Dokumentasinya Belum Adakah, Belum Ngerti Cara Postingnya
    Balas Hapus
  • Yukine
    @TatsuyaKomik
    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
    Balas Hapus
  • TatsuyaKomik
    @TatsuyaKomik
    Jadi Paham Ada Tutorialnya, Terima kasih
    Balas Hapus
  • Anix Realm
    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
    Balas Hapus
  • Yukine
    @Anix Realm
    Place the loading code in the code where you want the slider to appear
    Balas Hapus
  • Anix Realm
    @Anix Realm
    any demonstration of how to do that ?
    Balas Hapus
  • Yukine
    @Anix Realm
    https://codepen.io/Ras-Game/pen/yLrGQOM
    Balas Hapus
  • Anix Realm
    @Anix Realm
    can you please a tutorial of how to install the slider v2 ?
    Balas Hapus
  • Yukine
    @Anix Realm
    Sorry, I can't help you at the moment, right now I'm creating a new theme
    Balas Hapus
  • Anix Realm
    @Anix Realm
    ok min eagerly waiting for it
    Balas Hapus
  • Anix Realm
    hey min can you check this out : https://github.com/anix2040/Blogger/blob/main/ZMV5%20SLIDER%20V2%20MANUAL%20TO%20AUTOMATIC%20JAVASCRIPT
    Balas Hapus
  • Yukine
    @Anix Realm
    Yes, why?
    Balas Hapus
  • Anix Realm
    @Anix Realm
    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/
    Balas Hapus
  • Yukine
    @Anix Realm
    include the html code
    Balas Hapus
  • Anix Realm
    @Anix Realm
    here bro : https://github.com/wernayasa/Widget/blob/main/swiper-zeistmangav5.xml
    Balas Hapus
  • Yukine
    @Anix Realm
    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?
    Balas Hapus
  • Anix Realm
    @Anix Realm
    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
    Balas Hapus
  • Yukine
    @Anix Realm
    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.
    Balas Hapus
  • Anix Realm
    @Anix Realm
    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
    Balas Hapus
  • Yukine
    @Anix Realm
    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;
    }
    Balas Hapus
  • Anix Realm
    @Anix Realm
    thanks min , i will surely do work on it
    Balas Hapus
  • Yukine
    @Anix Realm
    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
    Balas Hapus
  • Anix Realm
    @Anix Realm
    no problem bro , i fixed it thanks bro
    Balas Hapus
  • Admin
    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?
    Balas Hapus
  • Yukine
    @Admin
    bisa aja dan tinggal terapkan, tema ini cuma kosongan saja jadi bisa ditambahkan apa saja.
    Balas Hapus
  • Admin
    @Admin
    Oh oke, thanks responnya min
    Balas Hapus
  • Admin
    Oh iya min, cara ganti background nezukonya itu gimna ya?
    Balas Hapus
  • Yukine
    @Admin
    hapus <div class="nezuko">...</div>
    Balas Hapus
  • Wernayasa
    @Admin
    baru sadar ternyata nezuko terbuat dari css
    Balas Hapus
  • Yukine
    @Admin
    ya css only untuk versi lainya https://codepen.io/t_afif
    Balas Hapus
  • Rui Tachibana
    Min cara menampilkan recent post di homepagenya gimana, biar gak kosongan.
    Balas Hapus
  • Yukine
    @Rui Tachibana
    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.
    Balas Hapus
  • Admin
    Min cara hilangkan show code itu gimana?
    Balas Hapus
  • Tulang Punggung
    @Admin
    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>
    Balas Hapus
How to use

  • Masukan kode atau url dalam textarea.

  • Pilih salah satu button yang ingin digunakan.

  • Tinggal salin(ctrl + c) atau klik button salin.

  • Terakhir tempel kode yang disalin tadi dalam kolom komentar (hanya bisa komentar blogger saja).

Leave a comment in Indonesian or English.