Adding Images, Youtube Videos, Quotes and Codes to Blogger Comments - Sebetulnya tutorial ini sudah banyak yang membuatnya. Akan tetapi karena banyak pertanyaan tentang bagaimana cara memasukan gambar, video youtube, kode, catatan ke komentar Blogger, maka saya buat tutorial ini untuk memudahkan pengunjung blog ini.memasukan gambar ke komentar

Tutorial ini berkaitan dengan tutorial Cara Membuat Pesan di atas Form Komentar Blogger. Biasanya, hal ini digunakan oleh sahabat yang sering berbagi tutorial, untuk memmudahkan berbagi kode atau screenshoot.

Kode yang saya bagikan berasal dari DTE, karena ada sebagian kode yang tidak jalan, maka saya tambahkan yang lainnya. Silahkan sobat ikuti langkah mudahnya :

Simpan kode ini di atas ]]></b:skin>

#comment-holder .cm-youtube {
  display:block;
  border:none !important;
  background-color:#333;
  width:450px;
  height:240px;
  margin:0 auto 30px;
}
#comment-holder .cm-image {
  display:block;
  margin:0 auto 15px;
  outline:none;
  border:1px solid #ccc;
  background-color:white;
  -webkit-box-shadow:0px 1px 3px rgba(0,0,0,0.2);
  -moz-box-shadow:0px 1px 3px rgba(0,0,0,0.2);
  box-shadow:0px 1px 3px rgba(0,0,0,0.2);
  padding:5px;
  max-width:96%;
  height:auto;
  width:auto;
}
code, #comment-holder code,
#comment-holder i[rel="code"] {
  font:normal 12px Monaco,"Courier New",Monospace;
  color:blue;
}
pre, #comment-holder pre,
#comment-holder i[rel="pre"] {
  display:block;
  font:normal 12px Monaco,"Courier New",Monospace;
  background-color:#333;
  color:white;
  padding:0.5em 1em;
  word-wrap:normal;
  white-space:pre;
  overflow:auto;
  white-space: pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  word-wrap: break-word;
}
blockquote, #comment-holder blockquote,
#comment-holder b[rel="quote"] {
  margin:0 2%;
  background-color:#eee;
  padding:1em 1.2em;
  border-left:4px solid #7498AD;
  display:block;
  font-weight:normal;
  font-style:italic;
}
#comment-holder i[rel="image"],
#comment-holder i[rel="youtube"] {
  display:block;
  overflow:hidden;
  border:2px solid black;
  position:relative;
  width:170px;
  height:100px;
  margin:0 auto 30px;
}
#comment-holder i[rel="image"]:before,
#comment-holder i[rel="youtube"]:before {
  content:"Please enable your JavaScript to see this image!";
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  background-color:red;
  color:white;
  font-weight:bold;
  text-align:center;
  padding:15px 0;
}
#comment-holder i[rel="youtube"]:before {
  content:"Please enable your JavaScript to watch this video!";
}

Kemudian, simpan kode ini di atas </body>

<script type='text/javascript'>
//<![CDATA[
function repText(id) {
var a = document.getElementById(id),
 b = a.innerHTML,
 b = b.replace(/<i rel="image">(.[^\>]*)<\/i>/ig, "<img class='cm-image' src='$1' alt='loading...' \/>");
 b = b.replace(/\[img\](.[^\]]*)\[\/img\]/ig, "<img class='cm-image' src='$1' alt='loading...' \/>");
 b = b.replace(/<i rel="youtube">http:\/\/www.youtube.com\/embed\/(.[^>]*)<\/i>/ig, "<iframe class='cm-youtube' src='http://www.youtube.com/embed/$1'><\/iframe>");
 b = b.replace(/<i rel="youtube">(http:\/\/youtu.be|http:\/\/www.youtube.com\/watch\?v=)(.[^>]*)<\/i>/ig, "<iframe class='cm-youtube' src='http://www.youtube.com/embed/$2'><\/iframe>");
 b = b.replace(/\[youtube\]http:\/\/www.youtube.com\/embed\/(.[^\]]*)\[\/youtube\]/ig, "<iframe class='cm-youtube' src='http://www.youtube.com/embed/$1'><\/iframe>");
 b = b.replace(/\[youtube\](http:\/\/youtu.be|http:\/\/www.youtube.com\/watch\?v=)(.[^\]]*)\[\/youtube\]/ig, "<iframe class='cm-youtube' src='http://www.youtube.com/embed/$2'><\/iframe>");
 document.getElementById(id).innerHTML = b;
 b = b.replace(/<i rel="code">(.*?)<\/i>/ig, "<code>$1<\/code>");
 b = b.replace(/<i rel="pre">(.*?)<\/i>/ig, "<pre>$1<\/pre>");
 b = b.replace(/<b rel="quote">(.*?)<\/b>/ig, "<blockquote>$1<\/blockquote>");
 b = b.replace(/&amp;feature=[0-9a-zA-Z-_]*/ig, "");
 b = b.replace(/\/s(640|1600)/g, "/s400");
 } repText('comment-holder');   
