Blogging, SEO

Best free SEO tool for images PNG Out win

In the market of Internet there are a lot of best and free SEO tools are available. Which are easy to use in order to good ranking for your site? But let me telling you all the software are not affordable for websites owners like me. These tools are very costly and as a beginner we are unable to purchasing such type of services. Search engine optimization is not a one night plain its implementations are long term then you get vital results. As a blogger we need to optimise each and every corner of our blog manually. While on the hand if you are using WordPress platform then you able to employ some sort of Plug-in easily they may help you as compare to blogspot.com. Here I feel mention some popular and effective WordPress best SEO tools before going into the main topic of good SEO image PNG Out win software. So All in SEO Pack, WordPress SEO byYoast, and SEO Secorrer are that affordable services which are handy to use. Now let’s dive.

Png out win tool for good image seo

Why is need to use images:

Well. The use of proper SEO friendly images is a way to gaining attention of readers as compare to empty text with out pictures. Use of perfect good pictures in your blogger post is a technique that gives results on social media Like Facebook and Google Plus. You may wonder that how is it possible that an exact picture is useful for social media. Then be patience I am telling you. Best pictures snatch the concentration so as a result user show interest to see it with click. At the end ho jump out to your website. So finally you get traffic for your site in free.

PNG OUT WIN SEO friendly images tool:

Now come to the point. Before using imagery you confirm copyrights and itsrestrictions. If you are not familiar with copyrights then have a look here Like Creative Common and free license installation guide. Png out win is best tool that you may use for optimizing your pictures as well as website. This software very easy to use plus optimise the images in seconds. Let’s take a look its features. How this tool is affordable.

Pagespeed effect:

If we use images with out applying good seo techniques then these things create problem for your site.
It is recommended that use .png images in your website and in post. This .png format reduces the file size as compare to in Jpeg format. When site loads png take less time as compare to JPEG format. You need to save your bytes at any cost in order to increasing site loading speed. Because page speed matter.  And PNG Out win is the best tool for doing such an awesome job. It saves your every byte and write file with out loosing the picture quality. Just drag and drop. For further work PNG OUT Win is responsible. Now pick your full seo optimsed image and use in your post with out any trouble. You are done.
Other free Search engine optimizer tool tips for images:
In order to cheap seo practices you are able to use these free and best tips for seo friendly images.

Use of Corel draw:

You can use to create your own branded icons with the help of corel draw software. Also if you are not familiar with this then you use Corel paint tool for increasing and decreasing the color scheme, hue, contrast and changing the format of specific figure. This affordable tool has many features. It tells you live image loading time with variation of its size etc.
Unnecessary cropping for best seo of image:
You manually crop an image with simply window paint tool or any other your favorite tool. Remove unwanted corners and sides which you don’t need. Because more you manage a picture your whole site will be optimized. This action directly target to pagespeed.

Best practices seo for images:

After applying these best seo friendly techniques with the usage of PNg out win and other above discussed tool you seem positive results in your website optimization. Moreover there are also some best practices you may adopt to build a fully seo optimised site.

Bonus Tip:

Give a better experience to your reader and audience while they landing on your site. Randomly implementation of these free seo techniques for images give you vital results. And you will be able to learn search engine optimization when you manually work.

Read More...

Blogger Widgets, Blogging, Gadgets

Custom menu bar for blogger with 3 ways how to create

Menu or navigation bar is an essential part of any website. Before going in depth let me explain a little bit about navigation bar. Menu bar includes important links about different categories and it exists below header section. Many webmasters use this navigation bar in side bar section of their blog/site. Behind these links all the published post of a certain category goes in that specific tag. In simple words we can say that these links are act like a folder where all pages interlink and be present. Arranging menu bar in good organized way is a sign to quality of a blog. Readers can find easily their interested content with the usage of navigation bar. So this is also a way to improve a blog/site reputation with build a huge readership.

Custom menu/navigation bar for websites

Why to customize menu bar:

