Cara desain template blogger dengan Tailwind CSS - Anix Clone New
Ini adalah tutorial membuat template blogger dengan Tailwind CSS. Tutorial bukan untuk pemula, tapi untuk developer tingkat menengah atau atas. Tutori…
- Threads
- 1
- Words
- 612
Ini adalah tutorial membuat template blogger dengan Tailwind CSS. Tutorial bukan untuk pemula, tapi untuk developer tingkat menengah atau atas. Tutori…
Dari dulu sudah ada yang request, baru sekarang dikerjakan.
Skrip dan cara pemasang ada di link atas.
Setiap tema memiliki struktur yang berbeda2, pemasangannya sesuaikan dengan tema kalian.
Admin menyarankan untuk belajar cara membuatnya, caranya tidak sulit, kalau contohnya sudah ada tinggal di copy paste saja.
https://youtu.be/YaNNA3WSayo
+ menambahkan no thumbnail (yukine)
+ accent-color
+ dark mode
Bang di bagian
<b:include cond='data:this.postDisplay.showFeaturedImage and data:post.featuredImage' name='snippetedPostThumbnail'/>
ganti menjadi
<b:include cond='data:this.postDisplay.showFeaturedImage' name='snippetedPostThumbnail'/>
alasan agar bisa custom lagi untuk No thumbnail.
dan di bagian ini
<b:include data='{image: data:post.featuredImage,imageSizes: [160, 220],imageRatio: "1:2",sourceSizes: "220px"}' name='responsiveImage'/>
bisa di ganti dengan
<b:if cond='data:post.featuredImage'>
<b:include data='{image: data:post.featuredImage,imageSizes: [160, 220],imageRatio: "1:2",sourceSizes: "220px" }' name='responsiveImage'/>
<b:else/>
<b:comment>Vertical</b:comment>
<img loading='lazy' src='[URL No Image]'/>
</b:if>
demo : https://bk-berkaskita.blogspot.com
Sudah lama, lupa siapa orangnya.
Letakkan popular post di luar wrapper agar backgrounnya lebar.
Bikin section baru:<b:section id='section' showaddelement='true'>
<b:widget id='PopularPosts111' locked='false' title='' type='PopularPosts' version='2' visible='true'>...</b:widget>