c = document.getElementById('comment-holder');
if (c) {
 b = c.getElementsByTagName("p");
 for (i = 0; i < b.length; i++) {
  if (b.item(i).getAttribute('CLASS') == 'comment-content') {
   ki_comm = b.item(i).innerHTML.replace(/\[code\](.[^\]]*)\[\/code\]/ig, "<code>$1<\/code>");
   ki_comm = ki_comm.replace(/\[pre\](.[^\]]*)\[\/pre\]/ig, "<pre>$1<\/pre>");
   ki_comm = ki_comm.replace(/\[blockquote\](.[^\]]*)\[\/blockquote\]/ig, "<blockquote>$1<\/blockquote>");
   ki_comm = ki_comm.replace(/\[quote\](.[^\]]*)\[\/quote\]/ig, "<blockquote>$1<\/blockquote>");          
   b.item(i).innerHTML = ki_comm;
  }
 }
}
//]]>
</script> 

Simpan Template

Format Penulisan


Menulis Tag <code>
<i rel="code">Tulis kode yang sudah diparse di sini</i>, atau
[code]Tulis kode yang sudah diparse di sini[/code]

Menulis Tag <pre>
<i rel="pre">Tulis kode yang sudah diparse di sini</i>, atau
[pre]Tulis kode yang sudah diparse di sini[/pre]

Menulis Catatan (Blockquote)
<b rel="quote">Tulis catatan di sini</b>, atau
[quote]Tulis catatan di sini[/quote], atau
[blockquote]Tulis catatan di sini[/blockquote]

Memasukan Gambar
<i rel="image">Tulis URL gambar di sini</i>, atau
[img]Tulis URL gambar di sini[/img]

Memasukan Video Youtube
<i rel="youtube">Tulis URL Video Youtube di sini</i>, atau
[youtube]Tulis URL Video Youtube di sini[/youtube]

Semoga bermanfaat...

150 komentar

oh ya kang, bagi dong Emoticonnya :) soalnya keren-keren :D

Balas

Langsung aja ke blog DTE sob, disitu plus emotnya... untuk tutorial ini emotnya saya hapus.. linknya ada di atas ko :)

Balas

mantap lagi nih tutorialnya, bisa meramaikan komentar pada blog

Balas

oh iya kang, maaf nih kok halaman kontak saya beda ya dengan Demonya..
Kotak isi pesannya itu..http://bravoseo.blogspot.com/p/kontak-saya.html

Balas

thanks sob... semoga bermanfaat

Balas

coba hapus kode margin: 5px auto; pada #ContactForm1_contact-form-email-message{

Balas

wah dapat tips baru nih, thanks buat Kang Ismet :) sukses buat Akang :)

Balas

Akang numpang demo disini
[img]https://lh3.googleusercontent.com/-5PN9n2ZQrP4/UXUHKes0XSI/AAAAAAAAAaw/_ZS245WhJmg/h120/niceinfo.gifi[/img]

Berikutnya
[blockquote]SEMUA TIPS YANG DIBERIKAN SANGAT BERMAMFAAT !! TERIMAKASIH PAK GURU HE...HE..[/blockquote]

Balas

udah jangan kebanyakan... nanti penuh deh sama DEMO :D

Balas

kalo ingin menambahkan pre saja gimana kang ?

Balas

Bagus nih diterapkan di blog sya yang lain :)
Trims tutornya, kang Ismet.
Sekalian request dan nanya, cara buat tulisan Ditulis Oleh: xxx Label: xxx dibawah postingan seperti blog kang Ismet tuh gimana?
Dan apa tulisan seperti itu yang disebut dgn "byline"?
Sekalian aja, Mohon Maaf Lahir Bathin...Mav'in saya kalau ada kata2 kurang berkenan selama komentar di sini :)
Sukses selalu ya kang