If you are using blogger platform that you may be notice that bydefault blogger menu bar is not so much attractive. A user doesn’t show his concentration with blogger navigation bar. So in order to adding gorgeousness with giving a new glance to your blog plus snatching user’s attention towards more important material that is include in our site. While on the other hand if you are a professional web-master then you know that what importance a menu bar in a website has?

Also Read:

Customized blogger menu bar:

In this section I will teach you how easily you create a custom navigation bar for your blogs and other websites. Sufficient knowledge of basic (HTML) Hyper Text Mark up Language with skills of (CSS) Cascading Style Sheet you have required. If yes then good alternatively for today I will crate different types of custom menu bar for all of you guys with simple HTML. But giving a new charming look we use CSS. Blogger is a service where we customize each and every part of our template. In present tutorial we customize blogger menu bar section according to our preference. Just copy and all you’re wanted coding form here and put it in your website navigation section as you want. And enjoy a new customized navigation bar.

1. Rounded Corner

<style type=”text/css”>
.menu {
            font-family: Verdana, Geneva, sans-serif;
            margin: 0px;
            padding: 40px;
            background-color: #000;
            width:auto;
            height:300px;
            font-size: 14px;
            text-decoration: none;
}
.menu ul{ margin: 0px;
                  padding: 0px;
     
            }
.menu ul li{
            float:left;
            list-style-type: none;
            background-color: #333;
            width:130px;
            position:relative;
            text-align:center;
            border-top-left-radius: 35px;
            border-top-right-radius: 35px;
            height: 45px;
    box-shadow: 0px 2px 4px #
            00FF00;
            border:1px outset #0C0;
            webkit-border-radius:30px;
}
.menu ul li:hover{
            background-color: #333;  
}
.menu a{
            color: #FFF;
            display:inline-block;
            padding-top: 15px;
            padding-right: 10px;
            padding-bottom: 10px;
            padding-left: 10px;
            text-decoration: none;
   }
.menu a:hover{text-decoration:underline;
            color: #FFF;
text-shadow:#0CF 5px 3px 5px;
   opacity:.9}
.menu ul ul {visibility: hidden;}
.menu ul li:hover ul{visibility:visible;}

</style>
<div class=”menu”><ul>
    <li><a href=”#”>Home</a>

    <ul>
    <li><a href=”#”>About Me</a>
    <li><a href=”#”>My Blog</a>
    <li><a href=”#”>CopyRights</a>
    <li><a href=”#”>Templates</a>
    </li></ul>
    <li><a href=”#”>Web Hosting</a></li>
<li><a href=”#”>Projects</a></li>
<li><a href=”#”>Trainings</a></li>
<li><a href=”#”>Buttons</a></li></ul>
</div>

                                       

2. Green Border Effect:

<style type=”text/css”>
.menu {
            font-family: Verdana, Geneva, sans-serif;
            margin: 0px;
            padding: 40px;
            background-color: #000;
            width:auto;
            height:300px;
            font-size: 14px;
            text-decoration: none;
}
.menu ul{ margin: 0px;
                  padding: 0px;
     
            }
.menu ul li{
            float:left;
            list-style-type: none;
            background-color: #333;
            width:130px;
            position:relative;
            text-align:center;
            height: 45px;
    border-right:#000 1px solid;
     
            box-shadow: 0px 2px 4px #0C0;
}
.menu ul li:hover{
            background-color: #333;  
}
.menu a{
            color: #FFF;
            display:inline-block;
            padding-top: 15px;
            padding-right: 10px;
            padding-bottom: 10px;
            padding-left: 10px;
            text-decoration: none;
   }
.menu a:hover{text-decoration:underline;
            color: #FFF;
text-shadow:#0CF 5px 3px 5px;
   opacity:.9}
   .menu ul ul {visibility: hidden;}
   .menu ul li:hover ul{visibility:visible;}

</style>
<div class=”menu”><ul>
    <li><a href=”#”>Home</a>

    <ul>
    <li><a href=”#”>About Me</a>
    <li><a href=”#”>My Blog</a>
    <li><a href=”#”>CopyRights</a>
    <li><a href=”#”>Templates</a>
    </li></ul>
    <li><a href=”#”>Web Hosting</a></li>
