Google PageRank Update : December 2013

♠ Rakshith Mlore in ,,,

Hi friends, after last 10 months, Google ha rolled out an unexpected PageRank update on December 6, 2013. Many webmasters and bloggers didn’t knew about this update and were shocked.

Google-Pagerank-Update-On-6th-December-2013

Even though it is an surprise update from Google for this Christmas. But I am very happy with this update because our blog My Blogging Techniques has increased from 0 to Page Rank 1. 

 

I am happy to announce, that now My Blogging Techniques is a Page Rank 1 Blog.

 

See the previous Google Page Rank updates by Google sorted by year and months :

Year 2005

  • January 2005
  • March 2005
  • July 2005
  • October 2005

Year 2006

  • April 2006
  • July 2006
  • September 2006

Year 2007

  • January 2007
  • April 2007
  • October 2007

Year 2008

  • January 2008
  • April 2008
  • July 2008
  • September 2008
  • December 2008

Year 2009

  • April 2009
  • May 2009
  • October 2009
  • December 2009

Year 2010

  • April 1, 2010

Year 2011

  • January 20, 2011
  • June 27, 2011
  • July 18, 2011
  • August 5, 2011
  • November 7, 2011

Year 2012

  • February 7, 2012
  • May 3, 2012
  • August 2, 2012
  • November 7, 2012

Year 2013

  • February 4, 2013
  • December 5, 2013

Congratulations for all those, who have attained page rank by this update and also for those whose Page Rank did not drop down or increased.

Share Your Page Rank With Us

Did your site or blog got Page Rank by this update ? How are you feeling ?

let us know via comments below.

How To Drag and Drop Widget in Blogger Layout

  • First place your mouse cursor on the widget which you want to move from the current place and hold your mouse left click.
  • Now you have to move or drag that widget to the place where you want to move. Carefully see the image below. (In the below image I want to move my widget from place 1 to place 2)

Drag-and-drop-widget-in-footer-section_thumb[3]

  • After positioning it in your required place you just leave the mouse means release your mouse from hold.
  • Then at last you have to do one main thing that is you have to click the "Save arrangement" option on the above means in top right corner of your layout window. That's it.

So here is the simple way to how to add, move as well as remove a widget or gadget from blogger. Hope you enjoyed this. Newbie's if you have any query or problem feel free to ask us below in the comment section.

Pros And Cons Of Using Blogger

♠ Rakshith Mlore in ,,,
Blogger is the most widely used blogging platform. It is a Google product and bound to Google’s policies and guidelines. It is free blogging blogging platform which provide very flexible blogging environment for its users. Setting a blog with blogger is very easy you can setup a completely new blog in just few minutes. As compare to other blogging platforms It provides lots of features to its users. Although with these  advantages it has various disadvantages. In this article we will discuss various pros and cons of using blogger as your blogging platform.
pros and cons of blogger[5]

Advantages of using blogger as your blogging platform

Free – Blogger is absolutely free blogging platform. You can setup a new blog with blogger without spending even a single penny. It provides hosting for your content for free. If you can’t afford paid hosting for your blog then blogger is the best blogging platform for you. It is best for teenagers, students or even housewives. It is the best choice for personal blogs.

Easy Customization – Blogger uses HTML, XML and JavaScript in their blogs. It is very easy to customize your blog’s structure and design. It provides the complete HTML structure of your blog in Editable format. You can easily customize your blog’s look and feel by editing the HTML code of your blog. For this you do not need to hire any professional , you can easily do this on your own by following simple online guides for blogger.
Simple User Interface – Blogger provides very simple and clean user environment for the blog administrators.  It provides a fully functional dashboard for managing your blogs from one place. You can create , delete or modify your blogs from this dashboard in just few clicks.
Widgets and Templates – Widgets are used for integrating additional functionality to your blog. They are similar to plugins in the wordpress. There are thousands of widgets are available over internet which are ready to be integrated in your blogger blog. You can get these widgets free of cost from the internet. Blogger templates are premade custom themes which can be easily applied to your blog. There are lots of free and premium blogger template available over the internet.

Computer and mobile support – Blogger supports both mobile and computer systems means your blog can be accessed easily from any of these devices. For mobiles blogger provide separate templates and graphical look.

Disadvantages of using Blogger

