Cara Membuat Notifikasi Cookie di Blogger Valid AMP

Dalam hal ini untuk blogger sudah memiliki cookies bar secara default, jadi anda tidak perlu memasang sendiri cookies bar.

Dan untuk cara untuk memasang cookies bar pada blog AMP ini sangat mudah, Dan mengenai tampilan cookies bar bisa anda setting sesuai CSS yang anda punya. banyak para blogger handal yang menerapkan cookies bar dan perlu di ketahui tentang cookies bar tersebut apa fungsi dan tujuan memasang cookis bar di blog anda.
Fungsi cookies itu untuk menghemat waktu saat pengguna browsing, misalnya saat anda membuka email pada akun gmail anda. Jika sebelumnya anda pernah membuka email dengan perangkat/ device yang sama, maka kamu tidak perlu lagi untuk mengetik alamat email dan passwordnya. Otomatis data tersebut sudah di rekam oleh device anda  dan email akan terbuka ketika anda membuka prangkat gmail atau dengan kata lain "sending and storing" mengirim dan menyimpan.

Bagi Anda yang baru membuat sebuah blog perlu di ketahui bahwa google sudah mengeluarkan kebijakan dari hukum uni eropa tentang penggunaan cookies. Oke untuk hal pertama yang perlu kita lakukan adalah kita membuat halaman privacy policy pada halaman blog kita, dan bagi yang belum mengetahui bagaimana cara membuatnya anda dapat memperhatikan langkah-langkah di artikel saya sebelumnya DI SINI

Cookies bar pada blog AMP tersebut menggunakan amp-user-notification yang memang disediakan untuk keperluan seperti cookies bar ini.

Silahkan simpan js berikut dibawa ini di atas kode

Spoiler:

Hint


</head> atau &lt;/head&gt;&lt;!--<head/>--&gt;

Berikut kode js-nya

Spoiler:

Hint


<script async="" custom-element="amp-user-notification" src="https://cdn.ampproject.org/v0/amp-user-notification-0.1.js"></script>

Recommended Author





Jika anda sudah memasang js tersebut anda tidak perlu lagi memasang kembali js tersebut. Dan langkah selanjutnya anda melakukan copy-paste kode CSS di bawah ini, atau anda bisa memodifikasi tampilan CSS sesuai keinginan anda.

Spoiler:

Hint


amp-user-notification#amp-user-notification1{background: #fff;color: #999;padding: 10px;font-size: 17px;font-family: "Helvetica Neue Light", "HelveticaNeue-Light", "Helvetica Neue", Calibri, Helvetica, Arial;border-top: 1px solid #ccc}

amp-user-notification#amp-user-notification1 p{display:inline;float:left;margin:3px 0 0}

amp-user-notification#amp-user-notification1 button{text-align: center;line-height:1;padding: 8px 10px;color:#000;background-color:#f1d600;border:none;border-radius: 5px;-webkit-border-radius: 5px;width: 33%;display: block;margin-left: 10px;float: right;max-width: 120px}

Kemudian anda cari kode di bawah ini, dan simpan kode CSS tersebut di bawah kode  berikut pada blog Anda.

Spoiler:

Hint


<style amp-custom='amp-custom'>

Simpan kode HTML AMP user notification berikut di atas kode di bawah ini

Spoiler:

Hint


</body> atau &lt;noscript&gt;&lt;!--</body>--&gt;&lt;/noscript&gt;&lt;/body&gt;

Berikut kode user notification

Spoiler:

Hint


<amp-user-notification layout=nodisplay

      id="amp-user-notification1">

      <p>This website uses cookies to ensure you get the best experience on our website. <a href="http://URL Blog anda/privacy/" target="_blank" title="More Info">More Info</a></p>

    <button on="tap:amp-user-notification1.dismiss">I accept</button>

  </amp-user-notification>

Silahkan ganti URL yang saya tandai dengan URL halaman privacy pada blog Anda.

Pelajari juga Tips Redirect Otomatis di Uc Browser ke Google Chrome NON-AMP DI SINI

Related Keyword: cara memasang cookie di blogger, cookie blogger adalah, cookie yang digunakan di blog, cara memasang plugin di blogspot, cara memasang cookies, plugin cookie, cookie consent, cara membuat privacy policy