Adding a tabbed navigation to your blog site .           

The important reason or advantage of this widget is to reduce the bulkiness of your site and make it simple for visitors to navigate through. you can add recent post, Facebook like box.. anything you can think of... you can as well increase the number of tab anytime you wish or desire after installation.... 

    How To Install This Widget?

    • log in to your blogger dashboard
    • Select the blog you would want to install this widget
    • Go to your HTML editor
    • look for this code in your HTML  ]]></b:skin>
     find it easily by press  Ctrl + F key and type it in search space.........paste the code below before it  .. i mean before this (]]></b:skin>)

    • Paste this code before/above it

     /* Tabview for Blogger
    ----------------------------------------------- */
    margin:15px 0;

    .tabviewnav {
    margin: 0 0 0 14px;
    padding:3px 0; /* If you are using a Blogger Template change 0 with 15px */
    font-size:12px; /* Font size of text inside tabs */
    .tabviewnav li {
    .tabviewnav li a {
    padding:3px 6px;
    background:#F6F6F6; /* The background color of the tabs */
    border-radius:5px 5px 0 0;
    -moz-border-radius:5px 5px 0 0;
    -webkit-border-radius:5px 5px 0 0;
    .tabviewnav li a:hover {
    background:#EBEBEB; /* Background color of the tab on mouseover */
    .tabviewnav li.tabviewactive a,
    .tabviewnav li.tabviewactive a:hover {
    background:#EBEBEB; /* Background color of the active tab */
    .tabviewcont .tabviewtab {
    border:1px solid #EEEEEE; /* Border around the container */
    background:#fff; /* The background color of the gadget */
    .tabviewcont .tabviewtab h2,
    .tabviewcont .tabviewtabhide {
    .tabviewtab .widget-content ul{
    margin:0 0 10px 0;
    .tabviewtab .widget-content li {
    border-bottom:1px solid #ccc;
    margin:0 5px;
    padding:2px 0 5px 0;

    • with the same process in previous step Find the </head> 
    • Paste the code below before the head code </head> 

     <script type='text/javascript'>
    // Tabview for grouping gadgets

    document.write('<style type="text/css">.tabview{display:none;}<\/style>');function tabviewObj(argsObj){var arg;this.div=null;this.classMain="tabview";this.classMainLive="tabviewcont";this.classTab="tabviewtab";this.classTabDefault="tabviewtabdefault";this.classNav="tabviewnav";this.classTabHide="tabviewtabhide";this.classNavActive="tabviewactive";this.titleElements=['h2','h3','h4','h5','h6'];this.titleElementsStripHTML=true;this.removeTitle=true;this.addLinkId=false;this.linkIdFormat='<tabviewid>nav<tabnumberone>';for(arg in argsObj){this[arg]=argsObj[arg]}this.REclassMain=new RegExp('\\b'+this.classMain+'\\b','gi');this.REclassMainLive=new RegExp('\\b'+this.classMainLive+'\\b','gi');this.REclassTab=new RegExp('\\b'+this.classTab+'\\b','gi');this.REclassTabDefault=new RegExp('\\b'+this.classTabDefault+'\\b','gi');this.REclassTabHide=new RegExp('\\b'+this.classTabHide+'\\b','gi');this.tabs=new Array();if(this.div){this.init(this.div);this.div=null}}tabviewObj.prototype.init=function(e){var childNodes,i,i2,t,defaultTab=0,DOM_ul,DOM_li,DOM_a,aId,headingElement;if(!document.getElementsByTagName){return false}if({}this.tabs.length=0;childNodes=e.childNodes;for(i=0;i<childNodes.length;i++){if(childNodes[i].className&&childNodes[i].className.match(this.REclassTab)){t=new Object();t.div=childNodes[i];this.tabs[this.tabs.length]=t;if(childNodes[i].className.match(this.REclassTabDefault)){defaultTab=this.tabs.length-1}}}DOM_ul=document.createElement("ul");DOM_ul.className=this.classNav;for(i=0;i<this.tabs.length;i++){t=this.tabs[i];t.headingText=t.div.title;if(this.removeTitle){t.div.title=''}if(!t.headingText){for(i2=0;i2<this.titleElements.length;i2++){headingElement=t.div.getElementsByTagName(this.titleElements[i2])[0];if(headingElement){t.headingText=headingElement.innerHTML;if(this.titleElementsStripHTML){t.headingText.replace(/<br>/gi," ");t.headingText=t.headingText.replace(/<[^>]+>/g,"")}break}}}if(!t.headingText){t.headingText=i+1}DOM_li=document.createElement("li");;DOM_a=document.createElement("a");DOM_a.appendChild(document.createTextNode(t.headingText));DOM_a.href="javascript:void(null);";DOM_a.title=t.headingText;DOM_a.onclick=this.navClick;DOM_a.tabview=this;DOM_a.tabviewIndex=i;if(this.addLinkId&&this.linkIdFormat){aId=this.linkIdFormat;aId=aId.replace(/<tabviewid>/gi,;aId=aId.replace(/<tabnumberzero>/gi,i);aId=aId.replace(/<tabnumberone>/gi,i+1);aId=aId.replace(/<tabtitle>/gi,t.headingText.replace(/[^a-zA-Z0-9\-]/gi,''));}DOM_li.appendChild(DOM_a);DOM_ul.appendChild(DOM_li)}e.insertBefore(DOM_ul,e.firstChild);e.className=e.className.replace(this.REclassMain,this.classMainLive);this.tabShow(defaultTab);if(typeof this.onLoad=='function'){this.onLoad({tabview:this})}return this};tabviewObj.prototype.navClick=function(event){var rVal,a,self,tabviewIndex,onClickArgs;a=this;if(!a.tabview){return false}self=a.tabview;tabviewIndex=a.tabviewIndex;a.blur();if(typeof self.onClick=='function'){onClickArgs={'tabview':self,'index':tabviewIndex,'event':event};if(!event){onClickArgs.event=window.event}rVal=self.onClick(onClickArgs);if(rVal===false){return false}}self.tabShow(tabviewIndex);return false};tabviewObj.prototype.tabHideAll=function(){var i;for(i=0;i<this.tabs.length;i++){this.tabHide(i)}};tabviewObj.prototype.tabHide=function(tabviewIndex){var div;if(!this.tabs[tabviewIndex]){return false}div=this.tabs[tabviewIndex].div;if(!div.className.match(this.REclassTabHide)){div.className+=' '+this.classTabHide}this.navClearActive(tabviewIndex);return this};tabviewObj.prototype.tabShow=function(tabviewIndex){var div;if(!this.tabs[tabviewIndex]){return false}this.tabHideAll();div=this.tabs[tabviewIndex].div;div.className=div.className.replace(this.REclassTabHide,'');this.navSetActive(tabviewIndex);if(typeof this.onTabDisplay=='function'){this.onTabDisplay({'tabview':this,'index':tabviewIndex})}return this};tabviewObj.prototype.navSetActive=function(tabviewIndex){this.tabs[tabviewIndex].li.className=this.classNavActive;return this};tabviewObj.prototype.navClearActive=function(tabviewIndex){this.tabs[tabviewIndex].li.className='';return this};function tabviewAutomatic(tabviewArgs){var tempObj,divs,i;if(!tabviewArgs){tabviewArgs={}}tempObj=new tabviewObj(tabviewArgs);divs=document.getElementsByTagName("div");for(i=0;i<divs.length;i++){if(divs[i].className&&divs[i].className.match(tempObj.REclassMain)){tabviewArgs.div=divs[i];divs[i].tabview=new tabviewObj(tabviewArgs)}}return this}function tabviewAutomaticOnLoad(tabviewArgs){var oldOnLoad;if(!tabviewArgs){tabviewArgs={}}oldOnLoad=window.onload;if(typeof window.onload!='function'){window.onload=function(){tabviewAutomatic(tabviewArgs)}}else{window.onload=function(){oldOnLoad();tabviewAutomatic(tabviewArgs)}}}if(typeof tabviewOptions=='undefined'){tabviewAutomaticOnLoad()}else{if(!tabviewOptions['manualStartup']){tabviewAutomaticOnLoad(tabviewOptions)}}

    • Find this code  <div class='column-right-inner'>  or <div id='sidebar-wrapper'> or  sidebar-wrapper'>
    • Add the code below just below it.....

       <div class='tabview'>
      <b:section class='tabviewtab' id='Tab1' maxwidgets='1'/>
      <b:section class='tabviewtab' id='Tab2' maxwidgets='1'/>
      <b:section class='tabviewtab' id='Tab3' maxwidgets='1'/>

      Save your HTML and navigate to the layout section.... you layout side bar section would look like this

      If you wish to add another tabs, then just add  the code below before the last </div> 

       <b:section class='tabviewtab' id='Tab4' maxwidgets='1'/>
      You can add as multiple tab as you want too be repeating the process.....

      Please leave us a comment if  the post helped you and don't hesitate to let us know if you have any problem!!!!

      Adding a post ticker widget to your blog site

      This is one of the latest widget for blogger that displays frequent posts on your blog adding to that it has social media icon that can be linked to your social pages, groups or forum and a feed burner icon.
      In few minutes from now, you would have it installed on your blog..
      Lets go straight to the procedures and code manipulations ... First of all, i would need you to backup your blog template ,,,,

      How to install this widget?

          • log in to your blogger dashboard
          • Select the blog you would want to install this widget
          • Go to your HTML editor
          • look for this code in your HTML  ]]></b:skin>
           find it easily by press  Ctrl + F key and type it in search space.........paste the code below before it  .. i mean before this (]]></b:skin>)

          Paste this code before it  

          #content-top { background: #fff; border: 1px solid #ccc; float: left; margin-bottom: 20px; width: 958px; } #ticker { float: left; width: 498px; } ul.ticker-list { display: block; float: left; overflow: hidden; width: 423px; height: 30px; } ul.ticker-list li { display: block; font: 500 12px/12px Open Sans Condensed, sans-serif; height: 12px; overflow: hidden; padding: 9px; width: 370px; } .ticker-heading { background: #fff; border-right: 1px solid #ccc; color: #ca0002; float: left; font: 700 12px/12px Open Sans Condensed, sans-serif; padding: 9px; text-transform: uppercase; } #ticker a { color: #555; font: 700 12px/12px Open Sans, sans-serif; } .ticker-date { color: #999; font: 10px/10px helvetica, arial, sans-serif; margin-left: 10px; } #content-social { float: right; width: 452px; } #content-social ul { display: inline; float: right; } #content-social ul li { border-left: 1px solid #ccc; display: inline; float: left; overflow: hidden; } .fb-but, .twitter-but, .pinterest-but, .google-but, .linkedin-but, .rss-but { float: left; transition: all .1s; -moz-transition: all .1s; -ms-transition: all .1s; -o-transition: all .1s; -webkit-transition: all .1s; width: 30px; height: 30px; } .fb-but { background: #fff url( 0 0; } .fb-but:hover { background: #3b5997 url( 0 -30px; } .twitter-but { background: #fff url( -30px 0; } .twitter-but:hover { background: #00aced url( -30px -30px; } .pinterest-but { background: #fff url( -60px 0; } .pinterest-but:hover { background: #cb2027 url( -60px -30px; } .google-but { background: #fff url( -90px 0; } .google-but:hover { background: #000 url( -90px -30px; } .youtube-but { background: #fff url( -120px 0; float: left; transition: all 0.1s; -moz-transition: all 0.1s; -ms-transition: all 0.1s; -o-transition: all 0.1s; -webkit-transition: all 0.1s; width: 54px; height: 30px; } .youtube-but:hover { background: #f00 url( -120px -30px; } .linkedin-but { background: #fff url( -174px 0; } .linkedin-but:hover { background: #069 url( -174px -30px; } .rss-but { background: #fff url( -204px 0; } .rss-but:hover { background: #f60 url( -204px -30px; } #searchform { float: right; position: relative; } #searchform input { background: #fff url( no-repeat right 50%; border: none; color: #777; float: left; font: 400 12px/30px Open Sans, sans-serif; margin: 0; padding: 0 0 0 10px; width: 200px; height: 30px; } #searchform #search-button { border: none; float: left; } #searchform #s:focus { outline: none; }

                • After that , look for the head code  </head> 

                Paste this code before it  

                <script> jQuery(document).ready(function($) { var ticker = function() { setTimeout(function(){ $(&quot;ul.ticker-list li:first&quot;).animate( {marginTop: &#39;-30px&#39;}, 800, function() { $(this).detach().appendTo(&quot;ul.ticker-list&quot;).removeAttr(&quot;style&quot;); }); ticker(); }, 5000); }; ticker(); }); </script>

                • Now you can save your template !!!!!
                • After saving, go to your layout and add a gadget to your blog
                • Select the  HTML/JavaScript

                  Paste this code  inside it and save ....don't  forget to put the gadget where you want it to be

                  <style> @import url(,700|Open+Sans:400,700); position:absolute;  @media screen and (max-width: 980px) and (min-width: 600px) { #leader-wrapper { padding: 5px 0; } #leaderboard { padding: 0 10px; width: 748px; } #leader-right, #wallpaper, .ticker-heading, .ticker-date, .middle-160, #bottom-widget, .related-image, #social-box-vert, .breadcrumb, .home-right-category { display: none; } #main-nav, #inner-wrapper { width: 768px; } #main-nav ul { padding: 0 10px; width: 748px; } #main-nav ul li { padding: 11px 14px; } #main-nav ul li a { color: #fff; font: 700 16px/16px &#39;Open Sans Condensed&#39;, sans-serif; text-decoration: none; text-transform: uppercase; } #content { padding: 20px 10px; width: 748px; } #header, #footer-top, #footer-bottom { width: 748px; } #content-top { margin-bottom: 20px; width: 746px; } #ticker { width: 344px; } ul.ticker-list { width: 344px; } #content-social { width: 402px; } #searchform input { width: 150px; } #main { width: 433px; } #main-home { width: 434px; } .full { width: 748px !important; } #post-area { width: 420px; } #author-info { width: 400px; } #author-desc { width: 324px; } #related-posts { margin: 40px 0 0; width: 420px; } #related-posts ul, #related-posts ul li { display: block; } #related-posts ul li { margin: 5px 0; width: 100%; height: auto; } .related-small { display: block; } #home-left { margin-right: 0; padding-right: 13px; } #home-right { border-right: none; margin-left: 14px; padding-right: 0; width: 300px; } .middle-side { display: block; } #social-box { width: 420px; display: inline; } .post-image { width: 206px; height: 230px; } .post-image img { width: 200px !important; height: 224px !important; } .archive-text { width: 298px; } #sidebar-home-wrapper { width: 314px; } .side-home { margin-left: 14px; } #footer-top-wrapper { padding: 20px 0; } #footer-top, #footer-bottom { padding: 10px; } #footer-nav1 ul li:last-child { border: 0; } #footer-nav2 ul li:first-child { padding-left: 0; } } </style> <div id='content-top'>   <div id='ticker'>  <span class='ticker-heading'>Don&#39;t miss</span>  <ul class='ticker-list'> <li><a href=''>Best Weather Apps For Smartphones</a><span class='ticker-date'>Check out now!</span></li> <li><a href=''>Adding a comment widget to your site </a><span class='ticker-date'>Check out now!</span></li>  <li><a href=''>Download Whatsapp on your Computer</a><span class='ticker-date'>Check out now!</span></li> </ul>  </div><!--ticker--> <div id='content-social'> <ul>             <li><a alt='Facebook' class='fb-but' href='' target='_blank'/></a></li> <li><a alt='Twitter' class='twitter-but' href='' target='_blank'/></a></li>                                  <li><a alt='Pinterest' class='pinterest-but' href='' target='_blank'/></a></li>           <li><a alt='Google Plus' class='google-but' href='' target='_blank'/></a></li>         <li><a alt='YouTube' class='youtube-but' href='/?feature=mhee' target='_blank'/></a></li>              <li><a alt='RSS Feed' class='rss-but' href=''/></a></li>  <li>  <div class='search-wrapper'>  <div class='search-box'>   <form action='/search' id='searchform' method='get'>  <input id='q' name='q' onblur='if (this.value == &quot;&quot;) { this.value = &quot;Search site&quot;; }' onfocus='if (this.value == &quot;Search site&quot;) { this.value = &quot;&quot;; }' type='text' value='Search site'/>  <input id='search-button' type='hidden'/> </form>         </div><!--search-box-->         </div><!--search wrapper-->        </li>       </ul>      </div><!--content-social-->                                </div>

                  Make your changes in the widget section and save your widget,,,,,, Have fun blogging..!!!!             please share this post to other  fellow bloggers who are interested

                        Best Weather Apps
                        One of a number of ways that smartphones are making our lives easier is by being able to provide us with any kind of information that we may need, at any time that we need it. Among other things that this may relate to, they allow us to always have a weather forecast for any region that we may find ourselves in. Apart from the obvious day to day use, this can come in great when we are planning a trip, or choosing what we will be doing on a particular day. This is why we have decided to compile a list of the most reliable, easy to use, and beautiful to look at weather apps that are currently available for different platforms.Yahoo! WeatherThis beautiful app is very easy to use with its intuitive and reduced interface that you can quickly navigate to the desired result. The connects with the company's Project Weather, hosted on Flickr, and then uses the images retrieved from there to give you a visual interpretation of the forecast that you are receiving for the desired region. This means that you will always be getting different, beautiful images to go with your forecast, which makes this app quite interesting and sets it apart from most of the other apps of the same type. Yahoo! Weather is available for both iOS and Android devices and is completely free to use.


                        One of the more popular apps of this type, AccuWeather not only gives accurate and reliable forecasts, it does so in a customizable interface, capable of displaying additional information, such as that relating to different health conditions. One of the other advantages of this app is that allows you to save settings for different location, and easily access them when needed. The app is available for iOS and Android, and will never let you down in a pinch.
                        Living Earth
                        A great app that offers more information than an average weather app. However, its main strength lies in its stunning interface the full potential of which can only be fully exploited on a tablet. The app gives you a view of the entire Earth that you can rotate and zoom in on specific areas of interest. The app then provides relevant information on the chosen region, such as wind conditions, humidity, temperature or cloudiness. This beautiful app is only available on iOS and will set you back $2.99.


                        Forecast.ioThis great app has a fairly simple and straightforward interface, but that is not to say that the information it offers is in any way reduced or incomplete. Quite the opposite, offers live forecast, which is to say that the information that it presents to the user is updated in real time, and that you are always getting the latest data on whatever it is that you are interested in. Apart from the live forecast, you can also chose to compare different stats across several days or weeks and get a graphic representation of the changes in weather over a certain period.

                        Written By -   Marta De Angelis,  italian journalist and blogger in the mobile phone sector, editor and writer for         web store MobilniShop  websites. You can find  Marta  on Google+.

                        • Mount  your files with this format .mdx, .mds, .mdf,,iso, .b5t, .b6t, .bwt, .ccd, .cdi, bin.cue, ape.cue, .flac, cue, nrg, .isz disc images to a virtual drive using this software......
                        • Create .ISO, .mds, .mdf and mdx images of CD, DVD, Blu-ray discs
                        • Compress your images
                        • you can protect your images with password only know to you
                        • it also helps you to manage your Image Collections works like power ISO but a bit different

                          • File Size: 13.38 MB
                          • Date Released: ---------
                          • Works on:  Windows 2000 / Windows 7 / Windows 7 x64 /Windows 8 / Windows 8 x64 / Windows Vista / Windows Vista x64 / Windows XP / Windows XP x64
                          • Doesn't Work on: comment
                          • Total Downloads: 344

                          AVG Anti Virus 7.5.441

                          The AVG is one of the best anti virus software....!!!
                          Protect your PC with the latest popular AVG antivirus ware, which is able to protect your PC from the attacks of virus activities....Stay safe Use AVG......

                          • File Size: 18.28 MB
                          • Date Released: 
                          • Works on:  Windows 95 / Windows 98 / Windows 2000 /Windows XP / Windows Vista / Windows Vista x64 / Windows XP x64 / Windows ME / Windows NT 4.0 / Windows 7 /Windows 7 x64 / Windows 8 / Windows Server 2003 x64 /Windows Server 2003 / Windows Server 2008 / Windows 8 x64Windows NT / Windows 2000 x64 / Windows NT 3.5 /Windows 3.1
                          • Doesn't Work on: mail us
                          • Total Downloads: 617

                          Download winRAR archiver , it is a popular quality software used to extract and compress files 
                          supports all popular compression and extraction formats (RAR, ZIP, 7-Zip, CAB, ARJ, TAR  ACE,, GZip, UUE, ISO, BZIP2, Z and LZH).

                          below are the requirements

                        • File Size: 3.38 MB
                        • Date Released: -----------------
                        • Works on:  Windows 2000 / Windows 7 / Windows 7 x64 /Windows 8 / Windows 8 x64 / Windows Vista / Windows Vista x64 / Windows XP / Windows XP x64
                        • Doesn't Work on: comment below
                        • Total Downloads: 504
                        • Rating: 0of5 Rate It! (0 votes)

                        •    64 bit                                      32 bit

                          Add a comment widget or form to your site. 

                          There are quite a number of comment widgets or form for websites among which we have intense debate and others, tested and tried i am recommending disqus to you and anybody who cares to know. 

                          Why should I even recommend Disqus to you as one of the best,  Like I said from the beginning there are quite some number of comment widget out there. With Disqus comment widget you can easily look out for spammy comment and delete them....

                          Every webmaster would like to give his or her readers the chance to give suggestions, problems and comments, that way you would realise the kind of audience you have. making it easy for you to target a particular group of people during any campaign you want to publish.

                          The disqus comment system is a professional comment looking widget made available to any site of any kind counting from Blogger, WordPress, Tumblr and many more.

                          Thank God for the life we have and the grace we are blessed with. For the fact that we are alive is a enough to praise GOD. don't get it twisted life is not all about the money.

                          Anyway that is by the way... Lets move to how to add or install the comment form or widget to your website or your blog

                          What are the features of this comment system

                          Great Design : It design is very professional and has an eye catchy properties. It suits every site design irrespective of your theme colour scheme.

                          Social Login : It gives your readers the chance to comment directly using their social media network accounts. simply by logging in with their accounts. You can also accept comment post from guest without any account profile.

                          Real Time Threaded System : With this your comment appears almost after you have fully approved it. You get a comment moderation message as soon as the comment is published by the commenter.

                          Star and Reactions In Comments : Your readers has the chance to star a comment and rate it if it is really appropriate for them.

                          Thumbs Up and Thumbs Down : Thumbs Up and Thumbs Down is also available to make it easy for visitors to vote up or vote down any comment of their choices.

                          Edit and Delete Comment : You can edit your comment for mistakes even after publishing them. you also get the chance to edit any comment from your visitors before approving and publishing it.

                          Related Discussions : Just at the bottom of the comment system are post links related to the post visitors are commenting on making it visible to your readers to also read it.

                          Spam Detector : The system as a spam detector which recognises any spam comment and pushes it to your spam folder for consideration. You can choose to delete the spam comment or publish it by approving it.

                          Special notice: If you have comments on your blog already you don't really have to worry because you can import all of it to the disqus comment system. So you don't really loose any comment.

                          Integrating DISQUS In Blogger Blogs.

                          First of all Go To Disqus Official website and  Click On "Get This On Your Site" Button. You would have to register to have its full benefits.  Fill out all fields to get started.

                          Please Follow the steps in the image tutorial bit by bit to install disqus on your blogger.

                          Step 1

                          Step 2

                          Step 3

                          Step 4

                          Importing Comments

                          Importing Step 1

                          Importing Step 2

                          Importing Step 3

                          Importing Step 4

                          Importing Step 5

                          Now you will see the message that your import has been successfully uploaded and queued. Now you've to wait for 24 hours to get the comments completely imported.

                          About the AuthorThis post is written by Dok Simon (About me)..... He is the main Editor of  Blogging Engage..  Very friendly and loves what he does.. he is also a Gospel song writer, rapper and singer.. You can join me here.. Twitter | Facebook | Google Plus |

                          How was this information  helpful to you, do you have any question to ask,  please let me know in the comment box..