Blogger Widgets, Gadgets

Social Floating bar for blogger version 2

In previous post of social floating widget for blogger we share commonly use social buttons. May be you notice this thing or not but after releasing this floating bar a number of TcM readers ask us to share a widget containing Buffer, LinkedIn and Pocket buttons. So keeping in view there demand also making some other changes is aim to release this social floating bar. As we know that with every moment of time new bloggers are coming. And every day it has been seen hundreds are blogs created. Every one wants to garnish his site with multi stylish buttons and look good in the race of blogging. So on one side where this widget will fulfill their ambition regarding dress up the blog alternatively it is a good way to distribute your site on different social channels.


This is branded widget in its kind with addition of Pocket, LinkedIn and Buffer social plug-in. Pocket is an application which allows you to book mark something like a post, website, a special page etc. If a user finds any thing helpful then he easily book mark that page for future concerns. Similarly spreading information among professionals that are in your connection at LinkedIn this plug in gives you all in one package.

social floating sharing plug in

Buffer App:

Buffer is an application which allows to automate your content on all social pages. It is very easy and professionals recommend this app. It is also available in Chrome, Firefox extensions. However in order to minify complexity now you use it in social sharing floating bar as a button. Also in this present gadget after its installation your readers will be able to share content using buff. The method of this application is straightforward. Just press the button and it press the whole post with thumbnail and link. After completion post will be share on your connected social profiles.

How to add:

Go to dashboard > select Layout > add a gadget
Select a new widget then copy whole coding from here

<style type=”text/css”>
#tcm-floating-bar {
            margin-left:-721px;            float:left;
            background-color:#ddd;            padding:0px 0px 0px 1px;              z-index:10;
        border-top:5px solid #E5E5DD;
            border-left:5px solid #E5E5DD;
            border-bottom:5px solid #E5E5DD;}
.tcm-share {
margin:5px 5px 1px 2px;
<div id=’tcm-floating-bar’>
<div class=’tcm-share’ id=’like’ style=’margin-left:7px; margin-bottom:0px’>
<div id=”fb-root”></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); = id;
js.src = “//”;
fjs.parentNode.insertBefore(js, fjs);
}(document, ‘script’, ‘facebook-jssdk’));</script>
<div class=”fb-like” data-send=”false” data-layout=”box_count” data-width=”40″ data-show-faces=”false”></div>
<br />
<div class=’tcm-share’ style=’margin-left:3px;’><a class=’twitter-share-button’ data-count=’vertical’
data-via=’technologymake’ expr:data-counturl=’data:blog.url’ href=’’ rel=’nofollow’>Tweet</a>
<script src=’’; type=’text/javascript’></script>
<br />
<div class=’tcm-share’ id=’linkedin’ style=’margin-left:2px;width:48px’>
<script src=”//” type=”text/javascript”>
  lang: en_US
