How to add a cookie consent notification to Blogger?

 Go to the link https://silktide.com/tools/cookie-consent/download-install/

Choose a theme - where the cookie consent notification should appear. There are six options - full width top, full width bottom, pop-up right with dark and light background. Choose any one you desire and click 'Continue',  Customize the message and button text displayed if desired. Add a link to your cookie policy page if you have. If not, leave blank to use the default link. Click Continue,  Copy the code generated as per the settings applied above


Integrating with Blogger:

• Login to your Blogger dashboard
• Click Layout > Add a gadget > Choose HTML/Javascript
• Paste the code generated from the above step
• Save
• You may keep the gadget anywhere
• Save 

View your blog to check out the cookie notification.

Read More

Cara Merubah Widget Labels Blogger Warna Warni

Bosen dengan tampilan Widget Labels Blog yang hanya sederhana dengan mono color?.
Ingin punya tampilan widget labels blogger warna warni atau multi color. coba tips ini
dengan bantuan CSS akan merubah tampilan widget labels blogger menjadi penuh warna warni dan dengan kesan hover efek.

Demo

1. Login Blogger.com
2. Pilih Blogger --> Layout
3. Add the Labels Cloud Widget dahulu jika belum terpasang. .
4. Lalu klik Template --> Edit HTML
5. Cari code ini ]]></b:skin> ( Ctrl+F pada keybord biar mudah )
6. Lalu copy kode Css dibawah ini:
.sidebar .cloud-label-widget-content {margin:0; padding-left:20px!important;}
.sidebar .label-size a {
color:#fff!important;
background:#222;
padding:2px 2px;
margin:0 3px 3px 0;
float:left;
display:block;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-webkit-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.sidebar .label-size-1 a {background:#000}
.sidebar .label-size-2 a {background:#03B0FF}
.sidebar .label-size-3 a {background:#000}
.sidebar .label-size-4 a {background:#FF0080}
.sidebar .label-size-5 a {background:#03B0FF}
.label-size-1 a:hover, .label-size-2 a:hover, .label-size-3 a:hover, .label-size-4 a:hover, .label-size-5 a:hover {
background:#1CFFB8; color:#000; text-decoration:none}
.sidebar .label-size span {
background:#ff;
color:#000;
padding:8px 22px;
margin:0 0 3px;
clear:both;
float:left;
}
.sidebar .label-size {
position:relative;
text-transform: uppercase;
text-decoration:none;
font-size:16px;
font-family:'Oswald', sans-serif;
color:#fff;
}
.sidebar .label-size a, .sidebar .label-size a:visited {color:#fff;text-decoration: none;}

6. Kemudian pastekan / letakkan sebelum kode (  ]]></b:skin> )
7. Save template, dan lihat hasilnya.

Selamat mencoba

Read More

Table Kode ASCII Html

ASCII (American Standard Code for Information Interchange ) singkatan dari American Standard Kode untuk Informasi Interchange. Komputer hanya dapat memahami nomor, maka kode ASCII adalah representasi numerik dari karakter seperti 'a' atau '@' atau tindakan dari beberapa macam. ASCII dikembangkan lama dan sekarang karakter non-cetak jarang digunakan untuk tujuan asli mereka. Berikut adalah tabel karakter ASCII dan ini termasuk deskripsi dari 32 karakter pertama non-cetak. ASCII sebenarnya dirancang untuk digunakan dengan teletypes sehingga deskripsi yang agak kabur. Jika seseorang mengatakan mereka ingin Anda CV Namun dalam format ASCII, semua ini berarti mereka ingin teks 'polos' tanpa format seperti tab, tebal atau menggarisbawahi - format baku bahwa setiap komputer dapat mengerti. Hal ini biasanya sehingga mereka dapat dengan mudah mengimpor file ke dalam aplikasi mereka sendiri tanpa masalah. Notepad menciptakan teks ASCII, atau di MS Word Anda dapat menyimpan file sebagai 'teks saja'

Berikut tabel kode ASCII yang sangat berguna buat para blogger :

 

ASCII Table and Description

 

 Extended ASCII Codes

Semoga berguna..

 

Read More