Membuat Password Di Postingan Blog

Password di perlukan seandainya post yang kita posting hanya untuk orang tertentu saja.

Misal kan postingan dewasa yang hanya di peruntukkan untuk orang dewasa jadi anak kecil tidak boleh melihatnya.

Kali ini saya akan membagikan cara membuat password kedalam postingan tertentu kedalam blog. Langsung saja

Membuat Password Di Postingan Blog
Dagruel

Cara Membuat password ke Dalam Post Tertentu

1. Masuk kedalam template dan tempelkan css di berikut di atas tag </style>.

#pS_Dagruel{background:#eceeee;text-align:center;margin:auto;font-weight:700;font-size:45px;font-family:Ruda,sans-serif;position:fixed;bottom:0;top:0;right:0;left:0;width:100%;height:100%;line-height:1.25em;z-index:9999}#pS_Dagruel #message_pS{position:relative;padding:20px;font-size:40px;color:#666;top:50%;right:50%;transform:translate(50%,-50%)}#pS_Dagruel #message_pS a{color:#888;text-decoration:none}#pS_Dagruel #message_pS p{margin:0;letter-spacing:.5px}#pS_Dagruel #message_pS span{color:#a20a0a;font-size:50px}#pS_Dagruel input{padding:10px 5px;background:#fff;outline:0;border:none;font-size:14px}input#insertPw{width:50%}input#submitPw{cursor:pointer}#pS_Dagruel #message_pS #copyright{font-size:16px}#pS_Dagruel #message_pS #copyright a{color:#a20a0a}.message_pS,.message_verComplete{display:none}@media only screen and (max-width:640px){#pS_Dagruel #message_pS{font-size:20px}#pS_Dagruel #message_pS p{line-height:normal}#pS_Dagruel #message_pS span{font-size:30px}}#dagruelNotif,#dagruelNotifGagal{background:rgba(0,0,0,.85);padding:0;position:fixed;bottom:0;left:0;top:-100px;right:0;z-index:99999;opacity:1;visibility:visible;height:auto}#dagruelNotif svg,#dagruelNotifGagal svg{width:100px;height:100px}#dagruelNotif svg path,#dagruelNotifGagal svg path{fill:#fff}#dagruelNotif .isiNotif,#dagruelNotifGagal .isiNotif{background:#e74c3c;color:#fff;position:absolute;text-align:center;padding:0 30px;margin:auto;top:30%;left:0;right:0;font-size:1.5rem;font-weight:400;line-height:1.5em;font-family:monospace;max-width:800px;box-shadow:0 20px 10px -10px rgba(0,0,0,.15);border:15px solid rgba(0,0,0,.07);overflow:hidden;-webkit-transform:translateZ(0);transform:translateZ(0);backface-visibility:visible;transition:all .2s ease-in-out,visibility 0s;transform-origin:bottom center;pointer-events:auto;transform:rotateX(0) rotateY(0) rotateZ(0) scale(1);opacity:1;animation:dagruelWobble .5s;-moz-animation:dagruelWobble .5s;-webkit-animation:dagruelWobble .5s;-o-animation:dagruelWobble .5s}#dagruelNotif .isiNotif:hover,#dagruelNotifGagal .isiNotif:hover{box-shadow:0 20px 10px -10px rgba(0,0,0,.2)}#dagruelNotif .isiNotif .bukaContent,#dagruelNotif .isiNotif .notifTitle,#dagruelNotif .isiNotif h4,#dagruelNotifGagal .isiNotif .bukaContent,#dagruelNotifGagal .isiNotif .notifTitle,#dagruelNotifGagal .isiNotif h4{display:inline-block;background:rgba(0,0,0,.07);padding:5px 25px 15px;font-size:2.2rem;font-weight:600;margin-bottom:20px}#dagruelNotif .isiNotif .bukaContent,#dagruelNotifGagal .isiNotif .bukaContent{margin-top:20px;margin-bottom:0;cursor:pointer}@keyframes dagruelWobble{0%{transform:scale(0) rotate(-54deg) translatey(40px)}45%{transform:scale(1.1) rotate(20deg) translatey(0)}60%{transform:scale(1) rotate(-15deg) translatey(0)}77%{transform:scale(1) rotate(10deg) translatey(0)}100%{transform:translatey(0)}}@-webkit-keyframes dagruelWobble{0%{transform:scale(0) rotate(-54deg) translatey(40px)}45%{transform:scale(1.1) rotate(20deg) translatey(0)}60%{transform:scale(1) rotate(-15deg) translatey(0)}77%{transform:scale(1) rotate(10deg) translatey(0)}100%{transform:translatey(0)}}@-moz-keyframes dagruelWobble{0%{transform:scale(0) rotate(-54deg) translatey(40px)}45%{transform:scale(1.1) rotate(20deg) translatey(0)}60%{transform:scale(1) rotate(-15deg) translatey(0)}77%{transform:scale(1) rotate(10deg) translatey(0)}100%{transform:translatey(0)}}