<li><a href=”#”>Projects</a></li>
<li><a href=”#”>Trainings</a></li>
<li><a href=”#”>Buttons</a></li></ul>
</div>

                                                 

3. Simple Black Menu bar:

<style type=”text/css”>
.menu {           font-family: Verdana, Geneva, sans-serif;
            margin: 0px;
            padding: 40px;
            background-color: #000;
            width:auto;
            height:300px;
            font-size: 14px;
            text-decoration: none;}
.menu ul{ margin: 0px;
                  padding: 0px;
     
            }
.menu ul li{
            float:left;
            list-style-type: none;
            background-color: #333;
            width:130px;
            position:relative;
            text-align:center;
            height: 45px;
    box-shadow: 0px 2px 4px #
            00FF00;
            border-right:1px solid #000;
}
.menu ul li:hover{
            background-color: #333;  
}
.menu a{
            color: #FFF;
            display:inline-block;
            padding-top: 15px;
            padding-right: 10px;
            padding-bottom: 10px;
            padding-left: 10px;
            text-decoration: none;
   }
.menu a:hover{text-decoration:underline;
            color: #FFF;
text-shadow:#0CF 5px 3px 5px;
   opacity:.9}
  .menu ul ul {visibility: hidden;}
   .menu ul li:hover ul{visibility:visible;}

</style>
<div class=”menu”><ul>
     <li><a href=”#”>Home</a>

    <ul>
    <li><a href=”#”>About Me</a>
    <li><a href=”#”>My Blog</a>
    <li><a href=”#”>CopyRights</a>
    <li><a href=”#”>Templates</a>
    </li></ul>
    <li><a href=”#”>Web Hosting</a></li>
<li><a href=”#”>Projects</a></li>
<li><a href=”#”>Trainings</a></li>
<li><a href=”#”>Buttons</a></li></ul>
</div>

                                               

Need Help:
In order to feel any type of trouble while adding this menu bar to your blogger template then feel free and just ask us. On the other hand if you feel that trhis tutorial is a way of new learning and customizing for others then. P.s. share it as you can. 

Read More...

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.

Read More...

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

Read More...

Blogging

Idea for new blogger post from where to get

Writing a blogger post is not very tough work. Giving branded mind blowing knowledge to your readers is called creativity. New ideas and unique effort is now demand from users. Also require quality not quantity. If you write a post about one thousand to fifteen hundred words but if there is no excellence in post then it is better to write five hundred words but put extra ordinary facts in this. Engagement of user is also a tricky part of the whole story. So it is necessary give worth with interesting useful material. Where as when a visitor come first time he will not go without subscription. That is our purpose to convert local traffic into reliable and permanent subscriber. Now go in detail and analyse all those facts.

From already published posts:

Take a brief look on your already published posts. It will give you unlimited ideas for new posts. Let understand this reality with a live example. Consider I’m writing a blog post about optimization of images. Now here a lot of topics exist already. Don’t you know then I tell you. For optimizing we need some tools e.g. PNGoutWin tool. So here is my next topic how to use PNGoutWin. Similarly it has been observed while writing if any brain storming ideas clicks in your mind then write down it at separate place for next upcoming topic.

Try to provide fresh content:

Search engines crawlers love with fresh and unique material. Adding all of new content that generated in your mind put it on blogger editor and writes it. Try to avoid from scrapping, or stolen content from other authors. Professional blogger set authorship for their blog. Respect others copyrighted privileges. Be personal when you want to plain for write a new post thinks about it before writing. Writing with your own way opens new doors of acknowledged you will feel it.  Add your own touch in it.

get a new idea for writing a blog post

Getting brain storming ideas:

Simple writing and a bog post are two different things. In blogger post we keep focus on search engine optimized content. Where as on the other hand whole seen is change. Ideas are like waves that come in mind with their own way. You can get benefit from five minute thinking practice before writing a blogger post.
First of all draw a brief structure of entire post.
Highlight your starting theme.
Underline at least five headings. Heading gives idea about small patches of paragraphs. More heading user engagement will tremendously increase.
Stick with your title. Don’t go to and fro while writing.
Make a summary at the end.

Selection & Filtration:

After writing and before publishing read it with a critical eye. Filter irrelative material. And replace it with other useful content if you can. If you divide whole topic in ten headings while making a sketch in five minute practice then merge all into at least five notorious H3.

Target and Focus:

Write simple put some paying attention stuff for the sake of acquiring full concentration from targeted users. Use simple language rather then long, complicated words and sentences. Keep in mind reading attitude of your targeted traffic while writing. Elaborate your knowledge with right keywords selection. Hope all these tips will open anew way for all of you regarding writing a new blogger post.

Read More...

Blogger Widgets, Blogging, Gadgets

Social floating sharing widget for blogger

Every one know the importance of social networks in this age. Especially for bloggers these networks are as backbone. These major social platform like Facebook, Google plus and Twitter has a source of traffic for web owners. Suitable reputations on these stations give us worth. A number of posts we have already publishing on this topic. Skipping any detail I jump on my subject “Social floating bar”. Many time while surfing Internet you may see this sharing widget on left side in websites. New bloggers face problems while adding this gadgetin HTML coding. So this is total new version of its kind. Trend of sidebar multi stylish buttons is increasing. 

Why to add floating bar:

This small tool gives a new way to sharing, and tweeting a blogger post. A reliable source for spreading knowledge on all famous networks! Great user experience plus give a new glance to your web/blog. If a user finds something helpful then he shares with an easy and new style with this widget. I add most worthy platforms in this widget. A number of experiments I make with this widget since last two days. Now it is ready to releasing. This branded widget add a new taste in your  blog.
Also 
        Adding Stumble upon button in blogger

Social sharing widget by technologymake.com

Adding widget:

Integration of this widget is very easy in 3 steps.

Go to blogger dashboard >
then choose    Layout >  
 Select
   add a Gadget
Choose HTML java script widget and paste the following coding there. Hit the orange save button and reload page. You are almost done.

<style type=”text/css”>
#tcm-floating-bar {
            position:fixed;
            bottom:15%;
            margin-left:-690px;
            float:left;
            border-radius:5px;
            -moz-border-radius:5px;
            -webkit-border-radius:5px;
            background-color:#f7f7f7;
            padding:0px 0px 0px 2px;
            z-index:10;
            border:1px solid #CCC;          }
.tcm-share {
float:left;
clear:both;
margin:5px 5px 1px 2px;
}
</style>
<div id=’tcm-floating-bar’>
<div class=’tcm-share’ id=’fblike’ 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); js.id = id;
js.src = “//connect.facebook.net/en_US/all.js#xfbml=1”;
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>
</div>
<br /><div class=’tcm-share’ style=”margin-left: 2px;” ><a class=’twitter-share-button’ data-count=’vertical’ data-via=’technologymake‘ expr:data-counturl=’data:blog.url’ href=’http://twitter.com/share’ rel=’nofollow’>Tweet</a><script src=’http://platform.twitter.com/widgets.js’; type=’text/javascript’></script>
<br />
<div class=’tcm-share’ style=”margin-left: 3px;” id=’st’>
<script src=”http://www.stumbleupon.com/hostedbadge.php?s=5″></script>
</div>
<div class=’tcm-share’ id=’diggit’ style=’margin-left:3px;width:48px’>
<script src=’http://widgets.digg.com/buttons.js’ type=’text/javascript’></script>
<a class=”DiggThisButton DiggMedium”></a>
</div>
<div class=’tcm-share’ id=’pinit’ style=’margin:28px 5px 0px 7px;width:48px’ display:’block’>
<a href=”//gb.pinterest.com/pin/create/button/?url=http%3A%2F%2Fwww.technologymake.com&media=http%3A%2F%2Fwww.technologymake.com&description=Next%20stop%3A%20Pinterest” data-pin-do=”buttonPin” data-pin-config=”above”><img src=”//assets.pinterest.com/images/pidgets/pinit_fg_en_rect_gray_20.png” /></a>
<!– Please call pinit.js only once per page –>
<script type=”text/javascript” async src=”//assets.pinterest.com/js/pinit.js”></script></div>
<div class=’button-share’ style=’margin-left:3px;’ id=’gplusone’>
<script type=”text/javascript” src=”https://apis.google.com/js/plusone.js”></script>
<g:plusone size=”tall”></g:plusone>
</div>
<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=”http://www.technologymake.com/2014/03/Social-floating-widget-in-blogger.html”>Widgets</a></p>
</div></div></div>

