Techinol

Author: ccukt

  • Auto Read More Snippet at Home Page with Image Thumbnail

    Very simple thing needs to do it. I suppose that reader is familiar with blogger’s HTML code etc.Do this:Step 1: Go to template>HTMLStep 2: Do Ctrl+F for </head>Step 3: Put this code below  </head>—— <!–  Auto read more script Start –><script type=’text/javascript’>var thumbnail_mode = &quot;yes&quot;; //yes -with thumbnail, no -no thumbnailsummary_noimg = 440; //summary length…

  • 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…

  • Important HTML and Java Script website

    https://www.w3schools.comhttps://www.javascripttoolbox.com/https://www.htmlgoodies.com/beyond/javascript/article.php/3881826/JavaScript-Tutorial-Adding-Rotating-Images-to-Your-Web-Site.htmhttps://www.javavideotutes.com/lessons/play/1/https://www.menucool.com/jquery-sliderhttps://www.menucool.com/drop-down-menuhttps://www.javascriptfreecode.com/https://www.designchemical.com/lab/jquery-mega-drop-down-menu-plugin/getting-started/https://www.css3.info/preview/css3-transitions/https://net.tutsplus.com/tutorials/html-css-techniques/css-fundametals-css-3-transitions/https://htmledit.squarefree.com/https://0to255.com/facadehttps://css-tricks.com/https://css3.bradshawenterprises.com/transitions/https://www.w3schools.com/html/html_links.asphttps://code.blogger.com/2011/11/introducing-custom-mobile-templates.htmlMessge box: https://www.cssnewbie.com/message-box-javascript-css/#.Ub_QKudpNKJ

  • My all Chrome Bookmarks of Blogger Example

    These bolgger tutorial sites are very imprtant. https://www.bloggersentral.com/2009/11/blogger-auto-read-more-with-thumbnail.htmlhttps://bloggerstop.net/2010/02/add-forum-to-your-bloggerblogspot-blog.htmlhttps://www.eblogtemplates.com/blogger-ad-code-converter/https://www.bloggertipsandtricks.com/2010/02/create-sub-domain-with-custom-domain.html#subdomainhttps://www.smartgb.com/features.phphttps://tips-for-new-bloggers.blogspot.in/2007/02/add-page-element-to-blogger-header-and.htmlhttps://kluwanone.blogspot.in/2010/01/how-to-redirect-blogger-post-to-another.htmlhttps://www.betatemplates.com/2010/06/add-your-own-image-blog-background-in.htmlhttps://blogging.nitecruzr.net/2008/10/creating-horizontal-index-for-your-blog.htmlhttps://www.wufoo.com/2011/02/03/eventregistration-form/https://www.phpform.org/https://www.myoutsourcedbrain.com/2009/11/blogger-archive-pages-with-only-post.htmlhttps://jquerytools.org/forum/tools/35https://code.blogger.com/2012/01/customising-threaded-comments.html https://www.intechgrity.com/freely-host-css-js-other-static-files/# https://www.bloggertipandtrick.net/host-javascript-files-on-google/ https://www.intechgrity.com/freely-host-css-js-other-static-files/#https://helplogger.blogspot.in/2012/07/how-to-make-blogger-posts-have-calendar.html https://www.bloggingehow.com/2011/06/how-to-create-three-column-in-blogger.html# https://www.bloggerplugins.org/2009/06/selective-display-of-blogger-widgets-on.html https://www.cssnewbie.com/message-box-javascript-css/#.UWJBS6J-YqR——————————————————————– Bloggermint All-https://obrolangue.blogspot.in/2011/05/how-to-setup-google-dfp-on-your-site.htmlhttps://www.bloggermint.com/2010/05/how-to-add-facebook-comment-box-on-blogger-blogs/https://www.bloggermint.com/2010/05/how-to-add-facebook-like-fan-box-to-blogger/https://www.bloggermint.com/category/twitter/—————————————————–BloggerSentral all-https://www.bloggersentral.com/2010/06/add-search-box-in-navigation-bar.htmlhttps://www.bloggersentral.com/2009/12/list-post-titles-in-alphabetical-order.htmlhttps://www.bloggersentral.com/2009/09/creating-static-pages-in-blogger.html#noshowhttps://www.bloggersentral.com/2010/08/targeting-specific-pages-with.htmlhttps://www.bloggersentral.com/2010/02/display-widget-on-specific-pages-in.htmlhttps://www.bloggersentral.com/2011/07/blocking-archives-from-search-engines.htmlhttps://www.bloggersentral.com/2009/12/list-post-titles-in-alphabetical-order.htmlhttps://www.bloggersentral.com/2010/06/add-search-box-in-navigation-bar.html————————————————————————CSS Newbiehttps://www.cssnewbie.com/message-box-javascript-css/#.Ub_QKudpNKJ

  • 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…

  • How to hide Left Sidebar and css Based Box or widgets to make Home page look different

    Read all carefully and apply with cool mind. Before doing any thing on your HTML code , you must download the template for any accidental loss. Go to template>expand widget> Then Search this code <b:if cond=’data:blog.pageType == “index”‘> or <b:if cond=’data:blog.url == data:blog.homepageUrl’> Sometimes first code in which we see "index" word works for few…

  • How to Insert conditional Element on a Particular page type | VERY IMPORTANT FOR BLOGGER

    Must read the bottom part of this post. These are very important for a blogger.First we have to find this code:  <b:if cond=’data:blog.url == data:blog.homepageUrl’>TEMPLATE>BACK UP TEMPLATE>HTML>CLICK EXPAND WIDGETThen do this.CTRL+F Paste this in find text box of the browser .<b:if cond=’data:blog.url == data:blog.homepageUrl’> The total code is look like this. <b:if cond=’data:blog.url == data:blog.homepageUrl’>PUT THE…

  • How to Disable Selection and Copy Paste Only Blog Post

    This is very important code for disabling selection and copy  of the blog post.Put this code above </head> to deactivate copy paste of blog post only. .post-body {  -webkit-user-select: none;  /* Chrome all / Safari all */  -moz-user-select: none;     /* Firefox all */  -ms-user-select: none;      /* IE 10+ */  -o-user-select: none;  user-select:…

  • Blogger Post Title font and Comment text Font color and fort

    This post give an idea of controlling title post color and comment headlines color and font. The code is: h3.post-title, .comments h4 {  font: $(post.title.font);  margin: .05em 0 0;  COLOR:#000000;} In this css the color and font of post title and comment’s text (like:”NO COMMENTS” and “POST COMMENTS” can be edited. go to template>HTML >ctrl+F>h3.post-title, .comments h4 Here…

  • Top Message for Blogger

    Go to Template >EDIT HTML >Ctrl+F for </body>Paste this code just above </body><a class=”akb-update” href=”https://www.essssay.com/p/submit-essay-topics.html” target=”_blank” title=”Post Your Essay Topics. It will be written for you at earliest!”>You are welcome here! Now you can post your Essay Topic! Click</a> Go to Template>customize>advance>css Paste this code: .akb-update { text-decoration: none !important; position: fixed; right:0px; left:0px; top:…