Shortcode Untuk Komentar Blogger

Shortcode Untuk Komentar Blogger
Dagruel

Karena sekarang saya lagi ingin buat template forum, kali ini saya akan membagikan fitur shortcode untuk komentar blogger.

Entah nyaman atau tidak penggunaan nya, tergantung kalian masing-masing jika ingin memakai nya.

Berikut Cara memasang nya.

1. Buka Blogger > Template > Edit HTML. Terus salin script di bawah dan tempelkan di atas tag </body>.

<script>
  //<![CDATA[
  function short(t){for(var i=!1,e=0;e<itemShort.length;e++){var s="["+itemShort[e],a='<div class="daShort da-'+itemShort[e]+'"',l="[/"+itemShort[e]+"]",n=0,r=0,o=0;for(j=0;j<100;j++){n=t.indexOf(s,n);var c="";if(-1==n)break;var h=t.indexOf(l,n),p=t.indexOf("/]",n);-1!=h&&-1!=p||-1!=h&&-1!=p&&h<p?(c=t.substring(n,h+l.length),c=c.replace(l,"</div>"),r=h,o=l.length):-1==h&&-1!=p||-1!=h&&-1!=p&&h>p?(c=t.substring(n,p+"/]".length),c=c.replace(l,"></div>"),r=p,o="/]".length):!1,i=!0,c=c.replace(s,a),c=c.replace("]",">"),t=t.substring(0,n)+c+t.substring(r+o),n++}}if(i)return t}var itemShort=["image","spoiler","imSpoi","iframe"];$(".comment").each(function(){var t=$(this).html();""!=(t=short(t))&&$(this).html(t)}),$(".da-image").each(function(){var t=$(this).attr("src");null!=t&&""!=t||(t="https://1.bp.blogspot.com/-XXpTz2c7i2I/X-6KC7tHyUI/AAAAAAAAHzU/5_UN1SfxxJUchsjG-EawY7ID-9hV7kDKwCNcBGAsYHQ/s0/dagruel-com.jpg");var i='<img class="lazy" loading="lazy" src="'+t+'"/>';$(this).replaceWith(i)}),$(".da-iframe").each(function(){var t=$(this).attr("src");null!=t&&""!=t||(t="https://1.bp.blogspot.com/-XXpTz2c7i2I/X-6KC7tHyUI/AAAAAAAAHzU/5_UN1SfxxJUchsjG-EawY7ID-9hV7kDKwCNcBGAsYHQ/s0/dagruel-com.jpg");var i=$(this).attr("width");null!=i&&""!=i||(i=560);var e=$(this).attr("height");null!=e&&""!=e||(e=315);var s='<iframe class="cmntYT" loading="lazy" width="'+i+'" height="'+e+'" src="'+t+'" frameborder="0"/>';$(this).replaceWith(s)}),$(".da-spoiler").each(function(){var t=$(this).attr("data-content");null!=t&&""!=t||(t="");var i='<div class="spoiler"><input type="button" class="button" onclick="this.nextSibling.nextSibling.style.display=&#039;block&#039;;this.style.display=&#039;none&#039;;" value="Show spoiler"> <span class="spoiler-content"><input type="button" class="button" onclick="this.parentNode.style.display=&#039;none&#039;;this.parentNode.parentNode.childNodes[0].style.display=&#039;block&#039;;" value="Hide spoiler"><br/>'+t+" </span></div>";$(this).replaceWith(i)}),$(".da-imSpoi").each(function(){var t=$(this).attr("data-content");null!=t&&""!=t||(t="");var i='<div class="spoiler"><input type="button" class="button" onclick="this.nextSibling.nextSibling.style.display=&#039;block&#039;;this.style.display=&#039;none&#039;;" value="Show spoiler"> <span class="spoiler-content"><input type="button" class="button" onclick="this.parentNode.style.display=&#039;none&#039;;this.parentNode.parentNode.childNodes[0].style.display=&#039;block&#039;;" value="Hide spoiler"><br/><img loading="lazy" src="'+t+'"/></span></div>';$(this).replaceWith(i)});
  //]]>
</script>

Jika sudah, klik simpan template. tinggal menggunakan shorcode nya saja lagi.

Di sini hanya ada 3 shortcode karena saya bingung mau nambah shortcode apa lagi.

[image src="IsiDenganUrlGambar"/], [spoiler data-content="IsiDenganTulisanTidakBolehAdaTagHtml"/], [imSpoi data-content="IsiDenganUrlGambar"/]

Update shortcode "iframe" kalian bisa menggunakan kode berikut. [iframe src="url_embed"/] atau [iframe src="url_embed" width="lebar_iframe" heigth="tinggi_iframe"/]..

Untuk Demo Bisa Kalian coba di sini.

Sekian dari saya, terimakasih. Jika ada shortcode yang ingin ditambahkan silahkan coret-coret komentar di bawah.

Comments