p7xhMSO4O9fyfib8OANOxXym2LUEvDesKq0YUJbG
Bookmark

Cara Membuat Widget Font Resizer di Blog

Cara Membuat Widget Font Resizer di Blog
Cara Membuat Widget Font Resizer di Blog

Dalam pengembangan website yang modern, pengaturan tampilan dan kenyamanan pengguna menjadi hal yang sangat penting. Salah satu aspek yang sering diabaikan adalah kemampuan pengguna untuk mengontrol ukuran teks sesuai dengan preferensi mereka. Fitur ini biasa disebut dengan fitur font resizer. Di artikel kali ini saya akan membagikan cara memasang fitur font resizer di blog menggunakan JavaScript.

Seperti namanya, fitur font resizer ini memungkinkan pengguna untuk menyesuaikan ukuran teks dalam website secara dinamis sesuai dengan preferensi mereka masing-masing, tanpa perlu mengubah setelan pada browser mereka secara manual.

Fitur font resizer ini tentunya akan sangat membantu para pengguna, salah satu nilai plusnya adalah dapat meningkatkan pengalaman pengguna dari sisi aksesibilitas dan kenyamanan pengguna karena kita (sebagai pemilik blog) memberikan kontrol penuh kepada setiap pengunjung dalam menyesuaikan ukuran teks yang mereka inginkan.

Masing-masing fungsional akan mengurangi dan menambahkan ukuran teks sebesar 2px (dua piksel) dari ukuran aslinya. Jadi jika ukuran font yang digunakan di blog kamu adalah 14px, maka ketika user mengklik tombol besarkan teks, ukuran teks akan diperbesar sebanyak 2px / dua piksel dari ukuran aslinya, yaitu menjadi 16px dan begitu juga sebaliknya. Pengaturan ini dapat disesuaikan lagi dalam JavaScript.

Selain itu, saya juga menambahkan fungsional untuk mengembalikan ukuran teks dalam blog ke ukuran semula sesuai ukuran yang telah diatur dalam template blog (dari contoh di atas ukuran default-nya adalah 14px). Dan saya juga menambahkan fungsi localstorage dalam JavaScript font resizer ini, jadi script akan mengambil nilai ukuran font terakhir yang tersimpan di localstorage. Dengan begitu, user tidak perlu mengatur ukuran font berulang kali ketika mereka berpindah halaman atau memuat ulang halaman.

Fitur lainnya dari JavaScript font resizer ini saya menambahkan fungsi untuk mengecualian bagian-bagian teks tertentu supaya tidak dapat diubah ukurannya ketika user mengklik tombol besarkan dan kecilkan ukuran font. Konfigurasi pengecualian teks ini dapat kita atur melalui JavaScript langsung menggunakan selektor-selektor HTML dan CSS.

Misalnya, teks dalam elemen <button> atau yang memiliki selektor CSS .exludeTeks dan #exludeTeks. Saya menambahkan fitur ini karena saya rasa tidak semua teks di blog perlu diubah ukurannya. Karena bagian terpenting adalah teks yang ada dalam postingan. Untuk demonya, kamu bisa lihat langsung di bawah ini.

Cara Memasang Fitur Font Resizer di Blog