<script type=”IN/Share” data-counter=”top”></script>
<div class=’tcm-share’ id=’buffer’ style=’margin-left:3px;width:48px’>
<a href=”” class=”buffer-add-button” data-count=”vertical”>Buffer</a>
<script type=”text/javascript” src=””></script></div>
<div class=’tcm-share’ id=’pocket’ style=’margin-left:3px;width:48px’>
<a data-pocket-label=”pocket” data-pocket-count=”vertical” class=”pocket-btn” data-lang=”en”></a>
<script type=”text/javascript”>!function(d,i){if(!d.getElementById(i))
{var j=d.createElement(“script”);;j.src=”″;
var w=d.getElementById(i);d.body.appendChild(j);}}(document,”pocket-btn-js”);</script>
<div class=’tcm-share’ style=’margin-left:3px;’ id=’gplusone’>
<!– Place this tag where you want the share button to render. –>
<div class=”g-plus” data-action=”share” data-annotation=”vertical-bubble” data-height=”60″></div>
<!– Place this tag after the last share tag. –>
<script type=”text/javascript”>
  (function() {
    var po = document.createElement(‘script’); po.type = ‘text/javascript’; po.async = true;
    po.src = ‘’;
    var s = document.getElementsByTagName(‘script’)[0]; s.parentNode.insertBefore(po, s);
<div style=”clear: both;font-size: 9px;text-align:center;”>
<p style=” line-height:0px; font-size:10px; font-weight:bold; text-align:center;”>
<a style=”color:#D3D3D3;” href=””>Widgets</a></p>


and paste entire coding inside it.
Save the gadget. You are done.


The default setting according to blogger non customized templates. However if you are using other templates and social plug in not adjusted properly then change the   margin-left:-721px;      according to accurate resemblance.
Also if  
back ground colour of  your blog is other then the colour of plug in then you can change it from this     background-color:#ddd; highlighted piece of code. 

Need help:

In case of don’t tackle or facing any error while adding this social floating bar you may ask us in comment section. We are ready to help you. 🙂 


Earning Money Online

Earning money online 5 + solid reasons

solid reasons of making money online
Trillions of dollars earning by people from Internet since its start. With use of unlimited resources! On daily basis infinite transactions made by net users all across the World for their purposes. Internet is the future media and very huge industry that covers a large number of aspects. People are now left their traditional ways of earning money online and moving towards the internet for finding reliable, easy and more vital resources. The question arises here what is the reason behind this factor? Why internet change the way of thinking of people regarding this issue. And is it possible we make a good income from our home with using of internet. These are some quires that still exist in mostly net users. We try to produce some fundamental explanation on this hot topic.

An office job review:

First of all take a review of an office worker. A man who does a normal office job for the sake of fulfilling their needs he is not happy today. The reason is very clear he spends at least thirteen to fourteen hours a day in his office and at the end of the month or weak a fixed salary paid to him. In this age as we see all around the World a storm of cost expenditures is arose. As a result expenditures increase from fixed income.  So in order to establishing a balance between expenses and earning people find some part time jobs. As an end result they diverted to side of Internet for earning money.

You are your own boss:

As I discussed above about an office job so compare that with a free net user. In office a man is bounded & he must follow all rules and regulations that he accept at the time of joining. Such that consideration of arrival and relieving strictly time schedule. Only one rest in whole week in short he surrenders his whole joy of life to complete their boss dreams with replacing of taking some monthly money. He has no hold upon his life. While on the other hand a man who uses Internet for earning money online he is free from all these type of factors. He is their own boss no accountability before anyone. Every thing depends upon his mode. If he wants to work then he do if not then nobody can take action upon him. Nobody can investigate him. Totally free and spending his life with his set of laws. Undersized with “My life my rules”.

Enhancing knowledge:

Another positive aspect regarding earning money online is we learn huge form Internet. With glowing of English reading, writing and speaking skills especially for those who are weak in English. Besides this Internet is an ocean of knowledge if use properly. Nothing is impossible in this world totally you have a purist for achievement. This is a laboratory i.e. people come here with no preparation or tools and seek from here then apply in this laboratory. He gains more and comes forward with a huge amount of money.

World wide access:

With the growing internet technology I think at this time there is no such region on earth where net is unreachable. This property make it’s better in sense of earning money online because it dose not matter where are you. Even if my online business setup is at one corner of earth then I easily manage it from other corner with internet access. So there is no such restriction in earning money online. You can not blame on any other person regarding failure in online business. If you face any disappointment then you are the reason of that breakdown.

Prevention from financial crisis:

Earning money online is a good way to prevention from financially crisis. Although this climate of financial issue is now all around the world but we has a remedy of making money form internet. Also at this time where limited government jobs on the other hand ratio of poor people increase continuously! So in this time of danger and escaping from this swamp it is a good idea to earn some money online.

Unlimited resources:

At Internet there are hundred of ways for earning money online. But it is recommended that if you not aware then first keep your focus on seeking then come in field. Alternatively consider if I have a good knowledge of website designing and developing then I earn from here a handsome amount. Similarly you choose freelancing, network marketing, and other thousand of genuine ways for making revenue. Even you can join more then one resources of earning at same time if you have capability.


Conclusion of above post is earning money online now is a way of complete freedom. You are totally depending on yourself. It is a way of learning modern technologies. No one can snatch your skills and knowledge. Allah Almighty gave different skills to every person. But need is to find them and polish them. So this is the time to analyze yourself and use your capabilities in right path. 


Blogger Widgets

Social sharing buttons latest version with transitional effect

social buttons with transitional effects v2

Social networks now a days gaining more attention from users regarding modern modification in search engine optimization.  In order to getting full benefit from major social platforms it is necessary to give a way to our readers for the sake of sharing and liking our content. As TcM is a leading website that shares a large number of multi stylish social sharing buttons, and floating bar already. But this post is totally new widget in its kind. That gives a splendid glance to your website. Readers enjoy sharing posts with these tools. Now take a look insight this latest edition with implementation. Also check the mashable version of social icons.
                                       Only apply html with cascading style sheet transitional effects this widget has been arrange. It is also a good practice to utilize these browser support able languages that are rapidly takes effects & load faster as compare to Java script. More over it is a nice way to reduce speed of a website which is a solid accountable factor in SEO. Reduction in page loading speed result of most of traffic you will get. Applying css transitional properties we make widgets & buttons fancier.

How to add:

In order to getting installation of this version you have some awareness of blogger template. Keeping in view newer bloggers who face difficulties while editing and adding social buttons I try to make this gadget simpler. As soon as you apply this widget to their sites you will assess how it trouble-free. Also with the use of HTML & CSS we able to customize these type of social sharing buttons as we want.     
Go to blogger dashboard
Select Layout > Add a gadget > Choose HTML Java script widget.
Now copy the whole code from here and paste it to inside html java scriptwidget. Finally hit orange button and reload the page.

<style type=”text/css”>
.tcm-social-icons {
            margin:0 auto;
.tcm-social-icons ul li{
list-style-type: none;
margin:0 auto;
margin-left: -15px!important;background: none;
            border: 2px dashed rgb(221, 221, 221);
            overflow: hidden;
            width: 40px;
            height: 40px;}
.tcm-social-icons li a {
            background-color: #000;
            margin-top: 5px;
            margin-right: 3px;
            margin-bottom: 0px;
            margin-left: 0px;
.tcm-social-icons li a.fb {
            -webkit-transition:All 0.5 ease-out;
            -moz-transition:All 0.5s ease-out;
            -ms-transition:All 0.5s ease-out;
            -o-transition:All 0.5s ease-out;
            transition:All 0.5s ease-out;
            background: #039 url(“”);
            background-repeat: no-repeat;
            background-position: 0px 0px;}
.tcm-social-icons li a.fb:hover {
background: #039  url(“”) no-repeat 0px -75px;
.tcm-social-icons li a.twt {
            -webkit-transition:All 0.5s ease-out;
            -moz-transition:All 0.5s ease-out;
            -ms-transition:All 0.5s ease-out;
            -o-transition:All 0.5s ease-out;
            transition:All 0.5s ease-out;
            background-color: #09C;
            background-image: url(;
            background-repeat: no-repeat;
            background-position: 0px -127px;
.tcm-social-icons li a.twt:hover {
background: #09C url(“”) no-repeat 0px -204px;
.tcm-social-icons li a.gplus {
            -webkit-transition:All 0.5s ease-out;
            -moz-transition:All 0.5s ease-out;
            -ms-transition:All 0.5s ease-out;
            -o-transition:All 0.5s ease-out;
            transition:All 0.5s ease-out;
            background-color: #900;
            background-image: url(;
            background-repeat: no-repeat;
            background-position: 0px -254px;
.tcm-social-icons li a.gplus:hover {
background: #900 url(“”) no-repeat 0px -330px;
.tcm-social-icons li a.rss {
            -webkit-transition:All 0.5s ease-out;
            -moz-transition:All 0.5s ease-out;
            -ms-transition:All 0.5s ease-out;
            -o-transition:All 0.5s ease-out;
            transition:All 0.5s ease-out;
            background-color: #F90;
            background-image: url(;
            background-repeat: no-repeat;
            background-position: 0px -381px;
.tcm-social-icons li a.rss:hover {
background: #F90 url(“”) no-repeat 0px -454px;
.tcm-social-icons li {
            -webkit-transition:All 0.5s ease-out;
            -moz-transition:All 0.5s ease-out;
            -ms-transition:All 0.5s ease-out;
            -o-transition:All 0.5s ease-out;
            transition:All 0.5s ease-out;
            background-color: #C30;
            background-image: url(“”);
            background-repeat: no-repeat;
            background-position: 0px -508px;
.tcm-social-icons li {
background: #C30 url(“”) no-repeat 0px -580px;
.tcm-social-icons li a.linkedin {
            -webkit-transition:All 0.5s ease-out;
            -moz-transition:All 0.5s ease-out;
            -ms-transition:All 0.5s ease-out;
            -o-transition:All 0.5s ease-out;
            transition:All 0.5s ease-out;
            background-color: #39F;
            background-image: url(“”);
            background-repeat: no-repeat;
            background-position: 0px -635px;
.tcm-social-icons li a.linkedin:hover {
background: #39F url(“”) no-repeat 0px -711px;
<div class=’tcm-social-icons’ style=”margin-bottom: 10px;” >
<li><a class=’fb’ id=’tcm’ href=’  #  ‘ target=’_blank’ title=’Facebook’ rel=’nofollow’></a></li>
<li><a class=’twt’ id=’tcm’ href=’  #  ‘ target=’_blank’ title=’Twitter’ rel=’nofollow’></a></li>
<li><a class=’gplus’ id=’tcm’ href=’  #  ‘ target=’_blank’ title=’Google Plus’ rel=’nofollow’></a></li>
<li><a class=’rss’ id=’tcm’ href=’  #  ‘ target=’_blaank’ title=’RSS Feed’ rel=’nofollow’></a></li>
<li><a class=’pin’ id=’tcm’ href=’  #  ‘ target=’_blank’ title=’Pinterest’ rel=’nofollow’></a></li>
<li><a class=’linkedin’ id=’tcm’ href=’  #  ‘ target=’_blank’ title=’Linkedin’ rel=’nofollow’></a></li>

                                                You are done. Enjoy your new sharing buttons with transitional effects widget. Here is the demo of these social transitional effects buttons. After completing the whole process these buttons looks like as you see below.


Changing the size of these buttons adjust orange highlighted  width: 4; height: 40px; according to your

template settings. If not adjusted properly set green colourized   margin-left: -15px!important; compatible to

well site appearance. Lastly remove all 6 pink   #    sign with your social profile addresses. Alternatively remain all settings default.

Need help:

At any stage of implementation of these social buttons if you face any type of problem then feel free to ask us in comments section. Also if you like or this is helpful then P.s. share these widgets with others while they people get more advantage from this widget.



SEO quake tool with all in features

If you don’t know about SEO Quake tool then where were you? It is pretty good small application for web owners. Especially for those who increase their knowledge about search engine optimization. You will be able to learn all compulsory data such as PR in Google, status of site links, condition in Bing and Google indexed pages from a specific website with all in one parameters. This is most convenient and reliable tool to gaining information about your favourite sites in seconds. It is not just an extension also with this your works become more simple just on clicks. It explores all data related to websites in SERPs. So now analyze this tool in detailed.

How to use and install:

You may able to direct download SEO quake from their official page in order to its integration with Firefox, Safari and Opera browsers. Alternatively use this extension from chrome store for Google chrome browser . Just add it to chrome as an extension and enable it. After that refresh browser and it will start working.

seo quake tool bar for chrome

Settings and Characteristics:

After fully installation you could be able to see this toolbar icon on your chrome man bar.  You can easily able & disable it from here. For the sake of full guidance use of other plug ins and customization check official guide from here. The process of working this SEO tool is simple but very vast. Every time when you make a search in your browser then with results a bar shows consisting on valuable consequences. Such as Page rank, Twitter tweets, Facebook Likes, Google & bing indexed pages, dofollow links and source of a page etc. All the above mention data will be extracting with search engine results.

Other resources:

With SEO quake tool anyone can get all appropriate information with less fraction of time. It is useful because we get basic awareness about site reputation at one place regardless of manually search.
                                        If you wish to check all links i.e. dofollow links then SEO quake is ready. For this purpose click on LD icon at tool bar a new window will open with exploring full details of all links. Choose export preference from here and download a copy of CSV or EXCEL format. Save it and use. 


Blogging, Google

Advance search feature in Google for copyright material

It is superior to get familiar with copyrights term as a blogger. Especially while using images in blogger posts this is good practice for giving full credit to its creator. Blindly use of copyrighted material may harm you at any stage. Some people give full permission to their products for reuse, modifying and reshaping while on the other hand a large number of communities reserved their copyrights laws. So it is necessary before adding images to know about its status. Creativecommon license which is free to get and mostly bloggers use it with simple installation. In previous post we learn about filter content on Flickr. But as the majority use Google images so now we find out how to know about copyrights with Google advance search tool.

Advance search feature:

Google is one of most favourite & high usage search engine in the world. As a normal Internet user we only perform searches commonly. Alternatively as a website owner it is necessary to know deeply. Advance search feature help us regarding this matter. Doesn’t matter whether your search is about images, books, videos etc.?  This tool will guide you plus give you complete customized results according to your choice.

How to use:

Go to advance search feature. At this page we find useful information regarding our search consisting on keywords simple or with quotes, region, language, format and usage rights etc. We are able to modify our query with changing all of these values. Transformation in values you will see variation in results. Consider if I select file format PDFs then results will be filtrate. This is a simple & time saving method of exact exploration.

Advance Filter for images:

Usually with normal images search we not able to find that which img file is free to use and which is controlled under his creator. With this filter you easily judge this fact. Go to advance image search and follow these instructions.

  • Enter desired words suppose I need a SEO related image so I type words or a phrase in first search bar. 
  • Skip the next step it is quoted search. If you are interested to find exact results then use it. 
  • Now use second narrow result feature.
  • From here choose size, colour, aspect ratio, type and region with format preference. 
  • After complete information press bottom advance button and you are done.
  • Browser will automatically find your customized file. 
  • Even filter images from any website by using site or domain feature will help you exploring more straight way just type site address and hit enter a new window will show your inserted site images in results.
usage of advance search tool

Usage rights characteristic:

Apply this feature carefully. By default this is set to not filter by license state. Use drop down menu for accessing other permissions like free use to share, commercially utilize with modification. Select                      â€śfree to use, share or modify even commercially” option as indicated in screen short. By hitting below blue button results will show only those images which are unlock from copyrights. You can easily alter their behaviour according to circumstances.

advance copyrighted filter search in google

                         Similarly performing advance search for Videos and books in using Google will increase your knowledge & experience. And you will be able to explore new ways of finding anything at Internet with accurate results in less time. So enjoy this new information and share it with others.



Search engine optimization what is it

Search engine optimization is a technique to bring a web page in top search results by using legal, ethical and right ways. At this time we can say that SEO is a wide separate field on the Internet as compare to past. With the passage of time chances are exist it will improve and more developed. For web developers it is basic need to understand fundamentals of this terminology for the sake of survival in leading industry of internet. More knowledge of it is a good sign for web owners in order to remaining at top level SERPs. There is no doubt that internet will bee the future media. There is no other process that we use instead of this for getting higher rank in search engines results. Search engine optimization is not a one night scheme that we implement once in a life and that’s it. It is a slow process but its effects are life time if applied according to rules and regulations of major search engines like Google and Bing etc.

How to start SEO:

Search engine optimization starts before making a web page. Let understand its facts by a simple example consider I want to make a site about blogging. First lesson of Search engine optimization is selection of a well known topic. Also it is necessary that you have sufficient information about your chosen subject. Then my work starts now. I will collect all related data about my domain i.e. (bogging). After completion first step of SEO it is the time of launching my site and start my on page work. A famous quote you may hear “First you learn then you earn”. Similar case here a person who learn it from root to top level then he earn more such that awareness of backlinks, dofollow, images & videos site structure, theme, appearance what is nofollow? And many other terms that we use in this field.

Factors and basics:

As I mention in above that search engine optimization is now a separate course and field in search engine language. There are two main factors in SEO. On page & off page whole structure of SEO stands on these two pillars. So if pillars will strong then entire building tremendously powerful. Alternatively one day everything will be crashed. How we can well-built our strategy then the answer is easy only learning and implementation.

search engine optimization technology

How seo is useful:

When a user enters his query in search bar and press enter then in results web pages that are displaying except SEM is due to Vital search engine optimization approach. Search engine marketing (SEM) is another way to bringing your content at first in SERPs. But it is short term, paid and less effective process. So it is recommended that in order to getting healthy knowledge about SEO we use genuine & white hat techniques. If we obey all rules regarding search engines and getting higher rank i.e. at first page in SERPs this is the worth of search engine optimization. SEO is not a stick of magic which will automatically apply by rotating this magical stick. Whereas it is a manual and long term process that is done by a web developer. Its benefits are long time and forever. Such as if I bring my site at first page of Google & bing search results then the profit which I earn is much higher then your thoughts.

Final summary:

As a beginner many new people who start their online career they don’t take care of search engine optimization. In other words they ignore it and feel it is a time consuming, wasteful and difficult work. But reality is not tells a lie and in real this is an interesting job. And it explores new way of learning advance techniques plus implementation and get results. Final thing is pay more attention. 


Blogging, Earning Money Online

Make money blogging in easy steps

Making money online now is a trend. It increases with time. No doubt modern technology makes it very easy but it is effective when we know reliable methods of earning. Blogging is that smooth way which allows to generating handsome revenue. A number of people know very well blogsphere but still immeasurable community exist who fail to earn with blog. In simple words we can say that they don’t know how to start this journey in order to gaining healthy success. Although make money with blogging is a slowly system but its worth is gigantic. If you succeed in maintaining a good outstanding blog then trust me you don’t need to any other job. However sustaining an exceptional website is not the bed of roses it demands hard working, continuity with reading & writing skills and enough knowledge about a specific topic.

Things to do before starting:

Whenever you think about starting a blog it is necessary that you have sufficient qualified in a subject. It doesn’t matter what is your field like expert in computer programming, web developing & designing and hardware or software. Adequate awareness about SEO in shorts any thing. It is your choice. More over for taking decision analyze yourself then you can able to select your relative area of interest. After all pick a well platform. Blogspot or WordPress are fulfilling all of your requirements concerning this matter. Provide good high quality stuff and build huge traffic. Now move on monetizing the blog.

How to earn with my blog:

At this time almost every popular website on the internet offering their affiliating programs. But wait let me tell you reliability is our purpose and focus at the time of participation. Trust is another tool which you can use while thinking about making money online with blogging. Alternatively offering your services like website developing & designing is another best method for create a good income. If you expert.

Most wanted methods of earning:

You may hear about Google Adsense, of earning. First of all Adsense is most reliable and top level source of producing sufficient cash. Keeping in mind its all Terms and conditions. As we know that this is free program but establishing a blog according to adsense is not an easy subject. Although it is tough but not impossible! Continuous struggle with taste of hard working you can achieve this goal. This is one of highest paying networks on the internet. Also making money with Buy Sell ads and Infolinks. These are top level ways. Making moneywith Infolinks is another good way. Alternative of Adsense is called Buy Sell Ads. People make hundred of dollars on daily basis with all these main methods.
Dependency of these major three programs on traffic! Especially adsense requires quality traffic.

Offering Services:

Another vital way to earning with blogging is called services. What are services? In simple we can say that work for other people like making templates, themes work of websites developing if you know then you can earn. Alternatively writing, translating and other unlimited works you can do for the sake of earn a fit income. Making video tutorials and sell them on your site if you have skills like HTML, Css and other computer languages. Create small applications and earn from them. In short many ways are available but need to avail them and get proper legal benefit.

making money online with blogging