How To Ready Your Blogger Weblog On Maintenance Mode

You powerfulness conduct keep seen sites which present a message that “This site is on maintenance mode, delight assay accessing later”. Many pop site uses maintenance vogue when they are going through a monthly maintenance depository fiscal establishment tally or improvising site experience because nobody likes to province on a page that is either broken or no longer reachable.  in other sense, novel websites oftentimes piece of occupation it equally coming presently page allowing users to sign upward to endure notified when site is laid upward for launch. In this article, nosotros volition present you lot how to laid your blogger weblog on maintenance mode.

First affair you lot need to practise is to download Soonex – Maintenance vogue template. Since, you lot are putting your site on Maintenance vogue thus endure certain to take a backup of your existing template. Now upload the template to your blogger site.  After uploading the, you lot need to become to Blogger >> Layout >> to configure the template.

This template setting is divided into iii dissimilar sections i.e. tabs, outset ane is home, instant is nearly too 3rd is contact.

Adding Welcome Note:

Soonex allows you lot to practise beautiful pages to render improved user experience. The outset selection is of “Welcome Note” that you’ll detect inwards the Layout expanse on blogger dashboard.  To customize press the “Edit” link too input the description which you lot desire to display on your site, atmospheric condition your site is on maintenance vogue or you lot are nearly to launch a novel site.

Once you’re done writing it, press “Save” push to shop the changes you lot made to the template.

Adding Email Subscription:

Soonex likewise allows you lot to add together a subscription widget from which users tin sack subscribe to your feeds too tin sack likewise have notification when your site goes alive again. To customize,  go to “Email Subscription” too press the “Edit” link. Now input the username of your feed (Example feeds.feedburner.com/mybloggerlab, hither mybloggerlab is the username).

 Once you lot are done alongside adding the username, press “Save button.

Adding Countdown:

If you lot are creating a coming presently page, or you lot would similar to display a accurate fourth dimension to your users when your site volition endure up, thus scroll downwards to "Countdown Settings" too press “Edit” link. Now motion into the fourth dimension too appointment of the countdown inwards this format 2014/10/15 12:00:00.

However, If you lot don’t desire to display the countdown widget thus but teach out the text expanse blank or input “empty” inwards the text expanse too press “Save” push to shop the changes.

Adding About us:

You tin sack likewise add together data nearly your site. Go to “About The Company” too  press “Edit” link. Now inwards the text, insert the data you lot would similar to display on nearly tab. Once you’re done press “Save” to shop the changes.

We promise this article would assistance you lot inwards creating a powerful nether maintenance or coming presently page for your blogger site.  Have you lot always used a maintenance page on your site, if yeah experience gratuitous to portion your cognition inwards the comments below.  If you lot similar this article then, portion it on Twitter, Facebook too Google+.

How To Add Together A Car Scrolling Scrollbar Inwards Blogger

In the yesteryear nosotros convey already shown y'all how to customize your scrollbar inwards blogger alongside dissimilar styles, colors too customization. Recently, 1 of our users asked us how to add together motorcar scrollbar inwards blogger that automatically scrolls the page from the elevation to bottom. Making your scrollbar scroll automatically is a perfect agency to slightly forcefulness your readers to move yesteryear through the whole page earlier leaving your site. In this article, nosotros volition demonstrate y'all how to add together a motorcar scrolling scrollbar inwards blogger

What is a Scrollbar?

Influenza A virus subtype H5N1 Scrollbar is a GUI (graphical command element) which controls elements similar text, pictures, videos too anything else available on the webpage. In other unproblematic words, it’s a long affair bar located at the correct side of your cover yesteryear which an chemical gene tin live on scrolled alongside the assistance of a mouse.

It too has of ii upwards too downwards arrows that helps y'all to scroll upwardly or downward the page. It is non alone for webpages but y'all tin too honor them on other software similar Word, Windows, Apple OS too etc.

How to add together Auto Scrolling Scrollbar inwards Blogger?

The really get-go affair you’ll live on required to produce is to get-go login to your blogger concern human relationship too conduct a weblog on which you’ll similar to add together motorcar scroll bar. Now move yesteryear to Template >> Edit HTML >> search for the ending </html> tag (you volition honor it the terminate of the codes). After finding </html> only higher upwardly it glue the next code:

<script>
    /*<![CDATA[*/
    var div = $('body');
    setInterval(function() {
            var pos = div.scrollTop();
            div.scrollTop(pos + 2);
        }, 10)
        /*]]>*/
</script>

<style>
    torso {
        overflow-y: scroll;
    }
</style>

You tin increase the scroll speed yesteryear reducing the 10 inwards the higher upwardly code.  While, increasing ten to 100 or one m would brand the scroll piece of job slowly.

This technique tin too live on applied to a div, if y'all desire to scroll alone a certainly chemical gene on your site. All y'all demand to produce is to supervene upon the torso to a div cite from the higher upwardly code. Like for <div id=”test”> the get-go delineate of piece of job of the code would become  var div = $('#test'); too vice versa.

Once everything is done, relieve the template yesteryear pressing “Save Template” push located at the elevation of your screen. Congratulations, y'all convey successfully installed the motorcar scrolling page characteristic inwards blogger. If y'all desire to trammel this scroll to certainly pages too thus banking concern fit out how to demonstrate or enshroud a widget on certainly URLs inwards blogger.

We promise this article has helped everyone inwards learning how to add together a motorcar scrolling scrollbar inwards blogger.  Share your thoughts close this pocket-size but useful tip inwards the comment department below. If y'all convey whatever proposition or requests experience gratis to write us using our contact us page.

How To Develop Picture Thumbnail Non Appearing Põrnikas Inward Blogger

If you lot purpose blogger to daily force out novel updates to your blog, thence this morning time you lot mightiness possess got noticed your entire image thumbnails all of a abrupt got disappeared from the homepage of your blog. This leaves you lot thinking that you lot may possess got done closed to unnecessary editing to your template, which mightiness last the argue paradigm thumbnails are non appearing on the homepage or archive pages. However, that’s non the case, paradigm thumbnails are broken because of a novel põrnikas that lately blogger users are facing. Today inward this article, nosotros volition exhibit you, How to ready paradigm thumbnail non appearing põrnikas inward blogger.

