Source Thema - Blogger Template Source Code Only

October 24, 2024

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/

Details

Versi

2.4.1

Last Update

24 Oktober 2024

Created

17 Juli 2022

Tema Blogger

Versi 3

Tema Rasgane

Gen 4

RTL Support

Changelog

v2.4.1 - 24 Oktober 2024

Updated Meta Baru.
Removed Semua kode pemanggilan menggunakan label.

v2.4.0 - 05 April 2024

Added Font Awesome 6.5.2.
Added BloggerScript v3.

v2.3.0 - 09 Februari 2024

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

v2.2.0 - 28 April 2023

Added CSS Utility Classes v1.0.0 by Rasgane.

v2.1.0 - 8 April 2023

Added Font Awesome 6.3.0.
Added Font Awesome 6.4.0.
Added Font Awesome 5.15.4.
Added Font Awesome 5.15.3.
Added Font Awesome 5.15.2.
Added Font Awesome 5.15.1.
Added Pictogrammers.
Added Jquery 3.6.4.
Fix Jquery No Support.

v2.0.0 - 24 Januari 2023

Removed License (Free Source Thema).
Added Jquery.
Added Owl Carousel.
Added Owl Carousel2.
Added Slick Carousel.
Added Font Awesome.
Added Boxicons.
Added BloggerScript v1.

v1.0.0 ~ v1.9.9 - ???

Added ???

FAQs

Cara Memasang Template Blogger

Pemasangan template ada 2 cara tapi yang saya rekomendasikan dengan melalui Edit HTML.

Pergi ke Tema (Thema)
Klik ikon segitiga sebelah Sesuaikan dan pilih Edit HTML.
Buka File tema kalian dengan menggunkan text editor misal notepad dan salin.
Tempel dalam Edit HTML tadi.
Klik simpan disebelah kiri atas dan pastikan Update Selesai.

Jika template tdak bisa dipasang atau error maka riset tema kalian menggunakan Riset Tema, cara pemasangan sama seperti di atas dan pastikan setelah pemasangan Riset Tema blog kalian akan benar-benar kosong.

Comments

TatsuyaKomik

March 02, 2023

Cara Membuat Postnya Bagaimana, Bree
Yukine

March 02, 2023 @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
TatsuyaKomik

April 08, 2023 @TatsuyaKomik

Dokumentasinya Belum Adakah, Belum Ngerti Cara Postingnya
Yukine

April 08, 2023 @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
TatsuyaKomik

April 10, 2023 @TatsuyaKomik

Jadi Paham Ada Tutorialnya, Terima kasih
Anix Realm

April 22, 2024

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
Yukine

April 22, 2024 @Anix Realm

Place the loading code in the code where you want the slider to appear
Anix Realm

April 22, 2024 @Anix Realm

any demonstration of how to do that ?
Yukine

April 23, 2024 @Anix Realm

https://codepen.io/Ras-Game/pen/yLrGQOM
Anix Realm

April 23, 2024 @Anix Realm

can you please a tutorial of how to install the slider v2 ?
Yukine

April 24, 2024 @Anix Realm

Sorry, I can't help you at the moment, right now I'm creating a new theme
Anix Realm

April 24, 2024 @Anix Realm

ok min eagerly waiting for it
Anix Realm

April 27, 2024

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

April 27, 2024 @Anix Realm

Yes, why?
Anix Realm

April 27, 2024 @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/
Yukine

April 27, 2024 @Anix Realm

include the html code
Anix Realm

April 28, 2024 @Anix Realm

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

April 28, 2024 @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?
Anix Realm

April 28, 2024 @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
Yukine

April 29, 2024 @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.
Anix Realm

April 29, 2024 @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
Yukine

April 30, 2024 @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;
}
Anix Realm

April 30, 2024 @Anix Realm

thanks min , i will surely do work on it
Yukine

April 30, 2024 @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
Anix Realm

April 30, 2024 @Anix Realm

no problem bro , i fixed it thanks bro
Admin

October 16, 2024

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?
Yukine

October 16, 2024 @Admin

bisa aja dan tinggal terapkan, tema ini cuma kosongan saja jadi bisa ditambahkan apa saja.
Admin

October 16, 2024 @Admin

Oh oke, thanks responnya min
Admin

October 17, 2024

Oh iya min, cara ganti background nezukonya itu gimna ya?
Yukine

October 17, 2024 @Admin

hapus <div class="nezuko">...</div>
Wernayasa

October 18, 2024 @Admin

baru sadar ternyata nezuko terbuat dari css
Yukine

October 19, 2024 @Admin

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

October 23, 2024

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

October 24, 2024 @Anonymous

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

October 31, 2024

Min cara hilangkan show code itu gimana?
Tulang Punggung

November 01, 2024 @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, '&')
.replace(/</g, '<')
.replace(/>/g, '>')
.replace(/"/g, '"')
.replace(/'/g, ''');

// 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>