JavaScript

  1. Pertama-tama masuk ke akun Blogger kamu.
  2. Setelah itu masuk ke menu Tema Edit HTML.
  3. Kemudian cari kode </body> lalu taruh JavaScript font resizer di bawah ini tepat di atas kode </body>.
  4. <script>/*<![CDATA[*/
    // FONT RESIZER BY IGNELIUS.COM
    const igneliusResizerTeks = {
      credit: "www.ignelius.com", // credit script jangan dihapus atau diganti
      creditVisible: "visible",
      postBody: ".post-body", // selektor untuk postingan blog
      sizeSmall: "8", // nilai minimum ukuran teks paling kecil
      sizeDefault: "14", // nilai ukuran font default atau bawaan
      maxLarge: "100", // nilai maksimum ukuran font paling besar
      smallingTeks: "2", // nilai penambahan atau pengurangan ukuran teks ketika diperkecil
      biggest: "2", // nilai penambahan atau pengurangan ukuran teks ketika diperbesar
      listExIgnelius: ["button", "#resizer-ignelius"] // list selektor yang dikecualikan
    };
    eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('29 B=j,p=j,v=j;d 1c($,x){g b=j,e=j,t=j,n={2a:d($,x){h $===x},2b:b("2c"),1d:e("1e")+"1f",2d:b("2e"),2f:d($,x,b){h $(x,b)},2g:"2h",1g:b("2i"),1h:b("2j")+"+$",1i:t("2k"),2l:d($,x){h $(x)},1j:d($,x){h $+x},2m:"{}.2n"+b("2o")+e("2p")+" )",1k:d($){h $()},2q:b("2r"),1l:t("2s"),2t:b("2u"),2v:e("2w"),2x:"2y",2z:b("2A"),1m:d($,x){h $<x},2B:d($){h $()},2C:d($,x,b){h $(x,b)}},r=d(){g $=e,x=e,b={2D:n.1d,2E:n[$("2F")],2G:d(x,b,e){h n[$("1n")](x,b,e)},1o:"2H",2I:d(x,b){h n[$("R")](x,b)},2J:n[x("2K")],1p:n.1g},t=!0;h d(e,r){g f=$,u=$;z(n[x("R")](n[f("1q")],n[f("1q")])){g i=t?d(){g $=f,x=f,t=u,n={2L:$("S")+x("1r")+x("T"),1s:b[x("2M")],1t:b[$("2N")],2O:d(x,e,t){h b[$("2P")](x,e,t)},2Q:b.1o};z(b[t("2R")](b[x("2S")],b.1p)){E i=2T[$("2U")+"2V"]("a");i[x("G")]=n[$("2W")],i[t("1u")+"t"]=n.1s,i[$("C")][$("1v")]=2X[x("2Y")+"2Z"]||n.1t;E c=n[$("30")](31,n[x("32")],i.33);c[t("1w")][x("1x")+"1y"](i,c)}U z(r){g l=r[t("J")](e,H);h r=I,l}}:d(){};h t=!1,i}z(34){g c=35[u("J")](36,H);h 37=I,c}}}(),f=n[b("1n")](r,k,d(){g $=b,x=e;h f.K()[$("V")](n[$("38")])[x("L")]().39(f)[x("V")](n.1h)});n[e("1z")](f);g u=d(){g $=e;z(n[$("R")](t("3a"),n.1i)){g x=3b[$("J")](3c,H);h 3d=I,x}{g b=!0;h d($,x){g e=b?d(){g b=j;z(x){g e=x[b("J")]($,H);h x=I,e}}:d(){};h b=!1,e}}}(),i=n[e("3e")](u,k,d(){g $=t,x=b,e=b,r=d(){g $=j,x=j,b;1A{b=n[$("3f")](3g,n.1j("h (3h"+$("3i")+n[x("3j")],");"))()}1B(e){b=M}h b},f=n.1k(r),i=f[$("3k")]=f.3l||{},c=[x("3m"),n[x("3n")],n.1l,n[$("3o")],n[$("3p")],n[e("3q")],n[e("3r")]];F(g l=0;n.1m(l,c[$("1C")]);l++){g o=u[$("1D")+"r"][e("3s")].1E(u),a=c[l],s=i[a]||o;o.3t=u.1E(u),o[x("L")]=s[e("L")][x("3u")](s),i[a]=o}});n[t("1z")](i);E c=A.3v($);h c||(M[e("3w")][e("G")]=x),c}d N(){g $=["3x","3y","3z","3A","3B","3C","3D","3E","3F","3G","3H","3I","3J","3K","3L","3M","3N","3O","3P","3Q","3R","3S","3T","3U","3V","3W","3X","3Y","3Z","40","41","42","43","44","45","46","47","48","49","4a","4b","4c","4d","4e","4f","4g","4h","4i","4j","4k","4l","4m","4n","4o","4p","4q","4r","4s","4t","4u","4v","4w","4x","4y","4z","4A","4B","4C","4D","4E","4F","4G","4H","4I","4J","4K","4L","4M","4N","4O","4P","4Q","4R","4S","4T","4U","4V","4W","4X","4Y","4Z","50","51","52","53","54","55","56","57","58","59","5a","5b","5c","5d","5e","5f","5g","5h","5i","5j","5k","5l","5m","5n","5o","5p","5q","5r","5s","5t","5u"];h(N=d(){h $})()}z(!d($,x){g b=j,e=j,t=j,n=$();F(;;)1A{g r=q(b("5v"))/1*(q(e("5w"))/2)+-q(t("5x"))/3+q(t("5y"))/4+q(e("5z"))/5*(-q(b("5A"))/6)+q(e("5B"))/7+-q(e("5C"))/8*(q(b("5D"))/9)+q(e("5E"))/10;z(1F===r)W;n.X(n.1G())}1B(f){n.X(n.1G())}}(N,1F),"5F.5G"+B("5H")!==y[p("5I")])M.5J[B("G")]=p("S")+B("1r")+v("T");U{E $=A["5K"+B("5L")]("a");$[p("G")]=p("S")+"w.5M"+B("T"),$[p("1u")+"t"]=v("1e")+"1f",$[v("C")][B("1v")]=y["5N"+v("5O")]||"5P";E x=1c(p("5Q")+"m",$[v("G")]);x[p("1w")][v("1x")+"1y"]($,x)}d j($,x){g b=N();h(j=d(x,e){g t=b[x-=5R];z(5S 0===j.1H){E n=d($){g x="",b="",e=x+n;F(g t=0,r,f,u=0;f=$.5T(u++);~f&&(r=t%4?64*r+f:f,t++%4)&&(x+=e.1I(u+10)-10!=0?5U.5V(5W&r>>(-2*t&6)):t))f="5X+/=".5Y(f);F(g i=0,c=x.Y;i<c;i++)b+="%"+("5Z"+x.1I(i).K(16)).60(-2);h 61(b)};j.1J=n,$=H,j.1H=!0}g r=b[0],f=x+r,u=$[f];z(u)t=u;U{g i=d($){k.1K=$,k.D=[1,0,0],k.1L=d(){h"62"},k.1M="\\\\w+ *\\\\(\\\\) *{\\\\w+ *",k.1N="[\'|\\"].+[\'|\\"];? *}"};i.Z.1O=d(){g $=63(k.1M+k.1N),x=$.65(k.1L.K())?--k.D[1]:--k.D[0];h k.1P(x)},i.Z.1P=d($){h 66(~$)?k.1Q(k.1K):$},i.Z.1Q=d($){F(g x=0,b=k.D.Y;x<b;x++)k.D.X(O.67(O.68())),b=k.D.Y;h $(k.D[0])},69 i(j).1O(),t=j.1J(t),$[f]=t}h t})($,x)}d 6a(){g $=v,x=v,b=v,e={};e[$("11")]=x("1R"),e[x("1S")]=b("12"),e.1T="6b-6c"+x("1U");g t=e,n=A[b("13")+b("P")](b("1V")+b("6d"));n[$("C")][$("1W")]=t[$("11")]===n.1X.14?t[$("1S")]:b("1R"),A["6e"+b("P")](t.1T)[x("C")].14=t[x("11")]}d 6f(){g $=p,x=v,b=p,e={};e[$("1Y")]=$("6g")+b("1U"),e[$("1Z")]=x("12");g t=e;A[x("13")+$("P")](b("1V")+"6h")[b("C")][b("1W")]=$("12"),A[x("13")+$("P")](t[x("1Y")])[x("C")].14=t[$("1Z")]}d 6i($){g x=B,b=B,e=p,t={6j:d($,x){h $(x)},20:x("6k"),6l:d($,x){h $-x},6m:d($,x){h $(x)},6n:x("6o"),6p:d($,x){h $(x)},6q:d($,x){h $+x},6r:e("Q")},n=A[x("15")+"6s"](y[b("17")]),r=t[b("18")](6t,M[b("6u")+b("6v")](n,I).6w("6x-6y")),f;6z($){19 t.20:f=O[e("6A")](t[e("18")](q,y[e("6B")]),t[b("6C")](r,t[e("21")](q,y[x("6D")+"6E"])));W;19 t[e("6F")]:6G:f=t[e("6H")](q,y[e("22")+"t"]);W;19 b("6I"):f=O[b("6J")](t[e("21")](q,y[x("6K")]),t[e("6L")](r,t[x("18")](q,y.6M)))}n.1X[e("Q")]=f+"1a",23[e("6N")](t[x("6O")],f),24()}d 24(){g $=v,x=v,b=B,e={};e[$("1b")]="(((.+)+)+)+$",e[x("6P")]=d($,x){h $===x},e[x("25")]=x("6Q");g t=e,n=y["6R"+b("6S")];A[b("15")+x("26")](y[b("17")]),n[$("6T")](d(e){g n=x,r=$;z(t.6U(t[n("25")],"6V"))h 6W.K()[r("V")](27[r("1b")])[r("L")]()[b("1D")+"r"](6X).6Y(27[r("1b")]);{g f=A[r("15")+n("6Z")](e);F(g u=0;u<f[n("1C")];u++)f[u][r("C")][n("Q")]=y[r("22")+"t"]+"1a"}})}A[p("70")+p("71")]("72"+p("73"),d(){g $=v,x=p,b=p,e={};e[$("28")]="74";g t=23[x("75")](e[x("28")]);t&&(A["76"+$("26")](y[$("17")])[x("C")][b("Q")]=t+"1a")});',62,441,'|||||||||||_||function|||let|return||_0x42f7|this|||||_0x33e498|parseInt|||||_0x311d95|||igneliusResizerTeks|if|document|_0x5a0981|0x1b6|rsQWfD|var|for|0x1bf|arguments|null|0x19e|toString|0x1ef|window|_0x1974|Math|0x19b|0x1fe|0x1b4|0x1b0|0x1d4|else|0x20d|break|push|length|prototype||0x1db|0x1f3|0x1a0|display|0x1e7||0x1e1|0x1f7|case|px|0x1fb|getElementByIdOrRedirect|sXnmz|0x1ad|om|XAGsQ|Zbuxm|NLeyt|ipmGQ|foffB|SEETx|hzWKK|0x209|PlnXc|MahFM|0x19f|0x1c4|oLeOd|piWHy|0x206|0x199|0x1a4|0x1d8|ld|0x1ca|try|catch|0x1f0|0x1e0|bind|457829|shift|upJmik|charCodeAt|jOiVNq|QJTUrb|sHArfx|bnWGoj|xTJnjH|yQPDyd|uzcBFW|vIFHre|0x197|0x19a|giFDg|0x1b2|0x1cc|0x1b5|style|0x1a2|0x1d1|uebOv|0x1e4|0x201|localStorage|exIgnelius|0x1ff|0x1bd|tTvpuh|0x1e3|const|TNwuX|qnDvV|0x1b7|hHOOa|0x1b1|PmpIi|pPyGQ|SIJSJ|0x1d6|0x1ec|0x1ed|gGitm|oaxlD|constru|0x1f9|0x1cb|JYeQI|0x1da|0x1a5|ljPhr|0x1e9|GBVUM|0x1aa|iMiid|table|ABZgx|0x1c6|oHnAc|HzSFy|iliLA|NvYCW|0x1c3|Icfta|igneliuscom|ECQqi|qtkfL|0x202|bUTbr|0x1d3|0x200|xaAdr|0x1ac|kmXgn|0x1eb|0x1f4|_0xa72550|0x1b8|ent|0x1e5|_0xcc1d6d|0x1ee|ble|0x1ce|_0x21c401|0x1a7|href|_0x299346|_0x45ff3e|_0x3789df|_0x24d91f|0x1df|constructor|0x1af|_0x332195|_0x4b8fea|_0x72038d|0x1d7|0x1a1|Function|fu|0x1c1|0x1b3|0x1ae|console|0x1de|0x1ea|0x1e8|0x1e2|0x1f1|0x196|0x19d|__proto__|0x1d5|getElementById|0x19c|AhjLzG|mtG2nZa4mgnXrePbuq|BMn0Aw9UkcKG|mJiXnte0m0PxzwLAwa|AeHpt2e|DY5Pz25LBgL1CW|DxmUy29T|DhjHy2u|BgL1CW|BwLU|C3rLBMvY|B0HUqwm|CM4GDgHPCYiPka|CMvZAxPLCI1PzW|Dg9YqwXS|Egfbzhi|mteXnJm1nJbVDLHptuy|mtHdAu1mALC|B3zhrNm|B3zLCMXHEs1Yzq|AwXPtee|lMnVBq|yMLUza|vvzmrxG|shPtrNK|CMvWBgfJzunOAq|ywrKrxzLBNrmAq|D2fYBG|uwf6tfK|CfLJsMW|AwDUzwXPDxnJBW|Bg9N|wMj1Eg0|y29UC3rYDwn0BW|Cg9ZDejVzhK|r0jwvu0|wuTMu1i|yLPIvKW|yLvuyNi|DK9tu28|CxvLCNLtzwXLyW|BgPqAhi|zxjYB3i|sLLLuuK|runrCwK|kcGOlISPkYKRkq|r2DqAvq|y3jLzgL0vMLZAq|Dg9tDhjPBMC|BgvUz3rO|Au1PAwq|z2v0sxrLBq|BM9Uzq|CxrRzKW|mJy5ntHWy2PyveK|Bwf4|zuPzy3u|ndrJv0LPDem|y3rVCIGICMv0Dq|z2v0q29TChv0zq|rvLIDxm|C21HBgXPBMDuzq|C21HBgW|zM9UDfnPEMu|vuzQs1K|tNzzq1C|C2L6zurLzMf1Ba|Cfb5r1e|C2v0sxrLBq|zfn0EwXL|tMDlrK8|Dgv4DenVBNrLBG|yMXL|BgfYz2u|ug1WswK|rNr4u0S|ntCZn2TVuKLTtG|tg9HzgvK|C2vHCMnO|ntmWCfjMAxrR|C2L6zvnTywXS|qujAz3G|yMXVy2S|zw50|DMLZAwjPBgL0Eq|wfbJAM8|qNLjza|Bg9JyxrPB24|ChjVDg90ExbL|yxbWBhK|Cw5eDLy|z2v0rwXLBwvUDa|z0DPDg0|sLf2EgC|BMvSAxvZ|CgfYzw50tM9Kzq|Aw5MBW|Bwf4tgfYz2u|A21yz24|zM9YrwfJAa|ywfyD3C|zxHJzxb0Aw9U|y3jLzgL0|swnMDge|AwDUzwXPDxmUyW|y29UC29Szq|vKD1uKK|Ahr0Chm6lY93DW|DMLZAwjSzq|C2L6zxi|B2f4Beq|ve53DvG|zgLZCgXHEq|C3r5Bgu|uwvyr20|y3jLyxrLrwXLBq|EwXzrhm|mtKZmdq0nM5HAvvkzq|mJq4mZu2menXwuDPCG|EgjTAMi|Dg9Y|zgvMyxvSDa|0x20b|0x1f8|0x1c2|0x1bb|0x20e|0x1f5|0x1ba|0x1c0|0x1d0|0x1cf|www|igneli|0x1c5|0x1ab|location|createElem|0x198|ignelius|creditVisi|0x207|visible|0x1dd|406|void|charAt|String|fromCharCode|255|abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789|indexOf|00|slice|decodeURIComponent|newState|RegExp||test|Boolean|round|random|new|resizerIgnelius|overlay|re|0x1a3|getElement|closePopup|0x1d2|nelius|igneliusFont|eJYcu|0x1fd|xbmjb|bZbVL|vOSSo|0x1be|ylYDs|NgKFO|aaXww|tor|parseFloat|0x1fa|0x204|getPropertyValue|font|size|switch|0x1f6|0x20f|0x1bc|0x1fc|ks|0x1e6|default|0x1b9|0x208|0x1c8|0x1a6|0x205|biggest|0x203|0x1a9|0x20a|0x1dc|listExIgne|0x1c7|0x1a8|FtxSK|dACBC|_0x3e179b|_0x4f9eb7|search|0x1cd|0x1d9|0x1c9|DOMContent|0x20c|fontSize|0x1f2|querySelec'.split('|'),0,{}))
    /*]]>*/</script>

    KONFIGURASI
    postBody: Selektor untuk elemen postingan blog atau artikel. Umumnya menggunakan .post-body, ganti jika berbeda.
    sizeSmall: adalah nilai minimum untuk ukuran font yang bisa dikecilkan.
    sizeDefault: adalah nilai ukuran font yang akan digunakan jika user mengklik tombol default.
    sizeLarge: adalah nilai maksimum untuk ukuran yang bisa dibesarkan.
    listExIgnelius: adalah daftar elemen dan selektor yang ingin dikecualikan agar ukurannya tidak ikut berubah ketika dikecilkan atau dibesarkan (nilai ukuran font diambil dari nilai pada "sizeDefault".

  5. Selesai.

HTML

Untuk kode HTML ini, kamu bisa taruh di atas kode JavaScript tadi (di atas tag </body>) atau di bawah tag <body>.

<!--[ script font resizer by ignelius.com ]-->
<button onclick="resizerIgnelius()">Pengaturan Font</button>
<div id="overlay-resizer"></div>
<div id="resizer-ignelius">
  <div class="konten-resizer">
    <div class="judul-resizer">Pengaturan Font</div>
    <div class="isi-resizer">
      <div class="small-size" data-text="A-" onclick="igneliusFont('small')">Kecilkan</div>
      <div class="default-size" data-text="A" onclick="igneliusFont('default')">Default</div>
      <div class="large-size" data-text="A+" onclick="igneliusFont('large')">Besarkan</div>
    </div>
    <div class="tutup-resizer" onclick="closePopup()"><svg viewBox='0 0 24 24'><path d='M12 22C17.5 22 22 17.5 22 12C22 6.5 17.5 2 12 2C6.5 2 2 6.5 2 12C2 17.5 6.5 22 12 22Z'></path><path d='M9.16998 14.83L14.83 9.17004'></path><path d='M14.83 14.83L9.16998 9.17004'></path></svg></div>
  </div>
</div>
<div id="igneliuscom"></div>

CSS

Langkah terakhir menaruh kode CSS di bawah ini ke dalam template blog. Kamu bisa taruh kodenya di atas tag </head>.

<style>/*<![CDATA*/
/* css font resizer by ignelius.com */
#overlay-resizer, #resizer-ignelius {
  display: none;
}
#overlay-resizer {
  position: fixed;
  bottom: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  z-index: 3;
}
#resizer-ignelius {
  position: fixed;
  bottom: 0;
  right: 0;
  left: 0;
  background-color: #fff;
  width: 100%;
  max-width: 480px;
  border: 1px solid #ccc;
  padding: 1rem 1.25rem;
  border-radius: 15px 15px 0 0;
  z-index: 4;
  animation: 0.3s forwards slideIgnelius;
}
  
