Apr 23, 2013

Very Important Margin Padding Edit for Blogger

How to reduce margin of my right side sidebar of blogger by css

This will reduce the gap between right border and right inner side, margin.

#sidebar-right-1 {

margin-right:-10px;

}

This will reduce the gap between left border and left inner side, margin.[ .column-right-inner] this code will reduce the gap between right side sidebar and blog post left side


#sidebar-left-1 {

margin-right:-20px;

}

.column-right-inner {

margin-left:-25px;

}

How to reduce margin of my left side sidebar of blogger by css


#sidebar-left-1 {

margin-left:-10px;

}


How to hide navbar of blogger by css


#navbar-iframe {

   display: none !important;

}


How to control sidebar widget of blogger|Border|Margin|Padding|Background

.sidebar .widget {

background:#ffffff;

 border: 1px solid #999999;

 margin: 0px 0px 0.5em 0px;

 padding:0px 0px 0px 3px;

border:2px solid #E6E6E6;

}


How to make style of text of blogger | Hover | control font style

h4:hover{

font-size:2em;

background-color:red;

}


All this posted and published in the blog


Read more ...

Apr 15, 2013

Important HTML and Java Script website

http://www.w3schools.com
http://www.javascripttoolbox.com/

http://www.htmlgoodies.com/beyond/javascript/article.php/3881826/JavaScript-Tutorial-Adding-Rotating-Images-to-Your-Web-Site.htm

http://www.javavideotutes.com/lessons/play/1/
http://www.menucool.com/jquery-slider

http://www.menucool.com/drop-down-menu

http://www.javascriptfreecode.com/
http://www.designchemical.com/lab/jquery-mega-drop-down-menu-plugin/getting-started/
http://www.css3.info/preview/css3-transitions/
http://net.tutsplus.com/tutorials/html-css-techniques/css-fundametals-css-3-transitions/
http://htmledit.squarefree.com/
http://0to255.com/facade

http://css-tricks.com/
http://css3.bradshawenterprises.com/transitions/
http://www.w3schools.com/html/html_links.asp
http://code.blogger.com/2011/11/introducing-custom-mobile-templates.html

Messge box: http://www.cssnewbie.com/message-box-javascript-css/#.Ub_QKudpNKJ



Read more ...

Apr 8, 2013

My all Chrome Bookmarks of Blogger Example

These bolgger tutorial sites are very imprtant.

http://www.bloggersentral.com/2009/11/blogger-auto-read-more-with-thumbnail.html
http://bloggerstop.net/2010/02/add-forum-to-your-bloggerblogspot-blog.html
http://www.eblogtemplates.com/blogger-ad-code-converter/
http://www.bloggertipsandtricks.com/2010/02/create-sub-domain-with-custom-domain.html#subdomain
http://www.smartgb.com/features.php
http://tips-for-new-bloggers.blogspot.in/2007/02/add-page-element-to-blogger-header-and.html
http://kluwanone.blogspot.in/2010/01/how-to-redirect-blogger-post-to-another.html
http://www.betatemplates.com/2010/06/add-your-own-image-blog-background-in.html
http://blogging.nitecruzr.net/2008/10/creating-horizontal-index-for-your-blog.html
http://www.wufoo.com/2011/02/03/eventregistration-form/
http://www.phpform.org/
http://www.myoutsourcedbrain.com/2009/11/blogger-archive-pages-with-only-post.html
http://jquerytools.org/forum/tools/35
http://code.blogger.com/2012/01/customising-threaded-comments.html

http://www.intechgrity.com/freely-host-css-js-other-static-files/#

http://www.bloggertipandtrick.net/host-javascript-files-on-google/

http://www.intechgrity.com/freely-host-css-js-other-static-files/#
http://helplogger.blogspot.in/2012/07/how-to-make-blogger-posts-have-calendar.html

http://www.bloggingehow.com/2011/06/how-to-create-three-column-in-blogger.html#

http://www.bloggerplugins.org/2009/06/selective-display-of-blogger-widgets-on.html

http://www.cssnewbie.com/message-box-javascript-css/#.UWJBS6J-YqR
--------------------------------------------------------------------

Bloggermint All-
http://obrolangue.blogspot.in/2011/05/how-to-setup-google-dfp-on-your-site.html
http://www.bloggermint.com/2010/05/how-to-add-facebook-comment-box-on-blogger-blogs/
http://www.bloggermint.com/2010/05/how-to-add-facebook-like-fan-box-to-blogger/
http://www.bloggermint.com/category/twitter/
-----------------------------------------------------
BloggerSentral all-
http://www.bloggersentral.com/2010/06/add-search-box-in-navigation-bar.html
http://www.bloggersentral.com/2009/12/list-post-titles-in-alphabetical-order.html
http://www.bloggersentral.com/2009/09/creating-static-pages-in-blogger.html#noshow
http://www.bloggersentral.com/2010/08/targeting-specific-pages-with.html
http://www.bloggersentral.com/2010/02/display-widget-on-specific-pages-in.html
http://www.bloggersentral.com/2011/07/blocking-archives-from-search-engines.html
http://www.bloggersentral.com/2009/12/list-post-titles-in-alphabetical-order.html
http://www.bloggersentral.com/2010/06/add-search-box-in-navigation-bar.html
------------------------------------------------------------------------
CSS Newbie
http://www.cssnewbie.com/message-box-javascript-css/#.Ub_QKudpNKJ


Read more ...

How to increas Margin gap above Header at the Top

This post give an idea to increase the margin ( gap ) above header. There are two header elements Header1 and Header2 because the header is broken into two column in this case . But there may be  only one header  element in other cases.
The steps are.
Go to Template>Html>ctrl+Find (Header1). Copy this widget foe its exact name.
Now go to Template>Advance>CSS.
Add this CSS


#Header1 {

margin-top:40px;
}

Now margin can be edited from 40px to any value like 20px etc. See it can also be added in Edit Html code above </head> section.

HTML template photogrph image picture
See the effect on the page of wwww.essssay.com HTML template photogrph image picture
Read more ...