Posts

Cara Mempercepat Blogger Dengan dns-prefetch metatag

Image
Bagaimana Cara mempercepat loading blogger AMP maupun NON AMP. Langkah awal mempercepat loading AMP Blogger maupun Blogger dengan template biasa (mengandung javascript). Link dns-prefetch metatag merupakan metatags untuk mempercepat loading external source. Dengan kata lain defer loading external sources . Kali ini saya akan share bagaimana cara mempercepat lagi loading AMP Blogger yang biasanya mengandung banyak <amp-iframe> . Ga pake lama, cekidot tutorialnya: 1. Buka dashboard Blogger . 2. Klik tab Layout --> klik Edit HTML . Kemudian, taruh kode dibawah ini dibawah <head> atau diatas </head> . <link rel="dns-prefetch" href="https://cdn.ampproject.org"/> Bila anda juga menggunakan fonts dari google cdn maka juga tambahkan: <link rel="dns-prefetch" href="https://fonts.googleapis.com"/> Dan bila anda juga menggunakan Fontawesome.css dari https://netdna.bootstrapcdn.com/font-awesome/[VERS

How to Display and Entering Special Characters in HTML

Image
Text HTML Tutorial Part 11: How to Display and Entering Special Characters in HTML In addition to alphanumeric characters, sometimes we need to write special characters into HTML, for example, the sign "<". Character brackets "<" can not simply be written in HTML, because the character brackets internal functioning as a sign of an opening in HTML tags. In the HTML text tutorial this time, we will learn how to display and enter special characters into HTML . How to Insert Special Characters in HTML To insert special characters into HTML, we must Men- 'escape' characters. The term escape meant that from the writing of a character directly, we can replace it with a number or reference that refers to the characters. In HTML, there are two ways fo

Differences Onpage SEO Optimization and SEO Offpage

Image
Differences Onpage SEO Optimization and SEO Offpage     Before I explain the differences onpage seo optimization and offpage seo optimization, I will explain briefly about what is seo ?, maybe you are just learning about seo and can so you do not really know what is meant by seo, seo oh yes on this if you want to know more detail you can read in the article that I wrote earlier about understanding what it is seo for beginners , the article is very suitable for beginners in order to better understand sEO better. If to be explained seo actually stands search enggine optimization , ie search engine optimization are usually more involved in the article's posting blogs or sites with the goal of keeping the articles that are optimized are more easily found in search engine results in the best possible position, such as search engine google yahoo or bing and other search engines.     Seo efforts usually always use the search engine approaches, such as for example if th

How to enter CSS code into the HTML page

Image
Learning CSS Tutorial Part 2: How to enter CSS code into the HTML page In this tutorial we will discuss how to input the CSS code to the HTML page . As has been learned during the discussion about HTML (article tutorial to learn HTML ), HTML is essentially a collection of tags that are arranged so as to have certain parts, such as  paragraphs, lists, tables and so on. CSS is used to design these HTML tags. Broadly speaking, there are 3 ways to input the CSS code into HTML, the method Inline Style, Style Sheets Internal and External Style Sheets. Inline Method Style The method is a way of inputting Style Inline CSS code directly into the HTML tags using the style attribute, an example of using CSS Style Inline methods are as follows: <! DOCTYPE html> <Ht

Cara membuat banner sticky ads dengan tombol close di blogger

Image
Bagaimana cara membuat iklan banner melayang di footer page blogger dengan tombol close Berikut tutorialnya: 1. Buka dashboard blogger -> template -> edit HTML -> lalu masukkan kode dibawah ini diatas </body> <script type='text/javascript'> $(document).ready(function() {$(&#39;img#closed&#39;).click(function(){$(&#39;#bl_banner&#39;).hide(90);});}); </script> <div id='fixedban' style='width:100%;margin:auto;text-align:center;float:none;overflow:hidden;display:scroll;position:fixed;bottom:0;z-index:999;-webkit-transform:translateZ(0);'> <div><a id='close-fixedban' onclick='document.getElementById(&apos;fixedban&apos;).style.display = &apos;none&apos;;' style='cursor:pointer;'><img alt='close' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinGg9WqUznFo_1Ry6yX9YClECEnjdmuh1qcsj1JorSIU_kzijl0cY2_ICeGgOQF-IMk8rOablWFADvdXbmHXZQTq5

12 CSS3 Responsive Blockquote Styling

Image
Today i want to reshare css3 for styling blockquote. /* // 12 - CSS3 Blockquote Effects Demo // Made with ❤ by @Pawan_Mall // http://www.web-manajemen.blogspot.jp */ @import url('http://fonts.googleapis.com/css?family=Montez'); @import url(http://fonts.googleapis.com/css?family=Francois+One); body{ background: #f5f7fa; margin:10px; padding:10px; } blockquote{ display:block; background: #fff; padding: 15px 20px 15px 45px; margin: 0 0 20px; position: relative; /*Font*/ font-family: Georgia, serif; font-size: 14px; line-height: 1.2; color: #666; /*Box Shadow - (Optional)*/ -moz-box-shadow: 2px 2px 15px #ccc; -webkit-box-shadow: 2px 2px 15px #ccc; box-shadow: 2px 2px 15px #ccc; /*Borders - (Optional)*/ border-left-style: solid; border-left-width: 15px; border-right-style: solid; border-right-width: 2px; } blockquote::before{ content: "\201C"; /*Unicode for Left Double Quote*/ /*Font*/ font-family: Ge

Bagaimana Menggunakan SSL Certificate Gratis Dengan Bluehost Hosting

Image
Bagaimana Menggunakan SSL Certificate Gratis Dengan Bluehost Hosting Untuk menjalankan berbasis WordPress blog & website. Mereka juga salah satu yang direkomendasikan WordPress perusahaan hosting . Di masa lalu, saya telah berbagi banyak tutorial untuk membantu Anda menggunakan dan mendapatkan hasil maksimal dari Bluehost hosting. Berikut adalah beberapa yang populer: Cara Beli Hosting & Domain Dari Bluehost Hosting Cara Install WordPress Blog Pada Bluehost Hosting Anda Dalam tutorial eksklusif hari ini, Anda akan belajar bagaimana menggunakan sertifikat SSL gratis dengan Bluehost hosting Anda. Dengan menggunakan panduan ini, Anda akan bermigrasi blog WordPress An