Lack of Control – As we all know blogger blogs are the property of the Google. Google has the right to delete your blog anytime if your blog do not follow Google’s guidelines.
Partial SEO – Blogger blogs are not fully SEO optimized. You have to edit your template for adding meta tags, keywords etc. There are no SEO plugins available for blogger blogs.
Sitemap generator for blogger
Not good for Large blogs – Blogger blogs are good for small and personal blogs only. If you are serious about blogging and want to become a full time blogger then do not use blogger as your blogging platform because blogger does not provide full control over your blog so blogger is not a good choice for professional blogging.
Content Restrictions – In blogger you can only upload images in your blogger account. You cannot add other files such as zip, mp3, exe etc. You need another external source for storing these type of files.
No plugins – Unlike wordpress,  Blogger lacks the plugin support for their blogs Widgets will serve the purpose of the plugins but upto some limits.
Some restrictions – Blogger has some restrictions on its blogs. These restrictions are explained below -
  • You can create maximum 100 blogs per blogger account.
  • Can only store 1GB images for free after that you will have to pay for it.
  • You can add 100 team members per blog.
  • You can add maximum 20 labels to per post.
  • You can create maximum 20 static pages.






Facebook Style Blogger Template–Free Download

While surfing throughout the internet I found the most interesting blogger template released by Dapinder Singh of Windroidclub.com. He has designed this very beautifully and in a clean manner with 6 features in it.


facebookstyle25

Features of facebook style blogger template

  • Floating Header.
  • Automatic Post Summaries
  • Custom Fonts
  • Custom popular posts
  • Custom labels
  • Floating Share buttons

4 Stylish and Clean Search Boxes For Blogger

In our previous post, we have provided you with an Expandable Search Box for your blogger blogs. So today similar to that not expandable but clean and good looking search boxes which will attract your visitors to navigate your site more and more.
In this article I will give you 4 different search boxes with great design namely Clean Search Box, Elegant Green, Easy Blue and Dark Elegant Black. So here are the codes, before that look at the steps that you need to follow.

Add 4 Stylish and Clean Search Boxes For Blogger

  • Go to your blogger dashboard and select your blog.
  • Select Layout option.
  • Select Add a gadget option.
  • Select HTML/JavaScript widget.
  • In the HTML/JavaScript widget paste code of the search box widget and save the widget.
Note : You can use the code of any search box from the below given 4 designs.

1. Clean Search Box

search-box 1
<style>
#mbt-searchsimplebox1
{
padding:10px;
}
#mbt-searchsimplesubmit1
{
border:1px solid orange;
background: orange;
padding:5px;
color:#ffffff;
font:14px verdana;
}
#mbt-searchsimpleinput1
{
-moz-border-radius: 10px;
-khtml-border-radius: 10px;
-webkit-border-radius: 10px;
border:1px solid #dcdcdc;
background:#ffffff;
padding:5px;
color:#888888;
width:130px;
font:14px verdana;
}</style>
<div id='mbt-searchsimple1'>
         <form expr:action='data:blog.homepageUrl + "search/"'  method='get' id="mbt-searchsimplebox1">
            <input name='search' id='mbt-searchsimpleinput1' onblur='if (this.value == "") {this.value = "Search this site...";}' onfocus='if (this.value == "Search this site...") {this.value = ""}' type='text' value='Search this site...'/>
            <input id='mbt-searchsimplesubmit1' type='submit' value='Search'/>
         </form>
      </div>

2. Elegant Green