Why Image thumbnails are non appearing? 

The rattling kickoff matter that you lot would last concerned virtually is that, why all of a abrupt these paradigm thumbnails stopped working? You didn’t practise whatever form of changes to the template, fifty-fifty tried uploading a fresh novel template but the results are all same. If you lot are seeing this bug, you’re non solitary almost all blogger users are having issues amongst novel together with former paradigm thumbnails they possess got on their blog. Following are closed to people who’re having same paradigm broken number amongst their blogs:

Since yesterday, my newly posted pictures are lacking the thumbnail. I figured before that the thumbnail does non instruct generated if all images are sourced from an external host. That's why I ever upload the kickoff photograph via Blogger's upload selection thence that a thumbnail is created automatically.
But since yesterday, that is no longer working. I tried to practise a minute post today (now the latest post) merely to come across if the number was related to that specific post. It appears the number is site-wide.

Help volition last appreciated.

Thanks.

All of a abrupt the images doesn't exhibit upward anymore om my homepage. I possess got this amongst every website amongst the vortex template from templateism.com.. Can you lot delight assist me ready it? 

The work happens fifty-fifty inward the Popular Posts widget together with the "data:post.thumbnail" tag, entirely for posts published today. That's a major issue.

Try publishing a novel post past times uploading an image, add together a title, picayune post content together with press publish. Now become to your weblog together with you’ll notwithstanding don’t come across your paradigm thumbnail on the abode page. This mightiness brand you lot lose your calm but nosotros possess got a unproblematic solution to this bug.

How to ready paradigm Thumbnails stopped appearing inward blogger?

The rattling kickoff matter you lot ask to practise is to become to Blogger >> Posts >> instantly from the listing of your published post select anyone together with press Edit Posts. It volition Pb you lot to blogger post editor, instantly revert to the HTML tab together with search for the next code:

https://

Upon finding, supervene upon all the URLs that are starting amongst https:// to http://. We possess got attached a screenshot below which volition assist you lot sympathise better.

Please note: If nighter https:// nor http:// protocol is attached to your paradigm URL then, search for src="// together with replace // with http://. 

After making changes, seat out the post in 1 lawsuit to a greater extent than together with your paradigm thumbnails volition start appearing in 1 lawsuit to a greater extent than on your homepage. The number is caused past times blogger, which is non giving permission to https:// paradigm thumbnails to appear. However, nosotros promise this põrnikas would last completely fixed past times blogger sooner or later.

We promise this quick tip has helped all those users who were continually sending us emails virtually paradigm thumbnails non showing on the homepage. This article would sure enough brand them experience relaxed virtually their site. Do allow us know if you’re facing the same põrnikas together with what precautions you lot possess got taken to ready the bug?

10 Nearly Helpful Google Chrome Extension For Blogger

Google Chrome is past times far ane of the globally most pop spider web browsers correct now. It is fast, reliable, interactive, compatible amongst almost all devices, together with on the superlative of that, it allows y'all to sync your information to whatever portable device similar smart phones. Best of all, Google Chrome allows its users to customize its features amongst the attention dissimilar Extensions. Google offers thousands of extensions to its users to choose. Therefore, today inwards this article, nosotros volition present y'all 10 most helpful Google Chrome extension for Blogger.

Evernote Web Clipper:

Found an amazing article; desire to read them ane time again or later? Evernote is the hottest solution for you, it is an slowly means to share, bookmark or relieve your online stuff. The Evernote Web Clipper allows y'all to relieve anything similar concealment capture, spider web pages, together with etc.

Save to Google Drive

Looking to relieve documents? Save to Google Drive is a handgrip extension that saves whatever spider web document. From HTML to MS portion documents y'all tin relieve anything straight to your Google motility account. If y'all desire to convert files instantly, that it volition convert them inwards the cloud together with and thus volition relieve them inwards your Google Drive account.

Pocket:

Just similar Evernote, Pocket is also a bookmarking tool allows y'all to relieve your favorite articles, webpages, links, together with videos amongst only a click. You tin access bag dashboard from your browser together with tin access all the relieve articles later. Pocket is compatible volition all devices together with fifty-fifty plant amongst your smartphone.

Break Helper:

Sometimes working likewise much is actually bad for health. Most of bloggers are unremarkably workaholic, they sit down gazing at their figurer almost eighteen hours a 24-hour interval on average. The interruption helper extension reminds y'all to accept a interruption from walk or practise to a greater extent than or less residue for a few hours.

LastPass:

Last Pass is to a greater extent than or less other pop extension which is non entirely for Chrome but also available for Firefox, meshing explorer, opera together with safari. It generates potent passwords for dissimilar websites together with relieve them inwards a secrete place. This makes it almost impossible for y'all to operate whatever unsecure passwords.

Feedly mini :

Do y'all honey RSS intelligence feed? Feedly mini is a modern RSS together with intelligence reader that provides the latest updates to y'all from dissimilar websites that you're subscribed with. You tin also subscribe to your favorite blogs together with sites inwards seconds.

Simple Time Track: 

Are y'all fourth dimension conscious? And desire to live punctual when it comes to doing to a greater extent than or less piece of employment than uncomplicated fourth dimension rail extension is perfect for you. information technology tracks your fourth dimension inwards seconds together with allows y'all to export the progress inwards a CSV file that tin live imported afterwards into whatever other tool of your choice.

Hola Better Internet: 

Looking for a perfect solution to bypass your meshing connecter safety amongst a flexible together with robust VPN? Then Hola amend meshing is the perfect solution for you. From the broad attain of to a greater extent than than 200 countries IPs y'all tin select whatever ane to browse with.

It’s a must extension for all meshing users together with bloggers who actually similar to access sites that are either blocked past times their meshing provider or doesn’t back upwards at that spot county similar NETFLIX together with etc.

PageRank Status:

PageRank Status is SEO's favorite extension for chrome. It display's Google Page rank, together with other character information near the website domain you're viewing inwards your browser.

Chrome Remote Desktop:

It allows to a greater extent than or less other user from to a greater extent than or less other figurer to access your figurer securely over the Internet. You tin invite your friend to remote access your computer. You tin also install android app that allows y'all to access your figurer straight from your mobile on the go.

We promise this listing would attention all bloggers to stimulate got a good equipped spider web browser, create for whatever form of blogger tasks.

How To Add Together A Rss Feed Tidings Pump Inwards Blogger Sidebar

In the past, nosotros accept showed y'all how to add together a RSS Feed intelligence heart inwards blogger amongst lot possibilities together with customizations. However, people are trendier virtually adding a intelligence heart inwards the sidebar of their website. For about obvious reasons, about intelligence tickers are unable to suit inwards the sidebar of website because of their large size (horizontal inwards nature). Therefore, nosotros accept developed a flexible, elegant, uncomplicated nevertheless highly professional person RSS Feeds intelligence heart for your Sidebar. Today inwards this article, nosotros volition demo y'all how to add together a RSS Feed News Ticker inwards Blogger Sidebar.

You can, run into the demo of this widget on this site http://www.faizanali.com/

The really offset affair y'all require to create is to login to your blogger account. After logging in, choose the weblog y'all would similar to install this widget on together with become to Template >> Edit HTML. Now inwards the template editor, search for the ]]></b:skin> tag together with simply to a higher house it glue the next CSS Codes:

 .MBL-container-header h1{font-weight:300; font-size:48px; text-align:center;}
 .MBL-container-header h2{font-size:30px; text-align:center;}
     
  #MBLnewsticker1 ul { padding: 0px; }
.MBLnewsticker {
    width: 100%;
    overflow: hidden;
    height: 440px;
    position: relative;
    padding: 0 5px;
    box-sizing: border-box;
    margin: 0 auto;
    text-align:center;
}
.MBLnewsticker>ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
    position: relative;
}
.MBLnewsticker>ul>li {
    display: none;
    width: 100%;
    height: 100px;
    background: #FFF;
    position: absolute;
    overflow: hidden
}
.MBLnewsticker>ul>li>.MBL-content {
    position: absolute;
    top: 0;
    bottom: 30px;
    left: 0;
    right: 0;
    box-sizing: border-box;
    padding: 5%;
    overflow: hidden;
}
.MBLnewsticker>ul>li>.MBL-content a {
    text-decoration: none;
}
.MBLnewsticker>ul>li>.MBL-content a:hover {
    text-decoration: underline;
}
.MBLnewsticker>ul>li>.MBL-info {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 20px;
    padding: 5px;
    border-top: enterprise 1px #DDD;
}
.MBLnewsticker>ul>li>.MBL-info a {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: #0F0;
    opacity: 0.2;
    cursor: pointer;
}
.MBLnewsticker>ul>li>.MBL-info a:hover {
    opacity: 1;
}
.MBLnewsticker>ul>li>.MBL-info a.MBL-facebook-black {
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihqDxjGfbKNEUG9AWEWsY3mfSBopBKF1-hnQs_I5KqGwCpLBaVjtQ1fbkFCIEso6KKg8w3Auhl6NbN0bWVdXsBUYUcNx1hKx1nIaoHu48Y9axYt34NK9JQQuaxj41WX8Q_EJRYZruTIRjO/s1600/buttons-black.png) 0 0 no-repeat;
    float: left;
    margin-right: 5px;
}
.MBLnewsticker>ul>li>.MBL-info a.MBL-twitter-black {
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihqDxjGfbKNEUG9AWEWsY3mfSBopBKF1-hnQs_I5KqGwCpLBaVjtQ1fbkFCIEso6KKg8w3Auhl6NbN0bWVdXsBUYUcNx1hKx1nIaoHu48Y9axYt34NK9JQQuaxj41WX8Q_EJRYZruTIRjO/s1600/buttons-black.png) -20px 0 no-repeat;
    float: left;
    margin-right: 5px;
}
.MBLnewsticker>ul>li>.MBL-info a.MBL-google-black {
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihqDxjGfbKNEUG9AWEWsY3mfSBopBKF1-hnQs_I5KqGwCpLBaVjtQ1fbkFCIEso6KKg8w3Auhl6NbN0bWVdXsBUYUcNx1hKx1nIaoHu48Y9axYt34NK9JQQuaxj41WX8Q_EJRYZruTIRjO/s1600/buttons-black.png) -40px 0 no-repeat;
    float: left;
}
.MBLnewsticker>ul>li>.MBL-info a.MBL-link-black {
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihqDxjGfbKNEUG9AWEWsY3mfSBopBKF1-hnQs_I5KqGwCpLBaVjtQ1fbkFCIEso6KKg8w3Auhl6NbN0bWVdXsBUYUcNx1hKx1nIaoHu48Y9axYt34NK9JQQuaxj41WX8Q_EJRYZruTIRjO/s1600/buttons-black.png) -60px 0 no-repeat;
    float: right;
}
.MBLnewsticker>ul>li>.MBL-info a.MBL-facebook-white {
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBNnZR8nrNVx3UDNPUJXijEMurHj66MC1SzpCEaiUbAZ734dJKDX4EN7ZMEAFzhCP3QGzUW3neFeGyXVcJG0lnk6VN1h75M_DnicCgopk_XS0NC9b8a6j_WkR182IYNx13MBdR22aVEXu6/s1600/buttons-white.png) 0 0 no-repeat;
    float: left;
    margin-right: 5px;
}
.MBLnewsticker>ul>li>.MBL-info a.MBL-twitter-white {
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBNnZR8nrNVx3UDNPUJXijEMurHj66MC1SzpCEaiUbAZ734dJKDX4EN7ZMEAFzhCP3QGzUW3neFeGyXVcJG0lnk6VN1h75M_DnicCgopk_XS0NC9b8a6j_WkR182IYNx13MBdR22aVEXu6/s1600/buttons-white.png) -20px 0 no-repeat;
    float: left;
    margin-right: 5px;
}
.MBLnewsticker>ul>li>.MBL-info a.MBL-google-white {
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBNnZR8nrNVx3UDNPUJXijEMurHj66MC1SzpCEaiUbAZ734dJKDX4EN7ZMEAFzhCP3QGzUW3neFeGyXVcJG0lnk6VN1h75M_DnicCgopk_XS0NC9b8a6j_WkR182IYNx13MBdR22aVEXu6/s1600/buttons-white.png) -40px 0 no-repeat;
    float: left;
}
.MBLnewsticker>ul>li>.MBL-info a.MBL-link-white {
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBNnZR8nrNVx3UDNPUJXijEMurHj66MC1SzpCEaiUbAZ734dJKDX4EN7ZMEAFzhCP3QGzUW3neFeGyXVcJG0lnk6VN1h75M_DnicCgopk_XS0NC9b8a6j_WkR182IYNx13MBdR22aVEXu6/s1600/buttons-white.png) -60px 0 no-repeat;
    float: right;
}
.MBLnewsticker>ul>li>.MBL-info bridge {
    position: absolute;
    left: 80px;
    right: 30px;
    text-align: center;
    opacity: 0.4;
    z-index: 0;
    font-size: 13px;
    cursor: default;
}
.MBLnewsticker>div {
    width: 50px;
    height: 30px;
    cursor: pointer;
    position: absolute;
    opacity: 0.3;
}
.MBLnewsticker>div:hover {
    opacity: 1;
}
.MBLnewsticker>div.MBL-top-arrow {
    top: 0;
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNZlXhIdGryR_U8eGXEu0nwGFrSZqTtoL9zkisLc5g-nyxFBteNMVgYdXJ-p6mmv8p97pLHA_Q9sQqnUeJFIRPhLM588DiofujV7CuXGByEE08CSO2UQRGzag_cj-YSA1IRkybQ91Enkv4/s1600/arrows-black.png) move yesteryear no-repeat;
}
.MBLnewsticker>div.MBL-bottom-arrow {
    bottom: 0;
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNZlXhIdGryR_U8eGXEu0nwGFrSZqTtoL9zkisLc5g-nyxFBteNMVgYdXJ-p6mmv8p97pLHA_Q9sQqnUeJFIRPhLM588DiofujV7CuXGByEE08CSO2UQRGzag_cj-YSA1IRkybQ91Enkv4/s1600/arrows-black.png) bottom no-repeat;
}
.MBLnewsticker .MBL-top0 {
    -ms-transform: scale(0.80);
    -webkit-transform: scale(0.85);
    transform: scale(0.85);
    opacity: 0.85;
    top: 0;
    z-index: 1;
    display: block;
}
.MBLnewsticker .MBL-top1 {
    -ms-transform: scale(0.87);
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    opacity: 0.9;
    top: 20px;
    z-index: 2;
    display: block;
}
.MBLnewsticker .MBL-top2 {
    -ms-transform: scale(0.95);
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
    opacity: 0.95;
    top: 45px;
    z-index: 3;
    display: block;
}
.MBLnewsticker .MBL-active {
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    top: 75px;
    z-index: 10;
    display: block;
}
.MBLnewsticker .MBL-bottom2 {
    -ms-transform: scale(0.95);
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
    opacity: 0.95;
    top: 105px;
    z-index: 6;
    display: block;
}
.MBLnewsticker .MBL-bottom1 {
    -ms-transform: scale(0.87);
    -webkit-transform: scale(0.90);
    transform: scale(0.90);
    opacity: 0.9;
    top: 130px;
    z-index: 5;
    display: block;
}
.MBLnewsticker .MBL-bottom0 {
    -ms-transform: scale(0.80);
    -webkit-transform: scale(0.85);
    transform: scale(0.85);
    opacity: 0.85;
    top: 150px;
    z-index: 4;
    display: block;
}
.MBL-easing2 {
    transition: .25s linear;
    -moz-transition: .25s linear;
    -webkit-transition: .25s linear;
}
.MBL-easing li {
    transition: .5s ease-out;
    -moz-transition: .5s ease-out;
    -webkit-transition: .5s ease-out;
}
.MBL-radius li {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.MBL-radius2 li {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.MBL-shadow li {
    -webkit-box-shadow: 0px 0px 10px 0px rgba(100,100,100,0.3);
    -moz-box-shadow: 0px 0px 10px 0px rgba(100,100,100,0.3);
    box-shadow: 0px 0px 10px 0px rgba(100,100,100,0.3);
}
.MBL-shadow-big {
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5) !important;
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5) !important;
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5) !important;
}