2. Selanjutnya cari kode <data:post.body/> dan tempelkan kode berikut di atas atau bawah nya.

<b:if cond='data:view.isPost'>
  <b:if cond='data:post.labels any ( l =&gt; l.name in ["Nama Label"] )'>
    <div id='pS_Dagruel'>
      <div id='message_pS'>
        <span>Please Insert Password</span>
        <p class='message_load'>Pesan Loading Sedang Verifikasi.</p>
        <p class='message_pS'>Pesan Untuk Memasukkan Password.</p>
        <p class='message_verComplete'>Pesan Jika Pengguna sudah pernah memasukkan password.</p>
        <input id='insertPw' type='text' placeholder='Masukkan Di sini' />
        <input id='submitPw' type='submit' />
        <div id='copyright'>
          <a href='/' expr:title='data:blog.title'>
            <data:blog.title />
          </a> © 2020 - <script>
            document.write(new Date().getFullYear())
          </script>. All Rights Reserved
        </div>
      </div>
    </div>
    <script type='text/javascript'>
      //<![CDATA[
      var notifCompletedJudul = 'Hoooo',
        notifCompletedIsi = 'Untuk kesejahteraan bersama jangan beri tahu password yang kamu masukkan kepada anak di bawah umur oke. Silahkan klik "Congratulations" di bawah.',
        bukaContent = 'Congratulations',
        notifGagalJudul = 'Alele',
        notifGagaltedIsi = 'Peringatan ada anak kecil tersesat disini tolong paggil "Pihak Berwajib"',
        insertPwAgain = 'Try Again',
        passwordNSFW = "kazuma";
        eval(function(p,a,c,k,e,d){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--)d[e(c)]=k[c]||e(c);k=[function(e){return d[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;}('V a=["\\t\\G\\h\\w\\I\\o\\t\\L","\\R\\m\\v\\v\\h\\q","\\Q\\j\\j","\\J\\t\\v\\1C","\\v\\m\\G","\\Q\\w\\h\\i\\k\\h\\1J\\o\\h\\K\\h\\q\\k","\\m\\v","\\v\\i\\x\\w\\H\\h\\o\\P\\t\\k\\m\\I","\\m\\q\\q\\h\\w\\U\\1n\\S\\f","\\u\\v\\m\\G\\A\\Q\\o\\i\\j\\j\\N\\D\\m\\j\\m\\P\\t\\k\\m\\I\\D\\s\\u\\j\\C\\i\\q\\A\\Q\\o\\i\\j\\j\\N\\D\\q\\t\\k\\m\\I\\1n\\m\\k\\o\\h\\D\\s","\\u\\E\\j\\C\\i\\q\\s\\u\\J\\w\\E\\s\\u\\j\\G\\x\\A\\G\\m\\h\\L\\1i\\t\\1q\\N\\D\\B\\A\\B\\A\\d\\g\\A\\d\\g\\D\\s\\u\\C\\i\\k\\R\\A\\v\\N\\D\\S\\d\\p\\e\\c\\d\\f\\d\\B\\b\\n\\y\\e\\r\\b\\d\\d\\f\\d\\B\\b\\r\\e\\n\\b\\n\\g\\f\\c\\l\\b\\d\\r\\e\\g\\b\\l\\d\\f\\c\\n\\b\\g\\e\\c\\b\\n\\g\\f\\c\\d\\e\\p\\f\\z\\b\\y\\e\\c\\b\\n\\g\\f\\y\\b\\l\\c\\e\\g\\b\\l\\d\\f\\p\\b\\c\\e\\n\\b\\n\\p\\f\\p\\b\\g\\g\\e\\r\\b\\d\\c\\f\\c\\e\\c\\d\\f\\p\\b\\g\\g\\e\\c\\g\\b\\l\\z\\f\\p\\b\\c\\e\\c\\z\\b\\g\\l\\f\\y\\b\\l\\c\\e\\c\\r\\b\\d\\r\\f\\z\\b\\y\\e\\d\\d\\b\\g\\l\\f\\c\\d\\e\\d\\c\\f\\c\\n\\b\\g\\e\\d\\d\\b\\g\\y\\f\\c\\l\\b\\d\\r\\e\\c\\r\\b\\d\\z\\f\\d\\B\\b\\r\\e\\c\\z\\b\\g\\y\\f\\d\\B\\b\\n\\y\\e\\c\\g\\b\\l\\z\\f\\d\\p\\e\\c\\d\\S\\c\\B\\e\\c\\l\\f\\y\\e\\c\\p\\f\\l\\b\\g\\c\\e\\c\\c\\b\\n\\r\\f\\c\\B\\e\\c\\g\\b\\c\\l\\f\\c\\y\\b\\n\\r\\e\\l\\b\\n\\z\\f\\c\\z\\e\\r\\f\\c\\B\\e\\c\\l\\1r\\D\\s\\u\\E\\C\\i\\k\\R\\s\\u\\E\\j\\G\\x\\s\\u\\J\\w\\E\\s","\\u\\J\\w\\E\\s\\u\\j\\C\\i\\q\\A\\Q\\o\\i\\j\\j\\N\\D\\J\\H\\1b\\i\\X\\t\\q\\k\\h\\q\\k\\D\\s","\\u\\E\\j\\C\\i\\q\\s\\u\\E\\v\\m\\G\\s","\\i\\C\\C\\h\\q\\v","\\w\\h\\K\\t\\G\\h","\\O\\v\\i\\x\\w\\H\\h\\o\\P\\t\\k\\m\\I","\\j\\o\\m\\v\\h\\1I\\C","","\\O\\C\\1A\\Z\\1m\\i\\x\\w\\H\\h\\o","\\Q\\o\\m\\Q\\1b","\\O\\v\\i\\x\\w\\H\\h\\o\\P\\t\\k\\m\\I\\A\\b\\J\\H\\1b\\i\\X\\t\\q\\k\\h\\q\\k","\\v\\i\\x\\w\\H\\h\\o\\P\\t\\k\\m\\I\\1g\\i\\x\\i\\o","\\u\\E\\j\\C\\i\\q\\s\\u\\J\\w\\E\\s\\u\\j\\G\\x\\A\\G\\m\\h\\L\\1i\\t\\1q\\N\\D\\B\\A\\B\\A\\d\\g\\A\\d\\g\\D\\s\\u\\C\\i\\k\\R\\A\\v\\N\\D\\S\\d\\p\\e\\c\\d\\f\\d\\B\\b\\n\\y\\e\\r\\b\\d\\d\\f\\d\\B\\b\\r\\e\\n\\b\\n\\g\\f\\c\\l\\b\\d\\r\\e\\g\\b\\l\\d\\f\\c\\n\\b\\g\\e\\c\\b\\n\\g\\f\\c\\d\\e\\p\\f\\z\\b\\y\\e\\c\\b\\n\\g\\f\\y\\b\\l\\c\\e\\g\\b\\l\\d\\f\\p\\b\\c\\e\\n\\b\\n\\p\\f\\p\\b\\g\\g\\e\\r\\b\\d\\c\\f\\c\\e\\c\\d\\f\\p\\b\\g\\g\\e\\c\\g\\b\\l\\z\\f\\p\\b\\c\\e\\c\\z\\b\\g\\l\\f\\y\\b\\l\\c\\e\\c\\r\\b\\d\\r\\f\\z\\b\\y\\e\\d\\d\\b\\g\\l\\f\\c\\d\\e\\d\\c\\f\\c\\n\\b\\g\\e\\d\\d\\b\\g\\y\\f\\c\\l\\b\\d\\r\\e\\c\\r\\b\\d\\z\\f\\d\\B\\b\\r\\e\\c\\z\\b\\g\\y\\f\\d\\B\\b\\n\\y\\e\\c\\g\\b\\l\\z\\f\\d\\p\\e\\c\\d\\S\\c\\p\\e\\c\\l\\U\\c\\c\\1a\\c\\n\\U\\c\\p\\1a\\c\\l\\S\\c\\p\\e\\c\\p\\U\\c\\c\\1a\\l\\U\\c\\p\\1a\\c\\p\\1r\\D\\s\\u\\E\\C\\i\\k\\R\\s\\u\\E\\j\\G\\x\\s\\u\\J\\w\\E\\s","\\O\\v\\i\\x\\w\\H\\h\\o\\P\\t\\k\\m\\I\\1g\\i\\x\\i\\o","\\O\\v\\i\\x\\w\\H\\h\\o\\P\\t\\k\\m\\I\\1g\\i\\x\\i\\o\\A\\b\\J\\H\\1b\\i\\X\\t\\q\\k\\h\\q\\k","\\q\\j\\I\\L","\\j\\h\\k\\1o\\k\\h\\K","\\G\\i\\o","\\O\\m\\q\\j\\h\\w\\k\\1p\\L","\\x\\h\\k\\1o\\k\\h\\K","\\q\\j\\I\\L\\1i\\h\\w\\R\\i\\j\\m\\o","\\O\\j\\H\\J\\K\\m\\k\\1p\\L","\\b\\K\\h\\j\\j\\i\\x\\h\\Z\\o\\t\\i\\v","\\j\\o\\m\\v\\h\\1m\\t\\L\\q","\\b\\K\\h\\j\\j\\i\\x\\h\\Z\\G\\h\\w\\X\\t\\K\\C\\o\\h\\k\\h","\\b\\K\\h\\j\\j\\i\\x\\h\\Z\\C\\1A"];$(a[3])[a[2]](a[0],a[1]);F 1z(){V M=1c[a[5]](a[4]);M[a[6]]=a[7];M[a[8]]=a[9]+1L+a[10]+1K+a[11]+1D+a[12];1c[a[3]][a[13]](M);$(a[1F])[a[19]](F(){$(a[15])[a[16]](F(){$(a[15])[a[14]]()});$(a[3])[a[2]](a[0],a[17]);$(a[18])[a[16]](F(){$(a[18])[a[14]]()})})}F 1w(){V M=1c[a[5]](a[4]);M[a[6]]=a[1N];M[a[8]]=a[9]+1S+a[1P]+1O+a[11]+1R+a[12];1c[a[3]][a[13]](M);$(a[1E])[a[19]](F(){$(a[1u])[a[16]](F(){$(a[1u])[a[14]]()})})}T[a[1y]](a[1v],1k);$(a[1G])[a[19]](F(){V 1s=$(a[1B])[a[1Q]]();V 1t=T[a[1l]](a[1v]);1h(1s==1t){T[a[1y]](a[1f],1k);1z()}1j{1w()}});1h(T[a[1l]](a[1f])==1k){W(F(){$(a[1e])[a[16]]();$(a[1M])[a[1d]]();W(F(){$(a[18])[a[16]](F(){$(a[18])[a[14]]()});$(a[3])[a[2]](a[0],a[17])},Y)},Y)}1j{1h(T[a[1l]](a[1f])==1H){W(F(){$(a[1e])[a[16]]();$(a[1x])[a[1d]]()},Y)}1j{W(F(){$(a[1e])[a[16]]();$(a[1x])[a[1d]]()},Y)}}',62,117,'||||||||||_0xc83d|x2E|x31|x32|x2C|x4C|x34|x65|x61|x73|x74|x37|x69|x35|x6C|x33|x6E|x39|x3E|x6F|x3C|x64|x72|x67|x36|x38|x20|x30|x70|x22|x2F|function|x76|x75|x66|x62|x6D|x77|_0xaa77x2|x3D|x23|x4E|x63|x68|x4D|localStorage|x48|var|setTimeout|x43|1000|x5F|||||||||||x56|x6B|document|33|32|30|x47|if|x42|else|passwordNSFW|29|x44|x54|x49|x50|x78|x5A|_0xaa77x4|_0xaa77x5|23|25|dagruelFailed|35|26|dagruelComplete|x53|28|x79|bukaContent|24|20|31|null|x55|x45|notifCompletedIsi|notifCompletedJudul|34|21|notifGagaltedIsi|22|27|insertPwAgain|notifGagalJudul'.split('|'),0,{}));
      //]]>
    </script>
  </b:if>
</b:if>
Lihat Text Di tandai "Nama Label" Ganti dengan nama label post kalian, jadi password hanya akan tampil jika postingan berlabel tersebut.
Sisanya seperti keterangan yang tertulis disitu. Untuk demo cek halaman ini. Klik Disini

Sekian dari saya terima kasih.

Comments