Smart Theme

Untuk membuat Tombol Share Google Plus Like Facebook Tweet Twitter Indah Menarik Retina Ready dapat dilakukan dengan meletakkan kode berikut ini diatas <data:post.body/> . <!--:[ SOCIAL BUTTONS START ]:--> <b:if cond='data:blog.pageType == &quot;item&quot;'> <style> .social-network{float:right;position:relative;margin:0 auto;clear:both;width:0;visibility:hidden;opacity:0;-moz-transition-property: opacity, width;-ms-transition-property: opacity, width;-o-transition-property: opacity, width;-webkit-transition-property: opacity, width;transition-property: opacity, width;-moz-transition-duration: 1.5s;-ms-transition-duration: 1.5s;-o-transition-duration: 1.5s;-webkit-transition-duration: 1.5s;transition-duration: 1.5s;-moz-transition-timing-function: ease-out;-ms-transition-timing-function: ease-out;-o-transition-timing-function: ease-out;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out} .post-outer:hover .social-n

Cara memasang Tombol Like Facebook Share Twitter Dan Google Plus di blogspot. <b:if cond='data:blog.pageType == &quot;item&quot;'> <style> .social-network{width:100%;height:auto;margin:10px 0;clear:both} .social-network li{display:inline-block;height:20px;list-style:none outside none;padding:10px;transition:all 0.8s linear 0s;vertical-align:middle;box-shadow:0 1px 4px 1px rgba(0,0,0,.5)} .social-network li:first-child{background:#c4302b} .social-network li + li{background:#00a0d1} .social-network li:last-child{width:50%;background:#3b5998} .social-network li:hover{background:rgba(255,255,255,.7)} </style> <div class='social-network'> <li class='gplus'> <script src='http://apis.google.com/js/plusone.js' type='text/javascript'/> <g:plusone expr:href='data:post.url' size=''/> </li> <li class='twitter'> <a class='twitter-share-button' data-count='h

Cara Membuat Kotak Dengan Tanda Panah Dengan Menggunakan CSS Arrow. Tanda Panah Atas .arrow_box { position: relative; background: #88b7d5; border: 4px solid #c2e1f5; } .arrow_box:after, .arrow_box:before { bottom: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .arrow_box:after { border-color: rgba(136, 183, 213, 0); border-bottom-color: #88b7d5; border-width: 30px; left: 50%; margin-left: -30px; } .arrow_box:before { border-color: rgba(194, 225, 245, 0); border-bottom-color: #c2e1f5; border-width: 36px; left: 50%; margin-left: -36px; } Tanda Panah Bawah .arrow_box { position: relative; background: #88b7d5; border: 4px solid #c2e1f5; } .arrow_box:after, .arrow_box:before { top: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .arrow_box:after { border-color: rgba(136, 183, 213, 0); border-top-color: #8

Smart Theme Adalah Template Blogspot Yang Full Responsive Dan SEO Friendly Serta Clean Blogger Template Keunggulan dari template ini: Clean Design Fully Responsive Adsense Ready User Friendly Seo Optimized Fast Loading Download

CSS Basic Elements The purpose of this HTML is to help determine what default settings are with CSS and to make sure that all possible HTML Elements are included in this HTML so as to not miss any possible Elements when designing a site. Headings Heading 1 Heading 2 Heading 3 Heading 4 Heading 5 Heading 6 [top] Paragraph Lorem ipsum dolor sit amet, test link adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus. Maecenas ornare tortor. Donec sed tellus eget sapien fringilla nonummy. Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus. Lorem ipsum dolor sit amet, emphasis consectetuer adipiscing elit. Nullam dignissim convallis est. Quisque aliqua

Tutorial Cara Membuat Template Blog Dengan membuat template blog sendiri, akan menjadikan seorang blogger lebih mandiri dan kreatif dalam menyajikan tampilan blog :D <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html expr:dir='data:blog.languageDirection' prefix='og: http://ogp.me/ns#' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'> <!--:[ START HEADING ]:--> <head> <b:include data='blog' name='all-head-content' /> <!-- Start Title --> <title><data:blog.pageTitle/></title> <!-- End Title --> <!--:[ START STYLE ]:--> <b:skin><![CDATA[ /* ----------------------------------------------------- Smart Template For Blog

Blogger Template Clean Fast Seo V.01 For Blogger Is Free. It is The Clean Design Template With Seo Optimized For Maximum Search Result.