Again inwards the template editor, search for the ending </head> tag together with simply to a higher house it glue the next JavaScript codes (these codes volition brand the heart work, together with hence hold out certain to add together it correctly).

<script type='text/javascript'>
/*<![CDATA[*/
(function(e) {
    $.fn.MBLnewsticker = function(e) {
        var t = {
            width: "100%",
            modulid: "MBLnewsticker",
            autoplay: true,
            timer: 3e3,
            itemheight: 130,
            infobarvisible: true,
            btnfacebook: true,
            btntwitter: true,
            btngoogleplus: true,
            btnlinkbutton: true,
            btnlinktarget: "_blank",
            pagecountvisible: true,
            buttonstyle: "black",
            pagenavi: true,
            pagenavistyle: "black",
            feed: false,
            feedcount: 100
        };

        var e = $.extend(t, e);
        supply this.each(function() {
            portion o() {
                portion o() {
                    $(e.modulid + ">div").css({
                        left: ($(e.modulid).width() - 30) / 2
                    })
                }
                portion u() {
                    $(e.modulid + " ul li").eq(r[0]).addClass("MBL-top0");
                    $(e.modulid + " ul li").eq(r[1]).addClass("MBL-top1");
                    $(e.modulid + " ul li").eq(r[2]).addClass("MBL-top2");
                    $(e.modulid + " ul li").eq(r[3]).addClass("MBL-active");
                    $(e.modulid + " ul li").eq(r[4]).addClass("MBL-bottom2");
                    $(e.modulid + " ul li").eq(r[5]).addClass("MBL-bottom1");
                    $(e.modulid + " ul li").eq(r[6]).addClass("MBL-bottom0")
                }
                portion a() {
                    t--;
                    if (t < 0) t = n;
                    l()
                }
                portion f() {
                    t++;
                    if (t == n + 1) t = 0;
                    l()
                }
                portion l() {
                    $(e.modulid + " ul li").attr("class", "");
                    if (t == 0) {
                        r[0] = n - 2;
                        r[1] = n - 1;
                        r[2] = n;
                        r[3] = t;
                        r[4] = t + 1;
                        r[5] = t + 2;
                        r[6] = t + 3
                    } else if (t == 1) {
                        r[0] = n - 1;
                        r[1] = n;
                        r[2] = t - 1;
                        r[3] = t;
                        r[4] = t + 1;
                        r[5] = t + 2;
                        r[6] = t + 3
                    } else if (t == 2) {
                        r[0] = n;
                        r[1] = t - 2;
                        r[2] = t - 1;
                        r[3] = t;
                        r[4] = t + 1;
                        r[5] = t + 2;
                        r[6] = t + 3
                    } else if (t == n) {
                        r[0] = n - 3;
                        r[1] = n - 2;
                        r[2] = n - 1;
                        r[3] = t;
                        r[4] = 0;
                        r[5] = 1;
                        r[6] = 2
                    } else if (t == n - 1) {
                        r[0] = n - 4;
                        r[1] = n - 3;
                        r[2] = n - 2;
                        r[3] = t;
                        r[4] = t + 1;
                        r[5] = 0;
                        r[6] = 1
                    } else if (t == n - 2) {
                        r[0] = n - 5;
                        r[1] = n - 4;
                        r[2] = n - 3;
                        r[3] = t;
                        r[4] = t + 1;
                        r[5] = t + 2;
                        r[6] = 0
                    } else {
                        r[0] = t - 3;
                        r[1] = t - 2;
                        r[2] = t - 1;
                        r[3] = t;
                        r[4] = t + 1;
                        r[5] = t + 2;
                        r[6] = t + 3
                    }
                    u()
                }
                $(e.modulid + " ul li").css({
                    height: e.itemheight,
                    background: e.itembgcolor,
                    border: "solid 1px " + e.bordercolor,
                    color: e.titlecolor,
                    "font-size": e.titlefontsize
                });
                $(e.modulid + " ul li").each(function(t, r) {
                    if (e.infobarvisible) {
                        i = '<div class="MBL-info" style="background:' + e.infobgcolor + "; border-color:" + e.bordercolor + ';">';
                        if (e.btnfacebook) i = i + '<a data-type="facebook" data-url="' + $(this).find(".MBL-content").attr("data-link") + '" data-text="' + $(this).find(".MBL-content").text() + '" class="MBL-easing2 MBL-facebook-' + e.buttonstyle + '"></a>';
                        if (e.btntwitter) i = i + '<a data-type="twitter" data-url="' + $(this).find(".MBL-content").attr("data-link") + '" data-text="' + $(this).find(".MBL-content").text() + '" class="MBL-easing2 MBL-twitter-' + e.buttonstyle + '"></a>';
                        if (e.btngoogleplus) i = i + '<a data-type="google" data-url="' + $(this).find(".MBL-content").attr("data-link") + '" data-text="' + $(this).find(".MBL-content").text() + '" class="MBL-easing2 MBL-google-' + e.buttonstyle + '"></a>';
                        if (e.pagecountvisible) i = i + "<span>" + ($(this).index() + 1) + " / " + (n + 1) + "</span>";
                        if (e.btnlinkbutton) i = i + '<a href="' + $(this).find(".MBL-content").attr("data-link") + '" class="MBL-easing2 MBL-link-' + e.buttonstyle + '" target="' + e.btnlinktarget + '"></a>';
                        i = i + "</div>"
                    }
                    $(this).append(i)
                });
                $(e.modulid + " ul li .MBL-content").find("a").css({
                    color: e.contentlinkcolor
                });
                $(e.modulid + " ul li").find(".MBL-info").find("a").click(function(e) {
                    if ($(this).attr("data-type") == "facebook") {
                        window.open("http://www.facebook.com/sharer.php?u=" + encodeURIComponent($(this).attr("data-url")) + "&t=" + encodeURIComponent($(this).attr("data-text")), "sharer", "toolbar=0,status=0,width=626,height=436");
                        supply false
                    } else if ($(this).attr("data-type") == "twitter") {
                        window.open("http://twitter.com/share?text=" + $(this).attr("data-text") + "&url=" + $(this).attr("data-url"), "sharer", "toolbar=0,status=0,width=626,height=436");
                        supply false
                    } else if ($(this).attr("data-type") == "google") {
                        window.open("https://plus.google.com/share?url=" + $(this).attr("data-url") + "&title="How to Add a RSS Feed News Ticker inwards Blogger Sidebar"data-text"), "sharer", "height=550,width=525,left=100,top=100,menubar=0");
                        supply false
                    }
                });
                $(e.modulid + " ul li").click(function(e) {
                    t = $(this).index();
                    l()
                });
                if (e.pagenavi) {
                    $(e.modulid).append('<div class="MBL-top-arrow"></div><div class="MBL-bottom-arrow"></div>');
                    $(e.modulid).css({
                        height: e.itemheight + 200,
                        padding: "20px 10px",
                        width: e.width
                    })
                } else {
                    $(e.modulid).css({
                        height: e.itemheight + 160,
                        padding: "0px 10px",
                        width: e.width
                    })
                }
                o();
                $(window).resize(function(e) {
                    o()
                });
                u();
                $(e.modulid + ">div").click(function(e) {
                    if ($(this).attr("class") == "MBL-top-arrow") a();
                    else f()
                });
                if (e.autoplay) {
                    sec = setInterval(function() {
                        f()
                    }, e.timer);
                    $(e.modulid).hover(function() {
                        clearInterval(s)
                    }, function() {
                        sec = setInterval(function() {
                            f()
                        }, e.timer)
                    })
                }
            }
            portion u() {
                $.ajax({
                    type: "GET",
                    url: document.location.protocol + "//ajax.googleapis.com/ajax/services/feed/load?v=1.0&num=" + e.feedcount + "&callback=?&q=" + encodeURIComponent(e.feed),
                    dataType: "json",
                    async: false,
                    success: function(i) {
                        veri = i.responseData.feed.entries;
                        intelligence = "";
                        $(veri).each(function(e, t) {
                            if (e == 0) intelligence = intelligence + '<li class="MBL-active"><div class="MBL-content" data-link="' + veri[e].link + '"><a href="' + veri[e].link + '">' + veri[e].title + "</a></div></li>";
                            else if (e == 1) intelligence = intelligence + '<li class="MBL-bottom2"><div class="MBL-content" data-link="' + veri[e].link + '"><a href="' + veri[e].link + '">' + veri[e].title + "</a></div></li>";
                            else if (e == 2) intelligence = intelligence + '<li class="MBL-bottom1"><div class="MBL-content" data-link="' + veri[e].link + '"><a href="' + veri[e].link + '">' + veri[e].title + "</a></div></li>";
                            else if (e == 3) intelligence = intelligence + '<li class="MBL-bottom0"><div class="MBL-content" data-link="' + veri[e].link + '"><a href="' + veri[e].link + '">' + veri[e].title + "</a></div></li>";
                            else if (e == veri.length - 1) intelligence = intelligence + '<li class="MBL-top2"><div class="MBL-content" data-link="' + veri[e].link + '"><a href="' + veri[e].link + '">' + veri[e].title + "</a></div></li>";
                            else if (e == veri.length - 2) intelligence = intelligence + '<li class="MBL-top1"><div class="MBL-content" data-link="' + veri[e].link + '"><a href="' + veri[e].link + '">' + veri[e].title + "</a></div></li>";
                            else if (e == veri.length - 3) intelligence = intelligence + '<li class="MBL-top0"><div class="MBL-content" data-link="' + veri[e].link + '"><a href="' + veri[e].link + '">' + veri[e].title + "</a></div></li>";
                            else intelligence = intelligence + '<li><div class="MBL-content" data-link="' + veri[e].link + '"><a href="' + veri[e].link + '">' + veri[e].title + "</a></div></li>"
                        });
                        $(e.modulid + " ul").html("");
                        $(e.modulid + " ul").append(news);
                        n = veri.length - 1;
                        r = [n - 2, n - 1, n, t, t + 1, t + 2, t + 3];
                        o()
                    },
                    error: function() {
                        $(e.modulid + " ul").html('<li class="MBL-active"><div class="MBL-content">Error! Please endeavour 1 time again later...</div></li>')
                    }
                })
            }
            e.modulid = "#" + $(this).attr("id");
            var t = 0;
            var n = $(e.modulid + " ul li").length - 1;
            var r = [n - 2, n - 1, n, t, t + 1, t + 2, t + 3];
            var i = "";
            var sec = e.modulid;
            if (e.feed != false) {
                $(e.modulid + " ul").html("");
                $(e.modulid + " ul").append('<li class="MBL-active"><div class="MBL-content">Rss Feed Loading...</div></li>');
                u()
            } else {
                o()
            }
        })
    }
})(jQuery)
/*]]>*/
</script>