Customization:

            margin-left:-690px;  change according to your page setting. Decreasing value widget will go R.H.S & increasing value gadget will move Left Hand Side.
background-color:#f7f7f7; Also if you want to change the color then replace this value by your own desired or similar color to your template. Replace data-via=’technologymake‘ with your Twitter name.
Alternatively remains unchanged in case of insufficient knowledge of CSS.
Need Help:
Facing any type of problem ask us. We will be feel glad to help you in any nuisance. If you find this widget helpful for others then Brothers and Sisters P.s. Share it as you can.  

Read More...

Blogging

5 ways to add videos in blogger post learn how.

Many bloggers are now focusing on creating video blogs. These type of blog is easy to manage as compare to written content. It takes less time even twenty plus Vslides people share on daily basis at their sites as a new material. On the other hand in manually written blog post the whole scene is different. It is clear that learning capabilities of human works most effective as watching anything. Mean a student who learns about usage of how to take awesome screen short  of desktop in video tutorial format. He will gain more knowledge as compare to learning from a written format. Adding images in a post almost know every one. Just drag and drop and done. For Vds need some technicality. However today I will explain top level ways to adding Vds and sharing.

Add a video from Pc:

Navigate to HTML editor as a new post. Select video icon which is exist nest to adding an image icon as indicated into screen short. By pushing this new window will automatically open. Here we are able to add this stuff in two sub ways.
Manually navigate to pc and pick desired file.

Just use drag and drop choice.
Both are same. Wait till uploaded fully. If you want then explain for readers what is in this Vdo or write your own caption. When all is done check a preview then hit the publish button and you are done.

manually add videos in blogger post

From Youtube:

Blogger is fully attached with Youtube. While selecting next method of inserting videos from Youtube repeat above mentioned process until the new window open. Use 2nd method next to First one. A search box will appear making a search regarding to your file. Chose file and add it. Similarly if you have your own custom channel then you change the path from normal to “Select from Channel”. If everything seems good then publish.

Mobile uploads:

If you are using Android or iphone then uploading videos on bloggers is simple. Just download Google Plus mobile app . Install it to your Mobileand then proceed forward. This application gives you wide other ways to sharing your stuff. Like connecting people on G +. All new releases things from friends, family and other circles.

Use Webcam:

Blogger gives you standard features built in. If you want to check Vds as a demo or making your own videos then this option is all time best. Just use Upload via Webcam preference. A pop up window will appear conforming from you Allow or deny the webcam access. Check radio button of Allow with green tick mark. Hit the red record button. Make sure your volume settings are adjusted. Your video will be start from here. After completion you may check then add it into blogger post. Adjust appropriate settings. Push publish button & done.

Choose allow button for webcam video uploading preferencce

Embedding videos:

Top level videos sites like Youtube, Dailymotion, Vimeo and many other gives you embedding alternative. Before going in detail you must know a little bit about Embed. This is a method to merge anything in your content. Like Vds, photos from flick embedding.

How to start:

Visit relative site choose Embed option. Copy complete code from here! Now in blogger post editor change Compose version to HTML side of your writer from left upper corner. Paste code on that place where you want to show Vdo or embedded photo. Again change Editor Appearance from HTML to Compose. Make changes if required otherwise publish it.

Read More...