Balas

weih mantap nih, pas juga buat blog yg ngebahas tutorial blog.
nanti juga saya coba pake kalo sudah ngebahas tutorial.
makasih infonya kang

Balas

diamankan kang,kalo boleh sekalian request kang cara membuat tombol konversi kode seperti di blog ini..hatur nuhun pisan.

Balas

<script type='text/javascript'>
//<![CDATA[
$('#comment-holder p').each(function() {
// Ubah semua tag <i rel="pre"> dengan <pre>
$('i[rel="pre"]', this).replaceWith(function() {
return $('<pre></pre>').append($(this).contents());
});
});
//]]>
</script>

Balas

sama2 sob... maaf lahir bathin juga untuk label :
<span class='post-author vcard'>
<b:if cond='data:top.showAuthor'>
Ditulis oleh :
<b:if cond='data:post.authorProfileUrl'>
<span class='fn'>
<a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
<data:post.author/>
</a>
</span>
<b:else/>
<span class='fn'><a href='http://blog.kangismet.net'><b><data:post.author/></b></a></span>
</b:if>
</b:if>
</span>
<span class='post-labels'>
<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
</b:loop>
</b:if>
</span>

Balas

silahkan ke sini sob http://blog.kangismet.net/2013/05/membuat-judul-pada-pesan-formulir-kommentar.html

Balas

hatur nuhun tutorialna kang, engke ku abdi dicoba :D, kang bade naros yeuh cara nyieun tag konversi kode kumaha tah kang, maksud abdi teh ngadamel stylena kumaha ?, butuh pisan yeuh kang, hehe :D
http://yoga-tc.blogspot.com/

Balas

kang, mau tanya nih.. untuk menyisipkan kode, bagusan yg "terlebih dahulu dikonversi" atau yg tidak??? coz sy pernah nemuin tutor macam ini, pas saya coba diblogku mah ga pake konversi langsung jadi deh memasukan kode dalam komentar. sy kira itu memudahkan. hehe

Balas

waduh kang saya udah coba semuanya tapi kok bisa semua ya ?, keren kang, hehe, kang bade naroskeun yeuh kang ari bedana tag code, tag pre, catatan (blockquote), tah eta teh jang kode naon bae, maksud abdi teh tag eta teh fungsina jang kode anu kumaha kang ?, menta contona kang, hehe :D

Balas

Jadi itu kombinasi antara CSS sama javascript yhaa kang?
Prinsipnya sama kayak penggunaan emotion di kolom komentar bukan?

Javascript mereplace code emo dengan gambar,, nah, kalau yang ini,,, wah,, keren kang

Balas

Kang, kalau untuk menambahkan tombol2 Konversi Kide disini, Top Komentator dan Forum diskusi gimana ya kang ???

Balas

Waduh belum ngerti ginian :(

Balas

Bantu jawab ah, hehe

Kalau gk salah tag code untuk menyisipkan kode pendek.
Contoh : </body>
tag pre untuk menyisipkan kode panjang.
Contoh :#comment-holder .cm-image {
display:block;
margin:0 auto 15px;
outline:none;
border:1px solid #ccc;
background-color:white;
-webkit-box-shadow:0px 1px 3px rgba(0,0,0,0.2);
-moz-box-shadow:0px 1px 3px rgba(0,0,0,0.2);
box-shadow:0px 1px 3px rgba(0,0,0,0.2);
padding:5px;
max-width:96%;
height:auto;
width:auto;
}

Blockquote/Catatan untuk menysipkan catatan atau apa saja, seperti blockquote di blog sobat untuk berbagi tutorial. :)
Contoh : [catatan]Mantap Artikelna :bd[/catatan]

Balas

salam kenal kang...

celco-blog.blogspot.com

Balas

Blog saya sudah pasang yang ginian, tapi youtube nya gk ada. hehe :)

Balas

oh sudah ada ya,,telat saya :D

Balas

(Kang masuk forum, saya ada pertanyaan....ditunggu ya...thanks)

Balas

mantap bro, makasih tutorialnya ya :D, sekarang saya sudah mengerti penjelasan code, tag pre, dan catatan, dan saya sudah menerapkan tutorial di atas, hehe :D

Balas

pertamanya saya juga gk jalan video youtube nya, tapi sekarang sudah jalan sob, mungkin karena koneksi internet sobat lambat, hehe :D salam kenal sob :D
http://yoga-tc.blogspot.com/

