Posts

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