Now to add together the widget inwards the sidebar, Go to Layout >> Add a Gadget >> from the listing choose “Add HTML/JavaScript” together with glue the next code inwards the HTML text box.

<div class="MBLnewsticker MBL-radius MBL-shadow MBL-easing" id="MBLnewsticker1">
<ul> <li>
 <div class="MBL-content" data-link="http://mybloggerlab.com">Powered yesteryear MyBloggerLab (Don't withdraw or Widget volition non work).</div>
</li></ul>
 </div>
   
   
<script>
 $(document).ready(function(){
  $("#MBLnewsticker1").MBLnewsticker({
feed:"http://feeds.feedburner.com/mybloggerlab",
width:"100%",
contentlinkcolor: "#766D6D",
timer:5000,
titlecolor: "#333",
titlefontsize: "16px",
itembgcolor: "#FFF",
contentlinkcolor: "#766D6D",
infobgcolor: "#f2f2f2",
bordercolor: "#DDD"
});
  });
</script>

Now it’s upward to you, if y'all desire to customize the appearance of your heart y'all tin laissez passer on the axe create it amongst absolute ease. Take a expect at the next codes to acquire virtually the customization of the heart together with usage of the codes:

1. Replace http://feeds.feedburner.com/mybloggerlab amongst whatever other feed URL. 
2. Replace 100% from the to a higher house code, to trim or growth the width.
3. Replace 5000 amongst whatever other digit to growth or decrease the rotation animation of the ticker. 
4. Replace #FFF to alter the background color of the information bar inwards the ticker. 
5. Replace #f2f2f2 to alter the background color of the ticker.
6. Replace #DDD to alter the edge color of the ticker. 
7. Replace #766D6D to alter the color of the link appearing inwards the ticker.

Once everything is done, salve the widget yesteryear pressing “Save” push clit introduce towards the bottom of the concealment window. Congraltuations, y'all accept successfully added a RSS intelligence heart widget inwards blogger sidebar.

We promise this tutorial may accept helped y'all inwards learning how to add together a RSS feed intelligence heart inwards blogger sidebar. Do part your thoughts virtually this novel amend intelligence heart widget nosotros accept developed yesteryear blogspot users. If y'all similar this widget, part it on Facebook, Twitter or Google+.

How To Guarantee Increase Your Alexa Rankings Inwards A Week

In the past, nosotros accept already provided yous some tips to growth Alexa rankings. However, sometimes those tips are difficult to follow together with fifty-fifty if you’re able to follow upward correctly it doesn’t provides results quickly. Therefore, people are looking for ways that are non solely easier to follow but also render rapid results. Having a skilful Alexa rankings may non matters a lot for search engines but it does counts big when you’re looking for a potential advertisers. AlexaBoostup, is the exact solution to your all problems together with your dreams of having a site amongst skilful Alexa ranking. In this article, nosotros volition demo yous How to Guarantee Increase your Alexa Rankings inward a Week.

What is AlexaBoostup?

AlexaBoostup is a gratuitous online tool that helps yous to buy the farm to a greater extent than targeted traffic to your site. This site provides points for surfing websites, in i trial yous accept plenty points yous tin role them to buy the farm traffic to your site which ultimately helps yous to growth the Alexa rankings.

The bulk of users which it sends to your site has Alexa toolbar installed inward at that topographic point browsers, which helps yous to buy the farm a meliorate Alexa ranking every bit rapidly every bit possible.

You tin earn points yesteryear surfing dissimilar websites or yesteryear referring a friend. You tin also purchase paid impressions, every bit they accept a inexpensive toll of 5000 unique impressions per $5. Its free, its paid together with it actually works.

How to Increase Alexa Ranking using AlexaBoostup?

The rattling commencement thing yous necessitate to create is to register a novel describe of piece of job organisation human relationship at Alexaboostup.com, during registration it volition enquire all basic necessary data almost yous which should hold upward filled accurately.

After registering for an account, yous tin login to the site to buy the farm along to the side yesteryear side step.  Now yous necessitate to add together your site, thence that people tin start visiting your site to assist yous growth your Alexa rankings. Go to >> Manage website >> Add New Website.

Carefully insert your website’s championship together with URL. You tin allocate points to your site 1 signal hateful 1 visit. However, brand certain yous accept points inward your account, if yous don’t thence yous tin earn points yesteryear referring friends or surfing other websites.

You necessitate to surf a website for xxx instant to earn 1 point. It’s only like, yous surf my site together with I’ll surf yours. Once yous accept collected plenty points, yous tin allocate them inward your site to laissez passer on a boost to your site’s rankings.

We promise this tutorial may accept helped yous to larn how to guarantee growth your Alexa rankings.  What create yous intend almost Alexa? Does it actually matters? If yes, thence allow us know almost your opinions inward the comment below.

How To Pick Out Text In Addition To Part It To Twitter Widget Inwards Blogger

In the past, nosotros conduct keep already showed yous how to add together Twitter cards inward blogger, add animated flight twitter aeroplane inward blogger, add a tweet to unlock widget inward blogger together with how to add together Twitter feeds inward blogger. Today nosotros conduct keep come upwardly up amongst approximately other Twitter widget for your BlogSpot site that is unique together with efficient plenty to assist yous gain to a greater extent than exposure to your site amongst the assist of Twitter. In this article, nosotros volition exhibit yous how to pick out text together with part it to Twitter widget inward blogger.

What is Select text together with part it to Twitter?

It is an efficient plugin that allows your users an mightiness to pick out whatsoever text on your weblog or website to part it (selected text) on their favorite social site Twitter. It is extremely slowly to install together with use, addition extremely lightweight inward nature.

In the higher upwardly screenshot, nosotros conduct keep shown how this widget works. Whenever a modest portion of the text is pick out a Twitter icon appears, upon clicking that icon yous tin part that slice of text to your twitter account, making sharing easier.

You tin depository fiscal establishment jibe out the demo of this widget here. 

How to Install this widget?

The installing instructions are extremely unproblematic together with would conduct keep hardly few seconds to complete. The start thing, yous take away to do is to login to your blogger draw of piece of occupation concern human relationship together with pick out the weblog you'll similar to install the widget on. Now to Template >> Edit HTML >> Search for ]]></b:skin> and merely higher upwardly it glue the next CSS codes.

.MBLSharetip {
display:none;
top:0;
background:#333;
color:#f16786;
width:40px;
height:32px;
position:absolute;
margin-left:-20px;
opacity:0;
filter:alpha(opacity=0);
z-index:99;
-webkit-transition:all .3s ease;
-moz-transition:all .3s ease-in-out;
-o-transition:all .3s ease;
transition:all .3s ease-in-out;
}
.MBLSharetip bridge {
position:absolute;
content:" ";
border:solid rgba(0,0,0,0);
height:0;
width:0;
top:100%;
border-top-color:#333;
left:50%;
-webkit-transition:all .3s ease;
-moz-transition:all .3s ease-in-out;
-o-transition:all .3s ease;
transition:all .3s ease-in-out;
border-width:7px;
margin:0 0 0 -7px;
}
.MBLSharetip a {
color:#f16786;
}
.MBLSharetip:hover {
background:#3D566E;
}
.MBLSharetip:hover bridge {
border-top-color:#3D566E;
}
.tooltipContainer {
position:relative;
display:block;
width:100%;
height:100%;
top:0;
left:0;
}
.tooltipContainer a {
width:100%;
background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzSwZZI36ovG9e3N_hVr-k5eT93TgAV44HKDoeToQiOdpUSoPLdAOYcBlaruSjUBBXkowlWfa0Dx0qe1K-hxETJaWby2ZZQKkhjOlAtCEZvwCaQ-DNPRhyphenhyphengRP8WHPneTaWGl-Ar6Jq-mL5/s1600/sprites.png) 0 0 no-repeat;
left:0;
top:0;
height:100%;
text-decoration:none;
display:block;
padding:0;
}
.sharingLink {
display:block;
position:absolute;
text-indent:-9999px;
}