search-box 2
<style>
#mbt-searchgreen1
{
background: rgb(143,196,0); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(143,196,0,1) 0%, rgba(143,196,0,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(143,196,0,1)), color-stop(100%,rgba(143,196,0,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(143,196,0,1) 0%,rgba(143,196,0,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(143,196,0,1) 0%,rgba(143,196,0,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(143,196,0,1) 0%,rgba(143,196,0,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(143,196,0,1) 0%,rgba(143,196,0,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8fc400', endColorstr='#8fc400',GradientType=0 ); /* IE6-9 */
border-radius:10px;
width:290px;
}
#mbt-searchgreenbox1
{
padding:10px;
}
#mbt-searchgreensubmit1
{
border:1px solid green;
background: green;
padding:5px;
color:#ffffff;
font:14px verdana;
}
#mbt-searchgreeninput1
{
-moz-border-radius: 10px;
-khtml-border-radius: 10px;
-webkit-border-radius: 10px;
border:1px solid #ffffff;
background:#ffffff;
padding:5px;
color:#888888;
font:14px verdana;
}
</style>
<div id='mbt-searchgreen1'>
         <form expr:action='data:blog.homepageUrl + "search/"'  method='get' id="mbt-searchgreenbox1">
            <input name='search' id='mbt-searchgreeninput1' onblur='if (this.value == "") {this.value = "Search this site...";}' onfocus='if (this.value == "Search this site...") {this.value = ""}' type='text' value='Search this site...'/>
            <input id='mbt-searchgreensubmit1' type='submit' value='Search'/>
         </form>
      </div>

3. Easy Blue

search-box 4
    <style>
#mbt-searchblue1
{
background: rgb(37,141,200); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(37,141,200,1) 0%, rgba(37,141,200,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(37,141,200,1)), color-stop(100%,rgba(37,141,200,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(37,141,200,1) 0%,rgba(37,141,200,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(37,141,200,1) 0%,rgba(37,141,200,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(37,141,200,1) 0%,rgba(37,141,200,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(37,141,200,1) 0%,rgba(37,141,200,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#258dc8', endColorstr='#258dc8',GradientType=0 ); /* IE6-9 */
border-radius:10px;
width:290px;
}
#mbt-searchbluebox1
{
padding:10px;
}
#mbt-searchbluesubmit1
{
border:1px solid orange;
background: orange;
padding:5px;
color:#ffffff;
font:14px verdana;
}
#mbt-searchblueinput1
{
-moz-border-radius: 10px;
-khtml-border-radius: 10px;
-webkit-border-radius: 10px;
border:1px solid #ffffff;
background:#ffffff;
padding:5px;
color:#888888;
font:14px verdana;
}
</style>
<div id='mbt-searchblue1'>
         <form expr:action='data:blog.homepageUrl + "search/"'  method='get' id="mbt-searchbluebox1">
            <input name='search' id='mbt-searchblueinput1' onblur='if (this.value == "") {this.value = "Search this site...";}' onfocus='if (this.value == "Search this site...") {this.value = ""}' type='text' value='Search this site...'/>
            <input id='mbt-searchbluesubmit1' type='submit' value='Search'/>
         </form>
      </div>

4. Dark Elegant Black

search-box 3
    <style>
#mbt-searchblack1
{
background: #222222;
border-radius:10px;
width:290px;
}
#mbt-searchblackbox1
{
padding:10px;
}
#mbt-searchblacksubmit1
{
border:1px solid #222222;
background: #dc4523;
padding:5px;
color:#ffffff;
font:14px verdana;
}
#mbt-searchblackinput1
{
-moz-border-radius: 10px;
-khtml-border-radius: 10px;
-webkit-border-radius: 10px;
border:1px solid #ffffff;
background:#ffffff;
padding:5px;
color:#888888;
font:14px verdana;
}
</style>
<div id='mbt-searchblack1'>
         <form expr:action='data:blog.homepageUrl + "search/"'  method='get' id="mbt-searchblackbox1">
            <input name='search' id='mbt-searchblackinput1' onblur='if (this.value == "") {this.value = "Search this site...";}' onfocus='if (this.value == "Search this site...") {this.value = ""}' type='text' value='Search this site...'/>
            <input id='mbt-searchblacksubmit1' type='submit' value='Search'/>
         </form>
      </div>
Happy Blogging :-)

Add An Expandable Search Box to Blogger

Blogger has its own widget style for its blogspot sites. But it is not necessary that you implement the same widget on your site too. These search box designs are applicable to almost any type of blog design. Adding these search boxes to your blog  is like a breeze, you just need to copy and paste the code on your blog without any modifications in it.

Is it necessary to add search box in our blog?

Yes, it is very important to add search box in our blog. By using search box blog visitors can search any post in our blog`s archive without any effort. Suppose you have a large blog with thousands of posts then it is very difficult for your blog visitors to find any specific article in your blog by going through the complete archive of your blog posts. If you have search box installed on your blog then visitors can directly search any post by using it. In this way search box helps blog visitors to easily navigate through your blog and get their required information.
search-box

Add Search box widget to blogger blog

  • Login to your blogger dashboard
  • Select your desired blog that you wish to add this widget.
  • Select Layout option.
  • Select Add a gadget option.
  • Select HTML/JavaScript widget.
  • In the HTML/JavaScript widget paste code of the search box widget and save the widget.
See the live demo by going to the link given below.


Here is the code
<style>
#mbt-searchexpandbox1
{
padding:10px;
}
#mbt-searchexpandsubmit1
{
border:1px solid #111111;
background: #111111;
padding:5px;
color:#ffffff;
font:14px verdana;
}
#mbt-searchexpandinput1
{
-moz-border-radius: 10px;
-khtml-border-radius: 10px;
-webkit-border-radius: 10px;
border:1px solid #dcdcdc;
background:#ffffff;
padding:5px;
color:#888888;
font:14px verdana;
transition: width 2s;
-webkit-transition: width 2s; /* Safari */
-o-transition: width 2s; /* Opera*/
-moz-transition: width 2s; /* firefox*/
width:65px;
}
#mbt-searchexpandinput1:hover
{
width:200px;
}
</style>
<div id='mbt-searchexpand1'>
         <form expr:action='data:blog.homepageUrl + "search/"'  method='get' id="mbt-searchexpandbox1">
            <input name='search' id='mbt-searchexpandinput1' onblur='if (this.value == "") {this.value = "Search this site...";}' onfocus='if (this.value == "Search this site...") {this.value = ""}' type='text' value='Search this site...'/>
            <input id='mbt-searchexpandsubmit1' type='submit' value='Search'/>
         </form>
      </div>

BigRock Domain Registration Coupons

♠ Rakshith Mlore in ,,

bigrock-logo

10% off on Domain Names

Expires: 11/01/2013

OCAFF

.COM Domain Names @ just Rs 99. Hurry! Offer Ends Soon!!

Expires: Never Expires

BRC9O9MCUPN

Hurry!! .COM domains @ just Rs. 159

Expires: Never Expires

BRCUPNC1O5M9

Get a .NET @ Rs.299 + 6 month DIY absolutely Free

Expires: Never Expires

BIGNET299

Get .COM domains @ just Rs. 249. Hurry!!

Expires: Never Expires

BIGORG

Get a complete .ORG website at Rs. 299

Expires: Never Expires

Get a Free Website with Every .COM and .NET Domain.

Expires: Never Expires

BRSUPER

Complete .Biz Websites at Just Rs. 199

Expires: Never Expires

BIGBIZ

Get 10% off on Domain Registration

Expires: Never Expires

BRANDOF

Flat 20% Off on all Domain Transfers

Expires: Never Expires

BIGTRANSFER

Free 5 page website with every .Org Domain

Expires: Never Expires

BIGORG

PureX Responsive Free Premium Blogger Template

purex-responsive-blogger-template

a responsive premium yet free blogger template which is highly customizable in terms of colors so that it suits each and every blog and gives way for innovative color combinations. PureX is built on the same base grid but this is a Gallery styled template. It offers everything that PureZ offers in a Gallery style view of the posts. Below is the full details about features and editing necessities.
PureX Responsive Blogger Template Being responsive as well as fluidic means it will fit into screen of any size without horizontal scrolls. May it be a desktop, laptop, tablet, smartphone, anything with a screen, it will fit into it. With its single click site-wide color change feature, you can set your own color for the blog with a total of 9 color combinations which covers the entire site. The Gallery style makes it look even more eye catching for certain niche blogs. If you need a normal list type version of this template then go and download the PureZ blogger template.
Tags : responsive, minimalistic, elegant, multi-color, fluid-width, 2-column, right-sidebar, 4-column-footer, premium, free, search-engine-optimized, html5

PureX Features

  • Gallery Style View
  • Fully Responsive (till 320px) as well as Fluidic Design
  • Minimalistic and Elegant in nature
  • Single Click Color change to your Choice of color
  • SEO Optimized
  • 2 Colum Design
  • 300px Wide Right Sidebar
  • 4 Column Footer
  • Admin Comment Highlight
  • Auto Page Menu at the bottom
  • Header AD Banner
  • Minimalistic yet Professional Look

PureX Technical Aspects

  • HTML5 coded with CSS3
  • Full Compatibility across all latest web browsers
  • Opengraph integrated
  • Share buttons already included

Necessary Editings

Menu Bar
Go to Template page and click Edit HTML. Search for <nav> tag around line 377. You will have
<li><a href='YOUR-LINK-HERE'>Category 1</a></li>

and similar lines. Change the name of menu and change the link of all the items and press Save Template.
Changing the color


In the Template Page, click Customise and select the Advanced tab in the graphical editor. You will be presented with a list of changeable colors. Select and change accordingly. Press Apply to Blog after changing the colors.


Click here if you don't know how to install blogger templates.

 

 

 

Author of this Template : Karthik M’lore

How to Install Blogger Template

It is very important to Blogger templates whenever you are playing/editing with your template’s HTML codes. we may need to back-up an existing template before making significant changes to an exiting templates so that i would be restored later.

How to Download an Existing template for Backup
  • Login to your Blogger Dashboard.
  • Go to Template –> click on Backup / Restore button in the top right corner of the page.
121
  • A window opens like this.
backup-restore-2
  • Click on Download Full Template and allow it download.
How to Restore/Upload New Blogger template
  • Login to your Blogger Dashboard.
  • Go to Template –> click on Backup / Restore button in the top right corner of the page.
  • Click on Browse –> Choose the downloaded file –> Click on Upload button.
we
Once the file has uploaded, you'll receive a message saying that your template upload was successful and can preview your design on the Template page.
Drawbacks when uploading a New Template

When uploading a new template, any gadgets which were not present in the new template would be deleted. Blogger's new interface ensures that all gadgets will be retained, though they may appear in different sections of your layout.
You can easily rearrange the location of your gadgets through the Layout section of your Blogger dashboard if required.

3 Traditional Ways to Earn-Money Blogging

Blogging can be fun, yet it also requires long hours and most of the times, hard work. Therefore, choose topics that you are passionate about and interests you most. Any which way, blogging can give a lucrative income if given the right focus and dedication.earn-money-blogging-300x225

 

1. Put advertisements.

Blog promotion is one way to let that you let others know that you are into blogging. Coming up with a marketing strategy to advertise your blog can help in making others aware of your existence. A particular advertising site such as Adsense by Google is one of the most popular platforms in advertising online.

And after Adsense, there are many publishers networks that allow you earn few bucks to your pockets. Such publishers networks are BuySellAds, Media.Net, Infolinks, Chitika etc.

2. Get employed.

Today, many companies are hiring more bloggers to gain more customers towards them. This is one marketing technique being used by businesses to penetrate the target market. Blogging about the company’s profile, products and services offered helps in reaching out to people what they really need to know. More people are now getting information by the use of the internet, and reading is just a click away.

 

3. Find sponsors.

This is usually applicable to some bloggers. A good business connection can be useful or a recommendation from someone you know can be to your advantage. Corporate sponsorship can be rewarding but you need to totally carry the company brand on your blog site. Although you get paid for this, there is the need to adhere to some restrictions like mentioning a particular competitor that carries similar product and services.

PayPal For Your Earn-Money Blogging : For Your Money Transactions

 

Hi there folks, today lots of people are interested in blogging and lots of them come into blogging for making a pocket full of money. Only few get a success on it. One can never deny the fact that people are easily fascinated by easy online jobs which of course involves earning money in a fast and simple way. It is really ideal to write an article about something we enjoy and earn money at the same time, and there are varieties of online payment service providers to ensure that we, bloggers, receive our earnings without a problem. However, because some bloggers set eyes on money alone, they tend to ignore the subtle dangers of entrusting their money online.

PayPal-screenshot-300x225

Now let’s take the example of an online money transactions company like PayPal.

PayPal is used as a channel for making online money transfers and payments, an alternative to paper transactions. Many bloggers nowadays use PayPal for business. Still, it is advisable to set standards and precautionary measures on choosing the aforementioned online money transfer so we may be able to see the advantages and disadvantages that come with it.

The first thing to consider about choosing PayPal is its safety. Since it is no wonder a big company and patronized by people all over the world, cybercrime in online jobs is inevitable. It was stated in news that PayPal is not regulated as a bank, therefore, the safety it offers isn’t as concrete as other banks. Additionally, there are numerous cases and complaints that PayPal executes sudden freezing of accounts without further notice, one if its disadvantages.

Another is its service – whether the transaction is fast or slow. Based on online forums, PayPal customers stated that it usually takes 3-5 days to complete such action, but the person receiving money has an immediate access to it, which is favorable and convenient for bloggers.

We may encounter different outcomes when it comes to online jobs, because first and foremost, one may consider it risky. But it is important for bloggers to be careful, especially when dealing with money, so we should choose wisely which payment service provider to entrust our money to. To decide whether PayPal is good enough relies on the bloggers themselves, in which picking an online help when it comes to money is taken into consideration.

Well, I have been using PayPal for my blogging at home activities and so far I have no safety issues and other risks that made lost my money. But the only thing I’m sure is that I feel like the service charges PayPal have been deducting to money I received from advertiser paying for my blogging services is somehow HUGE. I know other PayPal users have the same sentiment, but anyway I am doing online business. Aside from the fact that their conversation rates from dollar to your local currency is quite lower as based on worldwide foreign exchange.

In any case, I still like PayPal for convenience in making may online transactions – my earning money from blogging activities. If anyone of you reading this, do you have the same sentiments or anything to say about PayPal? Please comment below.

Automatically Publish Blogger Posts To Facebook,Twitter And Other Social Sites

Social media plays an important role in improving any blog's SEO.That's why you may watch social media gadgets almost on every blog/website.If you have enough number of subscribers on social sites then just automatically publish your posts on social sites and get the traffic.Today I am giving a tutorial about automatically posting on Facebook,twitter and some other social sites with using dlvr.it service which is free of cost.I am also using this service to publish my blogger posts Facebook and twitter.The reason behind to choose dlvr.it is it is very easy to use and install.You can on-off auto publishing anytime and very easily.Lets see how to use it.

Automatically Publish Blogger Posts On Social Sites

  • First go to dlvr.it
  • Signup with giving your email address and choosing password.
  • Now go to your inbox and confirm your email address first
  • You will redirect to another page here you have to provide your feeds address in below format
  • automatically-publish-blogger-posts3
    http://feeds.feedburner.com/FEEDBURNER USERNAME HERE

  • Click on twitter icon and you will redirect to twitter
  • Give your twitter's profile's username and password and hit "Authorize App" button.Now your posts will automatically publish on twitter.

  • automatically-publish-blogger-posts2
  • Now click on Facebook icon.

  • automatically-publish-blogger-posts4
  • You will redirect to Facebook page. Log in to your Facebook account from which you are managing your fan page and select your fan page.
  • Customize your services as you wish and save your changes.

  • That's all about auto posting on social networking.If you know more services then share it using contact form below.


Awesome New Latest Tweets Twitter Widget For Blogger

Now days social sharing has become most powerful way to increase traffic on your blog. Twitter is best way to share your blog posts. Here is a awesome new twitter gadget developed by way2blogging.org. I am sharing this with you. Installation is so easy,Just follow my steps.
btsnts-twitter-birdwidget
How To Awesome New Latest Tweets Twitter Widget For Blogger
  • Copy this code.
  • Paste this code in your notepad.
  • Replace all bloggingtechnix with your twitter username & follow below image instruction.
  • Log in to Blogger Dashboard  --> Edit Layout.
  • Select Add a Gadget --> Html/JavaScript.


    • <style type="text/css">ul#twitter_update_list{list-style:none;margin:20px 0;background:none;}ul#twitter_update_list li{list-style:none;background:url(http://3.bp.blogspot.com/-EOVUNHdEphQ/ThL4DoMu7sI/AAAAAAAABDo/_7SaXVPFzPo/s26/w2b_twit_bullet.png) no-repeat scroll left 6px transparent;padding:2px 0 2px 30px;margin:0 0 5px;display:block;}ul#twitter_update_list li a{display:inline;background:none;}.tfoot{position:relative;background:url(http://4.bp.blogspot.com/-SPrPCoDdEDk/ThMAJKJl1aI/AAAAAAAABDs/LrzS00Ve49g/s1600/mttwitterbird.png) no-repeat scroll left 6px transparent;padding:15px 0 15px 50px;display:block;}</style><ul id="twitter_update_list"></ul><script type="text/javascript" src="http://twitter.com/javascripts/blogger.js"></script><script type="text/javascript" src="http://twitter.com/statuses/user_timeline/bloggingtechnix.json?callback=twitterCallback2&count=5"></script><div class="tfoot" style="clear:both;">Follow me <a href="http://twitter.com/bloggingtechnix" target="_blank">@bloggingtechnix</a></div>

      Live Demo ▼



        Follow me @bloggingtechnix


        Auto Read More Button With Image Thumbnails For Blogger

        Auto read more functions automatically shorten your post and create a thumbnail of an image which is present in the post.It also helps to load page faster.It also shows and image thumbnails which helps to attract the readers.I have also added the auto read more to my blog.You just have to add two codes to blog no need jquery or css.Now lets see how to add auto read more with thumbnails for blogger.
        btsnts-autoread-moreithumbnail

        How To Add Auto Read More With Thumbnails For Blogger

        • Go to Blogger Dashboard -->  --> Edit HTML.
        • Now find </head> tag
        • Place below code just before/above </head> tag.
        <script type='text/javascript'>var thumbnail_mode = "no-float" ;
        summary_noimg = 430;
        summary_img = 340;
        img_thumb_height = 100;
        img_thumb_width = 120;
        </script>
        <script type='text/javascript'>
        //<![CDATA[
        function removeHtmlTag(strx,chop){
        if(strx.indexOf("<")!=-1)
        {
        var s = strx.split("<");
        for(var i=0;i<s.length;i++){
        if(s[i].indexOf(">")!=-1){
        s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
        }
        }
        strx = s.join("");
        }
        chop = (chop < strx.length-1) ? chop : strx.length-2;
        while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
        strx = strx.substring(0,chop-1);
        return strx+'...';
        }
        
        function createSummaryAndThumb(pID){
        var div = document.getElementById(pID);
        var imgtag = "";
        var img = div.getElementsByTagName("img");
        var summ = summary_noimg;
        if(img.length>=1) {
        imgtag = '<span style="float:left; padding:0px 10px 5px 0px;">
        <img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/>
        </span>';
        summ = summary_img;
        }
        
        var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
        div.innerHTML = summary;
        }
        
        //]]>
        </script>

        If you want to change image thumbnail size then find these numbers 100 and 120.

        • Now find   <data:post.body/>  and replace it with below code.

        <b:if cond='data:blog.pageType == "item"'>
        <data:post.body/>
        <b:else/>
        <b:if cond='data:blog.pageType == "static_page"'>
        <data:post.body/>
        <b:else/>
        <div expr:id='"summary" + data:post.id'><data:post.body/></div>
        <script type='text/javascript'> createSummaryAndThumb("summary<data:post.id/>");
        </script>
        <a class='more' expr:href='data:post.url'>Read more ...</a>
        </b:if>
        </b:if>

        Now save it.
        If it doesn't works for you then mention it in comments. I'll glad to help you.



        How To Shift Blogger Sidebar To Right Or Left?

        Today we are sharing another simple CSS trick which can change the whole layout of your blog.This is the for those who change positions of t heir blog's sidebar wrapper and main wrapper.To apply this trick you just have to find and edit some words in your template.But don't forgot to backup your full template before editing your template.If you want to change positions of your Sidebar Wrapper and Main Wrapper then go though the simple tutorial below.
        1

        How To Change Position Of Sidebar/Main Wrapper?

        1. Go to your Blogger Dashboard –> Edit HTML.
        2. Download a copy of your template.
        3. Now search for below code or similar code in your template using Ctrl + F
        #main-wrapper {
        float: left;
        width: 600px;
        margin: 0;
        padding: 0;
        }

        Now change float: left to float: right
        Now you have to shift the sidebar from right to left.To do this find below code or similar to this code in your template.
        #sidebar-wrapper {
        float: right;
        width: 320px;
        margin: 0;
        padding: 0 20px 10px;
        display: inline;
        }

        Now change float: right to float: left
        Take a preview of your template you will noticed that your sidebar has been moved right to left.
        Now save your templateand you are done...

        Windows 8 Metro UI Software–Free Download

        ♠ Rakshith Mlore in ,,,

        Bored of your old style start menu for your Operating System. I have searched in the internet and giving you this software to change your start menu and Upgrade it to Windows 8 Pro style.

        Also See : New Features in Microsoft Windows 8.1

        winmetro

        What you have to do ?

        You will have to download and install this software named “Win8 Metro UI” on your PC.

        What does Win8 Metro UI Do ?

        WinMetro is specially designed to bring the newly introduced Windows 8 Metro UI to Windows 7, Windows Vista and Windows XP. It offers an easy solution for old versions of windows users to try and enjoy the tile based Metro UI. By displaying useful information such as Wheather forecast, Calendar, News, Stocks and Frequently used programs, it turns your desktop into an informative and productive work station. It also offers the option to boot Metro Start Screen directly.

        Awards won by this Software :

        awards

        5 Handwritten Style Google Web Fonts for your Blog

        Hello folks, long time since last post. Today in this modern world many people come into blogging for money and they try their hard to monetize and design their blog. A good web font is very hard to find in the internet. So today I am going to give you the latest and best 5 Handwritten like style Google web fonts for your blog.
        Handwriten Google Webfont

        With this post, you can skip the work of sorting through the crap and cut straight to the awesome web fonts that are readable, attractive and perfect for your site.
        All of the fonts are shown with a unique CSS treatment and provided with code for your instant implementation. They’re also all served up with Google Web Fonts so you’ll be up and running with a quick copy and paste, no downloads required to implement it on your blog.

        1) Oleo Script

        A nice thick script web font with good readability and interesting letter shapes. Perfect for headlines.
        Oleo Script
        Go Here
         

        2) Lobster Two

        Lobster needs no introduction, it has become one of the most ubiquitous scripts on the planet in the last few years. Version two gives you the choice between bold and thin versions.
        Lobster Two
        Go Here

        3) Berkshire Swash

        I really love the ornamental nature of this typeface, the letters are big, bold and beautifully curvy. Use this if you want to convey an old world feel.
        Berkshire
        Go Here

        4) Merienda One

        Merienda isn’t my favorite but it certainly has its uses. The letters have a brushed feeling with sharp directionality that conveys motion well. Merienda
        Go Here

        5) Pacifico

        Pacifico is just a great, round and loopy script that really has a unique feel to it. It’s hard to find a thick script with such nice curves and so much character so be sure to bookmark this one. Pacifico
        Go Here
        More Handwritten Google Web fonts

        There you have it, five awesome hand written fonts served up and ready to implement. The Google Web Font library has well over a hundred of these but so many of them really aren’t worth using at all so hopefully this article will help you.









        To Sidebar or to Not? Important Questions about Website Navigation Answered

        Hello Folks, long time since i last posted an article on my website.Today our Guest Author Anny Solway has taken some of her precious time to write for us. It is a very helpful topic that can help you improve your Website's navigation to gain more impressions on every view and also See how to become an Guest Author in My Blogging Techniques.


        One of the biggest problems you could find when you are trying to put together a web presence can be determining layout. When you begin delving into Professional WordPress themes , you will find that you have a wide variety of options. You need to make choices, not based on your own preference, but instead based on what will work best for your customers and potential customers.
        One of the most important choices to make will have to do with navigation. An easily navigated site will be one that keeps potential customers logged on for much longer and will have the best chance for turning potentials into real customers. You need to answers to important questions so that you can build your website the right way.

        Do I Need a Sidebar?

        When you begin building your website, you will find that you have a couple of key navigation options: the sidebar and the drop-down menu. In most cases, you will find it advantageous to always include drop-down menus as this will be the first place customers will look in order to navigate your site. The sidebar, on the other hand, is a different matter.
        You will have to think carefully about your site. What would you include in that sidebar? This can be a great way to guide readers to specific pages if you need to highlight them. It can also be a great way to link your site to social media. If these things matter, then you do need sidebars.

        Should I Include Flash on My Site?

        Flash has become a very popular novelty for including slideshows and other dynamic content. This can be an option that you are considering for your site. It will certainly make an impression from the very beginning! You can choose to use Flash on your site, but there is one rule you need to keep in mind. Keep it to a minimum. If you include one Flash element on your home page, stick with just the one. One eye-catching element is enough. Including any more could lead to a busy and unprofessional site.

        How Many Subpages Do I Need?

        When customers navigate your site, they do not need to get lost. If you make things too confusing with dozens of different pages, then they will give up. Yes, you do need subpages to provide helpful information, but do not include any more than are absolutely required, and ensure navigation from one to the next is easy.
        Making the right decisions for your website navigation is a must. This can make the difference in turning a potential customer into a real customer. 



        About author

        Anny Solway is an original writer at  ThemeFuse.com - a leader in the premium  WordPress themes industry. She is fond of sharing Online Marketing and Blogging ideas.
         
        Proudly powered by Blogger