Karena inginnya fitur ini ku rilis saat theme Nyanpahsu jadi.
Codenya sama aja kyak Fitur Bookmark Menggunakan LocalStorage.
Cuma Butuh Edit2 dikit disesuai dengan penggunanya.
Soo yeah ga biasanya gua basa basi kek gini lgsg aja ke Intinya..
letakkan JS ini di atas tag </head> dan kasih Condition data:view.isPost
Script.JS [Post] :
const limitHistory = 10;
const histories = (function(){
list = [];
function Item(id,title,link){
this.id = id;
this.title = title;
this.link = link;
}
function setHistory(){
localStorage.setItem('History', JSON.stringify(list));
}
function loadHistory() {
list = JSON.parse(localStorage.getItem('History'));
}
if (localStorage.getItem("History") != null) {
loadHistory();
}
obj = {};
obj.addHistory = function(id,title,link) {
var item = new Item(id,title,link);
if(list != null){
same = list.find(item =>{return item.id == id;});
if(list.length<limitHistory){
if(!same){
list.push(item);
setHistory();
}else{
for(let item in list){
if(list[item].id === id) {
list.splice(list.length, 0, list.splice(item, 1)[0]);
}
setHistory();
}
}
}else{
if(!same){
list.splice(0, 1);
list.push(item);
setHistory();
}else{
for(let item in list){
if(list[item].id === id) {
list.splice(list.length, 0, list.splice(item, 1)[0]);
}
setHistory();
}
}
}
}else{
list.push(item);
setHistory();
}
}
return obj;
})();Untuk Pemanggil letakkan dalam Widget Blog1 (Main Post) :
<script>histories.addHistory("<data:post.id/>","<data:post.title/>","<data:post.url/>");</script>Nah untuk mengekstrak data kedalam widget History.Letakkan JS dibawah dan jangan dikasih condition data:view (apabila widgetnya mau ditampilin di semua halaman)
Script.js [Extrack Data] :
const history_ = function(widget,id){
let getHistory = JSON.parse(localStorage.getItem('History')),structure = '';
if(getHistory != null && getHistory != ''){
for(let item in getHistory.reverse()){
structure += `<li class="bm_item"><a href="${getHistory[item].link}">${getHistory[item].title}</a></li>`;
}
$(id).html(structure);
}else{
$(widget).remove();
}
}Script Pemanggil Letakkan Dalam Widget Content dalam Menu Layout Blogger HTML/Javascript :
<script>history_('#HTML7','#bm-history')</script>Keterangan :
- Ubah Selector pada Pemanggilan History yang ada dalam Widget :
#HTML7ganti Dengan ID HTML Widgetnya
#bm-historyganti dengan Selector target untuk hasil/result History yang tersimpan.
#bm-history apa perlu diganti atau dibiarkan aja?
script pemanggilnya gnti ini bg :
history_('#HTML10','#HTML10 .widget-content')
Sempat bingung juga, salahnya dimana ya. wkwkw.
Sudah bisa, makasih.
<b:if cond='data:post.labels any (l => l.name == "Chapter")'>
<b:loop values='data:post.labels where (l => l.name not in ["Chapter","Project"])' var='label'>
<data:label.name/>
</b:loop>
</b:if>
habis itu kalo berhasil atau gagal kabarin nnti ku lanjutin kalo berhasil kalo ggal ku cek
https://jiryuu.blogspot.com/2022/06/solo-leveling.html
2. setelah ketemu kamu lihat ada script kan, kayak ku tunjukin anak panah gede di gambar
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRDWz2xZJaaSjlU2kuc17kjI8PvhjTJrMGNfzTDP_95cgiWJHlCGpnyaYX2aTUn0fGB1hWGLaE0qE9jdd4iPMSDOVS4eG1TUKi8Xs4Ufx00fI8Zm99MZdH2x2kix35lywNDAqDKnZj5a4XRFlN1tyzU0dYudm2lS2k5edGMzGIzIFoLExhvyvUvSSH/s1058/tutorial.png
3. pada script tersebut tinggal kamu gnti seperti ini
<script>
document.title = "<data:label.name/> - <data:post.title/>";
histories.addHistory("<data:post.id/>","<data:label.name/> <data:post.title/>","<data:post.url/>");
</script>
https://i.ibb.co/3fzt4ty/1aja.png
Similar Threads