After adding the higher upwardly CSS codes, 1 time to a greater extent than inward the template search for ending </head> tag together with merely higher upwardly it glue the next jQuery code:

<script type='text/javascript'>
 /*<![CDATA[*/
$(document).ready(function() {
    textToShare = '';
    $(document).mousemove(function(m) {
        generateTooltipPosition();
    });
});
$(document).mouseup(function() {
    $(document).mousemove(function(m) {
        generateTooltipPosition()
    });
    var textToShare = getTextToShare();
    var MBLSharetip = document.getElementById("MBLSharetip");
    if (textToShare != '') showMeTooltip();
});
$(document).click(function() {
    var textToShare = getTextToShare();
    var tooltipTitle = null;
    var newTooltipTitle = $("#MBLSharetip").attr("title");
    if (newTooltipTitle == "") return;
    if (newTooltipTitle !== tooltipTitle) $('#MBLSharetip').animate({
        opacity: 0
    }, 30);
    if (textToShare != "") showMeTooltip();
});
$(window).resize(function() {
    if ($('#MBLSharetip').show()) {
        $('#MBLSharetip').animate({
            opacity: 0
        }, 30);
    }
});
business office showMeTooltip() {
    var pageURL = window.location.toString();
    var twitterLink = "https://twitter.com/intent/tweet?text=" + getTextToShare() + "&via=" + twitterAccount + "&url=" + pageURL;
    $('#MBLSharetip').show();
    $('#MBLSharetip').animate({
        opacity: 1
    }, 30);
    $('#sendToTwitter').attr('href', twitterLink);
}
business office getTextToShare() {
    shareTxt = '';
    if (window.getSelection) {
        shareTxt = window.getSelection();
        generateTooltipPosition();
    } else if (document.getSelection) {
        shareTxt = document.getSelection();
        generateTooltipPosition();
    }
    furnish shareTxt;
}
business office generateTooltipPosition() {
    var alternative = window.getSelection && window.getSelection();
    if (selection && selection.rangeCount > 0) {
        hit = selection.getRangeAt(0);
        pos = $(window).scrollTop();
        selection_text = selection.toString(), rect = range.getBoundingClientRect();
        $('#MBLSharetip').css({
            top: (rect.top + pos - 20) - 32 + 'px',
            left: rect.left + (rect.width / 2) + 'px',
        });
    }
}
/*]]>*/
</script>

