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/
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
Cara Membuat Postnya Bagaimana, Bree
ReplyDeleteDokumentasi Menyusul.
Delete1. 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
Dokumentasinya Belum Adakah, Belum Ngerti Cara Postingnya
Delete1. Buat Post Seperti Biasanya.
Delete2. 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
Jadi Paham Ada Tutorialnya, Terima kasih
Deletehey 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
ReplyDeleteScreenshot : https://ibb.co/84b8zsV
Place the loading code in the code where you want the slider to appear
Deleteany demonstration of how to do that ?
Deletehttps://codepen.io/Ras-Game/pen/yLrGQOM
Deletecan you please a tutorial of how to install the slider v2 ?
DeleteSorry, I can't help you at the moment, right now I'm creating a new theme
Deleteok min eagerly waiting for it
Deletehey min can you check this out : https://github.com/anix2040/Blogger/blob/main/ZMV5%20SLIDER%20V2%20MANUAL%20TO%20AUTOMATIC%20JAVASCRIPT
ReplyDeleteYes, why?
Deletei 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
Deletescreen recording : https://filemoon.sx/d/gs4cvga1ncm1
website link : https://premium-2theme.blogspot.com/
include the html code
Deletehere bro : https://github.com/wernayasa/Widget/blob/main/swiper-zeistmangav5.xml
Deleteokay 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?
Deleteautomatically 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 .
Deletecan you please solve these issues for making an automatic swiper
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.
Deletesis it is fixed thanks to hiru bro
Deletehere is the script link : https://github.com/anix2040/Blogger/blob/main/ZMV5%20SLIDER%20V2%20MANUAL%20TO%20AUTOMATIC%20JAVASCRIPT
it's easy, just add CSS. My advice, you must master the basics of HTML and CSS first, before making modifications #hari li button {
Deletebackground: #1f2937;
}
thanks min , i will surely do work on it
DeleteJust 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
Deleteno problem bro , i fixed it thanks bro
DeleteMin, aku mau bikin blog untuk post komik, streaming video, dll
ReplyDeleteTapi ga pake beranda kyk blog demo gini...
Apa bisa pake tema ini?
Klo bisa cara post komik, videonya, gimana?
bisa aja dan tinggal terapkan, tema ini cuma kosongan saja jadi bisa ditambahkan apa saja.
DeleteOh oke, thanks responnya min
DeleteOh iya min, cara ganti background nezukonya itu gimna ya?
ReplyDeletehapus <div class="nezuko">...</div>
Deletebaru sadar ternyata nezuko terbuat dari css
Deleteya css only untuk versi lainya https://codepen.io/t_afif
DeleteMin cara menampilkan recent post di homepagenya gimana, biar gak kosongan.
ReplyDeletebagian 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.
DeleteMin cara hilangkan show code itu gimana?
ReplyDeletehapus kode HTML ini <div class="my_code">
Delete<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>