Skip to main content

Posts

Image Slider For Blogger JavaScript

A + A - Print Email Today I am sharing another cool slider which works with JavaScript and no jQuery and flash is needed.This slider contains a ribbon at the left top corner of slider and it is named as "What's Hot" also it contains a beautiful slice effect which slices image into 12 parts,these main features increase beauty of the slider.Another great feature of this slider is it is highly customizable so that to edit it as you wish and which will perfectly suits to your blog.This slider is created by  menucool.com  and I have created a bloggerized version of this slider to works perfect with blogger blog.See the demo of the slider by clicking on the demo button below, Live Slider Demo How To Add This Slider To Blogger? Go to  Blogger Dashboard > Layout Click on  Add a Gadget Select  HTML/JavaScript (below header) Paste code inside it, <style type="text/css"> /* JavaScript Image Slider By http://www.helperblogger.com/ */ #mcis { display: none; } #s...

Hide Blogger Widgets Using Simple CSS Tricks blogspot

CSS is amazing! While playing with codes I got this simple but very effective trick. Sometimes your post area (content wrapper) height and sidebar wrapper height don't match i.e. if you write small post then the sidebar section goes very down (because of widgets) as compared to content wrapper and then it looks ugly. That's why to deal with such simple but negative impacting problem I have discovered this trick, Currently I am using this trick on some static pages and on post pages also. If you want to watch this trick live on a static page then visit our Tools Page and if you want to see same same trick on post page then visit this post. Watch these two images (click on any image to enlarge) Before Applying Trick After Applying Trick Hope now you have got idea about this trick and how it is useful. Watch This Trick Live In Action On Post Page On Static Page How To Use This Trick? In order to hide any widget you must know its widget ID first, to find widget ID of any blog...

Alexa Site Rank Widget code your website checker All Type style Add

Alexa is a leading website statistics providing company,it provides free statistics for registered websites.Today we are sharing some alexa site info. widgets which you can use to display alexa site rank for your blog/website.Below I am providing all types of alexa widget,once you add the widget to your blog you don't need to touch it because it updates automatically also the installation of the widgets are damn easy,you just have to copy and paste the code.Now without waiting anymore lets go to the widgets. Important Note  - All below widgets works only with the sites/blog which are registered with alexa.com if you want to register your own blog then check this post:   How To Install Alexa Widgets On Blogger? As mentioned above I am providing all types of alexa widget for blogger.Just follow below simple steps to add them into your blog. Choose a widget style first Copy the code of that widget Paste it into your notepad Replace my blog URL with yours Go to  Blogger Dashb...

How to add edit visitor Reblog your Posts in Blogger

Allowing your users to Reblog or share your content on their blogs is something that could make your posts goes viral. Recently, one of our users asked that how to allow users to Reblog your posts in Blogger? What if someone adored your post and wishes to share it on his blog? In this situation, you can offer them a one-click share functionality which will not only spread your content all over the internet, besides that it also helps you to earn a previous backlink. Therefore, today in this article, we will show you How to allow users to Reblog your posts in Blogger? Note:  You can see the Demo  Here , make sure you scroll down to the bottom of the post to see the green "Reblog this post" button. Why to allow uses to Reblog your Posts? Some people might take it in a wrong way as allowing users to share your posts on their blogs might end up in plagiarism. However, there is a twist in the tail. Since, a credit backlink of the original source is always there, so it means you ...

Free Responsive Mobile Website Templates settings

customize dynamic views themes - As you all know Techno Geek Zone is hosted on Blogger and there are many advantage and disadvantage of using Blogger but I love using it. Recently I met with an problem which I have been ignoring from months but today got a solution for it. My problem was that when I used to open my blog on any mobile browser then it opens with some white extra spaces on the right side of the blog.  The first two pictures shows the problem and third one is after correction of code. Then I came to know about the problem that I was forgetting to maintain the overflow of the CSS. After some googling I came to know about the problem and fixed it soon. Here is the tutorial for you to solve this problem if it occurs to you too. Follow all the steps: >>> Open Blogger.com and open your blog in which the problem persist. >>> Go to Template and Click on Edit HTML >>> Press CTRL+F and in the search box search for below code ]]></b:skin> >...

Automatically Add Attribution posts page Link website blog

Hello Bloggers firstly I would like to welcome you to Techno Geek Zone hope you will get some help from our tutorials posts. Today I am going to show you how you can add your page link to that place automatically where someone pastes text copied from your blog. Below is an Example: To add attribution links to Text Copied From Your Blogger : Go To Setting of Blogger Blog in which you want to add this feature. Move to Template>Edit HTML Press Ctrl+f to open search box and search for </body> tag and paste the below script above this </body> tag. <script type='text/javascript'> function addLink(){var a=document.getElementsByTagName("body")[0];var b;b=window.getSelection();var c="<br/><br/>    Read More  : <a href='"+document.location.href+"'>"+document.location.href+"</a>";var d=b+c;var e=document.createElement("div");e.style.position="absolute";e.style.left="-9...

How to Change the Default Text Selection Color in WordPress COPY highlight color on Blogger

WEBSITE color html text highlight color powerpoint text highlight color shortcut in word text highlight color css sublime text highlight color how to change highlight color windows 7 how to change highlight color on mac how to choose highlight on Blogger color  You Can easily Change Text Select Highlight Colour By Adding A Small Css Code To Your Blogger Template..This can ensure that when users highlight text on your blog, it matches your blog’s theme, and may also look professional at the same time. Follow These Simple Steps : Sign in To Your Blogger Account and Select Blog That You Want To ADD This Widget then goto Template Tab >> Edit HTML Then Add The Below Code Below or After </head> <style type='text/css'>  ::selection {background:#00624b;color:#ffffff;}  ::-moz-selection{background: #00624b ;color:#ffffff;} </style> Then Save Your Template You Can Change The Selecting Colour By Replacing  #00624b  with Code Of Your Colour