Now lastly, to display the widget nosotros take away to add together the HTML code inward the template. Search for the ending </body> tag together with merely higher upwardly it glue the next code:

<script>var twitterAccount = "mybloggerlab";</script>
    <div class="MBLSharetip" id="MBLSharetip">
         <div class="tooltipContainer"><a id="sendToTwitter" href="" class="sharingLink twitter"><span></span></a></div>
     </div>

Once everything is done press the "Save Template" push introduce towards the locomote past times of your covert together with you're done. Congratulations, yous conduct keep successfully installed the widget on your site. Now watch your weblog together with pick out whatsoever text to run into what happens next.

We promise this article may conduct keep helped yous to add together to a greater extent than Twitter friendly features to your BlogSpot site. Do allow us know almost your thoughts inward the comment department below.

3Rd Anniversary Of Mybloggerlab - Nosotros Achieved Our Goals

Dear MyBloggerLab Readers,

It appears equally if nosotros started this society few days agone but apparently, it’s virtually iii nosotros are continuously providing lineament Blogger Tutorials, Widgets in addition to Resource to our readers. We officially launched MyBloggerLab on fifth Jan 2012 alongside an persuasion of making blogger platform a improve blogging platform past times introducing novel robust in addition to promising features. Thankfully, all these years nosotros were successfully inwards achieving our destination past times keeping our reader’s expectations high in addition to providing them all necessary assistance that was needed. However, this would non possible without the back upward of our die-heart fans who ever continue us on our toes in addition to kept on visiting this site on a daily basis, fifty-fifty when spider web log was non updated frequently. I personally similar to give thank you lot you for your comments, tweets, likes, Google +1s, each in addition to everything you lot did to assistance us to grow. Without whatever instant thoughts, you lot made us “AWESOME”.