Balas

Dulu saya tertarik untuk menggunakan script seperti ini kang, tapi berhubung komentar blogger aja ga valid html5 apalagi ditambah gambar sama video makin mengurangi skor seo blog jadi sampai saat ini saya belum berani pasang script ini... hadeeeuuhh...padahal kereeenn kang...

Balas

kalau menambahkan link gimana kang dengan manipulasi ini...

Balas

emmphh gimana ya .. aduh lieur mas abdul tanya kang ismet aja deh hehe

Balas

selalu saja ada tutorial yang aneh2, bener2 dukun tutorial dech ^_^

Balas

bukan gk jalan sob, tapi saya gk pasang tag Youtube nya. Males pakeknya. hahaha :D.

Salam kenal juga. :)

Balas

Sya masih buta JS, tapi saya pke ini. Dapat dari tetangga. :)
$("#comment_block p").each(function () {
$('i[rel="anchor"]', this).replaceWith(function () {
return $('<a class="allow" href="" >[Link]</a>').attr("href", $(this).text())
});
});

Balas

Ingin mencoba, harus hati-hati nih jarang otak atik script!

Balas

Makin lengkap saja ini Kang tutorialnya jadi nanti bisa dipasang untuk blog baru saya ini. :)

Balas

Mantep nih kang ismet, blog tutorial terlengkap dan terpercaya, terimakasih ya kang tutorialnya :)

Balas

kalau kode CSS ga perlu dikonversi, yang perlu itu HTML dan JavaScript. Kalau pun bisa langsung tanpa konversi, itu akan terbaca sebagai kode HTML nantinya. jadi lebih baik di konversi terlebih dahulu

Balas

copy we source nu ieu http://cdn.kangismet.net/tool/html-escaper.html :)

Balas

betul... kurang lebih seperti penjelasan sobat Saeful Rahman :-bd

Balas

absolutely right :) emang kaya gitu cara kerjanya sob

Balas

hehhe... di komentar sebelumnya ada, coba ke sini http://blog.kangismet.net/2013/05/membuat-judul-pada-pesan-formulir-kommentar.html

Balas

lama2 juga ngerti sob :)

Balas

emang ga perlu ko sob :)

Balas

salut kang... saya ga ngerti malah valid2an :)

Balas

100.... :)kalau sudah ada code di atas tinggal tambah aja ini :
$('i[rel="anchor"]', this).replaceWith(function() {
return $('<a href="' + $(this).text() + '">[Link]</a>');
});

Cara menulisnya :
<i rel="anchor">URL DISINI</i>

Balas

wkwkwkkwkw... untung bukan dukun cabul :)

Balas

backup dulu templatenya.. itu yang terpenting sebelum otak-atik template

Balas

backup dulu templatenya.. itu yang terpenting sebelum otak-atik template

Balas

beuh.. terlengkap dan terpercaya :D

Balas

Kang Ismetttttttttttttttttttt maaf baru bisa ngesot kemari saya hanya mau menyampaikan MINAL AIDIN WAL FAIDZIEN MOHON MAAF LAHIR DAN BATHIEN dan satu lagi share kali ini saya suka banget..hahahahyyy

Balas

sama2 bang ai.. maafkan ulun jua kalu ada salah2 bapender atau kada nyaman di hati bang :)

Balas

Kang saya mau nanya nih, apa cara ini nantinya gak memberatkan page postingan? apalagi kalau youtube, pasti load 1/1 youtubenya..

#Promosi #Blog Mohon Maaf Lahir Batin! http://www.vavaheirro.com/2013/08/mohon-maaf-lahir-batin.html
maaf sebelumnya udah promosi

Balas

itu mas kompi ajaib valid HTML5 juga ya? ._.v
berarti sama donk ._.
untuk pasang gini ngga papa, bisa valid kok asal semuanya di masukkin ke halaman item/post :)
saya udah coba dan hasilnya homepagenya valid HTML5 :)

cek aja kang ._. http://validator.w3.org/check?uri=http://ah-shared.blogspot.com/ :)

Balas

untuk loadnya sih ngga seberapa,standart youtube lah loadnya :)

oh iya kang ismet mau tanya nih..,di dte kan ada tuh kode

