Comments on Blog bungfrangki: Menampilkan Komentar Gambar di Blogger dengan JavaScript

tks sob... mantap tenan.. :D

2024-08-31T13:16:31.324+07:00

tks sob... mantap tenan.. :D

Atau gini aja kang, supaya nanti gak bertabrakan d...

2024-08-31T13:10:40.305+07:00

Atau gini aja kang, supaya nanti gak bertabrakan dengan JS yg lain di kemudian hari. bungkus aja JS untuk menampilkan gambar di komentar dengan ini:
document.addEventListener('DOMContentLoaded', () => {

// JS untuk menampilkan gambar pada komentar disini...

});

nah itu udah mantap sekali :D

2024-08-31T13:03:26.766+07:00

nah itu udah mantap sekali :D

weleh ternyata simple cuman tukar posisi wkwkwkw.....

2024-08-31T12:55:53.384+07:00

weleh ternyata simple cuman tukar posisi wkwkwkw... udah puyeng, tks bung... btw penambahan class udah buat nambah margin cek kang-ismet.com/p/demo-sisipan-komentar.html

mungkin bisa coba dengan tukar posisi JS-nya kang,...

2024-08-31T12:46:05.261+07:00

mungkin bisa coba dengan tukar posisi JS-nya kang, yang js untuk menampilkan gambar di komentar letakkan di bawah js emoticon

hmmm, padahal selectornya beda kan ya kang. awalny...

2024-08-31T12:44:06.117+07:00

hmmm, padahal selectornya beda kan ya kang. awalnya saya ingin menyarankan untuk menambahkan class di img, seperti ini
imgTag.classList.add('imageToShow');
tapi setelah cek hasilnya saat gabungkan js dari source-code kang Ismet dengan js di atas, hasilnya kok normal ya.
https://i.ibb.co.com/Mkn8NGF/js-image-and-icon.png

kode di atas bentrok sama js emoticon, sebelum ada...

2024-08-31T10:36:44.376+07:00

kode di atas bentrok sama js emoticon, sebelum ada emoji di komentar js diatas jalan, tapi kalau udah muncul emote button show image ga bisa dibuka, ini js emote nya.. solusinya gimana bung? a = document.getElementById('comment-holder');
if (a) {
b = a.getElementsByTagName("p");
for (i = 0; i < b.length; i++) {
if (b.item(i).getAttribute('CLASS') == 'isi-komen') {
bh_b_smly = b.item(i).inner��vlog�ٷ��.replace(/<\3/gi, "");
bh_b_smly = bh_b_smly.replace(/:\)/gi, "");
bh_b_smly = bh_b_smly.replace(/:\(/gi, "");
bh_b_smly = bh_b_smly.replace(/:D/gi, "");
bh_b_smly = bh_b_smly.replace(/:top/gi, "");
bh_b_smly = bh_b_smly.replace(/:love/gi, "<img src='https://tutorial.kang-ismet.com/img/heart.png' alt='heart' class='emoji-cmt-love'/>");
bh_b_smly = bh_b_smly.replace(/<3/gi, "<img src='https://tutorial.kang-ismet.com/img/heart.png' alt='heart' class='emoji-cmt-love'/>");
bh_b_smly = bh_b_smly.replace(/https?:\/\/www\.kang-ismet\.com\/(.*?)<\/i>/ig, "<a target='_blank' href='https://www.kang-ismet.com/$1'>[LINK]<\/a>");
bh_b_smly = bh_b_smly.replace(/https?:\/\/corkismet\.blogspot\.com\/(.*?)<\/i>/ig, "<a href='https://corkismet.blogspot.com/$1'>[LINK]<\/a>");
b.item(i).inner��vlog�ٷ�� = bh_b_smly;
}
}
}

hahahaha mengingatkan pada sang pencetus :D

2024-08-28T11:41:16.990+07:00

hahahaha mengingatkan pada sang pencetus :D

hehehe malah foto saya yang terpampang nyata disan...

2024-08-28T11:37:13.286+07:00

hehehe malah foto saya yang terpampang nyata disana :D

worked.. udah saya coba di tutorial.kang-ismet.com...

2024-08-28T11:34:11.604+07:00

worked.. udah saya coba di tutorial.kang-ismet.com/tryit/comment-img nanti saya terapkan di blog. tks bung

mungkin seperti ini bisa kang: const imgElements =...

2024-08-28T11:07:39.719+07:00

mungkin seperti ini bisa kang:
const imgElements = document.querySelectorAll('i[rel="img"]');
imgElements.forEach((element) => {
const imgTag = document.createElement('img');
const imgUrl = element.textContent;
imgTag.src = imgUrl;
element.inner��vlog�ٷ�� = '';
element.appendChild(imgTag);
imgTag.style.display = 'none';
imgTag.setAttribute('alt', '');
const button = document.createElement('button');
button.textContent = 'Show Image';
button.classList.add('ShowImageComment');
element.appendChild(button);
button.addEventListener('click', () => {
button.remove();
imgTag.style.display = 'block';
});
});

kayaknya kalau teks URL hilang, langsung button Sh...

2024-08-28T08:53:07.048+07:00

kayaknya kalau teks URL hilang, langsung button Show Image, lebih rapi ya.. coba JS nya kaya gimana?

hehehe iya kang sekarang url image blogger makin p...

2024-08-28T07:18:10.401+07:00

hehehe iya kang sekarang url image blogger makin panjang aja

Alhamdulillah jadi ide postingan.. kalau mastah la...

2024-08-27T22:44:13.764+07:00

Alhamdulillah jadi ide postingan.. kalau mastah langsung dapet solusi, mantab.. btw ya itu konsekwensi image blogger, panjang banget url nya :)