Postingan

Menampilkan postingan dengan label Scritp HTML untuk membuat tampilan blog lebih menarik

Cara membuat anti copy paste blog kecuali quote

membuat blog anti copy paste kecuali quote Halo sahabat pembaca ditulisan kali ini saya akan menceritakan pengalaman saya menggunakan kode untuk anti copy  paste di blog. Baiklah sahabat pembaca berikut cerita saya. Cara ini khusus untuk tema blogger AMP Tulis kode ini tepat di atas </head>    <style type='text/css'> .post { -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -ms-user-select:none; -moz-user-select:none; } .post blockquote,.post pre,.post code{ -webkit-touch-callout:text; -webkit-user-select:text; -khtml-user-select:text; -ms-user-select:text; -moz-user-select:text; } </style> lalu setiap postingan pakai kode ini untuk membuat quote  <div style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; -moz-border-radius-bottomleft: 10px; -moz-border-radius-bottomright: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px;

Membuat menu navigasi di blog

cara membuat menu navigasi responsive di blogger. Halo sahabat pembaca😊,kali ini saya akan bercerita melalui tulisan ini,cerita tentang cara membuat menu navigasi di blog Baiklah langsung saja saya mulai ceritanya melalui tulisan ini. letakkan kode brikut di atas </style>  ]]></b:skin>   #menu {background:#393939;color:#eee;height: 40px;width:100%;max-width:960px;margin:0 auto;} #menu ul,#menu li{margin:0 0;padding:0 0;list-style:none} #menu ul{height:40px;border-bottom:4px solid #0098db} #menu li{float:left;display:inline;position:relative;font-family:'Oswald',Arial;font-weight:500;font-size:15px;text-shadow: 0 -1px 0 #000;border-right: 1px solid #444;text-transform:uppercase} #menu li:first-child{border-left: none} #menu a{display:block;line-height:40px;padding:0 14px;text-decoration:none;color:#eee;}#menu li:hover > a,#menu li a:hover{background:#0098db} #menu input{display:none;margin:0 0;padding:0 0;width:80px;height:40px;opacity:0;cursor:pointer} #men

Cara mempercepat loading blog

Cara Memasang Lazy Load di Blogger (Blogspot) Di tulisan kali ini saya akan bercerita,tentang pemasangan LAZY LOAD di blogger atau blog lainnya. Berikut cerita saya wahai sahabat pembaca. Sahabat pembaca jika blog sahabat banyak memposting vidio,gambar alangkah indahnya jika memasang kode LAZY LOAD, Kode tersebut membuat website hanya muat atau loading tulisan terlebih dahulu,baru memuat gambar sesuai layar monitor. Jadi bisa membuat loading sebuah website atau blog cepat, mempercepat loading Silahkan letakkan kode dibawah ini tepat diatas. </body>    <script type='text/javascript'> //<![CDATA[ // Fast Load (function(a){a.fn.lazyload=function(b){var c={threshold:0,failurelimit:0,event:"scroll",effect:"show",container:window};if(b){a.extend(c,b)}var d=this;if("scroll"==c.event){a(c.container).bind("scroll",function(b){var e=0;d.each(function(){if(a.abovethetop(this,c)||a.leftofbegin(this,c)){}else if(!a.belowthefold(this

Cara memasang google translate di header blog

Gambar
  Cara memasang google translate di header blog Sahabat pembaca di tulisan kali ini saya akan  menceritakan bahwa sanya tema blog saya ini ada menu di header yaitu menu terjemahan, Sahabat pembaca bisa membuat artikel berbahasa inggris,yang mana klik iklan atau penghasilan mendapatkan uang  lebih banyak,  biasanya kalau membuat artikel berbahasa inggris, Atau sahabat pembaca membuat blog campuran bahasa,misalkan artikel sahabat pembaca ada yang berbahasa indonesian,berbahasa inggris dan bahasa lainnya,di campur jadi satu.  jadi artikel sahabat pembaca bisa di baca di negara mana saja. Tentunya artikel harus yang di butuhkan para pembaca. Langsung saja ya sahabat berikut ceritanya. Cara memasang banner google translate di blog agar blog kita atau website bisa di diterjemahkan dengan berbagai bahasa. Gambar ceritaku untuk di baca Kalau menaruh terjemahan di widget Seringkali tidak berfungsi pada seluruh teks pada jenis template atau tema tertentu. Solusinya adalah menaruh google te

Cara membuat copyright pada blog

Gambar
  Sahabat pembaca kali ini saya akan bercerita melalui tulisan ini,cerita cara membuat copyright pada blog Langsung saja ya sahabat keceritanya 😊 1. Login akun blogger Anda. 2. Pilih Template > Edit HTML > centang Expand Template Widget. 3. Kemudian cari kode ]]></b:skin> untuk mempercepat pencarian gunakan Ctrl + F. 4. Letakkan kode dibawah ini tepat diatas ]]></b:skin> Atau di atas </style> ]]></b:skin> Kalau saya tempatkan di atas </style> Di coba saja karna template tema berbeda beda .tema yang saya gunakan adalah tema AMP Fhoto contoh penempatan kode  Cara membuat copyright pada blog Berikut kodenya silahkan di copy lalu tempatkan di atas ]]></b:skin> atau di atas </style> ]]></b:skin> .copyright{ text-align: center ; padding-top: 5 px; padding-bottom: 5 px; font:normal 80 % Verdana,Trebuchet,Arial,Sans-serif;} /* copyright part1 end */ Catatan: Jika Anda me

Cara membuat iklan di bawah postingan dengan tombol close

Gambar
Sahabat pembaca kali ini saya akan bercerita melalui tulisan ini, Tentang cara membuat iklan melayang  dengan tombol di bawah blog, Langsung aja copy codenya ya Semoga berhasil Kode iklan tombol close melayang di bawah blog  <script type='text/javascript'> $(document).ready(function() {$('img#closed').click(function(){$('#btm_banner').hide(90);});}); </script> <!--start: floating ads--> <div id='floatads' style='width:100%;margin:auto; text-align:center;float:none;overflow:hidden; display:scroll;position:fixed; bottom:0;z-index:9999'> <div><a id='close-floatads' onclick='document.getElementById('floatads').style.display = 'none';' style='cursor:pointer;'><img alt='close' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipqh83StsXCyCNllzAdv88ukW4OJgzCE_M9jtENN5_ATG5aiKcaWcF_M9BiQ8oMh3OzdSkJYZQu51mD9dREP

Membuat kotak open dan close di blogger

Gambar
Cara membuat tombol spoiler open close di blog cara membuat kotak open dan close di blogger  cara membuat kotak open dan close di blog : <div style="margin: 5px 20px 20px;"> <div class="smallfont" style="margin-bottom: 2px;"><b>Judul Spoiler</b> : <input value="Buka" style="margin: 0px; padding: 0px; width: 70px; font-size: 15px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Tutup'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Buka'; }" type="button"&