b = b.replace(/<i rel="code">(.*?)<\/i>/ig, "<code>$1<\/code>");
b = b.replace(/<i rel="pre">(.*?)<\/i>/ig, "<pre>$1<\/pre>");
b = b.replace(/<b rel="quote">(.*?)<\/b>/ig, "<blockquote>$1<\/blockquote>");

tetapi begitu saya masukkin kode itu, hasilnya malah entry komennya rusak ._.
tetapi sewaktu tidak memakai js yang itu, hasilnya malah bagus ._.
itu kenapa ya kang?

Balas

Nah Ini Ni Yang Saya Tunggu Tunggu..Makasih Kang..

Balas

ah mas tau aja, padahalkan yg sy masukkan kode css.
oke oke jadinya saya ngerti.
maaf lahir & batin mas.

Balas

kang mungkin dalam berkomentar saya banyak salah
dan dihari yang fitri ini izinkan saya serta keluarga mengucapkan minal aidin walfaidzin
mohon maaf lahir bathin ...

Balas

Minnal aidzin wal faidzin kang .:)

Mohon Maaf Lahir dan Batin. :D

Balas

Sorry kalau OOT kang, hanya mau mengucapkan "Minal aidzin wal faidzin" "Mohon maaf lahir dan batin" :)

Balas

haha diblok komentar saya, apa karena menggunakan kata O.O.T ? :D

Balas

maap lahir batin ya kang klo ada salah2 kata *smile

smg kang Ismet sekeluarga bs dipertemukan kembali dgn Ramadhan tahun depan, aamiin.

“Ƭαqobbαlαllαhu minnαα ωα minkum
(Semogα Alloh menerimα αmαlku dαn αmαl kαliαn).”

Balas

asem dah di blogku malah ada yang bilang tooltip pre blogku ngikutin blog ini :|

Balas

wah keren tutornya jadi nambah ilmu..hehe

Balas

Minnal aidzin wal faidzin kang

mohon maaf lair dan batin yea....

Balas

mantap kang, lagi ngtren nih masukin-masukin kode yg kaya gitu :D

Balas

Nice post gan :-bd

www.kevin-432.blogspot.com

Balas

Minnal aidzin wal faidzin kang ismet, mohon maaf lahir dan batin :)

Balas

Keren kang, ini yang saya cari... makasih infonya

Balas

ga tau juga sih sob... makanya saya edit kodenya

Balas

sama2 sob.. maafin saya juga ya sob....

Balas

wkwkkwkwkw... sorry mory sob

Balas

sama2 sob... maafin saya juga ya

Balas

maafin saya juga sob ya...

Balas

akhirnya keluar juga tutorial ini hehe :D

Balas

sob ane bingung di ane ga muncul.. solusi dong sob..

Balas

Kang di blog saya juga tidak muncul bahkan komentar yang sebelumnya pun juga tidak ada mohon dibantu kang chek di rz4share.blogspot.com

Balas

scriptnya disimpan dimana? saya ga ngeliat

Balas

scripnya di template atau external?

Balas

kok aneh sih kang ? kalau disaya mau kasih gambar tetapi tanpa [img]...[/mg] juga udah muncul gambarnya ( link gambar saja ) itu gimana ?? tolong yah

Balas

You don't say
Jelas valid karena kode itu hanya dipakai di artikel sedangkan yang anda cek kevalidannya adalah homepagenya

Balas

terima kasih kang is .. beberapa fitur blog mungkin saya gunakan dari blog ini . jadi mohon keikhlasannya. salam.

Balas

makanya saya bagiin juga ikhlas ko :)

Balas

apa kira kira saya di banned oleh google apabila saya memakai fitur navbarnya yang dia pakai ..
tolong diberi masukan kang is , untuk jelasnya lihat coba lihat di blog saya .

Balas

terima kasih kang is .assalamu alaikum .

Balas

dibuantu dong kang saya coba menggabungkan tutorial ini dengan notifikasi google kang, tapi kenapa tampilan di notifikasi tag pre, code, img, dan youtube gak terbaca sebagai img, pre, atau code ya kang... mohon bantuannya sangat kang..

Balas

Yang saya tahu jangan memakai mode summary, harus memakai yang default. Lalu hapus fungsi .replace(...).replace(...) sebelum xxx[i].content.$t

Balas

saya make js punya mas wahyu, berarti hapus mode sumarry yang dipasang di blog dihapus saja ma?dan hapus fungsi replace tersebut?puyeng saya mainan js :D, saya coba dulu mas. Makasih banyak mas...