@media screen and (min-width: 480px) {#resizer-ignelius{bottom: 20px;right: 50%;left: 50%;transform: translate(-50%,-50%);border-radius: 15px}}
@keyframes slideIgnelius {
  0% {
    transform: translateY(100%);
  }
  100% {
    transform: translateY(0);
  }
}

.konten-resizer {
  position: relative;
}
.judul-resizer {
  font-weight: bold;
  font-size: 16px;
  color: #000;
  margin: 1rem 0 3rem 0;
}
.isi-resizer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin: 1.5rem auto;
}
.isi-resizer div:before {
  content: attr(data-text);
  margin-right: 5px;
}
.tutup-resizer {
  position: absolute;
  background: #fff;
  display: flex;
  align-items: center;
  width: 50px;
  height: 50px;
  padding: 8px 10px;
  border-radius: 50%;
  top: -7rem;
  right: 0;
}
.tutup-resizer svg {
  width: 35px;
  height: 35px;
}
/*]]>*/</style>

Penutup

Itu dia tutorial cara membuat widget font resizer di blog, fitur untuk mengubah ukuran font secara dinamis menggunakan JavaScript murni. Jika ada yang ingin ditanyakan atau menemukan bug, kamu bisa laporkan langsung di kolom komentar.

2 komentar

2 komentar

Sebelum memposting komentar, harap baca kebijakan berkomentar terlebih dulu.

1. Untuk menulis kode syntax highlighter, gunakan <em>KODE SYNTAX</em> (kode harus di parse terlebih dulu).
2. Untuk menyisipkan gambar dalam komentar, gunakan <strong>URL GAMBAR</strong>.
3. Untuk menulis tautan, gunakan <a href='URL WEB TUJUAN'>Anchor Teks</a>.
4. Untuk menulis sebuah quote / kutipuan, gunakan <i rel="quote">TULIS QUOTE DI SINI</i>.
5. Centang Beri Tahu Saya untuk mendapatkan notifikasi yang dikirim langsung ke email saat ada yang membalas komentar kamu.

  • M. Riyan
    M. Riyan
    10 Mei, 2024
    kenapa nggak works bang?
    Reply
  • Alfakir
    Alfakir
    29 April, 2024
    Parah semua script pake credit
    Reply