Pages

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html dir='ltr' 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'>
<head>
<meta content='A Blog 4 Blogger' name='description'/>
<meta content='width=device-width, initial-scale=1, maximum-scale=1' name='viewport'/>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<meta content='blogger' name='generator'/>
<link href='http://gimmicks4blogger.blogspot.com/favicon.ico' rel='icon' type='image/x-icon'/>
<link href='http://gimmicks4blogger.blogspot.com/' rel='canonical'/>
<link rel="alternate" type="application/atom+xml" title="Gimmicks 4 Blogger - Atom" href="http://gimmicks4blogger.blogspot.com/feeds/posts/default" />
<link rel="alternate" type="application/rss+xml" title="Gimmicks 4 Blogger - RSS" href="http://gimmicks4blogger.blogspot.com/feeds/posts/default?alt=rss" />
<link rel="service.post" type="application/atom+xml" title="Gimmicks 4 Blogger - Atom" href="https://www.blogger.com/feeds/2479711397871529480/posts/default" />
<link rel="openid.server" href="https://www.blogger.com/openid-server.g" />
<link rel="openid.delegate" href="http://gimmicks4blogger.blogspot.com/" />
<meta content='A Blog 4 Blogger' name='description'/>
<meta content='http://gimmicks4blogger.blogspot.com/' property='og:url'/>
<meta content='Gimmicks 4 Blogger' property='og:title'/>
<meta content='A Blog 4 Blogger' property='og:description'/>
<!--[if IE]> <script> (function() { var html5 = ("abbr,article,aside,audio,canvas,datalist,details," + "figure,footer,header,hgroup,mark,menu,meter,nav,output," + "progress,section,time,video").split(','); for (var i = 0; i < html5.length; i++) { document.createElement(html5[i]); } try { document.execCommand('BackgroundImageCache', false, true); } catch(e) {} })(); </script> <![endif]-->
<title>Gimmicks 4 Blogger</title>
<meta content='INDEX, FOLLOW' name='Robots'/>
<meta content='Herdiansyah Hamzah' name='Author'/>
<link href='http://fonts.googleapis.com/css?family=Droid+Sans' rel='stylesheet' type='text/css'/>
<link href="https://fonts.googleapis.com/css?kit=5718gH8nDy3hFVihOpkY5PaUH6-UtVqa1RRLS31Rcsw" rel="stylesheet" type="text/css"><link type='text/css' rel='stylesheet' href='https://www.blogger.com/static/v1/widgets/936271827-widget_css_bundle.css' />
<link type='text/css' rel='stylesheet' href='https://www.blogger.com/dyn-css/authorization.css?targetBlogID=2479711397871529480&amp;zx=55f32844-75a2-40af-9532-4e9ff2cba72c' />
<style id='page-skin-1' type='text/css'><!--
/*
-----------------------------------------------
Blogger Template Style
Name           : Responsive Templates
Author          : Herdiansyah Hamzah
URL Author  : www.herdi.web.id
Published      : Borneo Templates
Url Published : www.borneotemplates.com
Updated by: Blogger Team
----------------------------------------------- */
/* Variable definitions
====================
<Variable name="bgcolor" description="Page Background Color"
type="color" default="#fff">
<Variable name="textcolor" description="Text Color"
type="color" default="#333">
<Variable name="linkcolor" description="Link Color"
type="color" default="#58a">
<Variable name="linkhover" description="Link Hover Color"
type="color" default="#58a">
<Variable name="pagetitlecolor" description="Blog Title Color"
type="color" default="#666">
<Variable name="descriptioncolor" description="Blog Description Color"
type="color" default="#999">
<Variable name="titlecolor" description="Post Title Color"
type="color" default="#c60">
<Variable name="bordercolor" description="Border Color"
type="color" default="#ccc">
<Variable name="sidebarcolor" description="Sidebar Title Color"
type="color" default="#999">
<Variable name="sidebartextcolor" description="Sidebar Text Color"
type="color" default="#666">
<Variable name="visitedlinkcolor" description="Visited Link Color"
type="color" default="#999">
<Variable name="bodyfont" description="Text Font"
type="font" default="normal normal 100% Georgia, Serif">
<Variable name="headerfont" description="Sidebar Title Font"
type="font"
default="normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif">
<Variable name="pagetitlefont" description="Blog Title Font"
type="font"
default="normal normal 200% Georgia, Serif">
<Variable name="descriptionfont" description="Blog Description Font"
type="font"
default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif">
<Variable name="postfooterfont" description="Post Footer Font"
type="font"
default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif">
<Variable name="startSide" description="Side where text starts in blog language"
type="automatic" default="left">
<Variable name="endSide" description="Side where text ends in blog language"
type="automatic" default="right">
*/
/* Use this with templates/template-twocol.html */
#navbar, #navbar-iframe{display:none;height:0;visibility:hidden}
body {
background:#ffffff;
margin:0;
padding:100px 0 0 0;
color:#474747;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}
a:link {
color:#2288bb;
text-decoration:none;
}
a:visited {
color:#2288bb;
text-decoration:none;
}
a:hover {
color:#33aaff;
text-decoration:underline;
}
a img {
border-width:0;
}
/* Top-Wrapper
----------------------------------------------- */
#top-wrapper {
background: #50b7dc;
width:100%;
margin:0 auto;
padding:0 auto;
position:fixed;
top:0;
right:0px;
left:0px;
z-index:2000;
text-align:left;
font: normal normal 13px Arial, Tahoma, Helvetica, FreeSans, sans-serif;
clear:both;
border-bottom: 1px solid #2693ba;
-webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 2px -1px;
-moz-box-shadow: rgba(0,0,0,0.3) 0px 2px 2px -1px;
box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 2px -1px;
}
#top-inner {
width: 962px;
margin:0 auto;
padding:0 auto;
text-align:left;
font: normal normal 13px Arial, Tahoma, Helvetica, FreeSans, sans-serif;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */
}
#top1-wrapper {
width: 710px;
float: left;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */
}
#top2-wrapper {
width: 242px;
float: right;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */
}
/* Top2 Search
----------------------------------------------- */
.top2 h2 {display:none}
.top2 .widget {padding:0;margin:0}
#search {position: relative; width: 100%; margin: 0; padding:12px 0 0}
#search-form {width:100%;margin:0;padding:0}
#search-text {
background: #fff;
font:normal 12px Arial, sans-serif;
color: #888;
display: inline-block;
margin: 0;
width:96%;
padding: 5px 2%;
outline: none;
border:none;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
}
/* Top1 Static Page
----------------------------------------------- */
.top1 h2 {
display:none
}
.top1 #PageList1 {
width:100%;
margin:0;
padding:0;
}
.top1 #PageList1 ul {
margin:0;
padding:0;
text-transform:none;
list-style-type:none;
}
.top1 #PageList1 li {
display: inline;
margin: 0;
}
.top1 #PageList1 li a {
float:left;
display: block;
text-decoration:none;
padding:0 18px;
color:#fff;
line-height:46px;
font-family:'Arial', sans-serif;
font-size:11px;
font-weight:normal;
text-transform:uppercase;
-webkit-transition: all 0.1s ease-in;
-moz-transition: all 0.1s ease-in;
-o-transition: all 0.1s ease-in;
transition: all 0.1s ease-in;
letter-spacing: 1px;
}
.top1 #PageList1 li a:visited {
color:#fff;
}
.top1 #PageList1 li a:hover, .top1 #PageList1 li.selected a, .top1 #PageList1 li.selected a:visited {
background:#2aa4cf;
}
/* Header
-----------------------------------------------
*/
#header-wrapper {
width:962px;
margin:0 auto;
border:0px solid transparent;
text-align:left;
font: normal normal 13px Arial, Tahoma, Helvetica, FreeSans, sans-serif;
}
#header-inner {
background-position: center;
margin-left: auto;
margin-right: auto;
}
#header {
float:left;
width:222px;
margin:0;
border:none;
text-align: center;
color:#3399bb;
}
#header2 {
float:right;
width:728px;
margin:0;
border:none
text-align: left;
color:#3399bb;
}
.header .widget {padding:15px 0 10px; color:#474747;}
#header h1 {
margin:0;
padding:5px 0 0;
line-height:1.2em;
text-transform:uppercase;
letter-spacing:.1em;
font: normal bold 34px Luckiest Guy;
}
#header a {
color:#3399bb;
text-decoration:none;
}
#header a:hover {
color:#3399bb;
}
#header .description {
margin:0;
padding:0;
max-width:auto;
text-transform:none;
letter-spacing:.01em;
line-height: 1.3em;
font: normal normal 13px 'Courier New', Courier, FreeMono, monospace;
color: #777777;
}
#header img {
margin-left: auto;
margin-right: auto;
}
/* Outer-Wrapper
----------------------------------------------- */
#outer-wrapper {
background:#fff;
border: 1px solid transparent;
width: 962px;
margin:0 auto;
padding: 10px 0 0 0;
text-align:left;
font: normal normal 13px Arial, Tahoma, Helvetica, FreeSans, sans-serif;
}
#content-wrapper {
float: left;
width: 752px;
margin:0 auto;
padding:0 auto;
text-align:left;
font: normal normal 13px Arial, Tahoma, Helvetica, FreeSans, sans-serif;
}
#crosscol-wrapper {
clear:both;
width: 540px;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */
}
.crosscol {color: #666666;line-height: 1.5em;}
.crosscol .widget {padding:15px 20px;text-align:left; border-bottom:1px solid transparent;margin:0 0 5px}
#main-wrapper {
border:1px solid transparent;
width: 540px;
float: right;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */
}
#sidebar-wrapper {
width: 200px;
float: left;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden;      /* fix for long non-text content breaking IE sidebar float */
}
#sidebar2-wrapper {
width: 200px;
float: right;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden;      /* fix for long non-text content breaking IE sidebar float */
}
/* Headings
----------------------------------------------- */
h2 {
margin:0 0 .75em;
font:normal bold 12px Arial, Tahoma, Helvetica, FreeSans, sans-serif;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.01em;
color:#444444;
}
/* Posts
-----------------------------------------------
*/
h2.date-header {
text-transform:none;
margin:2px 0 30px;
}
.post {
margin:0 0 10px;
border-bottom:1px solid transparent;
padding: 15px 20px;
}
.post h3 {
font-family: 'Droid Sans', sans-serif;
margin:.25em 0 0;
padding:0 0 4px;
font-size:26px;
font-weight:normal;
line-height:1.2em;
color:#2288bb;
}
.post h3 a, .post h3 a:visited, .post h3 strong {
display:block;
text-decoration:none;
color:#2288bb;
font-weight:normal;
}
.post h3 strong, .post h3 a:hover {
color:#474747;
text-decoration:underline;
}
.post-body {
margin:0 0 .75em;
line-height:1.6em;
}
.post-body blockquote {
line-height:1.6em;
}
.post-footer {
margin: .75em 0;
color:#444444;
text-transform:none;
letter-spacing:.01em;
font: normal normal 11px Arial, Tahoma, Helvetica, FreeSans, sans-serif;
line-height: 1.4em;
}
.comment-link {
margin-left:.6em;
}
.post img, table.tr-caption-container {
padding-top:4px;
border:none;
}
.tr-caption-container img {
border: none;
padding: 0;
}
.post blockquote {
background:#f9f9f9;
border: 1px solid transparent;
padding: 20px;
margin:5px 0;
border-left:10px solid #2288bb;
}
.post blockquote p {
margin:.75em 0;
}
/* Comments
----------------------------------------------- */
.comments .avatar-image-container {
max-height:36px;
width:36px;
margin-top:0px;
clear:none;
}
.comments .avatar-image-container img {
max-width:36px;
width:36px;
}
.comments .comments-content .comment,
.comments .comments-content .comment:first-child,
.comments .comments-content .comment:last-child {
margin:5px 0;
padding:10px 0 0;
border-top:1px dotted #ccc;
}
.comments .comments-content .datetime {
font-size:13px;
line-height:1;
}
.comments .comments-content .datetime a {
display:block;
margin:6px 0 0;
color:#666;
}
.comments .comments-content .comment-content {
text-align:left;
margin:0 0 0 -49px;
padding:10px 0;
line-height: 1.5em;
}
.comments .comments-content .comment-content a {
border-bottom:1px solid #2288bb;
}
.comments .comment span.comment-actions {
margin-left:-49px;
}
.comments .comment .comment-actions a {
margin-right:10px;
padding:0;
font-size:12px;
text-transform:uppercase;
color:#2288bb;
}
.comments .comments-content .comment-replies {
margin-left:0;
margin-top:0;
padding-left:36px;
}
.comments .continue a {
text-transform:uppercase;
font-weight:normal;
padding:0;
margin:0;
color:#2288bb;
}
.comments .comments-content .user {
text-transform:uppercase;
font-weight:normal;
}
.comments .comments-content .user a {
color:#2288bb;
text-decoration:none;
border-bottom:1px solid #999;
}
#comments {padding:0 20px}
#comments h4 {
font-family: 'Droid Sans', sans-serif;
margin:5px 0;
font-size:20px;
font-weight: normal;
line-height: 1.2em;
text-transform:none;
letter-spacing:.01em;
color: #444444;
}
#comments-block {
margin:1em 0 1.5em;
line-height:1.5em;
}
#comments-block .comment-author {
margin:.5em 0;
}
#comments-block .comment-body {
margin:.25em 0 0;
}
#comments-block .comment-footer {
margin:-.25em 0 2em;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.01em;
}
#comments-block .comment-body p {
margin:0 0 .75em;
}
.deleted-comment {
font-style:italic;
color:gray;
}
#blog-pager-newer-link {
float: left;
}
#blog-pager-older-link {
float: right;
}
#blog-pager {
padding:7px 20px;
text-align: center;
}
.feed-links {
display:none;
padding:0 20px;
clear: both;
line-height: 2.5em;
}
/* Sidebar Content
----------------------------------------------- */
.sidebar h2 {
background:#f7f7f7;
margin:0;
padding:10px 20px;
border-bottom:1px solid transparent;
font:normal bold 12px Arial, Tahoma, Helvetica, FreeSans, sans-serif;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.01em;
color:#444444;
}
.sidebar {
border-top:1px solid transparent;
color: #666666;
line-height: 1.5em;
}
.sidebar ul {
list-style:none;
margin:0 0 0;
padding:0 0 0;
}
.sidebar li {
margin:0;
padding:0 0 2px 0;
text-indent:0px;
line-height:1.5em;
}
.sidebar .widget {
border:1px solid transparent;
border-width:0 1px 1px 0;
margin:0;
padding:0;
}
.sidebar .widget-content {
padding:15px 20px 15px 19px;
}
/* Sidebar Label
----------------------------------------------- */
.sidebar #Label1 h2, .sidebar #Label2 h2, .sidebar #Label3 h2 {
background:#fff;
margin:0;
padding:10px 20px;
border-bottom:none;
font:normal bold 12px Arial, Tahoma, Helvetica, FreeSans, sans-serif;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.01em;
color:#444444;
}
.sidebar #Label1, .sidebar #Label2, .sidebar #Label3 {
margin:0;padding:0
}
.sidebar #Label1 .widget-content, .sidebar #Label2 .widget-content, .sidebar #Label3 .widget-content   {
padding:0;
background:#f9f9f9}
.sidebar #Label1 ul, .sidebar #Label2 ul, .sidebar #Label3 ul   {
margin:0;padding:0;
}
.sidebar #Label1 ul li, .sidebar #Label2 ul li, .sidebar #Label3 ul li{
margin:0;
padding:0 20px;
text-indent:0px;
line-height:36px;
list-style:none;
display:block;
border-top:1px solid transparent;
}
.sidebar #Label1 li:hover, .sidebar #Label2 li:hover, .sidebar #Label3 li:hover {background:#fff283;}
.sidebar #Label1 li a, .sidebar #Label2 li a, .sidebar #Label3 li a {color:#888}
.sidebar #Label1 li a:hover, .sidebar #Label2 li a:hover, .sidebar #Label3 li a:hover {color:#000;text-decoration:none;}
/* Sidebar Popular Posts
---------------------------------------------*/
.sidebar .PopularPosts h2 {
background:#fff;
margin:0;
padding:10px 20px;
border:none;
font:normal bold 12px Arial, Tahoma, Helvetica, FreeSans, sans-serif;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.01em;
color:#444444;
}
.sidebar .PopularPosts {
margin:0;padding:0
}
.sidebar .PopularPosts .widget-content {
padding:0;
background:#f9f9f9}
.sidebar .PopularPosts {
text-transform:none;
padding:0 auto;
}
.sidebar .PopularPosts ul {
margin:0;padding:0;
}
.sidebar .PopularPosts ul li {
margin:0;
padding:15px 20px;
text-indent:0px;
line-height:1.3em;
list-style:none;
display:block;
border-top:1px solid transparent;
}
.sidebar .PopularPosts li:hover {background:#eee;}
.sidebar .PopularPosts li a {color:#2288bb}
.sidebar .PopularPosts li a:hover {
text-decoration:none;
color:#33aaff;
-o-transition: all 0.4s ease-out;
-webkit-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}
.sidebar .PopularPosts .item-content { margin:0; padding:0;}
.sidebar .PopularPosts .item-title {font-size:13px;font-weight:normal;text-decoration:none;text-transform:uppercase}
.sidebar .PopularPosts .item-snippet {font-size:12px;padding:0;margin:2px 0 0;line-height:1.4em;color:#888;}
.sidebar .PopularPosts .item-content img  {background:#fff;width:98px;height:auto;padding:10px; border:1px solid transparent;}
/* Sidebar2 Content
----------------------------------------------- */
.sidebar2 h2 {
background:#f7f7f7;
margin:0;
padding:10px 20px;
border-bottom:1px solid transparent;
font:normal bold 12px Arial, Tahoma, Helvetica, FreeSans, sans-serif;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.01em;
color:#444444;
}
.sidebar2 {
border-top:1px solid transparent;
color: #666666;
line-height: 1.5em;
}
.sidebar2 ul {
list-style:none;
margin:0 0 0;
padding:0 0 0;
}
.sidebar2 li {
margin:0;
padding:0 0 2px 0;
text-indent:0px;
line-height:1.5em;
}
.sidebar2 .widget {
border:1px solid transparent;
border-width:0 0 1px 1px;
margin:0;
padding:0;
}
.sidebar2 .widget-content {
padding:15px 19px 15px 20px;
}
/* Sidebar2 Popular Posts
---------------------------------------------*/
.sidebar2 .PopularPosts h2 {
background:#fff;
margin:0;
padding:10px 20px;
border:none;
font:normal bold 12px Arial, Tahoma, Helvetica, FreeSans, sans-serif;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.01em;
color:#444444;
}
.sidebar2 .PopularPosts {
margin:0;padding:0
}
.sidebar2 .PopularPosts .widget-content {
padding:0;
background:#f9f9f9}
.sidebar2 .PopularPosts {
text-transform:none;
padding:0 auto;
}
.sidebar2 .PopularPosts ul {
margin:0;padding:0;
}
.sidebar2 .PopularPosts ul li {
margin:0;
padding:15px 20px;
text-indent:0px;
line-height:1.3em;
list-style:none;
display:block;
border-top:1px solid transparent;
}
.sidebar2 .PopularPosts li:hover {background:#eee;}
.sidebar2 .PopularPosts li a {color:#2288bb}
.sidebar2 .PopularPosts li a:hover {
text-decoration:none;
color:#33aaff;
-o-transition: all 0.4s ease-out;
-webkit-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}
.sidebar2 .PopularPosts .item-content { margin:0; padding:0;}
.sidebar2 .PopularPosts .item-title {font-size:13px;font-weight:normal;text-decoration:none;text-transform:uppercase}
.sidebar2 .PopularPosts .item-snippet {font-size:12px;padding:0;margin:2px 0 0;line-height:1.4em;color:#888;}
.sidebar2 .PopularPosts img {background:#fff;border:1px solid #ddd;padding:4px}
/* Sidebar2 Label Cloud
----------------------------------------------- */
.sidebar2 .label-size {
background:#f1f1f1;
margin:0 3px 5px 0;
padding: 6px;
text-transform: uppercase;
border: solid 1px #ccc;
border-radius: 3px;
float:left;
text-decoration:none;
font-size:10px;
color:#333;
position:relative;
}
.label-size:hover {
background:#f0f0f0;
border:1px solid #999;
text-decoration: none;-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-webkit-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
-webkit-box-shadow:0 1px 2px rgba(0,0,0,.25);
-moz-box-shadow:0 1px 2px rgba(0,0,0,.25);
box-shadow:0 1px 2px rgba(0,0,0,.25);
}
.sidebar2 .label-size a {
color:#666;
text-transform: uppercase;
text-decoration: none;
}
.label-size a:hover {
color:#2288bb;
text-decoration: none;
}
/* Profile
----------------------------------------------- */
.profile-img {
float: left;
margin-top: 0;
margin-right: 5px;
margin-bottom: 5px;
margin-left: 0;
padding: 4px;
border: 1px solid transparent;
}
.profile-data {
margin:0;
text-transform:uppercase;
letter-spacing:.01em;
font: normal normal 11px Arial, Tahoma, Helvetica, FreeSans, sans-serif;
color: #444444;
font-weight: bold;
line-height: 1.5em;
}
.profile-datablock {
margin:.5em 0 .5em;
}
.profile-textblock {
margin: 0.5em 0;
line-height: 1.5em;
}
.profile-link {
font: normal normal 11px Arial, Tahoma, Helvetica, FreeSans, sans-serif;
text-transform: uppercase;
letter-spacing: .01em;
}
/* Footer
----------------------------------------------- */
#footer {
width:962px;
clear:both;
margin:0 auto;
padding:0 auto;
line-height: 1.5em;
text-transform:none;
letter-spacing:.01em;
text-align: center;
}
.footer .widget {margin:0;padding: 15px 0;border-top:1px solid #eee}
/* Page Navigation
----------------------------------------------- */
#showpageArea {font:normal normal 13px Arial, Tahoma, Helvetica, FreeSans, sans-serif;margin:0;padding:0;}
.showpageArea a {font-size:14px;font-weight:bold;text-decoration:none;}
.showpageNum a {background:#eee;font-size:14px;font-weight:bold;text-decoration:none;border:1px solid #ccc;margin:0 2px;padding:6px 10px;color:#474747;-webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
.showpageNum a:hover {border:1px solid #1573A3;background-color:#2288bb;color:#fff;}
.showpagePoint {border:1px solid #1573A3;background-color:#2288bb;color:#fff;font-size:14px;font-weight:bold;text-decoration:none;margin:0 2px;padding:6px 10px;}
.showpageOf {display:none;font-size:14px;font-weight:bold;text-decoration:none;padding:6px 10px;margin: 0 2px 0 0;color: #ccc;text-transform:none;}
.showpage a {border:1px solid #1573A3;background-color:#2288bb;color:#fff;font-size:14px;font-weight:bold;text-decoration:none; padding:6px}
.showpage a:hover {border:1px solid #1573A3;background-color:#2288bb;color:#fff;text-decoration:none;}
.showpageNum a:link,.showpage a:link {text-decoration:none;}
/* Jump Link
----------------------------------------------- */
.jump-link {clear:both; margin:20px 0 5px; padding:0 auto;}
.jump-link a {
padding: 10px 10px;
background: #f4f4f4;
background: -moz-linear-gradient(top,  #f4f4f4 0%, #f1f1f1 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f4f4), color-stop(100%,#f1f1f1));
background: -webkit-linear-gradient(top,  #f4f4f4 0%,#f1f1f1 100%);
background: -o-linear-gradient(top,  #f4f4f4 0%,#f1f1f1 100%);
background: -ms-linear-gradient(top,  #f4f4f4 0%,#f1f1f1 100%);
background: linear-gradient(top,  #f4f4f4 0%,#f1f1f1 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#f1f1f1',GradientType=0 );
color: #2288bb;
text-decoration: none;
cursor: pointer;
display: inline-block;
text-align: center;
font-weight:normal;
font-family:Arial, Helvetica, sans-serif;
text-transform:uppercase;
text-shadow: 0px 1px 1px rgba(255,255,255,1);
line-height: 1;
font-size:12px;
border: solid 1px #bbb;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
}
.jump-link a:hover {
color: #333;
border-color: #999;
-moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);
-webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.2);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}
#credit-wrapper{background:#ffffff;width:962px;margin:0 auto;border: 0px solid #ddd;border-width:0 0px;clear:both;}
#link-wrapper{width:962px;line-height:1.6em;text-align:center;font-family:Arial;font-size:12px;color:#666;padding:20px 0}

--></style>
<style type='text/css'>

.post-footer {display:none}
h2.date-header {margin:2px 0 10px;}




@media only screen and (min-width:768px) and (max-width:989px) {
#outer-wrapper {width:880px;margin:0 auto;margin-top:10px;border:none;}
#content-wrapper {width:880px;margin:0 auto;}
#main-wrapper { width:880px;margin:0 auto;border:none; }
#sidebar-wrapper {float:left; width:880px;margin:0 auto}
#header-wrapper, #header-inner, #header, #header h1, #header .description {width:880px;margin:0 auto}
.post-body img {width:880px;margin:0 auto;height:auto}
#comments {width:880px;padding:0;margin:0 auto;height:auto;font-size:16px;}
#header2, #crosscol-wrapper, #sidebar2-wrapper, #footer-wrapper, #footer {display:none}
#top-wrapper {width:auto;padding:15px 0;}
#top-inner, #top1-wrapper, #top2-wrapper {width:880px;margin:0 auto;}
.post {padding:0 0 10px 0;border-bottom:5px solid #2288bb}
.post-body {font-size:18px; line-height:1.3em;}
.jump-link {margin:6px 0 5px}
#blog-pager {padding:10px 0}
#sidebar-wrapper {width:880px;margin:0 auto;}
.sidebar .widget-content {padding:15px 20px}
.sidebar .widget {border:0}
.sidebar h2, .sidebar .PopularPosts h2 {border-top:1px solid #e9e9e9}
.sidebar #Label1 h2 {border-top:none}
.top1 #PageList1 li a {padding:0 7px;line-height:26px;margin:0 4px 4px 0;font-size:14px;text-transform:none;letter-spacing:.01em}
.top1 #PageList1 li a:hover, .top1 #PageList1 li.selected a, .top1 #PageList1 li.selected a:visited {background:#13799f}
#credit-wrapper {width:auto;padding:15px 0;border:none;background:#f7f7f7}
#link-wrapper {width:880px;margin:0 auto;padding:0}
}

/* Media 800px
----------------------------------------------- */
@media only screen and (max-width:800px) {
#outer-wrapper {width:730px;margin:0 auto;margin-top:10px;border:none;}
#content-wrapper {width:730px;margin:0 auto;}
#main-wrapper { width:730px;margin:0 auto;border:none; }
#sidebar-wrapper {float:left; width:730px;margin:0 auto}
#header-wrapper, #header-inner, #header, #header h1, #header .description {width:730px;margin:0 auto}
.post-body img {width:730px;margin:0 auto;height:auto}
#comments {width:730px;padding:0;margin:0 auto;height:auto;font-size:16px;}
#header2, #crosscol-wrapper, #sidebar2-wrapper, #footer-wrapper, #footer {display:none}
#top-wrapper {width:auto;padding:15px 0;}
#top-inner, #top1-wrapper, #top2-wrapper {width:730px;margin:0 auto;}
.post {padding:0 0 10px 0;border-bottom:5px solid #2288bb}
.post-body {font-size:18px; line-height:1.3em;}
.jump-link {margin:6px 0 5px}
#blog-pager {padding:10px 0}
#sidebar-wrapper {width:730px;margin:0 auto;}
.sidebar .widget-content {padding:15px 20px}
.sidebar .widget {border:0}
.sidebar h2, .sidebar .PopularPosts h2 {border-top:1px solid #e9e9e9}
.sidebar #Label1 h2 {border-top:none}
.top1 #PageList1 li a {padding:0 7px;line-height:26px;margin:0 4px 4px 0;font-size:14px;text-transform:none;letter-spacing:.01em}
.top1 #PageList1 li a:hover, .top1 #PageList1 li.selected a, .top1 #PageList1 li.selected a:visited {background:#13799f}
#credit-wrapper {width:auto;padding:15px 0;border:none;background:#f7f7f7}
#link-wrapper {width:730px;margin:0 auto;padding:0}
}

/* Media 767px
----------------------------------------------- */
@media only screen and (max-width:767px) {
#outer-wrapper {width:520px;margin:0 auto;margin-top:10px;border:none;}
#content-wrapper {width:520px;margin:0 auto;}
#main-wrapper { width:520px;margin:0 auto;border:none; }
#sidebar-wrapper {float:left; width:520px;margin:0 auto}
#header-wrapper, #header-inner, #header, #header h1, #header .description {width:520px;margin:0 auto}
.post-body img {width:520px;margin:0 auto;height:auto}
#comments {width:520px;padding:0;margin:0 auto;height:auto;font-size:16px;}
#header2, #crosscol-wrapper, #sidebar2-wrapper, #footer-wrapper, #footer {display:none}
#top-wrapper {width:auto;padding:15px 0;}
#top-inner, #top1-wrapper, #top2-wrapper {width:520px;margin:0 auto;}
.post {padding:0 0 10px 0;border-bottom:5px solid #2288bb}
.post-body {font-size:18px; line-height:1.3em;}
.jump-link {margin:6px 0 5px}
#blog-pager {padding:10px 0}
#sidebar-wrapper {width:520px;margin:0 auto;}
.sidebar .widget-content {padding:15px 20px}
.sidebar .widget {border:0}
.sidebar h2, .sidebar .PopularPosts h2 {border-top:1px solid #e9e9e9}
.sidebar #Label1 h2 {border-top:none}
.top1 #PageList1 li a {padding:0 7px;line-height:26px;margin:0 4px 4px 0;font-size:14px;text-transform:none;letter-spacing:.01em}
.top1 #PageList1 li a:hover, .top1 #PageList1 li.selected a, .top1 #PageList1 li.selected a:visited {background:#13799f}
#credit-wrapper {width:auto;padding:15px 0;border:none;background:#f7f7f7}
#link-wrapper {width:520px;margin:0 auto;padding:0}
}

/* Media 480px
----------------------------------------------- */
@media only screen and (max-width:560px) {
#outer-wrapper {width:460px;margin:0 auto;margin-top:10px;border:none;}
#content-wrapper {width:460px;margin:0 auto;}
#main-wrapper { width:460px;margin:0 auto;border:none; }
#sidebar-wrapper {float:left; width:460px;margin:0 auto}
#header-wrapper, #header-inner, #header, #header h1, #header .description {width:460px;margin:0 auto}
.post-body img {width:460px;margin:0 auto;height:auto}
#comments {width:460px;padding:0;margin:0 auto;height:auto;font-size:16px;}
#header2, #crosscol-wrapper, #sidebar2-wrapper, #footer-wrapper, #footer {display:none}
#top-wrapper {width:auto;padding:15px 0;}
#top-inner, #top1-wrapper, #top2-wrapper {width:460px;margin:0 auto;}
.post {padding:0 0 10px 0;border-bottom:5px solid #2288bb}
.post-body {font-size:18px; line-height:1.3em;}
.jump-link {margin:6px 0 5px}
#blog-pager {padding:10px 0}
#sidebar-wrapper {width:460px;margin:0 auto;}
.sidebar .widget-content {padding:15px 20px}
.sidebar .widget {border:0}
.sidebar h2, .sidebar .PopularPosts h2 {border-top:1px solid #e9e9e9}
.sidebar #Label1 h2 {border-top:none}
.top1 #PageList1 li a {padding:0 7px;line-height:26px;margin:0 4px 4px 0;font-size:14px;text-transform:none;letter-spacing:.01em}
.top1 #PageList1 li a:hover, .top1 #PageList1 li.selected a, .top1 #PageList1 li.selected a:visited {background:#13799f}
#credit-wrapper {width:auto;padding:15px 0;border:none;background:#f7f7f7}
#link-wrapper {width:460px;margin:0 auto;padding:0}}

/* Media Screen 240px + 320px
----------------------------------------------- */
@media only screen and (max-width:490px) {
#outer-wrapper {width:430px;margin:0 auto;margin-top:10px;border:none;}
#content-wrapper {width:430px;margin:0 auto;}
#main-wrapper { width:430px;margin:0 auto;border:none; }
#sidebar-wrapper {float:left; width:430px;margin:0 auto}
#header-wrapper, #header-inner, #header, #header h1, #header .description {width:430px;margin:0 auto}
.post-body img {width:430px;margin:0 auto;height:auto}
#comments {width:430px;padding:0;margin:0 auto;height:auto;font-size:16px;}
#header2, #crosscol-wrapper, #sidebar2-wrapper, #footer-wrapper, #footer {display:none}
#top-wrapper {width:auto;padding:15px 0;}
#top-inner, #top1-wrapper, #top2-wrapper {width:430px;margin:0 auto;}
.post {padding:0 0 10px 0;border-bottom:5px solid #2288bb}
.post-body {font-size:18px; line-height:1.3em;}
.jump-link {margin:6px 0 5px}
#blog-pager {padding:10px 0}
#sidebar-wrapper {width:430px;margin:0 auto;}
.sidebar .widget-content {padding:15px 20px}
.sidebar .widget {border:0}
.sidebar h2, .sidebar .PopularPosts h2 {border-top:1px solid #e9e9e9}
.sidebar #Label1 h2 {border-top:none}
.top1 #PageList1 li a {padding:0 7px;line-height:26px;margin:0 4px 4px 0;font-size:14px;text-transform:none;letter-spacing:.01em}
.top1 #PageList1 li a:hover, .top1 #PageList1 li.selected a, .top1 #PageList1 li.selected a:visited {background:#13799f}
#credit-wrapper {width:auto;padding:15px 0;border:none;background:#f7f7f7}
#link-wrapper {width:430px;margin:0 auto;padding:0}}

@media only screen and (max-width:479px) {
#outer-wrapper {width:300px;margin:0 auto;margin-top:10px;border:none;}
#content-wrapper {width:300px;margin:0 auto;}
#main-wrapper { width:300px;margin:0 auto;border:none; }
#sidebar-wrapper {float:left; width:300px;margin:0 auto}
#header-wrapper, #header-inner, #header, #header h1, #header .description {width:300px;margin:0 auto}
.post-body img {width:300px;margin:0 auto;height:auto}
#comments {width:300px;padding:0;margin:0 auto;height:auto;font-size:16px;}
#header2, #crosscol-wrapper, #sidebar2-wrapper, #footer-wrapper, #footer {display:none}
#top-wrapper {width:auto;padding:15px 0;}
#top-inner, #top1-wrapper, #top2-wrapper {width:300px;margin:0 auto;}
.post {padding:0 0 10px 0;border-bottom:5px solid #2288bb}
.post-body {font-size:18px; line-height:1.3em;}
.jump-link {margin:6px 0 5px}
#blog-pager {padding:10px 0}
#sidebar-wrapper {width:300px;margin:0 auto;}
.sidebar .widget-content {padding:15px 20px}
.sidebar .widget {border:0}
.sidebar h2, .sidebar .PopularPosts h2 {border-top:1px solid #e9e9e9}
.sidebar #Label1 h2 {border-top:none}
.top1 #PageList1 li a {padding:0 7px;line-height:26px;margin:0 4px 4px 0;font-size:14px;text-transform:none;letter-spacing:.01em}
.top1 #PageList1 li a:hover, .top1 #PageList1 li.selected a, .top1 #PageList1 li.selected a:visited {background:#13799f}
#credit-wrapper {width:auto;padding:15px 0;border:none;background:#f7f7f7}
#link-wrapper {width:300px;margin:0 auto;padding:0}}

@media screen and (max-width:260px) {
#outer-wrapper {width:220px;margin:0 auto;margin-top:10px;border:none;}
#content-wrapper {width:220px;margin:0 auto;}
#main-wrapper { width:220px;margin:0 auto;border:none; }
#sidebar-wrapper {float:left; width:220px;margin:0 auto}
#header-wrapper, #header-inner, #header, #header h1, #header .description {width:220px;margin:0 auto}
.post-body img {width:220px;margin:0 auto;height:auto}
#comments {width:220px;padding:0;margin:0 auto;height:auto;font-size:16px;}
#header2, #crosscol-wrapper, #sidebar2-wrapper, #footer-wrapper, #footer {display:none}
#top-wrapper {width:auto;padding:15px 0;}
#top-inner, #top1-wrapper, #top2-wrapper {width:220px;margin:0 auto;}
.post {padding:0 0 10px 0;border-bottom:5px solid #2288bb}
.post-body {font-size:18px; line-height:1.3em;}
.jump-link {margin:6px 0 5px}
#blog-pager {padding:10px 0}
#sidebar-wrapper {width:220px;margin:0 auto;}
.sidebar .widget-content {padding:15px 20px}
.sidebar .widget {border:0}
.sidebar h2, .sidebar .PopularPosts h2 {border-top:1px solid #e9e9e9}
.sidebar #Label1 h2 {border-top:none}
.top1 #PageList1 li a {padding:0 7px;line-height:26px;margin:0 4px 4px 0;font-size:14px;text-transform:none;letter-spacing:.01em}
.top1 #PageList1 li a:hover, .top1 #PageList1 li.selected a, .top1 #PageList1 li.selected a:visited {background:#13799f}
#credit-wrapper {width:auto;padding:15px 0;border:none;background:#f7f7f7}
#link-wrapper {width:220px;margin:0 auto;padding:0}}

</style>
<style>
#Attribution1 {
display: none;
}
</style>
</head>
<body>
<div class='navbar section' id='navbar'><div class='widget Navbar' data-version='1' id='Navbar1'><script type="text/javascript">
    function setAttributeOnload(object, attribute, val) {
      if(window.addEventListener) {
        window.addEventListener('load',
          function(){ object[attribute] = val; }, false);
      } else {
        window.attachEvent('onload', function(){ object[attribute] = val; });
      }
    }
  </script>
<div id="navbar-iframe-container"></div>
<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
<script type="text/javascript">
      gapi.load("gapi.iframes:gapi.iframes.style.bubble", function() {
        if (gapi.iframes && gapi.iframes.getContext) {
          gapi.iframes.getContext().openChild({
              url: 'https://www.blogger.com/navbar.g?targetBlogID\x3d2479711397871529480\x26blogName\x3dGimmicks+4+Blogger\x26publishMode\x3dPUBLISH_MODE_BLOGSPOT\x26navbarType\x3dLIGHT\x26layoutType\x3dLAYOUTS\x26searchRoot\x3dhttp://gimmicks4blogger.blogspot.com/search\x26blogLocale\x3den_GB\x26v\x3d2\x26homepageUrl\x3dhttp://gimmicks4blogger.blogspot.com/\x26vt\x3d-8026605003798379772',
              where: document.getElementById("navbar-iframe-container"),
              id: "navbar-iframe"
          });
        }
      });
    </script><script type="text/javascript">
(function() {
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = '//pagead2.googlesyndication.com/pagead/js/google_top_exp.js';
var head = document.getElementsByTagName('head')[0];
if (head) {
head.appendChild(script);
}})();
</script>
</div></div>
<div id='top-wrapper'>
<div id='top-inner'>
<div id='top1-wrapper'>
<div class='top1 section' id='top1'><div class='widget PageList' data-version='1' id='PageList1'>
<div class='widget-content'>
<ul>
<li class='selected'><a href='http://gimmicks4blogger.blogspot.com/'>Home</a></li>
<li><a href='http://hitouch.co.in/'>Hi touch</a></li>
<li><a href='http://abcd4blogger.blogspot.com/'>Abcd 4 Blogger</a></li>
<li><a href='http://gimmicks4blogger.blogspot.com/p/about-us.html'>About Us</a></li>
<li><a href='http://gimmicks4blogger.blogspot.com/p/contact-us.html'>Contact Us</a></li>
</ul>
<div class='clear'></div>
<span class='widget-item-control'>
<span class='item-control blog-admin'>
<a class='quickedit' href='//www.blogger.com/rearrange?blogID=2479711397871529480&widgetType=PageList&widgetId=PageList1&action=editWidget&sectionId=top1' onclick='return _WidgetManager._PopupConfig(document.getElementById("PageList1"));' target='configPageList1' title='Edit'>
<img alt='' height='18' src='https://resources.blogblog.com/img/icon18_wrench_allbkg.png' width='18'/>
</a>
</span>
</span>
<div class='clear'></div>
</div>
</div><div class='widget Attribution' data-version='1' id='Attribution1'>
<div class='widget-content' style='text-align: center;'>
Copyright &#169; 2014 - All Rights Reserved - Hi touch.co.in. Powered by <a href='https://www.blogger.com' target='_blank'>Blogger</a>.
</div>
<div class='clear'></div>
<span class='widget-item-control'>
<span class='item-control blog-admin'>
<a class='quickedit' href='//www.blogger.com/rearrange?blogID=2479711397871529480&widgetType=Attribution&widgetId=Attribution1&action=editWidget&sectionId=top1' onclick='return _WidgetManager._PopupConfig(document.getElementById("Attribution1"));' target='configAttribution1' title='Edit'>
<img alt='' height='18' src='https://resources.blogblog.com/img/icon18_wrench_allbkg.png' width='18'/>
</a>
</span>
</span>
<div class='clear'></div>
</div></div>
</div>
<div id='top2-wrapper'>
<div class='top2 section' id='top2'><div class='widget HTML' data-version='1' id='HTML3'>
<div class='widget-content'>
<script>
  (function() {
    var cx = '015835902200784906062:nit4lvaxtnu';
    var gcse = document.createElement('script');
    gcse.type = 'text/javascript';
    gcse.async = true;
    gcse.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') +
        '//cse.google.com/cse.js?cx=' + cx;
    var s = document.getElementsByTagName('script')[0];
    s.parentNode.insertBefore(gcse, s);
  })();
</script>
<gcse:searchbox></gcse:searchbox>
</div>
<div class='clear'></div>
<span class='widget-item-control'>
<span class='item-control blog-admin'>
<a class='quickedit' href='//www.blogger.com/rearrange?blogID=2479711397871529480&widgetType=HTML&widgetId=HTML3&action=editWidget&sectionId=top2' onclick='return _WidgetManager._PopupConfig(document.getElementById("HTML3"));' target='configHTML3' title='Edit'>
<img alt='' height='18' src='https://resources.blogblog.com/img/icon18_wrench_allbkg.png' width='18'/>
</a>
</span>
</span>
<div class='clear'></div>
</div></div>
</div>
</div>
</div>
<!-- skip links for text browsers -->
<span id='skiplinks' style='display:none;'>
<a href='#main'>skip to main </a> |
      <a href='#sidebar'>skip to sidebar</a>
</span>
<div id='header-wrapper'>
<div class='header section' id='header'><div class='widget Header' data-version='1' id='Header1'>
<div id='header-inner'>
<div class='titlewrapper'>
<h1 class='title'>
Gimmicks 4 Blogger
</h1>
</div>
<div class='descriptionwrapper'>
<p class='description'><span>
</span></p>
</div>
</div>
</div></div>
<div class='header section' id='header2'><div class='widget AdSense' data-version='1' id='AdSense2'>
<div class='widget-content'>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- gimmicks4blogger_header2_AdSense2_1x1_as -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-5254544599981159"
     data-ad-host="ca-host-pub-1556223355139109"
     data-ad-host-channel="L0002"
     data-ad-slot="3260482627"
     data-ad-format="auto"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<div class='clear'></div>
<span class='widget-item-control'>
<span class='item-control blog-admin'>
<a class='quickedit' href='//www.blogger.com/rearrange?blogID=2479711397871529480&widgetType=AdSense&widgetId=AdSense2&action=editWidget&sectionId=header2' onclick='return _WidgetManager._PopupConfig(document.getElementById("AdSense2"));' target='configAdSense2' title='Edit'>
<img alt='' height='18' src='https://resources.blogblog.com/img/icon18_wrench_allbkg.png' width='18'/>
</a>
</span>
</span>
<div class='clear'></div>
</div>
</div></div>
<div style='clear:both'></div>
</div>
<div id='outer-wrapper'><div id='wrap2'>
<div id='content-wrapper'>
<div id='main-wrapper'>
<div id='crosscol-wrapper' style='text-align:center'>
<div class='crosscol no-items section' id='crosscol'></div>
</div>
<div class='main section' id='main'><div class='widget HTML' data-version='1' id='HTML5'>
<div class='widget-content'>
<gcse:searchresults></gcse:searchresults>
</div>
<div class='clear'></div>
<span class='widget-item-control'>
<span class='item-control blog-admin'>
<a class='quickedit' href='//www.blogger.com/rearrange?blogID=2479711397871529480&widgetType=HTML&widgetId=HTML5&action=editWidget&sectionId=main' onclick='return _WidgetManager._PopupConfig(document.getElementById("HTML5"));' target='configHTML5' title='Edit'>
<img alt='' height='18' src='https://resources.blogblog.com/img/icon18_wrench_allbkg.png' width='18'/>
</a>
</span>
</span>
<div class='clear'></div>
</div><div class='widget Blog' data-version='1' id='Blog1'>
<div class='blog-posts hfeed'>

          <div class="date-outer">
       

          <div class="date-posts">
       
<div class='post-outer'>
<div class='post hentry' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
<meta content='http://1.bp.blogspot.com/-vcbz5L7QxPo/VbzbyIRXY8I/AAAAAAAACa4/HcrlckCcEAc/s320/hi%2Btouch.png' itemprop='image_url'/>
<meta content='2479711397871529480' itemprop='blogId'/>
<meta content='1429182309673452357' itemprop='postId'/>
<a name='1429182309673452357'></a>
<h3 class='post-title entry-title' itemprop='name'>
<a href='http://gimmicks4blogger.blogspot.com/2015/08/how-to-keep-header-static-always-on-top.html'>How to keep the header static, always on top while scrolling?</a>
</h3>
<div class='post-header'>
<div class='post-header-line-1'></div>
</div>
<div class='post-body entry-content' id='post-body-1429182309673452357' itemprop='articleBody'>
<div dir="ltr" style="text-align: left;" trbidi="on">
<br>
<div class="separator" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em; text-align: center;">
<img border="0" height="237" src="http://1.bp.blogspot.com/-vcbz5L7QxPo/VbzbyIRXY8I/AAAAAAAACa4/HcrlckCcEAc/s320/hi%2Btouch.png" width="320"></div>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
when your visitors scroll down your blog, the header/navbar/image or navigation bar go away. if  you don&#8217;t want your visitors to have to scroll all the way up to go to a different section of the website there is a technique.<br>
</div>
<div style='clear: both;'></div>
</div>
<div class='jump-link'>
<a href='http://gimmicks4blogger.blogspot.com/2015/08/how-to-keep-header-static-always-on-top.html#more' title='How to keep the header static, always on top while scrolling?'>Click Here Read More &#187;</a>
</div>
<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'><span class='post-icons'>
</span>
</div>
<div class='post-footer-line post-footer-line-2'></div>
<div class='post-footer-line post-footer-line-3'><span class='post-comment-link'>
<span class='cmt_count_iframe_holder' data-count='0' data-onclick='' data-url='http://gimmicks4blogger.blogspot.com/2015/08/how-to-keep-header-static-always-on-top.html'>
</span>
</span>
</div>
</div>
</div>
</div>
<div class='inline-ad'>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- gimmicks4blogger_main_Blog1_1x1_as -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-5254544599981159"
     data-ad-host="ca-host-pub-1556223355139109"
     data-ad-host-channel="L0007"
     data-ad-slot="3400083424"
     data-ad-format="auto"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>

            </div></div>
         

          <div class="date-outer">
       

          <div class="date-posts">
       
<div class='post-outer'>
<div class='post hentry' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
<meta content='http://2.bp.blogspot.com/-7dEKIkaxjDc/U438OtAKNlI/AAAAAAAAJmA/YppxbLvyRxU/s1600/Responsive+Blogger+Template.png' itemprop='image_url'/>
<meta content='2479711397871529480' itemprop='blogId'/>
<meta content='8562832378268721972' itemprop='postId'/>
<a name='8562832378268721972'></a>
<h3 class='post-title entry-title' itemprop='name'>
<a href='http://gimmicks4blogger.blogspot.com/2014/09/make-your-blogger-template-responsive.html'>Make Your Blogger Template Responsive</a>
</h3>
<div class='post-header'>
<div class='post-header-line-1'></div>
</div>
<div class='post-body entry-content' id='post-body-8562832378268721972' itemprop='articleBody'>
<div dir="ltr" style="text-align: left;" trbidi="on">
<br>
<div class="separator" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em; text-align: center;">
<img border="0" src="http://2.bp.blogspot.com/-7dEKIkaxjDc/U438OtAKNlI/AAAAAAAAJmA/YppxbLvyRxU/s1600/Responsive+Blogger+Template.png" height="113" width="200"></div>
<br>
<br>
<br>
<b><span style="font-size: large;"><br>Responsive Web Design</span></b><br>
<br>
Either it is blogger template or any other web template, we can generally call it &quot;Responsive Web Design&quot;. Let me describe in simple and common words, Responsiveness is a feature of the web theme that allows the design to fit in any screen size. In the today&#39;s technology world, people use different devices like laptop, tablet, mobile to surf the internet which have different screen sizes and our web themes must be optimized for all screen sizes to fit automatically in any device so that users may not face any issue while surfing our blog or site.<br>
</div>
<div style='clear: both;'></div>
</div>
<div class='jump-link'>
<a href='http://gimmicks4blogger.blogspot.com/2014/09/make-your-blogger-template-responsive.html#more' title='Make Your Blogger Template Responsive'>Click Here Read More &#187;</a>
</div>
<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'><span class='post-icons'>
</span>
</div>
<div class='post-footer-line post-footer-line-2'></div>
<div class='post-footer-line post-footer-line-3'><span class='post-comment-link'>
<span class='cmt_count_iframe_holder' data-count='0' data-onclick='' data-url='http://gimmicks4blogger.blogspot.com/2014/09/make-your-blogger-template-responsive.html'>
</span>
</span>
</div>
</div>
</div>
</div>
<div class='post-outer'>
<div class='post hentry' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
<meta content='http://4.bp.blogspot.com/-h1bG4STkdCg/VAbUTskfGMI/AAAAAAAABfc/4ciuaA-vlaI/s1600/Remove%2BBlogger%2BAttribution%2BGadget.png' itemprop='image_url'/>
<meta content='2479711397871529480' itemprop='blogId'/>
<meta content='8247175618122921968' itemprop='postId'/>
<a name='8247175618122921968'></a>
<h3 class='post-title entry-title' itemprop='name'>
<a href='http://gimmicks4blogger.blogspot.com/2014/09/remove-blogger-attribution-gadget.html'>Remove Blogger Attribution Gadget</a>
</h3>
<div class='post-header'>
<div class='post-header-line-1'></div>
</div>
<div class='post-body entry-content' id='post-body-8247175618122921968' itemprop='articleBody'>
<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em; text-align: center;">
<img border="0" src="http://4.bp.blogspot.com/-h1bG4STkdCg/VAbUTskfGMI/AAAAAAAABfc/4ciuaA-vlaI/s1600/Remove%2BBlogger%2BAttribution%2BGadget.png" height="156" width="200"></div>
<br>
<br>
<br>
<br>
<br>
<br>
It is the gadget in the footer that says this blog is powered by Blogger. The Attribution widget appears in the layout section of your Blogger, By default, you can&#8217;t remove Attribution widget from Blogger.<br>
</div></div>
<div style='clear: both;'></div>
</div>
<div class='jump-link'>
<a href='http://gimmicks4blogger.blogspot.com/2014/09/remove-blogger-attribution-gadget.html#more' title='Remove Blogger Attribution Gadget'>Click Here Read More &#187;</a>
</div>
<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'><span class='post-icons'>
</span>
</div>
<div class='post-footer-line post-footer-line-2'></div>
<div class='post-footer-line post-footer-line-3'><span class='post-comment-link'>
<span class='cmt_count_iframe_holder' data-count='0' data-onclick='' data-url='http://gimmicks4blogger.blogspot.com/2014/09/remove-blogger-attribution-gadget.html'>
</span>
</span>
</div>
</div>
</div>
</div>

        </div></div>
     
</div>
<div class='blog-pager' id='blog-pager'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' href='http://gimmicks4blogger.blogspot.com/search?updated-max=2014-09-03T12:11:00%2B03:00&amp;max-results=3' id='Blog1_blog-pager-older-link' title='Older Posts'>Next&#187;</a>
</span>
<a class='home-link' href='http://gimmicks4blogger.blogspot.com/'>Home</a>
</div>
<div class='clear'></div>
<div class='blog-feeds'>
<div class='feed-links'>
Subscribe to:
<a class='feed-link' href='http://gimmicks4blogger.blogspot.com/feeds/posts/default' target='_blank' type='application/atom+xml'>Posts (Atom)</a>
</div>
</div>
<script type="text/javascript">window.___gcfg = {'lang': 'en_GB'};</script>
</div></div>
<!--Page Navigation Starts-->
<script style='text/javascript'>

</script>
<script type='text/javascript'>
//<![CDATA[
eval(function(h,b,j,f,g,i){g=function(a){return(a<b?"":g(parseInt(a/b)))+((a=a%b)>35?String.fromCharCode(a+29):a.toString(36))};if(!"".replace(/^/,String)){while(j--){i[g(j)]=f[j]||g(j)}f=[function(a){return i[a]}];g=function(){return"\\w+"};j=1}while(j--){if(f[j]){h=h.replace(new RegExp("\\b"+g(j)+"\\b","g"),f[j])}}return h}('7 L;7 j;7 h;7 v;1A();H 1z(1d){7 6=\'\';M=K(12/2);5(M==12-M){12=M*2+1}C=h-M;5(C<1)C=1;e=K(1d/m)+1;5(e-1==1d/m)e=e-1;D=C+12-1;5(D>e)D=e;6+="<4 9=\'1M\'>1L "+h+\' 1Y \'+e+"</4>";7 17=K(h)-1;5(h>1){5(h==2){5(j=="u"){6+=\'<4 9="1Z"><a b="\'+B+\'">\'+S+\'</a></4>\'}c{6+=\'<4 9="g"><a b="/r/s/\'+v+\'?&d-l=\'+m+\'">\'+S+\'</a></4>\'}}c{5(j=="u"){6+=\'<4 9="g"><a b="#" y="N(\'+17+\');x w">\'+S+\'</a></4>\'}c{6+=\'<4 9="g"><a b="#" y="O(\'+17+\');x w">\'+S+\'</a></4>\'}}}5(C>1){5(j=="u"){6+=\'<4 9="g"><a b="\'+B+\'">1</a></4>\'}c{6+=\'<4 9="g"><a b="/r/s/\'+v+\'?&d-l=\'+m+\'">1</a></4>\'}}5(C>2){6+=\' ... \'}1s(7 k=C;k<=D;k++){5(h==k){6+=\'<4 9="24">\'+k+\'</4>\'}c 5(k==1){5(j=="u"){6+=\'<4 9="g"><a b="\'+B+\'">1</a></4>\'}c{6+=\'<4 9="g"><a b="/r/s/\'+v+\'?&d-l=\'+m+\'">1</a></4>\'}}c{5(j=="u"){6+=\'<4 9="g"><a b="#" y="N(\'+k+\');x w">\'+k+\'</a></4>\'}c{6+=\'<4 9="g"><a b="#" y="O(\'+k+\');x w">\'+k+\'</a></4>\'}}}5(D<e-1){6+=\'...\'}5(D<e){5(j=="u"){6+=\'<4 9="g"><a b="#" y="N(\'+e+\');x w">\'+e+\'</a></4>\'}c{6+=\'<4 9="g"><a b="#" y="O(\'+e+\');x w">\'+e+\'</a></4>\'}}7 16=K(h)+1;5(h<e){5(j=="u"){6+=\'<4 9="g"><a b="#" y="N(\'+16+\');x w">\'+1l+\'</a></4>\'}c{6+=\'<4 9="g"><a b="#" y="O(\'+16+\');x w">\'+1l+\'</a></4>\'}}6+=\'<1q><a b="1n://1O.1K.1m" 1R="1Q 1S" 1D="1E-1F: 1I; 1G: 1H; 1N: 2d;" 28="27"><1o 26="0" J="1n://2a.2b.1m/1o/2f.2e" 1T="3" 2c="3" /></a></1q>\';7 E=z.1W("E");7 18=z.1V("1U-1X");1s(7 p=0;p<E.Q;p++){E[p].1i=6}5(E&&E.Q>0){6=\'\'}5(18){18.1i=6}}H 1f(X){7 Y=X.Y;7 1C=K(Y.22$21.$t,10);1z(1C)}H 1A(){7 i=o;5(i.f("/r/s/")!=-1){5(i.f("?V-d")!=-1){v=i.I(i.f("/r/s/")+14,i.f("?V-d"))}c{v=i.I(i.f("/r/s/")+14,i.f("?&d"))}}5(i.f("?q=")==-1&&i.f(".6")==-1){5(i.f("/r/s/")==-1){j="u";5(o.f("#G=")!=-1){h=o.I(o.f("#G=")+8,o.Q)}c{h=1}z.1p("<n J=\\""+B+"P/R/U?d-l=1&13=15-Z-n&T=1f\\"><\\/n>")}c{j="s";5(i.f("&d-l=")==-1){m=20}5(o.f("#G=")!=-1){h=o.I(o.f("#G=")+8,o.Q)}c{h=1}z.1p(\'<n J="\'+B+\'P/R/U/-/\'+v+\'?13=15-Z-n&T=1f&d-l=1" ><\\/n>\')}}}H N(F){11=(F-1)*m;L=F;7 W=z.1r(\'1g\')[0];7 A=z.1w(\'n\');A.1t=\'1v/1u\';A.1y("J",B+"P/R/U?1B-1j="+11+"&d-l=1&13=15-Z-n&T=1e");W.1h(A)}H O(F){11=(F-1)*m;L=F;7 W=z.1r(\'1g\')[0];7 A=z.1w(\'n\');A.1t=\'1v/1u\';A.1y("J",B+"P/R/U/-/"+v+"?1B-1j="+11+"&d-l=1&13=15-Z-n&T=1e");W.1h(A)}H 1e(X){1c=X.Y.25[0];7 1x=1c.1k.$t.I(0,19)+1c.1k.$t.I(23,29);7 1a=1P(1x);5(j=="u"){7 1b="/r?V-d="+1a+"&d-l="+m+"#G="+L}c{7 1b="/r/s/"+v+"?V-d="+1a+"&d-l="+m+"#G="+L}1J.b=1b}',62,140,"||||span|if|html|var||class||href|else|max|maksimal|indexOf|showpageNum|nomerhal|thisUrl|jenis|jj|results|postperpage|script|urlactivepage|||search|label||page|lblname1|false|return|onclick|document|newInclude|home_page|mulai|akhir|pageArea|numberpage|PageNo|function|substring|src|parseInt|nopage|nomerkiri|redirectpage|redirectlabel|feeds|length|posts|upPageWord|callback|summary|updated|nBody|root|feed|in||jsonstart|numshowpage|alt||json|nextnomer|prevnomer|blogPager||timestamp|alamat|post|banyakdata|finddatepost|hitungtotaldata|head|appendChild|innerHTML|index|published|downPageWord|com|http|img|write|div|getElementsByTagName|for|type|javascript|text|createElement|timestamp1|setAttribute|loophalaman|halamanblogger|start|totaldata|style|font|size|float|right|7pt|location|blogspot|Page|showpageOf|padding|24work|encodeURIComponent|Blogger|title|Templates|width|blog|getElementById|getElementsByName|pager|of|showpage||totalResults|openSearch||showpagePoint|entry|border|_blank|target||img1|blogblog|height|2px|gif|blank".split("|"),0,{}));
//]]>
</script>
<!--Page Navigation Ends -->
</div>
<div id='sidebar-wrapper'>
<div class='sidebar section' id='sidebar'><div class='widget AdSense' data-version='1' id='AdSense1'>
<div class='widget-content'>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- gimmicks4blogger_sidebar2_AdSense1_1x1_as -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-5254544599981159"
     data-ad-host="ca-host-pub-1556223355139109"
     data-ad-host-channel="L0001"
     data-ad-slot="1783749421"
     data-ad-format="auto"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<div class='clear'></div>
<span class='widget-item-control'>
<span class='item-control blog-admin'>
<a class='quickedit' href='//www.blogger.com/rearrange?blogID=2479711397871529480&widgetType=AdSense&widgetId=AdSense1&action=editWidget&sectionId=sidebar' onclick='return _WidgetManager._PopupConfig(document.getElementById("AdSense1"));' target='configAdSense1' title='Edit'>
<img alt='' height='18' src='https://resources.blogblog.com/img/icon18_wrench_allbkg.png' width='18'/>
</a>
</span>
</span>
<div class='clear'></div>
</div>
</div><div class='widget HTML' data-version='1' id='HTML1'>
<div class='widget-content'>
<!-- Place this tag where you want the widget to render. -->
<div class="g-page" data-width="180" data-href="//plus.google.com/u/0/103658127413514443736" data-showtagline="false" data-rel="publisher"></div>

<!-- Place this tag after the last widget tag. -->
<script type="text/javascript">
  (function() {
    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
    po.src = 'https://apis.google.com/js/platform.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
  })();
</script>
</div>
<div class='clear'></div>
<span class='widget-item-control'>
<span class='item-control blog-admin'>
<a class='quickedit' href='//www.blogger.com/rearrange?blogID=2479711397871529480&widgetType=HTML&widgetId=HTML1&action=editWidget&sectionId=sidebar' onclick='return _WidgetManager._PopupConfig(document.getElementById("HTML1"));' target='configHTML1' title='Edit'>
<img alt='' height='18' src='https://resources.blogblog.com/img/icon18_wrench_allbkg.png' width='18'/>
</a>
</span>
</span>
<div class='clear'></div>
</div><div class='widget HTML' data-version='1' id='HTML4'>
<div class='widget-content'>
<a href="https://twitter.com/HiTouch_" class="twitter-follow-button" data-show-count="result" data-show-screen-name="false" data-dnt="true">Follow @HiTouch_</a> <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
</div>
<div class='clear'></div>
<span class='widget-item-control'>
<span class='item-control blog-admin'>
<a class='quickedit' href='//www.blogger.com/rearrange?blogID=2479711397871529480&widgetType=HTML&widgetId=HTML4&action=editWidget&sectionId=sidebar' onclick='return _WidgetManager._PopupConfig(document.getElementById("HTML4"));' target='configHTML4' title='Edit'>
<img alt='' height='18' src='https://resources.blogblog.com/img/icon18_wrench_allbkg.png' width='18'/>
</a>
</span>
</span>
<div class='clear'></div>
</div><div class='widget HTML' data-version='1' id='HTML10'>
<div class='widget-content'>
<iframe src="//www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com%2FHitouch.in&amp;width&amp;layout=button_count&amp;action=like&amp;show_faces=false&amp;share=true&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; height:21px;" allowtransparency="true"></iframe>
</div>
<div class='clear'></div>
<span class='widget-item-control'>
<span class='item-control blog-admin'>
<a class='quickedit' href='//www.blogger.com/rearrange?blogID=2479711397871529480&widgetType=HTML&widgetId=HTML10&action=editWidget&sectionId=sidebar' onclick='return _WidgetManager._PopupConfig(document.getElementById("HTML10"));' target='configHTML10' title='Edit'>
<img alt='' height='18' src='https://resources.blogblog.com/img/icon18_wrench_allbkg.png' width='18'/>
</a>
</span>
</span>
<div class='clear'></div>
</div><div class='widget HTML' data-version='1' id='HTML2'>
<div class='widget-content'>
<script type="text/javascript">
var infolink_pid=2450362;
var infolink_wsid = 0;
</script>
<script type="text/javascript" src="http://resources.infolinks.com/js/infolinks_main.js">
</script>
</div>
<div class='clear'></div>
<span class='widget-item-control'>
<span class='item-control blog-admin'>
<a class='quickedit' href='//www.blogger.com/rearrange?blogID=2479711397871529480&widgetType=HTML&widgetId=HTML2&action=editWidget&sectionId=sidebar' onclick='return _WidgetManager._PopupConfig(document.getElementById("HTML2"));' target='configHTML2' title='Edit'>
<img alt='' height='18' src='https://resources.blogblog.com/img/icon18_wrench_allbkg.png' width='18'/>
</a>
</span>
</span>
<div class='clear'></div>
</div></div>
</div>
<!-- spacer for skins that want sidebar and main to be the same height-->
<div class='clear'>&#160;</div>
</div>
<!-- end content-wrapper -->
<div id='sidebar2-wrapper'>
<div class='sidebar2 section' id='sidebar2'><div class='widget HTML' data-version='1' id='HTML6'>
<h2 class='title'>Follow Us On</h2>
<div class='widget-content'>
<div dir="ltr" style="text-align: left;" trbidi="on">
<a href="https://twitter.com/Hitouch_" target="_blank"><img src="http://lh3.googleusercontent.com/-K6wJX9nRIF8/UIZQmqRKEUI/AAAAAAAAEZ8/BhlnKHxLJGA/s32/twitter.png" height="34" width="34" /></a> <a href="https://www.facebook.com/Hitouch.in" target="_blank"><img src="http://lh5.googleusercontent.com/-rKeX53bbt9I/UIZQf5T37OI/AAAAAAAAEYM/JB1v24h-OJA/s32/facebook.png" height="34" width="34" /></a> <a href="http://www.youtube.com/user/HitouchVideo" target="_blank"><img src="http://lh6.googleusercontent.com/-7fCzFCvdyBo/UIZQpPC717I/AAAAAAAAEak/eUzDd13WyuA/s32/youtube.png" height="34" width="34" /></a> <a href="https://www.linkedin.com/in/hitouch" target="_blank"><img src="http://lh6.googleusercontent.com/-kAIDRsStPig/UIZQjNbHhuI/AAAAAAAAEZE/chQtr_q6KzM/s32/linkedin.png" height="34" width="34" /></a> <a href="http://www.pinterest.com/hitouch" target="_blank"><img src="http://lh5.googleusercontent.com/-dHTMe-_-d3k/UIZQkt2cU5I/AAAAAAAAEZc/KkIpBhOLI-M/s32/pinterest.png" height="34" width="34" /></a> <a href="https://plus.google.com/+HitouchCoInPage" target="_blank"><img src="http://lh6.googleusercontent.com/-fVHZwKnC-rI/UIZQhJ63RlI/AAAAAAAAEYg/RhaE1mk7ZKM/s32/googleplus.png" height="34" width="34" /></a> <a href="http://feeds.feedburner.com/HiTouch" target="_blank"><img src="http://4.bp.blogspot.com/-kPUhIpBWPJ8/VUm8jV505xI/AAAAAAAABuI/IBH-FRPipKI/s1600/RSS-Feed.jpg" height="34" width="34" /></a> <a href="https://feedburner.google.com/fb/a/mailverify?uri=HiTouch" target="_blank"><img src="http://3.bp.blogspot.com/-FCEBgLWZAZQ/VUm_fvWW6JI/AAAAAAAABuY/WLkb0nTeU40/s1600/Email.png" height="36" width="36" /></a>

<br />
<ul class="clearfix"></ul>
</div>
</div>
<div class='clear'></div>
<span class='widget-item-control'>
<span class='item-control blog-admin'>
<a class='quickedit' href='//www.blogger.com/rearrange?blogID=2479711397871529480&widgetType=HTML&widgetId=HTML6&action=editWidget&sectionId=sidebar2' onclick='return _WidgetManager._PopupConfig(document.getElementById("HTML6"));' target='configHTML6' title='Edit'>
<img alt='' height='18' src='https://resources.blogblog.com/img/icon18_wrench_allbkg.png' width='18'/>
</a>
</span>
</span>
<div class='clear'></div>
</div><div class='widget PopularPosts' data-version='1' id='PopularPosts1'>
<h2>Most Vieved</h2>
<div class='widget-content popular-posts'>
<ul>
<li>
<div class='item-content'>
<div class='item-thumbnail'>
<a href='http://gimmicks4blogger.blogspot.com/2015/08/how-to-keep-header-static-always-on-top.html' target='_blank'>
<img alt='' border='0' src='http://1.bp.blogspot.com/-vcbz5L7QxPo/VbzbyIRXY8I/AAAAAAAACa4/HcrlckCcEAc/w72-h72-p-nu/hi%2Btouch.png'/>
</a>
</div>
<div class='item-title'><a href='http://gimmicks4blogger.blogspot.com/2015/08/how-to-keep-header-static-always-on-top.html'>How to keep the header static, always on top while scrolling?</a></div>
<div class='item-snippet'>              when your visitors scroll down your blog, the header/navbar/image or navigation bar go away. if  you don&#8217;t want your visitors ...</div>
</div>
<div style='clear: both;'></div>
</li>
<li>
<div class='item-content'>
<div class='item-thumbnail'>
<a href='http://gimmicks4blogger.blogspot.com/2014/09/make-your-blogger-template-responsive.html' target='_blank'>
<img alt='' border='0' src='http://2.bp.blogspot.com/-7dEKIkaxjDc/U438OtAKNlI/AAAAAAAAJmA/YppxbLvyRxU/w72-h72-p-nu/Responsive+Blogger+Template.png'/>
</a>
</div>
<div class='item-title'><a href='http://gimmicks4blogger.blogspot.com/2014/09/make-your-blogger-template-responsive.html'>Make Your Blogger Template Responsive</a></div>
<div class='item-snippet'>       Responsive Web Design   Either it is blogger template or any other web template, we can generally call it &quot;Responsive Web Design...</div>
</div>
<div style='clear: both;'></div>
</li>
</ul>
<div class='clear'></div>
<span class='widget-item-control'>
<span class='item-control blog-admin'>
<a class='quickedit' href='//www.blogger.com/rearrange?blogID=2479711397871529480&widgetType=PopularPosts&widgetId=PopularPosts1&action=editWidget&sectionId=sidebar2' onclick='return _WidgetManager._PopupConfig(document.getElementById("PopularPosts1"));' target='configPopularPosts1' title='Edit'>
<img alt='' height='18' src='https://resources.blogblog.com/img/icon18_wrench_allbkg.png' width='18'/>
</a>
</span>
</span>
<div class='clear'></div>
</div>
</div></div>
</div>
<div id='footer-wrapper'>
<div class='footer no-items section' id='footer'></div>
</div>
</div></div>
<!-- end outer-wrapper -->
<!-- Do not remove the credit link - Jangan menghapus link credit dibawah ini -->
<div id='credit-wrapper'>
<div id='link-wrapper'>
Copyright &copy; <script type='text/javascript'>var creditsyear = new Date();document.write(creditsyear.getFullYear());</script>. <a class='sitename' href='http://gimmicks4blogger.blogspot.com/' title='Gimmicks 4 Blogger'>Gimmicks 4 Blogger</a> - Some Rights Reserved.
</div>
</div>

<script type="text/javascript" src="https://www.blogger.com/static/v1/widgets/803954089-widgets.js"></script>
<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
<script type='text/javascript'>
window['__wavt'] = 'AOuZoY47B1kJ_tlKyycz8RFxK4WlYdgZaw:1481047174273';_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d2479711397871529480','//gimmicks4blogger.blogspot.com/','2479711397871529480');
_WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '2479711397871529480', 'bloggerUrl': 'https://www.blogger.com', 'title': 'Gimmicks 4 Blogger', 'pageType': 'index', 'url': 'http://gimmicks4blogger.blogspot.com/', 'canonicalUrl': 'http://gimmicks4blogger.blogspot.com/', 'homepageUrl': 'http://gimmicks4blogger.blogspot.com/', 'searchUrl': 'http://gimmicks4blogger.blogspot.com/search', 'canonicalHomepageUrl': 'http://gimmicks4blogger.blogspot.com/', 'blogspotFaviconUrl': 'http://gimmicks4blogger.blogspot.com/favicon.ico', 'hasCustomDomain': false, 'enabledCommentProfileImages': true, 'gPlusViewType': 'FILTERED_POSTMOD', 'adultContent': false, 'analyticsAccountNumber': 'UA-54342117-1', 'useUniversalAnalytics': false, 'pageName': '', 'pageTitle': 'Gimmicks 4 Blogger', 'metaDescription': 'A Blog 4 Blogger', 'encoding': 'UTF-8', 'locale': 'en_GB', 'localeUnderscoreDelimited': 'en_gb', 'isPrivate': false, 'isMobile': false, 'isMobileRequest': false, 'mobileClass': '', 'isPrivateBlog': false, 'languageDirection': 'ltr', 'feedLinks': '\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Gimmicks 4 Blogger - Atom\x22 href\x3d\x22http://gimmicks4blogger.blogspot.com/feeds/posts/default\x22 /\x3e\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/rss+xml\x22 title\x3d\x22Gimmicks 4 Blogger - RSS\x22 href\x3d\x22http://gimmicks4blogger.blogspot.com/feeds/posts/default?alt\x3drss\x22 /\x3e\n\x3clink rel\x3d\x22service.post\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Gimmicks 4 Blogger - Atom\x22 href\x3d\x22https://www.blogger.com/feeds/2479711397871529480/posts/default\x22 /\x3e\n', 'meTag': '', 'openIdOpTag': '\x3clink rel\x3d\x22openid.server\x22 href\x3d\x22https://www.blogger.com/openid-server.g\x22 /\x3e\n\x3clink rel\x3d\x22openid.delegate\x22 href\x3d\x22http://gimmicks4blogger.blogspot.com/\x22 /\x3e\n', 'mobileHeadScript': '', 'adsenseClientId': 'ca-pub-5254544599981159', 'adsenseHostId': 'ca-host-pub-1556223355139109', 'view': '', 'dynamicViewsCommentsSrc': '//www.blogblog.com/dynamicviews/4224c15c4e7c9321/js/comments.js', 'dynamicViewsScriptSrc': '//www.blogblog.com/dynamicviews/70d34eb1e1e45024', 'plusOneApiSrc': 'https://apis.google.com/js/plusone.js', 'sharing': {'platforms': [{'name': 'Get link', 'key': 'link', 'shareMessage': 'Get link', 'target': ''}, {'name': 'Facebook', 'key': 'facebook', 'shareMessage': 'Share to Facebook', 'target': 'facebook'}, {'name': 'BlogThis!', 'key': 'blogThis', 'shareMessage': 'BlogThis!', 'target': 'blog'}, {'name': 'Twitter', 'key': 'twitter', 'shareMessage': 'Share to Twitter', 'target': 'twitter'}, {'name': 'Pinterest', 'key': 'pinterest', 'shareMessage': 'Share to Pinterest', 'target': 'pinterest'}, {'name': 'Google+', 'key': 'googlePlus', 'shareMessage': 'Share to Google+', 'target': 'googleplus'}, {'name': 'Email', 'key': 'email', 'shareMessage': 'Email', 'target': 'email'}], 'googlePlusShareButtonWidth': 300, 'googlePlusBootstrap': '\x3cscript type\x3d\x22text/javascript\x22\x3ewindow.___gcfg \x3d {\x27lang\x27: \x27en_GB\x27};\x3c/script\x3e'}}}, {'name': 'features', 'data': {'widgetVisibility': true}}, {'name': 'messages', 'data': {'linkCopiedToClipboard': 'Link copied to clipboard', 'postLink': 'Post link'}}, {'name': 'template', 'data': {'name': 'custom', 'localizedName': 'Custom', 'isResponsive': false, 'isAlternateRendering': false, 'isCustom': true}}, {'name': 'view', 'data': {'classic': {'name': 'classic', 'url': '?view\x3dclassic'}, 'flipcard': {'name': 'flipcard', 'url': '?view\x3dflipcard'}, 'magazine': {'name': 'magazine', 'url': '?view\x3dmagazine'}, 'mosaic': {'name': 'mosaic', 'url': '?view\x3dmosaic'}, 'sidebar': {'name': 'sidebar', 'url': '?view\x3dsidebar'}, 'snapshot': {'name': 'snapshot', 'url': '?view\x3dsnapshot'}, 'timeslide': {'name': 'timeslide', 'url': '?view\x3dtimeslide'}, 'isMobile': false, 'title': 'Gimmicks 4 Blogger', 'description': 'A Blog 4 Blogger', 'url': 'http://gimmicks4blogger.blogspot.com/', 'type': 'feed', 'isSingleItem': false, 'isMultipleItems': true, 'isError': false, 'isPage': false, 'isPost': false, 'isHomepage': true, 'isArchive': false, 'isSearch': false, 'isLabelSearch': false}}]);
_WidgetManager._RegisterWidget('_NavbarView', new _WidgetInfo('Navbar1', 'navbar', null, document.getElementById('Navbar1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_PageListView', new _WidgetInfo('PageList1', 'top1', null, document.getElementById('PageList1'), {'title': '', 'links': [{'isCurrentPage': true, 'href': 'http://gimmicks4blogger.blogspot.com/', 'title': 'Home'}, {'isCurrentPage': false, 'href': 'http://hitouch.co.in/', 'title': 'Hi touch'}, {'isCurrentPage': false, 'href': 'http://abcd4blogger.blogspot.com/', 'title': 'Abcd 4 Blogger'}, {'isCurrentPage': false, 'href': 'http://gimmicks4blogger.blogspot.com/p/about-us.html', 'id': '4179983120952140815', 'title': 'About Us'}, {'isCurrentPage': false, 'href': 'http://gimmicks4blogger.blogspot.com/p/contact-us.html', 'id': '6996359849008039982', 'title': 'Contact Us'}], 'mobile': false}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_AttributionView', new _WidgetInfo('Attribution1', 'top1', null, document.getElementById('Attribution1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML3', 'top2', null, document.getElementById('HTML3'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HeaderView', new _WidgetInfo('Header1', 'header', null, document.getElementById('Header1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_AdSenseView', new _WidgetInfo('AdSense2', 'header2', null, document.getElementById('AdSense2'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML5', 'main', null, document.getElementById('HTML5'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_BlogView', new _WidgetInfo('Blog1', 'main', null, document.getElementById('Blog1'), {'cmtInteractionsEnabled': false, 'viewType': 'FILTERED_POSTMOD', 'lightboxEnabled': true, 'lightboxModuleUrl': 'https://www.blogger.com/static/v1/jsbin/3060300543-lbx__en_gb.js', 'lightboxCssUrl': 'https://www.blogger.com/static/v1/v-css/368954415-lightbox_bundle.css'}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_AdSenseView', new _WidgetInfo('AdSense1', 'sidebar', null, document.getElementById('AdSense1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML1', 'sidebar', null, document.getElementById('HTML1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML4', 'sidebar', null, document.getElementById('HTML4'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML10', 'sidebar', null, document.getElementById('HTML10'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML2', 'sidebar', null, document.getElementById('HTML2'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML6', 'sidebar2', null, document.getElementById('HTML6'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_PopularPostsView', new _WidgetInfo('PopularPosts1', 'sidebar2', null, document.getElementById('PopularPosts1'), {}, 'displayModeFull'));
</script>
</body>
</html>

Ariful Islam Fahim

Its all about me.test post