Balas
Komentar ini telah dihapus oleh pengarang.

ini kan mas?dihapus dari .replace sampai mana mas?
content = ("content" in n[f])?n[f].content.$t.replace(/<br ?\/?>/ig," ").replace(/<.*?>/g,"").replace(/[<>]/g,""):"",

Balas

sangat menarik dan bermanfaat mas, terima kasih banyak mas.

Balas

terima kasih ya mas saya akan coba praktekan saja ..:D

Balas

mas kalo dibuat kondisi supaya link cuma bisa dibuat untuk kotak komentar admin gimana caranya?

Balas

Kang Kok Kagak Muncul CodeNya Saat Masukin Di Kotak Komentar

Balas

mau tanya kang, pas dimasukin

Menulis Tag kode
Tulis kode yang sudah diparse di sini, atau
[code]Tulis kode yang sudah diparse di sini[/code]

Menulis Tag pre
Tulis kode yang sudah diparse di sini, atau
[pre]Tulis kode yang sudah diparse di sini[/pre]

Menulis Catatan (Blockquote)
Tulis catatan di sini, atau
[quote]Tulis catatan di sini[/quote], atau
[blockquote]Tulis catatan di sini[/blockquote]

Memasukan Gambar
Tulis URL gambar di sini, atau
[img]Tulis URL gambar di sini[/img]

Memasukan Video Youtube
Tulis URL Video Youtube di sini, atau
[youtube]Tulis URL Video Youtube di sini[/youtube]

kok di form komentar ga bisa kayak gitu ya

Balas

maksudnya ga berubah, atau gimana?

Balas

[img]http://4.bp.blogspot.com/-qJI3OKXyiEY/UsgsWKVQXhI/AAAAAAAAAk8/yJdEC8KxGXE/s320/Untitled-2.png[/img]

gmn ya biar i rel nya kebaca?

Balas

penulisan <i rel="code"> harus di Encode / konversi terlebih dahulu, coba disini http://blog.kangismet.net/2010/05/blogger-ad-code-converter-javascript.html

Balas

berhasil kang, terima kasih :-d

itu konversi kodenya buat sendiri? :D

Balas

Ko blog aku ga bisa ya kang ? http://melodicdark.blogspot.com/2014/01/auto-invite-group-facebook-2014.html
Pencerahan dong kang :'(

Balas

coba baca lagi tutorialnya baik2

Balas

Gak bisa juga kang :'( Coba dicek dulu kang
http://melodicdark.blogspot.com/2013/12/cara-cepat-dapat-dollar-dari-popadsnet.html

Balas

kayaknya ada yang bentrok coba pindah2 posisi </head> atau tepat di atas </body>

Balas

udah kang , ga bisa juga .
ntar deh aku mkir dulu @@,

Balas

Apa karna saya make http://blog.kangismet.net/2012/12/komentar-bertingkat-seperti-wordpress-v2.html .

Balas

tidak juga sob... selektornya yang salah kayaknya

Balas

oh iya sob.. ini untuk komentar default blogger, coba ganti

} repText('comment-holder');
c = document.getElementById('comment-holder');


dengan

} repText('comment_block');
c = document.getElementById('comment_block');

Balas

Kang, ane coba pake youtube yg https kok gak muncul ya? kalo mau nambah fungsi biar bisa https dimana letaknya? :)

Balas

} repText('comment_block');
c = document.getElementById('comment_block');

Balas

coba aja pada kodenya ganti yang http jadi https

Balas

Kang kalo di template blog saya kok ga bisa ya ? http://deris10blogspot.com/ ! apakah ada kode yg bentrok soalnya saya coba di template blog lainnya berhasil..???

Balas

Mantap Mas!!! Makasih Tutorialnya!!!

Balas
Komentar ini telah dihapus oleh pengarang.
Komentar ini telah dihapus oleh pengarang.
Komentar ini telah dihapus oleh pengarang.
Komentar ini telah dihapus oleh pengarang.
Komentar ini telah dihapus oleh pengarang.
Komentar ini telah dihapus oleh pengarang.

[youtube]www.youtube.com/watch?v=7UxdWvPzj-o[/youtube]

Balas

[youtube]www.youtube.com/watch?v=7UxdWvPzj-o[/youtube]

Balas

[img]http://emoticoner.com/files/emoticons/yellow_onion_head/yellow-onion-head-emoticon-01.gif[/img]
ngecek doank

