Posts

Showing posts from May, 2014

CSS Tuts Plus Responsive Blogger Template Valid HTML5 dan CSS3

Image
CSS Tuts Plus Responsive Blogger Template Valid HTML5 dan CSS3
Versi 1.1 Dark Versi 1.2 Light Versi 1.3 Final Light Dark Versi 1.2 Dark
Features:
Responsive CekValid HTML5 CekValid CSS3 CekSEO 100% CekSimpleList LayoutDark Theme / Light ThemeAds Ready (V1.3)Recent Post by Label (V1.3)BreadcrumbsRelated Posts with ThumbSearch BoxSubscribe BoxShare ButtonThreaded CommentTop MenuMain MenuScroll PageSocial Bookmark Bottom

SETTING  >>>>>>>>>> Untuk mengganti background gambar pada area header : Cari #header-wrapper dan ganti url gambarnya dengan link url gambar Anda...

/* Header */#header-wrapper{width:100%;min-height:160px;background:#252525url(http://1.bp.blogspot.com/-qy_dCTRr75U/U1Qyhq1lQ5I/AAAAAAAACbw/1mJB5K3rp50/s1600/header.png) repeat fixed top left;background-repeat:no-repeat!important;background-attachment:fixed!important;background-position:top center!important;box-shadow: inset 0px -12px 20px 0px rgba(0,0,0,0.1);padding:95px 025px 0;}

Demo

Download V1.1 D…

Pasang Artikel Terkait dan Subscribe Email Dibawah Postingan Terbaru

Image
Pasang Artikel Terkait dan Subscribe Email Dibawah Postingan Terbaru - sobat bloggers, salh satu pendukung pada struktur template blog adalah adanya widget " artikel terkait" . Nah kali ini akan saya bagikan tips cara pasang artikel terkait dan subscribe email di bawah posting terbaru. Untuk pemasangannya silahkan ikuti langkah-langkahnya di bawah ini :

Cari kode ]]></b:skin> atau </style> dan copy kode css di bawah ini dan taruh tepat di atas salah satu kode tersebut.
/* -- RELATED POST AND SUBSCRIBE EMAIL -- */#subs-and-redat{margin:0;padding:15px;background:#292929url(http://4.bp.blogspot.com/-KOeHvb-_Fs4/UyrtMveVGaI/AAAAAAAAOnU/HIi6vAYVKFU/s1600/footer-imege.png) no-repeat top left;border-radius:3px;}.kotakleft{background:none;width:44%;margin:0;padding:15px;display:block;float:left}#related-posth4{font-family:Oswald, Arial, sans-serif;font-size:22px;font-weight:normal;text-transform:uppercase;color:#eee;margin:0015px;margin-top:-15px;}#related-postli{backgr…

Simple Grid Responsive Blogger Template Valid HTML5 dan CSS3

Image
 Simple Grid Responsive Blogger Template Valid HTML5 dan CSS3


Features:
Responsive CekValid HTML5 CekValid CSS3 CekSEO 100% CekSimpleGrid LayoutLight Blue ThemeAds Ready BreadcrumbsRelated Posts with ThumbSearch BoxShare ButtonThreaded CommentTop MenuMain MenuSide MenuScroll PageSocial Bookmark Header Blogger Template Style
Name            :    Simple Grid Responsive Blogger Template
Author           :    Kiki Dee
Url                 :    http://aisukablog.blogspot.com
Updated by    :    Blogger Team
Published By   :    https://anaktimor-17.blogspot.com
This free Blogger template is licensed under the Creative Commons Attribution 3.0 License, which permits both personal and commercial use. However, to satisfy the &#39;attribution&#39; clause of the license, you are required to keep the footer links which provides due credit to its authors and supporters. For more specific details about the license, you may visit the URL below:
http://creativecommons.org/licenses/by/3.0/

Please…

Cara Membuat Banner Iklan 300x250 dengan CSS3 di Blogger

Image
Cara Membuat Banner Iklan 300x250 dengan CSS3 di Blogger
Sobat bloggers, kali ini akan saya share tips blogger tentang cara buat banner iklan di blog. Nah kali ini saya bagikan tips dari blog" Tutornesia" yang sudah di modifikasi menggunakan Css3. Cara pasang-nya juga gampang tinggal di taruh pada laman gadget baru.

Langkah pemasang widget banner iklan 300X250 sebagai berikut:
 Anda buka menu Tata Letak>>HTML/JavaScript. Copy code javascript di bawah ini dan tarus di kolom gadget html/javascript tersebut


<styletype='text/css'scoped='scoped'>.ads{margin:0 auto;padding:0;position:relative;width:100%}.ads-box{background:#21514F;width:100%;height:250px;margin:0;padding:0;text-align:center;transition:all .9s ease-in-out;}.ads-box:hover{background:#000;transition:all .9s ease-in-out;}.tags1{font:45px Oswald;text-shadow:02px 1px #eee;color:#f6f6f6;padding:40px 00;}.tags2{font:16px Oswald;color:#fff;text-transform:uppercase;font-weight:bold;padding:7px 0;te…