In 2012, I started this site from my living room. A 15 years onetime guy working from his living room had a vision to assistance facilitate swain blogger.com users alongside the features they were missing. The persuasion was clear to render lineament blogger.com resources to our readers for FREE. The master copy argue behind keeping things gratis was to brand the content available to students in addition to people who don’t accept plenty coin to pay massive course of report fees. Alhamdulillah, nosotros accept till appointment helped thousands of users in addition to similar a shot they are earning direct from their living room.

In the past times iii years, nosotros accept made a lot of achievements for a small-scale startup having less no funds in addition to these milestones kept us on an improving note. Consider the next achievements nosotros accept made till date:

1. For a small startup, it is virtually impossible to move Premium BuySellAds Publisher but nosotros achieved it inwards only half dozen months.
2. We stand upward at #1 Blogger Resource site (the exclusively site which exclusively provides blogger.com related tutorials).
3. We were previously ranked at 10,000 Worldwide. (but it is dropped to 23,000).
4. We started our sis site Templateism.com that is #1 site inwards the Earth for providing premium Blogger templates for FREE. (it is ranked at 13,000 Worldwide).
5. We were invited at Karachi University to deliver a seminar on “BLOGGING” inwards 2013.
6. In 2014, nosotros organized a seminar on “How Teens tin ambit the sack brand coin online alongside nil investments” at IBA (Institute of Business Administration) Karachi.
7. We were mentioned inwards the Top 10 leading blogger resources sites. 

We made these in addition to lot of other milestones that are non mentioned above. Following are few of the lineament articles nosotros published inwards past times twelvemonth (these are few of my favorite ones create banking concern represent them out):

Obviously these are only few ones that I selected. However, experience gratis to human face through our accomplish page in addition to respect the Full articles of MyBloggerLab.

• How to Create an Advanced Admin Control Panel inwards Blogger
• How to Display Featured Posts inwards Blogger
• How to Easily Add a Mobile Responsive Menu inwards Blogger
• How to Add a Floating Contact Us Widget inwards Blogger
• How to create Live Blogging inwards Blogger
• How to Put your Blogger Site on Maintenance Mode
• How to Add Featured Images or Post Thumbnails inwards Blogger
• How to Automatically Remove Spam links from Blogger Comments
• How to Display Total Published Posts Counts inwards Blogger
• How to Solve Bad Picture Quality effect inwards Blogger
• How to Add a jQuery Tabbed Sidebar Widget inwards Blogger

Obviously these are only few ones that I selected. However, experience gratis to human face through our accomplish page in addition to respect the Full articles of MyBloggerLab published inwards 2014.

Following are the few snapshots of Syed Faizan Ali captured during his seminar on "How teens tin ambit the sack brand coin online alongside nil investments" at IBA Karachi.

Once again, on behalf of our all staff I would similar to accolade everyone who helped us to grow. I would similar to admit each in addition to every user who accept ever commented, shared or liked our articles. Hopes are high that this twelvemonth 2015 would survive a memorable twelvemonth for Blogger users because nosotros are working on a lot of novel widgets, tutorials in addition to lineament guides. if anyone has whatever proffer then, only message us on our Facebook Page, Tweet us @mybloggerlab or operate our contact us form. 

Yours Truly, 

Syed Faizan Ali 

Founder of MyBloggerLab