Balas

Kang mohon bantuannya,, diblog ane gambarnya kok malah ditengah sih kang...
Padahal disini mah di kiri ya,,, blog ak bayuajuzt.blogspot.com

Mohon bantuannya secepatnya ya

Balas
Komentar ini telah dihapus oleh pengarang.

Terima Kasih Mas Bermanfaat Bngt :D

Balas

Kang saya punya kode buat menghitung pembaca postingan, tadinya waktu belum ganti template berjalan ok, setelah ganti templet gk mau jalan, mungkin masalah di Js-nya, saya sangat tidak faham dengan coding Js, coz saya biasa pakai VB mungkin ada solusi ?

ini Js saya..<script type='text/javascript'>
window.setTimeout(function() {
document.body.className = document.body.className.replace(&#39;loading&#39;, &#39;&#39;);
}, 10);
</script>
<script src='https://cdn.firebase.com/v0/firebase.js' type='text/javascript'/>
<script>
$.each($(&#39;a[name]&#39;), function(i, e) {
var elem = $(e).parent().find(&#39;#postviews&#39;).addClass(&#39;mbtloading&#39;);
var blogStats = new Firebase(&quot;https://nama blog saat mendaftar.firebaseIO.com/pages/id/&quot; + $(e).attr(&#39;name&#39;));
blogStats.once(&#39;value&#39;, function(snapshot) {
var data = snapshot.val();
var isnew = false;
if(data == null) {
data= {};
data.value = 0;
data.url = window.location.href;
data.id = $(e).attr(&#39;name&#39;);
isnew = true;
}
elem.removeClass(&#39;mbtloading&#39;).text(data.value);
data.value++;
if(window.location.pathname!=&#39;/&#39;)
{
if(isnew)
blogStats.set(data);
else
blogStats.child(&#39;value&#39;).set(data.value);
}
});
});
</script>


https://lh6.googleusercontent.com/proxy/8ZowmWBaiCrE_FE8hHl_2hR3SMC3Wq0dUqofQN1Pbj84MvcPYM5FtRo3VwbOjB4WwNtq-

SoQwIshTmDKmTmLU0kZ6cFpHcpP3jthWDNNDDehmFI=w506-h750

Balas

mungkin kode buat nampilin viewnya hilang gan biasanya di atau juga mungkin cssnya yang hilang di soalnya setiap template pasti membawa script/code yang beda.

Balas

wow, bisa menghitung pv postingan. Ini kode dapat dari mana gan? Sayang kalau gk dipelajari.

Balas

itu pakek script dari firebase kang kayaknya kalau nggak salah hehe

Balas

Thank's Gan atas infonya...!!!

Sangat Bermanfaat Sekali....!!! :)
http://goo.gl/3tZfXY

Balas

Numpang ngetest kang :)

<div style="text-align: center;">
<a class="demo" href="#LINK DEMO" target="_blank">Demo</a>
<a class="download" href="#LINK DOWNLOAD" target="_blank">Download</a>
<div class="clear"></div>




<div style="text-align: center;">
<a class="demo" href="#LINK DEMO" target="_blank">Demo</a>
<a class="download" href="#LINK DOWNLOAD" target="_blank">Download</a>
<div class="clear"></div>

Balas

di blog ku yang tag code sama tag blockquote
kok gak work ya kang,...

knpa tuh???

Balas

sangat bermanfaat [img]http://www.shoutmix.com/smileys/grin.gif[/img]

Balas

sukses Kang....
http://anaktimor-17.blogspot.com"
"Nice post, jangan lupa berkunjung balik By.Anaktimor17 Blog"

Balas
Komentar ini telah dihapus oleh pengarang.

Ngetest aja kang hehe :)
[youtube]http://www.youtube.com/watch?v=ywtYLzF1BRQ[/youtube]

Balas

cek
[img]http://emoticoner.com/files/category_pictures/super-onion-head-emoticon.gif[/img]

Balas

woowww.... keren.... nih aku kasih award persahabatan. mohon di terima ya.... :)
[img]http://3.bp.blogspot.com/-1ss4aM-1Zxs/U-M8Z4K0OaI/AAAAAAAAA90/EH8yRJDRdU0/s1600/Blogger+Award+copy.png[/img]

Balas

[img]http://tabloidtekno.com/wp-content/uploads/2014/04/dp-bbm-bingung.gif[/img]

Balas

Poskan Komentar


×
Chat