MATRIX.compile = function(json) { var element = document.getElementById(MATRIX.outputDiv); var feed = json.feed;
if (feed && feed.entry.length > 0) { var html = '';
for (var i = 0; i < feed.entry.length; i++) { var post = feed.entry[i]; var postTitle = post.title.$t; var postLink = ''; for (var z = 0; z < post.link.length; z++) { if (post.link[z].rel == 'alternate') { postLink = post.link[z].href; break } }
om, cara bikin synopsis ada di theme itu gimana? kan biasanya dari postingan tu, nah kalo ini nempel di tema, tapi bisa di kustom dari postingan, lebih jelasnya kaya punyak nya web kimoinime.my.id itu kan synopsisnya dibawah judul tu, nah aku juga mau tau, ajarin om mwhehe
Punten Kang Pikachu, Ane Ada Kendala Code Nih, Kendalanya Adalah Badge Label Kiri (Games & Music) Yang Terlalu Panjang Jika tampil Di Mobile. Apakah ada Solusi Kang Agar Badge Labelnya Sesuai Seperti Di Desktop
udah bisa, kemarin kubikin followers only karena semua blogku kena spam bot comment. skrng ku jadiin moderate aja jadi harus apply 1-1 klo belum di apply ga muncul.
btw mau mu in page apa all page ? biar mudah penyampaiannya nnti. in page itu nnti hasilnya ada di page static kalo all page fiturnya bakal ada disemua page (loadnya bisa dimana saja)
.serieslist ul li .imgseries img{width:100%;height:100%;padding:0;border:none;margin-bottom:0;margin-right:0;float:none;object-fit: cover;} coba ganti begitu cssnya
om, aku kan baru belajar javascript nih, pemahaman ku juga masih minim pake banget, nah aku mau nanya dikit, btw kenapa kalo javacript yang aku tulis kadang kalo dikasih di atas kode "head" malah ngebug tapi kalo di atas "body" malah normal dan sebaliknya, nah trus apa kegunaan //, aku masih kurang paham
1. kenapa bisa error ? karena function yg di ambil atau element selector di ambil belum keload. Misal kamu mau mau ambil element #demo tetapi scriptmu ada di atas </head>. Maka scriptmu bakal ke Load duluan jadi saat mau ambil element #demo hasilnya undefined karena element #demo belum keload.
kalo dalam sesama script JS seperti function feed blogger. dia harus di atas </head> karena saat load Callbacknya functionnya harus sudah keload dluan
2. CDATA itu biar ga ke parse dalam xml. misal (") jika ga pakai CDATA bakal ke parse menjadi ".bisa di artikan juga, agar CSS/Scriptmu masih utuh(tidak di parse) dan bisa di baca dengan jelas
makasih penjelasanya om, tapi btw gunanya i++, e++ sama f++ itu apa ya? aku sering njumpain di beberapa script tapi gak ngerti maksudnya, aku baca di w3s, tapi juga tetep ga ngerti, mohon pencerahannya om
for (var t = 0; t < maxPost; t++) { var n = e.feed.entry[t]; var postTitle = n.title.$t; var linkUrl; if (t == e.feed.entry.length) break;
for (var o = 0; o < n.link.length; o++) { if (n.link[o].rel == "alternate") {linkUrl = n.link[o].href;break} }
var postThumb; try { postThumb = n.media$thumbnail.url } catch (h) { s = n.content.$t; a = s.indexOf("<img"); b = s.indexOf('src="', a); c = s.indexOf('"', b + 5); d = s.substr(b + 5, c - b - 5); if (a != -1 && b != -1 && c != -1 && d != "") { postThumb = d } else postThumb = "https://i.imgur.com/NIDHEwU.png" }
kalo misalnya om keberatan / scriptnya malah gak work, terserah dah mau om apain, yang penting kode buat munculinnya lebih ringkas + mudah dibaca, aku masih beginner di hal kek beginian, makanya aku bingung, sebelum nya makasih banyak lo om udah mau bantuin aku
Halo om admin salam kenal, saya nemu guide bikin button love disini https://tech.pathgriho.com/2021/06/like-button-using-javascript-firebase.html nah bisa kah dibuat jumlahnya beda tiap artikel? seperti kita memakai firebase sebagai acuan statistik pageview. Thanks sebelumnya om.
@YZG bisa mas, dlu pernah experiment ini. tapi yang kubingungin itu acuan dia kalo udh like. kalo ga ada acuan 1 orang bisa like lebih dari 1. ada beberapa matching agar mengetahui dia udah like apa belum. dari Set LocalStorage atau ga dari match IP Address.
jadi biar mendeteksi apakah pengunjung sudah like ya? mantep juga tuh om, tapi yang saya penasaran agar berbeda tiap artikelnya saja, saya sempet coba menambahkan expr:data-id='data:post.id' di btn, ternyata tidak semudah itu. hehe
appendTo itu suatu element yang diarahin ke target object. (Kalo ga kurang nangkep maksudnya sorry www). kalau bingung ini ada link kamu cek Syntaxnya.
belum tahu kalo belum dicoba ku usahain tpi jgn terlalu berharap.soalnya agak ribet bikin algorithm index vol chapter terbaru karena itu 1 post indexnya (kecuali feed mu dibikin full).
dibiarin gitu aja, atau ga dihilangkan aja min gimna baiknya aja, saya mau widget itu karna klo dipost setiap 1 volume, takutnya postnya kebanyak :v makanya mau punya widget Update XD
Comment ku moderat jadi harus apply 1-1 karena habis kena spam bot lgi. untuk Fitur Log Update lusa kuusahain jadi bukan besok.masih bingung style dibikin kek mana :D. https://ibb.co/hCS7qFw
permisi min, request gambar bendera pada thumbnail post sesuai label bahasa yang ditambahkan donk jika bisa.
contoh: jika saya menambahkan bahasa russia nanti akan ada bendera russia, jika saya tambahkan bahasa inggris dan china nanti ada bendera inggris dan china, dan semacamnya.
nah untuk menambahkan tinggal kamu tambahin didalam tag b:if-nya tapi pake else karena kondisi pertama dah di isi : <b:elseif cond='data:post.labels any (l => l.name == "BAHASA")'/> Icon Bendera
Setelah itu untuk pemanggilan kamu letakkan ke tempat yg kamu mau asal ada valude data:posts : <b:include name='bahasa'/>
New : Manga/Manhua/Manhwa yang ch/vol nya di update di hari terakhir misal ada 2 manga di tgl 22. dan tgl 22 adalah hari terakhir kamu updt/edit post maka itu dibilang new.
Hot : Lebih dari 1 comment Blogger akan dinyatakan Hot. Jika kamu pake Disqus kamu sesuaikan sendiri
Lose dan TheDemonsBoy orang yg sama? Aku lupa nama situs gamemu, apa ya? Apa ini? keren desainnya: https://jecoding.blogspot.com/2022/03/widget-log-update-chaptervolume.html
ada kok di post blog ini. tpi gajadi ku Public alhasil pake sendiri. karena belum bisa optimalin fitur firebase authentication jadi berat themenya makanya ga ku public in. jadi skrng ku hapus fitur itu dan dipake sendiri :D.
Firebase authentication digunain buat Login Member dkk.Login bisa menggunakan email,google,fb dkk. tpi karena blogger kemarin dah nyoba yg FB ga bisa cuma pake 2 yaitu email ama gmail.
intinya klo mau lihat fitur2 menarik tunggu di theme situs utama (tpi diriku lgi malas ngerjain www).
malam bg @김서정, saat ini saya kan menggunakan js load onscroll pada mayoritas kode js yang memberatkan blog, niatnya saya ingin menggunakan metode yang sama untuk menempatkan library jquery di dalam tag head namun sepertinya js ini hanya work untuk penempatan script di dalam tag body, adakah caranya agar work juga untuk kode didalam tag head? thanks
ini kodenya var lazymgid=!1;window.addEventListener("scroll",function(){(0!=document.documentElement.scrollTop&&!1===lazymgid||0!=document.body.scrollTop&&!1===lazymgid)&&(!function(){var t=document.createElement("script");t.type="text/javascript",t.async=!0,t.src="https://jsc.mgid.com/c/a/catatandroid.com.1199831.js";var e=document.getElementsByTagName("script")[0];e.parentNode.insertBefore(t,e)}(),lazymgid=!0)},!0);
@YZG Coba ini : <script> var lazymgid=!1;window.addEventListener("scroll",function(){(0!=document.documentElement.scrollTop&&!1===lazymgid||0!=document.body.scrollTop&&!1===lazymgid)&&(!function(){var t=document.createElement("script");t.type="text/javascript",t.async=!0,t.src="https://jsc.mgid.com/c/a/catatandroid.com.1199831.js";var e=document.getElementsByTagName("head")[0];e.insertBefore(t,e.firstChild)}(),lazymgid=!0)},!0); </script>
thanks bg akhirnya script library bisa berhasil pasang di head. kalo ditambahin kondisi scroll setelah jarak tertentu baru script di load bisa kah bg? maaf banyak req. 😅 santai aja sesempetnya ya bg. 😁🙏
@YZG Coba ini bg : window.onscroll = function() { var t=document.createElement("script");t.id="mgid",t.type="text/javascript",t.async=!0,t.src="https://jsc.mgid.com/c/a/catatandroid.com.1199831.js";var e=document.getElementsByTagName("head")[0]; if(window.scrollY > 400){ !document.getElementById('mgid')&&e.insertBefore(t,e.lastChild) } };
misal mau dipake buat banyak script idnya sesuai in jika engga bakal tabrakan nnti ga nge append.lalu jgn dihapus kalo ga itu bakal looping appendnya setiap nge scroll.
untuk jarak ada di "400" jadi scroll Y diatas 400 bakal ngeload script. sesuaikan dengan kebutuhan
- BOX IMAGES = untuk gambar utama / Poster = Kasih di "Link_Poster" [GRABBER]
- POST LARGE IMAGE = sesuai namanya, jadi kita tinggal tempel link gambar = Kasih di "Link_Gambar_Persegi_Panjang" [CUSTOM]
- POST SINOPSIS = Untuk sinopsis = Kasih di "Info_Sinopsis" [GRABBER]
- Episode or Stream Menu = untuk judul kasih di h2 [CUSTOM]
- STREAM LIST = >> "Link_Streaming" = Untuk link player streaming [CUSTOM] >> "Link_Gambar_Persegi_Panjang_Epis" = untuk poster episode [CUSTOM] >> "Judul_Episode" = Untuk Judulnya [CUSTOM] >> "Sinopsis_Episode" = untuk sinopsis [CUSTOM]
saya harap untuk "STREAM LIST" bisa di Tambah / Kurang
untuk sisanya imdb seperti, (Released, Year, imdbRating, Type, Country, Genre, Rated, imdbVotes, Production dll) dibuat box khusus aja karena ingin ku tempel di label
malam bg @김서정 😁 soal js yang kemarin #140 saya coba pasang 2 js dengan 2 id berbeda kenapa kode js kedua seperti tidak mau ngeload/tidak berfungsi ya bg? saya bingung ngasih buktinya tp setelah salahsatunya saya gunakan kode js sebelumnya yg tanpa jarak scroll baru deh keduanya bisa load. mohon pencerahannya. 🙏
hallo om, req dong :v, random post tapi ada infinite scrollnya, menu nya nanti ada thumbnail + judul + post date, itu aja, di web mana mana gada yg model kek beginian, tapi kalo kamu buat, behh manfaat banget tuh
Just Information, Diriku bakal break ngerjain request2 kalian, maaf banget bray.tidak tau sampai kapan.tpi kalo ada sela waktu bakal ku kerjain. Ini kulakuin biar diriku fokus ama project theme ku.
so kalo mau request request aja nnti ku kerjain kok (semampu ku karena diriku juga masih belajar).
@meghan kamui next ya kalo ada sela waktu atau tunggu project ku kelar
@Wernaysa masih bg, masih bnyak yg harus ku lakuin belum lagi kalo theme utama selesai diriku lgsg bikin theme database torrent anime buat ngisi konten situs utama
Tanggal : const date = entry.published.$t.split('T')[0];
Tanggal itu defaultnya hasilnya : 2022-04-18
Kalo mau custom kayak : 18 Maret 2022 kamu bisa ambil source code dari script feed orang lain atau ga kamu cari aja di blog ini kalo ada (lupa aku pernah bikin kek gini engga :D)
var customPost = {}; customPost.run = function(t, e, n) { customPost.outputDiv = t, document.write('<script type="text/javascript" src="/feeds/posts/default/-/' + e + "?alt=json&callback=customPost.compile&max-results=" + n + '"><\/script>') }, customPost.compile = function(t) { var e = document.getElementById(customPost.outputDiv), n = t.feed;
if (n && n.entry.length > 0) { for (var r = "", s = 0; s < n.entry.length; s++) { var i = n.entry[s]; var labele = i.category.map(i => i.term).join(', '); a = i.title.$t; m = new Array; for (var p = "", f = 0; f < i.link.length; f++) if ("alternate" == i.link[f].rel) { p = i.link[f].href; break }
var d = ""; if (i.media$thumbnail) d = i.media$thumbnail.url.replace(/\/s[0-9]+(\-c)?/, "/w720-h480-p-k-no-nu"); else if (i.content) { var b = i.content.$t, g = b.indexOf("<img"), h = b.indexOf('src="', g), v = b.indexOf('"', h + 5), y = b.substr(h + 5, v - h - 5); d = -1 != g && -1 != h && -1 != v && "" != y ? y : "https://i.imgur.com/NIDHEwU.png" } else d = "https://i.imgur.com/NIDHEwU.png"; r += '<li><a href="' + p + '"><span>' + mxRating + '</span><span>' + mxQuality + '</span><img src="' + d + '"/><h2>' + a + '</h2><span>' + labele + '</span></a></li>' } e.innerHTML = r } };
yang categarray nya diatas om :v tapi pas digabungin kok ga muncul ya
mantap berhasil bang, tanya lagi bang saya ada Skip [01] nih... bagaimana Skip [01] akan aktif kalok dipanggil kalok gak dipanggil Skip [01] akan tetap muncul tapi tidak mengganggu Skrip lainnya (Non Aktif). ada trik atau caranya bang?
script A bikin function sendiri : function run(){ alert('hello world!'); }
habis itu bikin event nya misal click : document.getElementById('btn').addEventListener('click',()=>{ run(); // Panggil function yang ingin di panggil })
hehe ia bg penasaran nyobain templatenya bg wernayasa, sudah ku intip guidenya cuma nambah sedikit kode aja ya, moga bg werna lihat n update themenya. 😁
YZG said: hehe ia bg penasaran nyobain templatenya bg wernayasa, sudah ku intip guidenya cuma nambah sedikit kode aja ya, moga bg werna lihat n update themenya. 😁
udh ku kasih tau di fb bg wer
intinya sama sih tag conditional nya seperti defaultnya data:posts[i[.comments[i]
var labele = json.feed.category[i].filter(function(e) {
if(e.term == '500.000' || e.term == '200.000' || e.term == '100.000') return e.term;
});
itu sebenernya buat ngefilter label cuman malah gak work,
kalo misalnya pake yang ini kan yang muncul cuman label pertama doang
var labele = json.feed.category[i].term;
kalo om bisa bantu, kasih tau dong :v, menurut saya kaya gini penting banget buat theme
gunakan loop untuk extrack data tags kategori dan sesuaikan indexnya.
for(var e=0;e<post.category.length;e++){
var labele = json.feed.category[e].filter(function(e) {
if(e.term == '500.000' || e.term == '200.000' || e.term == '100.000') return e.term;
});
}
kalo masih ga bisa tnya kesini nnti ku cek lagi
ini full script nya
var MATRIX = {}
MATRIX.run = function(outputDiv, namaLabel, jumlahPost) {
MATRIX.outputDiv = outputDiv;
document.write('\x3Cscript type="text/javascript" src="/feeds/posts/default/-/' + namaLabel + '?alt=json&callback=MATRIX.compile&max-results=' + jumlahPost + '">\x3C/script>')
}
MATRIX.compile = function(json) {
var element = document.getElementById(MATRIX.outputDiv);
var feed = json.feed;
if (feed && feed.entry.length > 0) {
var html = '';
for (var i = 0; i < feed.entry.length; i++) {
var post = feed.entry[i];
var postTitle = post.title.$t;
var postLink = '';
for (var z = 0; z < post.link.length; z++) {
if (post.link[z].rel == 'alternate') {
postLink = post.link[z].href;
break
}
}
for (var e=0;e<post.category.length;e++) {
var labele = json.feed.category[e].filter(function(e) {
if(e.term == '500.000' || e.term == '200.000' || e.term == '100.000') return e.term;
});
}
var imagePost = '';
if (post.media$thumbnail) {
imagePost = post.media$thumbnail.url.replace(/\/s[0-9]+(\-c)?/, '/w720-h480-p-k-no-nu');
} else if (post.content) {
var content = post.content.$t,
a = content.indexOf("<img"),
b = content.indexOf("src=\"", a),
c = content.indexOf("\"", b + 5),
d = content.substr(b + 5, c - b - 5);
if ((a != -1) && (b != -1) && (c != -1) && (d != "")) {
imagePost = d
} else {
imagePost = 'https://i.imgur.com/NIDHEwU.png'
}
} else {
imagePost = 'https://i.imgur.com/NIDHEwU.png'
}
html +=
'<li><a href="'+ postLink +'"><div class="fn-x"><img src="'+ imagePost +'"/><div class="fn-y"><h2>'+ postTitle +'</h2><span>' + labele + '</span></div></div></a></li>'
}
element.innerHTML = html;
}
}
ini untuk munculin nya
<ul id='MATRIX'>
<script type='text/javascript'>
MATRIX.run('MATRIX', 'Usa', 8);
</script>
</ul>
btw ini post by label, mohon dibantu om :)
var labele = i.category.filter(function(e) {
if(e.term == '500.000' || e.term == '200.000' || e.term == '100.000') return e.term;
});
pas saya coba sama sama gabisa wkwk
var MATRIX = {}
MATRIX.run = function(outputDiv, namaLabel, jumlahPost) {
MATRIX.outputDiv = outputDiv;
document.write('\x3Cscript type="text/javascript" src="/feeds/posts/default/-/' + namaLabel + '?alt=json&callback=MATRIX.compile&max-results=' + jumlahPost + '">\x3C/script>')
}
MATRIX.compile = function(json) {
var element = document.getElementById(MATRIX.outputDiv);
var feed = json.feed;
if (feed && feed.entry.length > 0) {
var html = '';
for (var i = 0; i < feed.entry.length; i++) {
var post = feed.entry[i];
var postTitle = post.title.$t;
var postLink = '';
for (var z = 0; z < post.link.length; z++) {
if (post.link[z].rel == 'alternate') {
postLink = post.link[z].href;
break
}
}
var categArray = [];
for(var e=0;e<post.category.length;e++){
categArray.push(json.feed.category[e].term);
var labele = categArray.filter(item => {
return item == 'Thriller' || item == 'Usa';
});
}
var imagePost = '';
if (post.media$thumbnail) {
imagePost = post.media$thumbnail.url.replace(/\/s[0-9]+(\-c)?/, '/w720-h480-p-k-no-nu');
} else if (post.content) {
var content = post.content.$t,
a = content.indexOf("<img"),
b = content.indexOf("src=\"", a),
c = content.indexOf("\"", b + 5),
d = content.substr(b + 5, c - b - 5);
if ((a != -1) && (b != -1) && (c != -1) && (d != "")) {
imagePost = d
} else {
imagePost = 'https://i.imgur.com/NIDHEwU.png'
}
} else {
imagePost = 'https://i.imgur.com/NIDHEwU.png'
}
html +=
'<li><a href="'+ postLink +'"><div class="fn-x"><img src="'+ imagePost +'"/><div class="fn-y"><h2>'+ postTitle +'</h2><span>' + labele + '</span></div></div></a></li>'
}
element.innerHTML = html;
}
}
catatan :
Jika Ingin Menambahkan Filter Isian Filter tinggal seperti ini :
return item == '500.000' || item == '200.000' || item == '700.000'
apabila ingin menambahkan Var label dengan filter yg lain :
var labele2 = categArray.filter(item => {
return item == 'Filter1' || item == 'Filter2';
});
apa gara gara ini nya ya?
<ul id='MATRIX'>
<script type='text/javascript'>
MATRIX.run('MATRIX', 'Usa', 8);
</script>
</ul>
atrival.blogspot.com
display: grid;
grid-template-columns: repeat(3,auto);
gap: 10px;
}
.in-1 {display:block; width:100%; overflow:hidden;height: 100%;}
.in-2 {margin:0;height: 100%;}
.in-3 {display:block; margin:0; padding: 10px; position:relative; background:#202020; text-align:center;height: 100%;}
kegunaan focus selector di sini saat klik input bakal bereaksi
#input:focus{outline:2px solid red}
ini kode javascript nya
<script type='text/javascript'>//<![CDATA[
var mainposts = {}
mainposts.run = function(outputDiv, namaLabel, jumlahPost) {
mainposts.outputDiv = outputDiv;
document.write('\x3Cscript type="text/javascript" src="/feeds/posts/default/-/' + namaLabel + '?alt=json&callback=mainposts.compile&max-results=' + jumlahPost + '">\x3C/script>')
}
mainposts.compile = function(json) {
var element = document.getElementById(mainposts.outputDiv);
var feed = json.feed;
if (feed && feed.entry.length > 0) {
var html = '';
for (var i = 0; i < feed.entry.length; i++) {
var post = feed.entry[i];
var postTitle = post.title.$t;
var postLink = '';
for (var z = 0; z < post.link.length; z++) {
if (post.link[z].rel == 'alternate') {
postLink = post.link[z].href;
break
}
}
var imagePost = '';
if (post.media$thumbnail) {
imagePost = post.media$thumbnail.url.replace(/\/s[0-9]+(\-c)?/, '/w720-h480-p-k-no-nu');
} else if (post.content) {
var content = post.content.$t,
a = content.indexOf("<img"),
b = content.indexOf("src=\"", a),
c = content.indexOf("\"", b + 5),
d = content.substr(b + 5, c - b - 5);
if ((a != -1) && (b != -1) && (c != -1) && (d != "")) {
imagePost = d
} else {
imagePost = 'https://i.imgur.com/NIDHEwU.png'
}
} else {
imagePost = 'https://i.imgur.com/NIDHEwU.png'
}
html +=
'<li><div class="mp-limiter"><a href="'+ postLink +'"><div class="mp-imger"><img src="'+ imagePost +'"/><div class="mp-hover"><i class="fa fa-play-circle"></i></div></div><h2><a href="'+ postLink +'">'+ postTitle +'</a></h2></a></div></li>'
}
element.innerHTML = html;
}
}
//]]></script>
dibawah ini kode buat munculinya
<div class='mp-fiter'>
<div class='mp-outer'>
<div class='mp-marger'>
<div class='mp-styler'>
<ul id='mainposts'>
<script type='text/javascript'>mainposts.run('mainposts', 'Batch', 30);</script>
</ul>
</div>
</div>
</div>
</div>
nah kode buat munculin nya kan ribet tuh, bisa gak kalo dibuat lebih ringkas kaya dibawah ini?
<div id='mainposts'><script type='text/javascript'>mainposts.run('mainposts', 'Batch', 30);</script</div>
<script type='text/javascript'>mainposts.run('mainposts', 'Batch', 30);</script>
jadi Didalam markup apa yang kamu mau bisa kamu ubah seperti :
<div id='mainposts'><script type='text/javascript'>mainposts.run('mainposts', 'Batch', 30);</script></div>
var categArray = [];
for(var e=0;e {
return item == 'Batch' || item == '2';
});
var labele2 = categArray.filter(item => {
return item == 'Completed' || item == '2';
});
}
pokoknya semua itu labelnya muncul cuman ngikut postingan awal doang, gak sesuai, ada solusi gak om?
var categArray = [];
for(var e=0;e<post.category.length;e++){
categArray.push(json.feed.category[e].term);
var labele = categArray.filter(item => {
return item == 'Batch' || item == '2';
});
var labele2 = categArray.filter(item => {
return item == 'Completed' || item == '2';
});
}
cek disini :
https://jsfiddle.net/157em49b/
btw kalo mau namipil code di komen pakai tag ini
<i rel='code'>Isi Code</i>
Zeistmanga :
https://www.w3schools.com/jsref/met_node_appendchild.asp
KumaStream :
https://mediababe.net/cara-membuat-live-preview-dan-buy-now-di-sidebar-blogspot-seperti-themexpose/
yang Link KumaStream Kamu pelajari JSnya aja
Ane Ada Kendala Code Nih,
Kendalanya Adalah Badge Label Kiri (Games & Music) Yang Terlalu Panjang Jika tampil Di Mobile.
Apakah ada Solusi Kang Agar Badge Labelnya Sesuai Seperti Di Desktop
Web: https://maxnime-co.blogspot.com/
Template: https://ufile.io/4l3uj7sy
Trims
Keren buat tema forum, kalau memang ada.
kalo fitur forum itu yg data:tag kemarin bg wer, mention user digabungin ama balasannya
jadi :
Wernayasa be said :
bla bla bla
in page itu nnti hasilnya ada di page static kalo all page fiturnya bakal ada disemua page (loadnya bisa dimana saja)
https://tkopd.blogspot.com/2021/11/reincarnation-of-suicidal-battle-god.html
Sementara pake theme Zeistmanga soalnya belum ada projectku theme anime
https://tkopd.blogspot.com/p/bookmark.html
Masih belum selesai kurang fitur delete item,Clear All,Limit Bookmark
vndb.org
udah nyari kemana-mana gk ada yang buat :v
tapi setelah ku cek disitusnya ada kok itu document Api yang disedia in official vndb.
untuk eksekusi menggunaan Node JS mungkin repos ini membantu :
https://github.com/PragunSaini/vndb-api
Done Fitur Bookmark. tpi ku undur buat rilisnya besok siang/malam, hari ini mau break dlu.
link 1 (Cari Post buat di bookmark):
https://tkopd.blogspot.com
Result Bookmark :
https://tkopd.blogspot.com/p/bookmark.html
Soalnya kalau di pake template yang thumbnailnya horizontal malah jadi berantakan
https://1.bp.blogspot.com/-pezNbcd6TEc/X9LUalKPJFI/AAAAAAAAGaQ/qRU1cxQcON8yKuI4nnmJmejrMwqeo2QbgCLcBGAsYHQ/s727/Widget%2BPopular%2BPosts%2BAnime.png
https://lightnovel.themesia.com/
coba ganti begitu cssnya
kan bisa muncul gambar ama snippetnya gitu, keren, nah cara nya gimana tuh?
kalo di blogger bisa diakali kayaknya
contoh onmouseover :
https://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_onmouseover
bntr ku up dlu fitur bookmarknya
https://www.forum.projexcode.com/2022/03/fitur-bookmark-menggunakan-localstorage.html
Misal kamu mau mau ambil element #demo tetapi scriptmu ada di atas </head>. Maka scriptmu bakal ke Load duluan jadi saat mau ambil element #demo hasilnya undefined karena element #demo belum keload.
kalo dalam sesama script JS seperti function feed blogger. dia harus di atas </head> karena saat load Callbacknya functionnya harus sudah keload dluan
2. CDATA itu biar ga ke parse dalam xml. misal (") jika ga pakai CDATA bakal ke parse menjadi ".bisa di artikan juga, agar CSS/Scriptmu masih utuh(tidak di parse) dan bisa di baca dengan jelas
Sama aja dengan 1+1;
jadi misal kita buat Nilai nya begini :
let x = 9;
selector.result = ++x;
itu bisa di artikan 1+9;
nah jika pada loop :
let x=0;
for(var y=0;y<9;y++){
$(element).append(x++);
}
ini nanti hasilnya sama yaitu 9 dimana y lebih kecil dari 9.maka y akan menjalankan pengulangannya 9 kali terhadap x yang mempunyai nilai 0
output dari loop tadi jadinya begini (diawali dengan 0 tetapi memiliki nilai 1):
0
1
2
3
4
5
6
7
8
operasi diatas sama juga dengan begini :
for(var y=0;y<9;y++){
$(element).append(y);
}
outputnya sama
ini script post by label nya
<script type='text/javascript'>//<![CDATA[
var maxPost = 99999;
function postLabel(e) {
document.write('<div class="slider-wrapper">');
document.write('<ul>');
for (var t = 0; t < maxPost; t++) {
var n = e.feed.entry[t];
var postTitle = n.title.$t;
var linkUrl;
if (t == e.feed.entry.length) break;
for (var o = 0; o < n.link.length; o++) {
if (n.link[o].rel == "alternate") {linkUrl = n.link[o].href;break}
}
var postThumb; try {
postThumb = n.media$thumbnail.url
} catch (h) {
s = n.content.$t;
a = s.indexOf("<img");
b = s.indexOf('src="', a);
c = s.indexOf('"', b + 5);
d = s.substr(b + 5, c - b - 5);
if (a != -1 && b != -1 && c != -1 && d != "") {
postThumb = d
} else postThumb = "https://i.imgur.com/NIDHEwU.png"
}
document.write('<li>');
document.write('<a href="'+ linkUrl +'" title="'+ postTitle +'"><div class="image-slider-marger"><div class="image-slider-outer"><img src="'+ postThumb +'"/></div></div></a>');
document.write('</li>');
}
document.write('</ul>');
document.write('</div>');
}
//]]></script>
ini kode buat nampilin nya, nah ini yang aku bingung, kenapa kodenya rumit amat + gajelas, aku mau kode nya lebih ringkas
<script>//<![CDATA[
var mql = window.matchMedia('screen and (min-width: 0px)');if (mql.matches){document.write("<script src=\"/feeds/posts/default/-/Movie?&max-results=45&orderby=updated&alt=json-in-script&callback=postLabel\"><\/script>");}
//]]></script>
nah kalo bisa dibikin kaya gini om
<ul id='postLabel'>
<script type='text/javascript'>
postLabel.run('postLabel', 'Movie', 45);
</script>
kalo misalnya om keberatan / scriptnya malah gak work, terserah dah mau om apain, yang penting kode buat munculinnya lebih ringkas + mudah dibaca, aku masih beginner di hal kek beginian, makanya aku bingung, sebelum nya makasih banyak lo om udah mau bantuin aku
nah bisa kah dibuat jumlahnya beda tiap artikel? seperti kita memakai firebase sebagai acuan statistik pageview.
Thanks sebelumnya om.
<script>
const postLabel={
run:function(label,num){
$.ajax({
type:"GET",
url:location.protocol + '//' + location.hostname +'/feeds/posts/default/-/'+label,
data:{alt:"json","max-results":num},
dataType:"jsonp",
success:function(e){
for(var i=0;i<e.feed.entry.length;i++){
var feed = e.feed.entry[i],
title = feed.title.$t;
for(var o=0;o<feed.link.length;o++){
var link = feed.link[o].href;
}
// Image Thumbnail
var imgs,
ca = feed.content != null ? feed.content.$t : feed.summary.$t,
da=ca.indexOf("<img"),
ea=ca.indexOf('src="',da) == '-1' ? ca.indexOf("src='",da) : ca.indexOf('src="',da),
fa=ca.indexOf('"',ea+5) == '-1' ? ca.indexOf("'",ea+5) : ca.indexOf('"',ea+5),
ga=ca.substr(ea+5,fa-ea-5);
imgs=-1!=da&&-1!=ea&&-1!=fa&&""!=ga?ga:"https://i.imgur.com/NIDHEwU.png";
var thumb = feed.media$thumbnail != null ? feed.media$thumbnail.url.replace(/s72-c/,'s500') : imgs;
document.write('<li>');
document.write('<a href="'+ link +'" title="'+ title +'"><div class="image-slider-marger"><div class="image-slider-outer"><img src="'+ thumb +'"/></div></div></a>');
document.write('</li>');
}
}});
}
};
</script>
Untuk pemanggil Script :
<script type='text/javascript'>
postLabel.run('Movie', 45);
</script>
bisa mas, dlu pernah experiment ini. tapi yang kubingungin itu acuan dia kalo udh like. kalo ga ada acuan 1 orang bisa like lebih dari 1.
ada beberapa matching agar mengetahui dia udah like apa belum.
dari Set LocalStorage atau ga dari match IP Address.
mantep juga tuh om, tapi yang saya penasaran agar berbeda tiap artikelnya saja, saya sempet coba menambahkan expr:data-id='data:post.id' di btn, ternyata tidak semudah itu. hehe
udh jadi ini.tapi ku up besok aja takutnya ada bug kalo kurilis skrng
<div class='slider-marger'>
<div class='slider-outer dragscroll'>
<div class='slider-wrapper'>
<script type='text/javascript'>
postLabel.run('Movie', 45);
</script>
</div>
</div>
</div>
css
.slider-marger {margin: 30px 0px;}
.slider-outer {display:block; width:100%; margin:0 auto; height:auto; overflow-x:auto; overflow-y:hidden; position:relative;}
.slider-wrapper {display:block; width:10000px; height:auto;}
.slider-wrapper ul {margin: 0px 50px 0px 40px; padding:0;}
.slider-wrapper ul li {display:inline-block; float:left; width:160px;}
.image-slider-marger {margin: 10px 5px;}
.image-slider-outer {display:block; width:100%; height:220px; border-radius:5px; position:relative; overflow:hidden;}
.image-slider-outer img {width:100%; height:100%; object-fit:cover;}
oh gara2 document write itu.loading nya selesai dan membuat document baru jadi element lainnya kehapus.
script.js :
<script>
const postLabel={
run:function(label,num){
$.ajax({
type:"GET",
url:location.protocol + '//' + location.hostname +'/feeds/posts/default/-/'+label,
data:{alt:"json","max-results":num},
dataType:"jsonp",
success:function(e){
for(var i=0;i<e.feed.entry.length;i++){
var feed = e.feed.entry[i],
title = feed.title.$t;
for(var o=0;o<feed.link.length;o++){
var link = feed.link[o].href;
}
// Image Thumbnail
var imgs,
ca = feed.content != null ? feed.content.$t : feed.summary.$t,
da=ca.indexOf("<img"),
ea=ca.indexOf('src="',da) == '-1' ? ca.indexOf("src='",da) : ca.indexOf('src="',da),
fa=ca.indexOf('"',ea+5) == '-1' ? ca.indexOf("'",ea+5) : ca.indexOf('"',ea+5),
ga=ca.substr(ea+5,fa-ea-5);
imgs=-1!=da&&-1!=ea&&-1!=fa&&""!=ga?ga:"https://i.imgur.com/NIDHEwU.png";
var thumb = feed.media$thumbnail != null ? feed.media$thumbnail.url.replace(/s72-c/,'s500') : imgs;
var structure = '<li><a href="'+ link +'" title="'+ title +'"><div class="image-slider-marger"><div class="image-slider-outer"><img src="'+ thumb +'"/></div></div></a></li>';
$('.slider-wrapper ul').append(structure);
}
}});
}
};
</script>
style.css:
<style>
.slider-marger {margin: 30px 0px;}
.slider-outer {display:block; width:100%; margin:0 auto; height:auto; overflow-x:auto; overflow-y:hidden; position:relative;}
.slider-wrapper {display:block; width:10000px; height:auto;}
.slider-wrapper ul {margin: 0px 50px 0px 40px; padding:0;}
.slider-wrapper ul li {display:inline-block; float:left; width:160px;}
.image-slider-marger {margin: 10px 5px;}
.image-slider-outer {display:block; width:100%; height:220px; border-radius:5px; position:relative; overflow:hidden;}
.image-slider-outer img {width:100%; height:100%; object-fit:cover;}
</style>
pemanggil script.js:
<div class='slider-marger'>
<div class='slider-outer dragscroll'>
<div class='slider-wrapper'>
<ul>
<script type='text/javascript'>
postLabel.run('Movie', 45);
</script>
</ul>
</div>
</div>
</div>
lagi bikin jadwal rilis otomatis soalnya
https://www.forum.projexcode.com/2022/03/membuat-like-button-configuration.html
kalau bingung ini ada link kamu cek Syntaxnya.
contoh AppendTo():
https://www.w3schools.com/jquery/html_appendto.asp
contoh append():
https://www.w3schools.com/jquery/html_append.asp
btw mau di redirect in kemana ?
Blog lain apa Blog Individu.lalu dibikin halaman khusus atau random post ?
blog lain :
Link dari Blog utama > Redirect > Blog 2 halaman safelink
individual blog :
Link dari Blog Utama > Redirect > Halaman Khusus safelink blog utama
untuk random post itu nanti bakal ke generate random.
https://www.forum.projexcode.com/2022/03/safelink-with-random-post-easy-encode.html
https://www.meganebuk.net/
btw itu New sama Hot dikategorykan apa ?
saya mau widget itu karna klo dipost setiap 1 volume, takutnya postnya kebanyak :v makanya mau punya widget Update XD
last question.
feed blogmu dibikin short apa full ? biar ku logika gimana enaknya nnti buat algorithm ngambil datanya ?
kemungkinan ku up besok kalo ga besoknya lagi
<!-- [Thumbnail] -->
<div class="separator" style="clear: both; text-align: center;">
<img src="GAMBAR" />
</div>
<!-- [Synopsis] -->
<div class="sinoposis">
<p>
SINOPSIS
</p>
</div>
<span><!--more--></span>
<!-- [Trailer] -->
<div class="bixbox trailer">
<div class="ignielYTlazy" data-embed="EMBED">
<span class="button"></span>
</div>
</div>
<!-- [Box Download] -->
<div class="bixbox download">
<h2 class="heading">Download Judul-Anime Batch Subtitle Indonesia</h2>
<div class="dl" style="margin:15px;">
<ul>
<h3>
Download Batch </h3>
<li><b>360p</b>
<a href="LinkDownload" rel="nofollow" target="_blank">Acefile</a>
<a href="LinkDownload" rel="nofollow" target="_blank">Files.cx</a>
<a href="LinkDownload" rel="nofollow" target="_blank">Yamidrive</a>
<a href="LinkDownload" rel="nofollow" target="_blank">File2Ku</a>
<a href="LinkDownload" rel="nofollow" target="_blank">KitaDrive</a>
</li>
<li><b>480p</b>
<a href="LinkDownload" rel="nofollow" target="_blank">Acefile</a>
<a href="LinkDownload" rel="nofollow" target="_blank">Files.cx</a>
<a href="LinkDownload" rel="nofollow" target="_blank">Yamidrive</a>
<a href="LinkDownload" rel="nofollow" target="_blank">File2Ku</a>
<a href="LinkDownload" rel="nofollow" target="_blank">KitaDrive</a>
</li>
<li><b>720p</b>
<a href="LinkDownload" rel="nofollow" target="_blank">Acefile</a>
<a href="LinkDownload" rel="nofollow" target="_blank">Files.cx</a>
<a href="LinkDownload" rel="nofollow" target="_blank">Yamidrive</a>
<a href="LinkDownload" rel="nofollow" target="_blank">File2Ku</a>
<a href="LinkDownload" rel="nofollow" target="_blank">KitaDrive</a>
</li>
</ul>
</div>
</div>
<!-- Episode List -->
<script type='text/javascript'>
var label_episode = 'LABEL';
</script>
labelnya status,studio,genre,season,score,rating umur,type,judul series.
feed blogku short min
https://www.forum.projexcode.com/2022/03/request-by-daniedtz-post-generator.html
@Hadi KuroNeko
oke semoga bisa ku akali
Comment ku moderat jadi harus apply 1-1 karena habis kena spam bot lgi.
untuk Fitur Log Update lusa kuusahain jadi bukan besok.masih bingung style dibikin kek mana :D.
https://ibb.co/hCS7qFw
contoh: jika saya menambahkan bahasa russia nanti akan ada bendera russia, jika saya tambahkan bahasa inggris dan china nanti ada bendera inggris dan china, dan semacamnya.
contoh: https://zeistmanga-bt.blogspot.com/
<b:if cond='data:post.labels any (l => l.name == "Win 11")'>
<span class='tagos'>11</span></b:if>
<b:if cond='data:post.labels any (l => l.name == "Win 10")'>
<span class='tagos'>10</span></b:if>
<b:if cond='data:post.labels any (l => l.name == "Win 8")'>
<span class='tagos'>8</span></b:if>
<b:if cond='data:post.labels any (l => l.name == "Win 7")'>
<span class='tagos'>7</span></b:if>
<b:defaultmarkups>
Jika sudah ketemu kamu cek sudah ada tag ini belum :
<b:defaultmarkup type='Common'></b:defaultmarkup>
<b:includable id='bahasa'>
<b:if cond='data:post.labels any (l => l.name == "JP")'>
<svg class='absolute t-5 r-5 c-fff s2' viewBox='0 0 640 480' xmlns='http://www.w3.org/2000/svg'><defs><clipPath id='a'><path d='M-88.001 32h640v480h-640z' fill-opacity='.67'/></clipPath></defs><g clip-path='url(#a)' fill-rule='evenodd' stroke-width='1pt' transform='translate(88.001 -32)'><path d='M-128 32h720v480h-720z' fill='#fff'/><circle cx='523.08' cy='344.05' fill='#d30000' r='194.93' transform='translate(-168.44 8.618) scale(.76554)'/></g></svg>
<b:elseif cond='data:post.labels any (l => l.name == "CN")'/>
<svg class='absolute t-5 r-5 c-fff s2' viewBox='0 0 30 20' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'>
<defs>
<path d='M0,-1 0.587785,0.809017 -0.951057,-0.309017H0.951057L-0.587785,0.809017z' fill='#FFFF00' id='s'/>
</defs>
<rect fill='#EE1C25' height='20' width='30'/>
<use transform='translate(5,5) scale(3)' xlink:href='#s'/>
<use transform='translate(10,2) rotate(23.036243)' xlink:href='#s'/>
<use transform='translate(12,4) rotate(45.869898)' xlink:href='#s'/>
<use transform='translate(12,7) rotate(69.945396)' xlink:href='#s'/>
<use transform='translate(10,9) rotate(20.659808)' xlink:href='#s'/>
</svg>
</b:if></b:includable>
<b:elseif cond='data:post.labels any (l => l.name == "BAHASA")'/>
Icon Bendera
Setelah itu untuk pemanggilan kamu letakkan ke tempat yg kamu mau asal ada valude data:posts :
<b:include name='bahasa'/>
btw ini pakai icon + tag yg ada di zeist
Widget Activity (Log Update) Masih dalam tahap bimbang UI dari kemarin2 www
https://ibb.co/N6KRLNW
New : Manga/Manhua/Manhwa yang ch/vol nya di update di hari terakhir misal ada 2 manga di tgl 22. dan tgl 22 adalah hari terakhir kamu updt/edit post maka itu dibilang new.
Hot : Lebih dari 1 comment Blogger akan dinyatakan Hot. Jika kamu pake Disqus kamu sesuaikan sendiri
coba kamu cek dah sesuai belum sebelum ku up.
https://jecoding.blogspot.com/2022/03/widget-log-update-chaptervolume.html
ini blog saya
https://kudetnime.blogspot.com/
Aku lupa nama situs gamemu, apa ya?
Apa ini? keren desainnya:
https://jecoding.blogspot.com/2022/03/widget-log-update-chaptervolume.html
Pengaruh JS,
entah di mana letaknya, coba km cari,
kalau ketemu hapus aja.
iya orng yang sama.
ada kok di post blog ini. tpi gajadi ku Public alhasil pake sendiri.
karena belum bisa optimalin fitur firebase authentication jadi berat themenya makanya ga ku public in. jadi skrng ku hapus fitur itu dan dipake sendiri :D.
Firebase authentication digunain buat Login Member dkk.Login bisa menggunakan email,google,fb dkk. tpi karena blogger kemarin dah nyoba yg FB ga bisa cuma pake 2 yaitu email ama gmail.
intinya klo mau lihat fitur2 menarik tunggu di theme situs utama (tpi diriku lgi malas ngerjain www).
Btw thank bg dah trakteer
wahh terima kasih min, hasilnya lebih bagus dugaanku xD
silahkan up min, biar langsung diterapkan diblogku
https://www.forum.projexcode.com/2022/03/widget-log-update-mangamanhuamanhwa-dsb.html
tapi gabisa :v
<a href='#stream' onclick='window.open("http://www.target1.com","_blank");window.open("http://www.target2.com","_blank");'>Click Me</a>
mmpung dpt mood buat lanjutin project theme ini,jadi request agak lambat ga kyak kemarin2
ini kodenya
var lazymgid=!1;window.addEventListener("scroll",function(){(0!=document.documentElement.scrollTop&&!1===lazymgid||0!=document.body.scrollTop&&!1===lazymgid)&&(!function(){var t=document.createElement("script");t.type="text/javascript",t.async=!0,t.src="https://jsc.mgid.com/c/a/catatandroid.com.1199831.js";var e=document.getElementsByTagName("script")[0];e.parentNode.insertBefore(t,e)}(),lazymgid=!0)},!0);
https://ibb.co/s9T5mFr
Besok ku coba bg
Coba ini :
<script>
var lazymgid=!1;window.addEventListener("scroll",function(){(0!=document.documentElement.scrollTop&&!1===lazymgid||0!=document.body.scrollTop&&!1===lazymgid)&&(!function(){var t=document.createElement("script");t.type="text/javascript",t.async=!0,t.src="https://jsc.mgid.com/c/a/catatandroid.com.1199831.js";var e=document.getElementsByTagName("head")[0];e.insertBefore(t,e.firstChild)}(),lazymgid=!0)},!0);
</script>
kalo ditambahin kondisi scroll setelah jarak tertentu baru script di load bisa kah bg?
maaf banyak req. 😅 santai aja sesempetnya ya bg. 😁🙏
Coba kamu cek di demo kalo dah sesuai tinggal ku up.
https://tkopd.blogspot.com/p/schedule.html
@YZG
Kayaknya bisa bg. pakai window.onscroll lalu condition ifnya di tentuin.nanti ku coba
Coba ini bg :
window.onscroll = function() {
var t=document.createElement("script");t.id="mgid",t.type="text/javascript",t.async=!0,t.src="https://jsc.mgid.com/c/a/catatandroid.com.1199831.js";var e=document.getElementsByTagName("head")[0];
if(window.scrollY > 400){
!document.getElementById('mgid')&&e.insertBefore(t,e.lastChild)
}
};
misal mau dipake buat banyak script idnya sesuai in jika engga bakal tabrakan nnti ga nge append.lalu jgn dihapus kalo ga itu bakal looping appendnya setiap nge scroll.
untuk jarak ada di "400" jadi scroll Y diatas 400 bakal ngeload script. sesuaikan dengan kebutuhan
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDEEDWPeLbZpvQPxDEAau1Qwt8pTwjvKUvB7LQZYcYx3ObYTCWwfYwNfZq5a4nZuHDPP1tH7nsRRdY5jXzl8XJ_g1CJCmI3DOsL7caT04CXfEFxi79dZ03ycQAqZZ7Q9DXQy15xGV1bJIOJPtdf6o1OHNEUvKw3OBdCMjRWWKTWjhDciaVpbzOph5O/s411/statistik%20forum.png
Widget :
<b:widget id='Stats1' locked='false' title='Statistic Forum' type='Stats' version='2' visible='true'>
<b:widget-settings>
<b:widget-setting name='showGraphicalCounter'>false</b:widget-setting>
<b:widget-setting name='showAnimatedCounter'>false</b:widget-setting>
<b:widget-setting name='showSparkline'>false</b:widget-setting>
<b:widget-setting name='sparklineStyle'>BLACK_TRANSPARENT</b:widget-setting>
<b:widget-setting name='timeRange'>ALL_TIME</b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<div id='footer_title'>
<span class='title'>Statistic Forum</span>
</div>
<b:include name='content'/>
</b:includable>
<b:includable id='content'>
<!-- Content is going to be visible when data will be fetched from server. -->
<div class='widget-content'>
<!-- Counter and image will be injected later via AJAX call. -->
<b:if cond='data:showGraphicalCounter'>
<span class='counter-wrapper graph-counter-wrapper' expr:id='data:widget.instanceId + "_totalCount"'/>
<b:else/>
<span class='total_post'><svg class='bi bi-graph-up' fill='currentColor' height='16' viewBox='0 0 16 16' width='16' xmlns='http://www.w3.org/2000/svg'><path d='M0 0h1v15h15v1H0V0zm10 3.5a.5.5 0 0 1 .5-.5h4a.5.5 0 0 1 .5.5v4a.5.5 0 0 1-1 0V4.9l-3.613 4.417a.5.5 0 0 1-.74.037L7.06 6.767l-3.656 5.027a.5.5 0 0 1-.808-.588l4-5.5a.5.5 0 0 1 .758-.06l2.609 2.61L13.445 4H10.5a.5.5 0 0 1-.5-.5z' fill-rule='evenodd'/></svg> Total Views :
<span class='counter-wrapper text-counter-wrapper' expr:id='data:widget.instanceId + "_totalCount"'/>
</span><br/>
<script expr:src='"https://www.blogger.com/feeds/" + data:blog.blogId + "/posts/default?orderby=published&alt=json-in-script&callback=total_post"'/>
<script expr:src='"https://www.blogger.com/feeds/" + data:blog.blogId + "/posts/default?orderby=published&alt=json-in-script&callback=total_page"'/>
<br/>
<script expr:src='"https://www.blogger.com/feeds/" + data:blog.blogId + "/posts/default?orderby=published&alt=json-in-script&callback=total_comment"'/>
</b:if>
</div>
</b:includable>
</b:widget>
#Stats1 .widget-content{padding:15px 12px;}#Stats1,#LinkList1,#LinkList2{margin-right:25px;background:#000;border-radius:8px;}.total_views svg,.total_post svg,.total_page svg,.total_post svg{position:relative;top:2px;margin-right:6px;}
JS letakkan di atas </head> :
function total_post(json){var total_post = json.feed.openSearch$totalResults.$t;document.write('<span class="total_post"><svg class="bi bi-graph-up" fill="currentColor" height="16" viewBox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg"><path d="M0 0h1v15h15v1H0V0zm10 3.5a.5.5 0 0 1 .5-.5h4a.5.5 0 0 1 .5.5v4a.5.5 0 0 1-1 0V4.9l-3.613 4.417a.5.5 0 0 1-.74.037L7.06 6.767l-3.656 5.027a.5.5 0 0 1-.808-.588l4-5.5a.5.5 0 0 1 .758-.06l2.609 2.61L13.445 4H10.5a.5.5 0 0 1-.5-.5z" fill-rule="evenodd"/></svg> Total Topics : '+ total_post +'</span><br/>');};
function total_page(json){var total_page = json.feed.openSearch$totalResults.$t;document.write('<span class="total_page"><svg class="bi bi-graph-up" fill="currentColor" height="16" viewBox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg"><path d="M0 0h1v15h15v1H0V0zm10 3.5a.5.5 0 0 1 .5-.5h4a.5.5 0 0 1 .5.5v4a.5.5 0 0 1-1 0V4.9l-3.613 4.417a.5.5 0 0 1-.74.037L7.06 6.767l-3.656 5.027a.5.5 0 0 1-.808-.588l4-5.5a.5.5 0 0 1 .758-.06l2.609 2.61L13.445 4H10.5a.5.5 0 0 1-.5-.5z" fill-rule="evenodd"/></svg> Total Page : '+ total_page +'</span>');};
function total_comment(json){var total_post = json.feed.openSearch$totalResults.$t;document.write('<span class="total_post"><svg class="bi bi-graph-up" fill="currentColor" height="16" viewBox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg"><path d="M0 0h1v15h15v1H0V0zm10 3.5a.5.5 0 0 1 .5-.5h4a.5.5 0 0 1 .5.5v4a.5.5 0 0 1-1 0V4.9l-3.613 4.417a.5.5 0 0 1-.74.037L7.06 6.767l-3.656 5.027a.5.5 0 0 1-.808-.588l4-5.5a.5.5 0 0 1 .758-.06l2.609 2.61L13.445 4H10.5a.5.5 0 0 1-.5-.5z" fill-rule="evenodd"/></svg> Total Threads : '+ total_post +'</span>');};
/posts/default....
yg 2 jadiin pages sama comments
https://www.forum.projexcode.com/2022/03/jadwal-rilis-animestream.html
Thanks
dibawah ini source codenya
<!--[Box Images]-->
<div class="separator" style="clear: both;"><a href="Link_Poster" style="display: block; padding: 1em 0; text-align: center; "><img alt="" border="0" height="320" data-original-height="800" data-original-width="525" src="Link_Poster"/></a></div>
<!--[ Post Large Image ]-->
<div id='viewto' class='killer'>
<img src='Link_Gambar_Persegi_Panjang'/>
</div>
<!--[ Post Sinopsis ]-->
<div id='sinto' class='killer'><span>
Info_Sinopsis
</span></div>
<!--[ Episode or Stream Menu ]-->
<div class='stream-outer' id='box-stream'><h1>List Episode</h1><ul>
<!--[ Stream List ]-->
<li>
<a href='Link_Streaming' onclick='ress();' target='maxstream'>
<div class='stream-sync'>
<div class='stream-image'>
<img src='Link_Gambar_Persegi_Panjang_Episode'/>
<div class='stream-play'><i class='fa fa-play-circle'></i></div>
</div>
<div class='stream-title'>
<h2>Judul_Episode</h2>
<span>Sinopsis_Episode</span>
</div>
</div>
</a>
</li>
</ul>
</div>
Maaf kalo gajelas kodenya, yang ini keliatanya rada rumit,
- BOX IMAGES = untuk gambar utama / Poster = Kasih di "Link_Poster" [GRABBER]
- POST LARGE IMAGE = sesuai namanya, jadi kita tinggal tempel link gambar = Kasih di "Link_Gambar_Persegi_Panjang" [CUSTOM]
- POST SINOPSIS = Untuk sinopsis = Kasih di "Info_Sinopsis" [GRABBER]
- Episode or Stream Menu = untuk judul kasih di h2 [CUSTOM]
- STREAM LIST =
>> "Link_Streaming" = Untuk link player streaming [CUSTOM]
>> "Link_Gambar_Persegi_Panjang_Epis" = untuk poster episode [CUSTOM]
>> "Judul_Episode" = Untuk Judulnya [CUSTOM]
>> "Sinopsis_Episode" = untuk sinopsis [CUSTOM]
saya harap untuk "STREAM LIST" bisa di Tambah / Kurang
untuk sisanya imdb seperti, (Released, Year, imdbRating,
Type, Country, Genre, Rated, imdbVotes, Production dll) dibuat box khusus aja karena ingin ku tempel di label
Besok ku coba.up nya antara Besok atau Lusa Sore/Malam
@YZG
u r welcome bg
t.src="google.com"
t.src="yahoo.com"
Gunakan ini :
<script>
window.onscroll = function() {
const t=document.createElement("script"),
v=document.createElement("script"),
e=document.getElementsByTagName("head")[0];
t.id="mgid",t.type="text/javascript",t.async=!0,t.src="https://jsc.mgid.com/c/a/catatandroid.com.1199831.js";
v.id="mgid2",v.type="text/javascript",v.async=!0,v.src="https://jsc.mgid.com/c/a/catatandroid.com.1199831.js";
if(window.scrollY > 400){
!document.getElementById('mgid')&&e.insertBefore(t,e.lastChild);
!document.getElementById('mgid2')&&e.insertBefore(v,e.lastChild);
}
};
</script>
Done Request Post Generator
https://www.forum.projexcode.com/2022/03/request-by-meghan-kamui-post-generator.html
yow sama2
@Sayu-Chan
Bukannya udah ada ya.kamu ambil aja dari themenya kang nolep kumastream
Ini kulakuin biar diriku fokus ama project theme ku.
so kalo mau request request aja nnti ku kerjain kok (semampu ku karena diriku juga masih belajar).
@meghan kamui
next ya kalo ada sela waktu atau tunggu project ku kelar
ok, kerjakan aja templatemu dulu.
gk sabar liat hasilnya, heheh...
My Code
kalok mau nambah
+ Snippet Post
+ Tanggal Post
gimana bang?
masih bg, masih bnyak yg harus ku lakuin belum lagi kalo theme utama selesai diriku lgsg bikin theme database torrent anime buat ngisi konten situs utama
@Yukine
Snippet :
const matchingSnippet = entry.content != null ? entry.content.$t : entry.summary.$t;
Tanggal :
const date = entry.published.$t.split('T')[0];
Tanggal itu defaultnya hasilnya : 2022-04-18
Kalo mau custom kayak : 18 Maret 2022 kamu bisa ambil source code dari script feed orang lain atau ga kamu cari aja di blog ini kalo ada (lupa aku pernah bikin kek gini engga :D)
kalo mau dipisah2 tinggal kamu split2 aja
var relatedTitlesNum = 0;
var relatedUrls = new Array();
var thumburl = new Array();
var relatedSnippet = new Array();
var relatedDate = new Array();
function related_results_labels_thumbs(json) {
for (var i = 0; i < json.feed.entry.length; i++) {
var entry = json.feed.entry[i];
relatedTitles[relatedTitlesNum] = entry.title.$t;
relatedSnippet[relatedTitlesNum] = entry.content != null ? entry.content.$t : entry.summary.$t;
relatedDate[relatedTitlesNum] = entry.published.$t.split('T')[0];
try {
thumburl[relatedTitlesNum] = entry.media$thumbnail.url;
} catch (error) {
s = entry.content.$t;
a = s.indexOf("<img");
b = s.indexOf("src=\"", a);
c = s.indexOf("\"", b + 5);
d = s.substr(b + 5, c - b - 5);
if ((a != -1) && (b != -1) && (c != -1) && (d != "")) {
thumburl[relatedTitlesNum] = d;
} else {
if (typeof (defaultnoimage) !== 'undefined')
thumburl[relatedTitlesNum] = defaultnoimage;
else
thumburl[relatedTitlesNum] = "https://1.bp.blogspot.com/-FReCec7n6RY/YSQPKYQ3GZI/AAAAAAAAALQ/68ope4pW8k0f4nEtHT74JUVroyigkNQtACLcBGAsYHQ/s320/No%2BImage%2BHorizontal.jpg";
}
}
if (relatedTitles[relatedTitlesNum].length > 350)
relatedTitles[relatedTitlesNum] = relatedTitles[relatedTitlesNum].substring(0, 35) + "...";
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
relatedUrls[relatedTitlesNum] = entry.link[k].href;
relatedTitlesNum++;
}
}
}
}
function removeRelatedDuplicates_thumbs() {
var tmp = new Array(0);
var tmp2 = new Array(0);
var tmp3 = new Array(0);
var tmp4 = new Array(0);
var tmp5 = new Array(0);
for (var i = 0; i < relatedUrls.length; i++) {
if (!contains_thumbs(tmp, relatedUrls[i])) {
tmp.length += 1;
tmp[tmp.length - 1] = relatedUrls[i];
tmp2.length += 1;
tmp3.length += 1;
tmp4.length += 1;
tmp5.length += 1;
tmp2[tmp2.length - 1] = relatedTitles[i];
tmp3[tmp3.length - 1] = thumburl[i];
tmp4[tmp4.length - 1] = relatedSnippet[i];
tmp5[tmp5.length - 1] = relatedDate[i];
}
}
relatedTitles = tmp2;
relatedUrls = tmp;
thumburl = tmp3;
relatedSnippet = tmp4;
relatedDate = tmp5;
}
function contains_thumbs(a, e) {
for (var j = 0; j < a.length; j++)
if (a[j] == e)
return true;
return false;
}
for (var i = 0; i < relatedUrls.length; i++) {
if ((relatedUrls[i] == current) || (!relatedTitles[i])) {
relatedUrls.splice(i, 1);
relatedTitles.splice(i, 1);
thumburl.splice(i, 1);
relatedSnippet.splice(i, 1);
relatedDate.splice(i, 1);
i--;
}
}
var r = Math.floor((relatedTitles.length - 1) * Math.random());
var i = 0;
while (i < relatedTitles.length && i < 20 && i < maxresults) {
tmb = thumburl[r].replace('s72-c/', 's320/');
document.write('<div class="item-related"><h3><a href="' + relatedUrls[r] + '">' + relatedTitles[r] + '</a></h3><div class="post-thumbnail"><a href="' + relatedUrls[r] + '" class="link"><img width="" height="" src="' + tmb + '"/></a></div>'+ relatedSnippet[r] + relatedDate[r] + '</div>');
i++;
if (r < relatedTitles.length - 1) {
r++;
} else {
r = 0;
}
}
relatedUrls.splice(0, relatedUrls.length);
thumburl.splice(0, thumburl.length);
relatedTitles.splice(0, relatedTitles.length);
relatedSnippet.splice(0, relatedSnippet.length);
relatedDate.splice(0, relatedDate.length);
}
function removeHtmlTag(strx, chop) {
var s = strx.split("<");
for (var i = 0; i < s.length; i++) {
if (s[i].indexOf(">") != -1) {
s[i] = s[i].substring(s[i].indexOf(">") + 1, s[i].length)
}
}
s = s.join("");
s = s.substring(0, chop - 1);
return s
}
jadi in satu ama script yg atasnya @Yukine . kalo berhasil outputnya baru kamu sesuai in sendiri letak snippet sama datenya
var categArray = [];
for(var e=0;e<post.category.length;e++){
categArray.push(json.feed.category[e].term);
var tarRating = categArray.filter(item => {
return item == '0.0' || item == '0.1' || item == '0.2' || item == '0.3' || item == '0.4' || item == '0.5' || item == '0.6' || item == '0.7' || item == '0.8' || item == '0.9' || item == '1.0' || item == '1.1' || item == '1.2' || item == '1.3' || item == '1.4' || item == '1.5' || item == '1.6' || item == '1.7' || item == '1.8' || item == '1.9' || item == '2.0' || item == '2.1' || item == '2.2' || item == '2.3' || item == '2.4' || item == '2.5' || item == '2.6' || item == '2.7' || item == '2.8' || item == '2.9' || item == '3.0' || item == '3.1' || item == '3.2' || item == '3.3' || item == '3.4' || item == '3.5' || item == '3.6' || item == '3.7' || item == '3.8' || item == '3.9' || item == '4.0' || item == '4.1' || item == '4.2' || item == '4.3' || item == '4.4' || item == '4.5' || item == '4.6' || item == '4.7' || item == '4.8' || item == '4.9' || item == '5.0' || item == '5.1' || item == '5.2' || item == '5.3' || item == '5.4' || item == '5.5' || item == '5.6' || item == '5.7' || item == '5.8' || item == '5.9' || item == '6.0' || item == '6.1' || item == '6.2' || item == '6.3' || item == '6.4' || item == '6.5' || item == '6.6' || item == '6.7' || item == '6.8' || item == '6.9' || item == '7.0' || item == '7.1' || item == '7.2' || item == '7.3' || item == '7.4' || item == '7.5' || item == '7.6' || item == '7.7' || item == '7.8' || item == '7.9' || item == '8.0' || item == '8.1' || item == '8.2' || item == '8.3' || item == '8.4' || item == '8.5' || item == '8.6' || item == '8.7' || item == '8.8' || item == '8.9' || item == '9.0' || item == '9.1' || item == '9.2' || item == '9.3' || item == '9.4' || item == '9.5' || item == '9.6' || item == '9.7' || item == '9.8' || item == '9.9' || item == '10.0';
});
var tarQuality = categArray.filter(item => {
return item == '1440' || item == '10.0' || item == '1080' || item == '720' || item == '480' || item == '360' || item == '240' || item == '144' || item == 'CAM' || item == 'HDCAM' || item == 'SDCAM' || item == 'HD' || item == 'SD';
});
}
var customPost = {};
customPost.run = function(t, e, n) {
customPost.outputDiv = t, document.write('<script type="text/javascript" src="/feeds/posts/default/-/' + e + "?alt=json&callback=customPost.compile&max-results=" + n + '"><\/script>')
}, customPost.compile = function(t) {
var e = document.getElementById(customPost.outputDiv),
n = t.feed;
if (n && n.entry.length > 0) {
for (var r = "", s = 0; s < n.entry.length; s++) {
var i = n.entry[s];
var labele = i.category.map(i => i.term).join(', ');
a = i.title.$t;
m = new Array;
for (var p = "", f = 0; f < i.link.length; f++)
if ("alternate" == i.link[f].rel) {
p = i.link[f].href;
break
}
var d = "";
if (i.media$thumbnail) d = i.media$thumbnail.url.replace(/\/s[0-9]+(\-c)?/, "/w720-h480-p-k-no-nu");
else if (i.content) {
var b = i.content.$t,
g = b.indexOf("<img"),
h = b.indexOf('src="', g),
v = b.indexOf('"', h + 5),
y = b.substr(h + 5, v - h - 5);
d = -1 != g && -1 != h && -1 != v && "" != y ? y : "https://i.imgur.com/NIDHEwU.png"
} else d = "https://i.imgur.com/NIDHEwU.png";
r += '<li><a href="' + p + '"><span>' + mxRating + '</span><span>' + mxQuality + '</span><img src="' + d + '"/><h2>' + a + '</h2><span>' + labele + '</span></a></li>'
}
e.innerHTML = r
}
};
yang categarray nya diatas om :v tapi pas digabungin kok ga muncul ya
<ul id='customPost'>
<script type='text/javascript'>
customPost.run('customPost', 'Completed', 10);
</script>
</ul>
$("#nama id").remove();
tapi saya mau kasih delay atau cooldown 10s. Gimana cara nya bang?
setTimeout(()=>{
apa yang mau kamu lakukan....
}, 10000);
10000 = 10 detik
10000 = milidetik
bagaimana Skip [01] akan aktif kalok dipanggil kalok gak dipanggil Skip [01] akan tetap muncul tapi tidak mengganggu Skrip lainnya (Non Aktif).
ada trik atau caranya bang?
script A bikin function sendiri :
function run(){
alert('hello world!');
}
habis itu bikin event nya misal click :
document.getElementById('btn').addEventListener('click',()=>{
run(); // Panggil function yang ingin di panggil
})
Aku ngirim pesan di FB-mu.
https://www.forum.projexcode.com/2021/11/tag-kondisional-komentar-untuk-mention.html
intinya sama sih tag conditional nya seperti defaultnya
data:posts[i[.comments[i]
jadi bisa ambil gambar profile dll