Tuesday, March 31, 2015

How to Make Money Blogging





How to Make Money Blogging?
Do you want to make money blogging?
Can you make money blogging?
The answer is YES
You'rre not alone. Blogging is a profitable job and every blogger wants to make money.

If you have an existing blog with a small audience, be honest when considering whether the topic has broad appeal that isn't already covered by other established bloggers. If it does, great! Otherwise, there's nothing wrong with starting a second blog that will be more successful in attracting an audience, marketing itself, and making money through a variety of methods described below.


1 - Write down every topic that you are knowledgeable or passionate about.
2 -  Narrow down the topics by reflecting on profitability and other goals.                                          
3 - Search for blogs that cover similar topics.                                                                                
4 - Creating Compelling Content        
5 - Write original content.    


Deciding on a Blogging Platform
Consider a free blogging service. Many people opt to create a free blog using popular services such as WordPress.com or Google Blogger . This is a good option for people who aren't familiar with web design, don't want to pay for their own hosting, or enjoy the ease and stability that comes with these services. These services do have limitations on how you can make money using them, however, so make sure your blog won't break the terms of service.


Pay Per Click
PPC or CPC  programs are one of the best ways to make money from your Blog. PPC is the short form of Pay Per Click. There are various PPC programs available. These programs pay you for each click they receive on their advertisements. There are lots of various Pay per click (PPC) programs out there that allows bloggers to earn money online from each click generated by advertisement codes inserted into their Blogs.

How Pay Per Click Programs Work?
  
Just sign up for a PPC Program If your Website gets Approved Get the Ad Code →   Display their Ads on your Website →  Your visitors click on those ads and you'll earn money. The more clicks you receive the more revenue you'll get. Some top PPC programs are:

Include keywords in important places
Keywords are the important words that relate to the topic of your blog, and specifically the new subtopic you cover each time you post. Choosing relevant keywords that people search for frequently will increase the visibility of your blog, attract more readers, and show them advertisements they are likely to click.


Post your article links on social media
Get traffic to your site with frequent updates on Twitter, Facebook, and other social media sits. Find blogging communities that match your readership and post links to relevant articles on their comments or forums. This helps in getting traffic to your site as well as raising your search engine rankings.


Direct Ads
Direct ad sales is another easy and simple way to make money from your blog. Direct ad sales is simply trading your blog space for other organizations/advertisers/websites. If you don't like to Join any ad selling network because they take 20-30% commission for each ad sale on your website then direct ads is the best method for you. The advantage of Direct ad sales is that you are in control of advertising and thus you keep 100% of the sales and revenue generated from the transaction. Keeping 100% of the profit is always a good thing to consider. But the disadvantage of direct ad sales is to find advertisers because in case of a network, its a complete marketplace and advertisers are always looking for you.

How to Start Direct Ads on your Website?
Its simple, create a separate page on your website with the title Advertise Here. Give a brief description of your website, its ranking etc. and set your prices such as Sidebar Banner (300*250) for 30$/30 Days. Display it on your website, advertisers will contact you for their ads, display their ads and earn money.

Create an online store if appropriate. 
If you are an arts and crafts blogger, create a shop through etsy or another service for selling your artwork. If you are a writer or illustrator, search for a website that will sell T-shirts with your slogans or drawings on them. Many blog topics are not easily tied to products. You don't need to sell anything to make money, but if it fits your blog, do it.

Allow readers to purchase your own products or donate to your cause through your blog. If you have an online store for selling arts and crafts, or you create T-shirt designs available through a clothing website, provide links to those sites. Including a PayPal button for quick, safe purchases or donations is a common way to monetize creative blogs, or blogs that provide free advice or assistance to those who can't afford it.

There are more and more ways to make money online, these are just some of them.  Share this article with your friends and don't forget to subscribe to us via email to receive hottest updates directly to your inbox!


Blogging Basics: Developing Your Social Media Strategy



Bloggers always want to know how to build a bigger, better social media following. Unfortunately, this is cart-before-the-horse thinking. The right question is who's your audience? Who do you want to write for? Figure that out and you'll know intuitively how to approach social media.

Meet Your Ideal Reader

Be literal about this. Say your ideal reader is Sally, a 35-year-old accountant who isn't tech-savvy but wants to keep up with the latest information about bookkeeping software. You aren't going to reach Sally by writing 140-character jokes about the tax code on Twitter.

A more effective approach would be to write a review of the latest version of Freshbooks and post it to a LinkedIn Group for independent accountants.

Build Your Following
Aim to engage intelligently and be prepared to spend as much time on social media as you do writing your blog. Here are four specific tips for getting the most from your efforts:


  1.     Go where your customers are. If your target market is on Instagram and you've got a restaurant or a flower shop, share lots of photos and include links to your blog posts. Use the hashtags they use when posting to Twitter and Facebook. Find and follow them in the LinkedIn groups that relate to your industry.
  2.     Join in. You have to become part of the community before the community will listen to you. I call this "walking about." Visit other blogs and sites in your areas of interest and comment on what they post. You have to be visible and answer questions. Become a valued member of the community and people will want to check out who you are.
  3.     Post at optimal times, but also post multiple times. Post in the time zone that's most convenient for your ideal reader. Scheduling tools such as HootSuite and Sprout Social can make that easy. But you also can't assume that everybody you want to reach saw your 8 am post. Share multiple times without looking spammy.  When I write a blog post, I'll often share it seven times over the period of a week while tweaking the intro every time. One tweet might just feature the title; a Facebook post might include a question. These slight variances are usually enough to prevent a backlash yet keep content in front of as many readers as possible.
  4.     Always be testing. We often forget that people are very social at night when they get home from work. Even on LinkedIn there's new life in the evening. Try posting at different times and then use HootSuite or Sprout analytics to find out when readers tune in. They might show up at times you didn't expect.

It's All About Networking

Finally, remember that social networking is no different than any other kind of networking.

Would you spend your time at a Toastmasters event handing out resumes? Of course not! You'd be engaged in conversations and sharing life experience in hopes of building a valuable relationship. Your social media followers deserve nothing less.

In fact, don't even think of them as followers. Think of them as allies. Listen to them. Engage with them. And most of all, provide value to them. They'll be happy to return the favor if you do.


Guest post by Gina Schreck


Sunday, March 29, 2015

Product Photography Tips for Your Online Store



High quality product photos are a vital part of the online shopping experience, and can help your store increase sales and entice both new and returning traffic. Check out these three tips on how to optimize product images and give your online store that professional touch.

1. Take multiple photos

By taking multiple photos, the customer’s expectations of the product are more likely to meet reality.  

Start off with a hero image. This photo is the first of a series under the product listing and the one that represents the product on the ‘shop’ page. The hero image should show as much of the product as possible, which is why more often than not, the hero image is a simple front-on shot.


The hero image should be followed by photos of the product from alternative angles and close-ups of special features or textures that will help the viewer create a clear image of the product in their minds.

A great way to end your series of product images is with an in-context photo, which is simple a nicely composed photo featuring your product and either people, nature, food, a textured background or even other products.


The idea of an in-context photo, is to sell the product by showing the viewer what to do with the product. You also want to convey a certain quality, tone, or mood that influences the viewer’s perception of the product, as well as sell the product by showing the customer how the product can be used or worn.

2. Use a white background

Keep it simple and let your products do the talking by placing them on a white background. When it comes to product photography, consistency is key. Using a white background across all your product images will give your store a clean, professional look.

Aside from drawing attention to your product, a white background won’t clash with any other color. You can use it for any product and it will suitany website design. This means you can use the same product images for your online store and any other marketplace or social media platform, and you won’t need to update your product images should you choose to change your website’s color scheme.


Tip: Apply a drop-shadow to light-colored products to make them stand out on the white background. This will look much better than having a single dark background amongst the white backgrounds, and will give some dimension to your product too.

3. Create a template

Creating a template for your product photos will make your life a lot easier and ensure that you have consistent images.

Create a blank file in Photoshop, Canva, or Gimp, and set the dimensions you want to use for all your product images. The bigger the better - you just need to ensure the dimension ratio is the same. Aim for anything between 1000 to 1600 pixels on the longest side. Insert each photo into the template and resize it accordingly, then save the image as a new file.


Saturday, March 28, 2015

How to turn off the most boring option on YouTube




You do not have to reach deep into the menu of YouTube site and its settings, do it instantly, with a single click and turn off AutoPlay!
YouTube is in its discretion allow the AutoPlay feature that automatically continues with the next broadcasting videos based on what you have looked at. Let's say you watched the new video of a favorite band and after it, even if you didn't want to, it's moving to a new video and broadcasting.

So far, option of excluding this automated process had to perform in Settings tab of the site, and now you can do it immediately - on the video player. See picture above, look for autoplay, which is located on the right side of the site or just below the YouTube video player and simply click on the blue check box - that turns gray after switching. That's it - YouTube will no longer play video after video, you will also be able to decide whether you will or will not continue listening and watching music or other content.

This is "simple" advice, but many users asked why emerged this option and how to switch off because it is the introduced  by YouTube without questions and information for users


Friday, March 27, 2015

Couchmaster® Pro

COUCHMASTER® Pro - Black Edition (PC gaming / laptop support for the couch / bed, integrated cable management, including USB 3.0 Hub + 5m active cable.)


This handmade system of fine imitation leather will give you the most convinient way to control your PC directly from your couch.
The Couchmaster is the perfect support equipment for long gaming sessions or for ergonomic working on your living room TV. Due to the big support cushions your forearms are supported optimally. The integrated USB 3.0 hub provides connections for up to 4 input devices (eg mouse, keyboard, headset, etc..). The latest chip technology makes it possible to operate the entire system without extra power.The delivered 5 m active USB 3.0 cable connects the Couchmaster directly with your PC.


COUCHMASTER is an innovative, European-handmade lapdesk for mouse and keyboard, bringing the desktop PC experience to your living room. It is the perfect support equipment for long comfortable gaming sessions and for ergonomic working on your TV. Two large faux leather covered cushions provide optimum and comfortable forearm support while the crossboard holds all mice, keyboards, and accessories. The Pro version comes with USB extension cord and integrated USB 3.0 hub, providing connections for up to 4 USB devices (e.g. mouse, keyboard, headset, USB charger, etc.). Latest chip and cable technology makes it possible to operate the hub and devices without a dedicated power cable.





Support cushion:
ca. 25 x 18 x 60 cm (B x H x T)

Support case:
ca. 85 x 4 x 30 cm (B x H x T)

Cable holes:
Diameter ca. 24mm



Thursday, March 26, 2015

Add Cool Subscription Box For Blogger



Email subscribers is becoming a major concern for every blogger over the internet.Using the default subscription box by feedburner will not gain as much subscribers as a customized subscription box will gain.Take a look at the image attached with this post.The sharing buttons have a little bit nudging effect.This subscription widget contains CSS sprites.




Follow these simple steps to add this widget in your blog,
1).Go to Blogger Dashboard>Design>Page Elements.
2).Select "Add a Gadget".
3).Choose "Html/JavaScript" and paste the following code inside it

<style>
.sBlack {
background: none repeat scroll 0 0 #282828;
height: 95px;
padding-bottom: 10px;
}
.sBlack .subscribeTop .mcLeft {
background: url("http://3.bp.blogspot.com/-DxVgFqUxZbU/Toi-VHL10MI/AAAAAAAAAoM/Vg5wJ3x3S9k/s1600/CSS_Sprite-technetsavvy.png") no-repeat scroll 0 -173px transparent;
display: block;
float: left;
height: 83px;
margin: 8px;
width: 101px;
}
.sBlack .subscribeTop .mcRight {
display: block;
float: left;
margin: 0;
width: 165px;
}
.sBlack .subscribeTop .mcRight h4 {
background: url("http://3.bp.blogspot.com/-DxVgFqUxZbU/Toi-VHL10MI/AAAAAAAAAoM/Vg5wJ3x3S9k/s1600/CSS_Sprite-technetsavvy.png") no-repeat scroll 0 -305px transparent;
display: block;
height: 15px;
margin: 10px 0 0 -2px;
text-indent: -9999px;
width: 164px;
z-index: -1;
}
.sBlack .subscribeTop .mcRight div.getposts {
color: #767676;
font-size: 11px;
line-height: 13px;
margin: 3px 0 -5px;
text-shadow: none;
}
.sBlack #mc_embed_signup fieldset {
border: medium none;
margin: 0;
padding: 0;
}
.sBlack .subscribeTop .mcRight form.getfrom {
margin-top: -5px;
padding: 0;
}
.socialsharebuttons {
background: none repeat scroll 0 0 #F2F2F2;
border-bottom: 1px solid #E6E6E6;
border-top: 1px solid #E6E6E6;
display: block;
margin: 10px auto 10px 0;
overflow: hidden;
padding-top: 6px;
}
.social { float: center; }
.social li { float: left; margin: 0 0 0 5px; }
.social li a { background: url(http://3.bp.blogspot.com/-DxVgFqUxZbU/Toi-VHL10MI/AAAAAAAAAoM/Vg5wJ3x3S9k/s1600/CSS_Sprite-technetsavvy.png) no-repeat; display: block; height: 35px; text-indent: -999em; width: 32px; }
.social li a.rss { background-position: 0 -263px; }
.social li a.google+ { background-position: 0 0; }
.social li a.facebook { background-position: 0 -99px; }
.social li a.twitter { background-position: 0 -363px; }
.social li a.technorathi { background-position: 0 -326px; }
.social li a.google { background-position:0 -136px; }
.social li a.yahoo { background-position: 0 -400px; }
.social li a.subscribe { background-position: 0 -300px; }
.social li a.mailbox { background-position: 0 -173px; }
.social li a.subscribe { background-position: 0 -300px; }
.social li a.mailbox { background-position: 0 -173px; }
.social li a:hover { position: relative; top: -2px; }
</style>
<div style="margin-left:0px; margin-top:-5px;" class="sbBlock sBlack">
<div id="mc_embed_signup" class="subscribeTop clearfix">
<div class="mcLeft"></div>
<div class="mcRight">
<h4>Subscribe now</h4>
<div style="margin-bottom:2px;" class="getposts"><strong>Subscribe By Email To Receive Free Updates</strong></div>
<div style="clear:both;"></div><form target="popupwindow" style="border:none;text-align:left;" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=ekWMe', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" method="post" class="getform" action="http://feedburner.google.com/fb/a/mailverify"><input type="text" style="width:128px; height:16px;" name="email" onblur="if (this.value == "") {this.value = "Enter your email";}" onfocus="if (this.value == "Enter your email") {this.value = ""}" value="Enter your email" /><span class="float:left;"><input type="hidden" value="ekWMe" name="uri" /><input type="hidden" value="en_US" name="loc" /><input type="submit" style="padding-top:3px; padding-left:1px; margin-bottom:-2px; margin-left:2px; padding-right:1px; border: 1px solid #333333;cursor: pointer; background-color: #828282;text-decoration:bold; color: #000; padding-bottom:4px; height:25px;" value="Go" /></span></form>
</div>
</div>
</div>
<center>
<div style="background-color: rgb(40, 40, 40); margin-top: -5px; width: 298px; height:75px">
<table border="0" style="border-top:1px #888 solid;"><tbody><tr></tr><tr><td>
 
<widget class="social">
<div id="footer-list-none">
<li><a class="rss" href="http://feeds.feedburner.com/ekWMe" rel="nofollow" title="Subscribe Via RSS">RSS</a></li>
<li><a href="https://plus.google.com/114093757109573967655?rel=author" class="googleplus" title="Add Me On Google+">Google+</a></li>
<li><a class="facebook" href="http://www.facebook.com/pages/blogosphere" rel="nofollow" title="Find Us On Facebook">Facebook</a></li>
<li><a class="twitter" href="http://twitter.com/BlogerTemplates" rel="nofollow" title="Follow Us On Twitter">Twitter</a></li>
<li><a class="technorathi" href="http://technorati.com/faves?sub=addfavbtn&add=http://mix--er.blogspot.com" rel="nofollow" title="Add To Technorati">Technorathi</a></li>
<li><a class="google" href="http://fusion.google.com/add?source=atgs&feedurl=http%3A//feeds.feedburner.com/ekWMe" rel="nofollow" title="Add To Google">Google</a></li>
<li><a class="yahoo" href="http://add.my.yahoo.com/rss?url=http://feeds.feedburner.com/ekWMe" rel="nofollow" title="Add To Yahoo!">Yahoo</a></li>
 
 
<p style=" line-height:0px; font-size:10px; font-weight:bold; text-align:right;"><a style="color:#D3D3D3;" href="http://mix--er.blogspot.com/">Get This Widget</a></p>
</div>
</widget>
 
 
</td></tr></tbody></table></div></center>


Customizations:
Replace All the red bolded lines with the required services.If you want to remove any one of the icon you don't want to use just remove from the <li> and end with this tag </li>.





Isometric Free iPhone 6 PSD Mockup


What is Mockup?
In manufacturing and design, a mockup, or mock-up, is a scale or full-size model of a design or device, used for teaching, demonstration, design evaluation, promotion, and other purposes. A mockup is a prototype if it provides at least part of the functionality of a system and enables testing of a design.

--
Free isometric iPhone 6 PSD mockup to showcase your app design in modern way.Layered PSD file with smart layers,background color can be changed also.





Everything you need to know about the changes coming to Facebook



CEO Mark Zuckerberg talks about the Messenger app during the Facebook F8 Developer Conference Wednesday, March 25, 2015, in San Francisco.


Facebook announced a series of features and updates at its annual F8 Developer Conference in San Francisco on Wednesday, and while the news is mostly targeted for developers and app designers right now, it could eventually mean big things for Facebook users.

CEO Mark Zuckerberg kicked off the two-day long conference with a major update to the Facebook Messenger chatting platform. Users will be able to send photos, GIFs, music and integrate with apps like ESPN and the Weather Channel.

Other improvements were made to Facebook's video player and its app analytics platform. The social network announced it's getting into the Internet of Things trend, too.

In case you missed the presentation, here's a look at everything you need to know:

Facebook Messenger as a hub

Perhaps the biggest update unveiled during Zuckerberg's keynote is that Facebook Messenger — the social network's chatting tool — is becoming a massive communications hub, where users will be able to do much more than chat with others via the service.

Developers can now add a Messenger button to third-party apps so


In the future, for example, a developer could be able to add a Messenger button within a movie ticketing service app, so after a customer makes a purchase, they could share those details and movie times with a friend on Facebook.

Many of the early partners working with Facebook Messenger are focused on photos and entertainment. Some apps were developed specifically for the platform, while others are building Messenger in as an added feature.

A noteworthy feature of the growing platform is Messenger Business, which will allow users to communicate with merchants by sending them a direct message or making a reservation and checking shipping information.

People will be able to have personal conversations with companies — specifically, customer service representatives — and be able to make requests, asks questions and get quick responses in an ongoing thread, the company said.


Facebook spent some stage time talking about the future of video on the site. To start, the social network will soon support "spherical videos" — immersive, 360-degree videos that work right in Newsfeed. The videos will run natively in Newsfeed and will be shot with 24 high-resolution cameras.

These videos will also work with virtual reality headsets, like the Samsung Gear VR and, of course, the Facebook-owned Oculus Rift. Conference attendees will be able to experience spherical videos in its "Teleportation Stations."

Embeddable videos, refreshed comments

Facebook is rolling out a new social plugin that lets publishers embed native Facebook videos across the web. Although you'd think Facebook's video player would already have the ability to embed videos on other sites, the move is now a part of a larger effort to catch up with YouTube.

Facebook also pushed out another social plugin update to its Comments feature. Users will be able to log into their accounts and comment on a webpage, but now the message will be duplicated on the official Facebook-shared story, too.

Analytics for apps

The company introduced a new Analytics for Apps tool that provides a dashboard of data so developers and marketers can better understand their audience.

The Internet of Things

Facebook introduced a software developer kit (SDK) to support the growing influx of web-connected devices for the home, like smart garage door openers and refrigerators. The company will be opening its mobile app building suite, Parse, to web-connected devices to support the Internet of Things.

The Internet of Things refers to products — and, well, things — that are connected to the web. This includes everything from smart thermostats and garage doors to toothbrushes, tennis racquets and even your bed. They collect data about your usage patterns and habits, and typically connect to an app that offers feedback to improve your lifestyle (or your racquet swing, for example).

It's unclear as of now how exactly Facebook will incorporate Internet of Things technology into its platform, but perhaps dimming the lights at night or opening your garage door could one day all be possible from directly within the social network.

How To Add Animated CSS3 Drop Down Menu In Blogger



Adding beautiful drop down menu helps to increase the beauty of your blog. By adding the drop down menu your readers or visitors can easily navigate through your blog.
This amazing Drop down menu is created by Catalin Rosu with spectacular JQuery effects! I'll give you customized version which works flawlessly with blogger. It is compatible with all major browsers like FireFox, Chrome and Safari

  LIVE DEMO


Step 1. Log in to your blogger dashboard.
Step 2. Select your blog.
Step 3. Select Template option and click on Edit HTML option.
Step 4. In the template code find ]]></skin>
Step 5. Just above it paste following code and save the template.


#mmenu, #mmenu ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }
    #mmenu {
        width: 900px;
        margin: 10px auto;
        border: 1px solid #222;
        background-color: #111;
        background-image: -moz-linear-gradient(#444, #111);
        background-image: -webkit-gradient(linear, left top, left bottom, from(#444), to(#111));   
        background-image: -webkit-linear-gradient(#444, #111);    
        background-image: -o-linear-gradient(#444, #111);
        background-image: -ms-linear-gradient(#444, #111);
        background-image: linear-gradient(#444, #111);
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        border-radius: 6px;
        -moz-box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;
        -webkit-box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;
        box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;
    }
    #mmenu:before,
    #mmenu:after {
        content: "";
        display: table;
    }
    #mmenu:after {
        clear: both;
    }
    #mmenu {
        zoom:1;
    }
    #mmenu li {
        float: left;
        border-right: 1px solid #222;
        -moz-box-shadow: 1px 0 0 #444;
        -webkit-box-shadow: 1px 0 0 #444;
        box-shadow: 1px 0 0 #444;
        position: relative;
    }
    #mmenu a {
        float: left;
        padding: 12px 30px;
        color: #999;
        text-transform: uppercase;
        font: bold 12px Arial, Helvetica;
        text-decoration: none;
        text-shadow: 0 1px 0 #000;
    }
    #mmenu li:hover > a {
        color: #fafafa;
    }
    *html #mmenu li a:hover { /* IE6 only */
        color: #fafafa;
    }
    #mmenu ul {
        margin: 20px 0 0 0;
        _margin: 0; /*IE6 only*/
        opacity: 0;
        visibility: hidden;
        position: absolute;
        top: 38px;
        left: 0;
        z-index: 9999;   
        background: #444;
        background: -moz-linear-gradient(#444, #111);
        background-image: -webkit-gradient(linear, left top, left bottom, from(#444), to(#111));
        background: -webkit-linear-gradient(#444, #111);   
        background: -o-linear-gradient(#444, #111);   
        background: -ms-linear-gradient(#444, #111);   
        background: linear-gradient(#444, #111);
        -moz-box-shadow: 0 -1px rgba(255,255,255,.3);
        -webkit-box-shadow: 0 -1px 0 rgba(255,255,255,.3);
        box-shadow: 0 -1px 0 rgba(255,255,255,.3);   
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        -webkit-transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -ms-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out; 
    }
    #mmenu li:hover > ul {
        opacity: 1;
        visibility: visible;
        margin: 0;
    }
    #mmenu ul ul {
        top: 0;
        left: 150px;
        margin: 0 0 0 20px;
        _margin: 0; /*IE6 only*/
        -moz-box-shadow: -1px 0 0 rgba(255,255,255,.3);
        -webkit-box-shadow: -1px 0 0 rgba(255,255,255,.3);
        box-shadow: -1px 0 0 rgba(255,255,255,.3);       
    }
    #mmenu ul li {
        float: none;
        display: block;
        border: 0;
        _line-height: 0; /*IE6 only*/
        -moz-box-shadow: 0 1px 0 #111, 0 2px 0 #666;
        -webkit-box-shadow: 0 1px 0 #111, 0 2px 0 #666;
        box-shadow: 0 1px 0 #111, 0 2px 0 #666;
    }
    #mmenu ul li:last-child {  
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;   
    }
    #mmenu ul a {   
        padding: 10px;
        width: 130px;
        _height: 10px; /*IE6 only*/
        display: block;
        white-space: nowrap;
        float: none;
        text-transform: none;
    }
    #mmenu ul a:hover {
        background-color: #0186ba;
        background-image: -moz-linear-gradient(#04acec,  #0186ba);   
        background-image: -webkit-gradient(linear, left top, left bottom, from(#04acec), to(#0186ba));
        background-image: -webkit-linear-gradient(#04acec, #0186ba);
        background-image: -o-linear-gradient(#04acec, #0186ba);
        background-image: -ms-linear-gradient(#04acec, #0186ba);
        background-image: linear-gradient(#04acec, #0186ba);
    }
    #mmenu ul li:first-child > a {
        -moz-border-radius: 3px 3px 0 0;
        -webkit-border-radius: 3px 3px 0 0;
        border-radius: 3px 3px 0 0;
    }
    #mmenu ul li:first-child > a:after {
        content: '';
        position: absolute;
        left: 40px;
        top: -6px;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-bottom: 6px solid #444;
    }
    #mmenu ul ul li:first-child a:after {
        left: -6px;
        top: 50%;
        margin-top: -6px;
        border-left: 0;   
        border-bottom: 6px solid transparent;
        border-top: 6px solid transparent;
        border-right: 6px solid #3b3b3b;
    }
    #mmenu ul li:first-child a:hover:after {
        border-bottom-color: #04acec;
    }
    #mmenu ul ul li:first-child a:hover:after {
        border-right-color: #0299d3;
        border-bottom-color: transparent;    
    }
    #mmenu ul li:last-child > a {
        -moz-border-radius: 0 0 3px 3px;
        -webkit-border-radius: 0 0 3px 3px;
        border-radius: 0 0 3px 3px;
    }



Step 6.  Layout  Add A Gadget  HTML/Java Script and paste next code



<div id="mmenu">
        <li><a href="#">Home</a></li>
        <li>
                <a href="#">Categories</a>
                <ul>
                        <li><a href="#">Graphic</a></li>
                        <li><a href="#">Html Editor</a></li>
                        <li><a href="#">Meta Tag</a></li>
                        <li><a href="#">Web design</a></li>
                </ul>
        </li>
        <li><a href="#">Color Code</a></li>
        <li><a href="#">About</a></li>
        <li><a href="http://mix--er.blogspot.com/2015/03/how-to-add-animated-css3-drop-down-menu.html">Contact</a></li>

</div>


Step 7. replace # with your  links and other with your Page Title.




Tuesday, March 24, 2015

3D Flying Book Navigation Menu Bar








  1.     Login to Blogger  Dashborad
  2.     Click on Drop Down Menu and select Layout
  3.     Add a HTML/JavaScript Gadget
  4.     Paste below code in it.






      5. Save template and you'rre done.
      6. Replace your codes and URLs



Add floating dropdown menu to blogger




LIVE DEMO

  1. Log in to your blogger dashboard.
  2. Select your blog.
  3. Select Template option and click on Edit HTML option.
  4. In the template code find </header>
  5. Just below it paste following code and save the template.
  6. Open your blog to see the new changes



<style>

#wctopdropcont{
  width:100%;
  height:40px;
  display:block;
  padding:0;
  margin:0 0 22px 0;

 z-index:100;
  top:0px;
left:0px;
 position:fixed;
    box-shadow:2px 2px 5px  #444444;
-moz-box-box-shadow:2px 2px 5px  #444444;
-web-kit-box-shadow:2px 2px 5px  #444444;
-goog-ms-box-shadow:2px 2px 5px  #444444;
background:#180000;
}

#wctopdropnav{
  float:left;
  width:700px;
  height:40px;
  display:block;
  padding:0;
  margin-left:40px;
}

#wctopdropnav ul{
  float:left;
  margin:0;
  padding:0;

}

#wctopdropnav li{
  float:left;
  list-style:none;
  line-height:40px;
  margin:0;
  padding:0
background:#180000;

}

#wctopdropnav li a, #wctopdropnav li a:link{
  color:#fff;
  display:block;
  margin:0;
font:16px georgia, verdana;
  padding:10px;
  text-decoration:none;
}

#wctopdropnav li a:hover, #wctopdropnav li a:active, #wctopdropnav .current_page_item a  {
  color:#fff;
  padding:10px;
background: rgb(180,223,91); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(180,223,91,1) 0%, rgba(180,223,91,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(180,223,91,1)), color-stop(100%,rgba(180,223,91,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(180,223,91,1) 0%,rgba(180,223,91,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(180,223,91,1) 0%,rgba(180,223,91,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(180,223,91,1) 0%,rgba(180,223,91,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(180,223,91,1) 0%,rgba(180,223,91,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4df5b', endColorstr='#b4df5b',GradientType=0 ); /* IE6-9 */
}
#wctopdropnav li li a, #wctopdropnav li li a:link, #wctopdropnav li li a:visited{
  font-size: 12px;
background:#180000;
  color: #fff;
  width: 150px;
  margin: 0;
  padding: 0px 10px;
  line-height:30px;
  position: relative;
}

#wctopdropnav li li a:hover, #wctopdropnav li li a:active {
  color: #fff;
background: rgb(180,223,91); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(180,223,91,1) 0%, rgba(180,223,91,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(180,223,91,1)), color-stop(100%,rgba(180,223,91,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(180,223,91,1) 0%,rgba(180,223,91,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(180,223,91,1) 0%,rgba(180,223,91,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(180,223,91,1) 0%,rgba(180,223,91,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(180,223,91,1) 0%,rgba(180,223,91,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4df5b', endColorstr='#b4df5b',GradientType=0 ); /* IE6-9 */
}

#wctopdropnav li ul{
  z-index:9999;
  position:absolute;
  left:-999em;
  height:auto;
  width:170px;
  margin:0px;
  padding:0px
}

#wctopdropnav li:hover ul, #wctopdropnav li li:hover ul, #wctopdropnav li li li:hover ul, #wctopdropnav li.sfhover ul, #topwctopdropnav li li.sfhover ul, #topwctopdropnav li li li.sfhover ul{
  left:auto
}

#wctopdropnav li:hover, #wctopdropnav li.sfhover{
  position:static
}
#wctopdropsoc {
  float:right;
  width:220px;
  padding:0px 0px ;
  margin:9px 10px 0px 0px;
   }
#wctopdropsoc img
{
margin-left:5px;
margin-top:-2px;
height:26px;
border:none;
}

</style>

  <div id='wctopdropcont'>
     <div id='wctopdropnav'>
         <ul>
           <li><a href=''>Home</a></li>
           <li><a href='#'>About us</a></li>    
           
           <li><a href='#'>Tools</a>
               <ul>
                  <li><a href='#'>Item 1</a></li>
                  <li><a href='#'>Item 2</a></li>
                  <li><a href='#'>Item 3</a></li>
                  <li><a href='#'>Item 4</a></li>
                  
               </ul>
           </li>
    <li><a href='#'>Categories</a>
              
             <ul>
                  <li><a href='#'>Widgets</a></li>
                  <li><a href='#'>Templates</a></li>
                  <li><a href='#'>SEO</a></li>
                  <li><a href='#'>Wordpress</a></li>
                  <li><a href='#'>Blogger</a></li>
                  <li><a href='#'>Customization</a></li>
               </ul>
           </li>
             <li><a href='#'>Contact us</a>           
           </li>
         </ul>
      </div>

      <div id='wctopdropsoc'>
         
<a href='http://feeds.feedburner.com/YOUR-FEED-URL' target='_blank'><img alt='Subcribe to our RSS feeds' src='http://2.bp.blogspot.com/-ea9ILzszTF0/UR3ySvlxd0I/AAAAAAAABMQ/4QBrWHbt0FU/s1600/feed.png'/></a> 
<a href='http://www.facebook.com/your-fb-url' target='_blank'><img alt='Join Us on Facebook' src='http://1.bp.blogspot.com/-3wW_EmAR24w/UR3tVFL5fFI/AAAAAAAABLc/RMS76XM5sK8/s1600/fbb.png'/></a>
<a href='https://twitter.com/ your-tw-name ' target='_blank'><img alt='Follow us on Twitter' src='http://1.bp.blogspot.com/-wSCdvgK8Ctw/UR3tWusvgyI/AAAAAAAABL0/FY3nUvdlJx0/s1600/tww.png'/></a>
<a href='https://plus.google.com/your-g+url' target='_blank'><img alt='Add to Circles' src='http://1.bp.blogspot.com/-YWI0K2Ebh2Q/UR3tVS1gDhI/AAAAAAAABLk/8hYaD0Yur_k/s1600/gpp.png'/></a>

      </div>
   </div>




Instructions : Modify the value of background:#180000; to change background color of the menu and don’t forget to change our social network addresses with your URL addresses




How to Start a Fashion Blog


Starting a fashion blog takes work, patience and dedication. Every fashion blogger needs to find a unique style and voice, conduct research, gather information and figure out ways to create the best content en route to a successful site. The following tips will show you how to start a fashion blog from the ground up.

Determine Your Fashion Niche

Before you write the first word or take the first photo, determine how you are different from every other fashion blogger. What’s your niche?

Then make it real.


  •     Your fashion blog should feature you. Let people know who you are and why your thoughts matter.
  •     Tell a story. Is it a daily journal of what you wear, how to shop or how to wear accessories? Develop a continuing story.
  •     Take risks and don’t be afraid to be different. If your blog is about things you truly care about then others will relate to you.

Janelle Paige's blog, which highlights a mix of iconic brand pieces and wearable fashion, combines photos and videos that show what's she's wearing. The photography is beautiful, the fashion looks like something almost any woman would wear and her tips are easy to follow.

Create a Name

Develop a blog name that’s fun, catchy and relates to fashion. Then buy a domain to match.

Research other fashion blogs to get an idea of names that are already out there – you don’t want to steal – and to find names that are overused. Think about the niche you have envisioned and develop a short phrase that embodies your interpretation of the category.

A good name will clue users in on your fashion sense, personality and blogging style. You might come up with a handful of names before settling on one. Do some research and ask your friends for advice, "When you think of me and fashion, what words come to mind?"

Brunch on Chestnut is fun, unique and comes with a matching domain. The shorter blog headline "Brunch" is simple, easy to remember and defines what blogger Ashley Kane is writing about, a mix of style and fashion for both you and your home.

Develop a Style

Every successful fashion blog must have a unique style. A good blogging style matches your fashion sense. Are you traditional and classic or funky and modern?

Develop the style of your content along those guidelines. Consider what the main content will look like. Is your blog mostly text, images or video? How will you tell your fashion story? Consider the language you will use and who is most likely to interact with your blog.

Wolftress has developed a distinctive appeal with images and design in a blog that highlights trends and fashions available from the brand. While every image is strikingly different, they all have a look that clues users into the fact they are visiting a uniquely styled blog. This is accomplished with artistic and editorial photography along with minimalist design theme throughout the blog.

Publish Great Content

It may sound simple, but the most important thing you will do as a fashion blogger is publish great content. Great content starts with personality.

Keep users engaged by publishing on a cycle. Will you post daily, weekly or on another schedule? Plan it in advance and stick to it.

Before you publish the first post, create a stockpile of blog entries to publish one-by-one. It can be tough developing content, so have an arsenal of fashion posts that are ready to go (this will come in handy the first time you are overextended or just need a day off).

Every fashion blog should include:


  •     Plenty of photos or videos
  •     A unique spin on common ideas
  •     Timely content about trends and popular fashion
  •     Evergreen content you can publish any time or go to when there’s nothing new
  •     Tips and tricks. Teach users how to be more fashionable (or avoid faux pas)

Saddle and Suede tells stories from two points of view with a husband-and-wife team that writes about fashion, home and life. A unique spin that really elevates the content quality and helps drive more readers to the blog.

Leverage Social Media

Your fashion blogging plan must include social media promotion. From integrating sharing tools to posting about your blog and encouraging others to share, every piece of content should find a life socially.

Fashion bloggers are turning to social media to be part of a larger conversation. Instagram is a great platform for fashion bloggers because it is designed for photos. You need to employ a mix of traditional blogging and social media for the best results.

Howl includes social media share and comment buttons with every post and image. (Note the "Pin It" icons throughout). Plus, the photos are distinctive enough that readers want to share them.

Carrie Cousins


How Steve Jobs Trained His Own Brain


Getty Image

Steve Jobs is one of the two or three greatest icons of high tech, rivaled only by Bill Gates and perhaps Mark Zuckerberg. He's mostly known for his legendary ability to create innovative, groundbreaking products.

What's less known, though, is that Steve Jobs was a pioneer in what was once a rather esoteric "mind technology"--the use of Zen mindfulness meditation to reduce his stress, gain more clarity, and enhance his creativity.

As the Financial Times recently pointed out, Jobs was quite specific about how he went about practicing this "discipline" (as he called it). Biographer Walter Isaacson quotes Jobs as saying:

  "If you just sit and observe, you will see how restless your mind is. If you try to calm      it, it only makes it worse, but over time it does calm, and when it does, there's room to    hear more subtle things--that's when your intuition starts to blossom and you start to    see things more clearly and be in the present more. Your mind just slows down, and      you see a tremendous expanse in the moment. You see so much more than you              could see before."

What Jobs described in that passage is readily identifiable as a specific type of meditation, usually called "mindfulness," that's taught in Zen Buddhism and its Chinese antecedent, Taoism. When Jobs was talking to Isaacson not long before he died, he had been practicing such meditation for many years.

I know that for certain because, by coincidence, in the early 1990s, I had a brief one-on-one conversation with Jobs about how Zen related to computer programming. (That's a story for another post.)

In any case, it's now clear that Jobs was as far ahead of his time in the technology of the mind as he was in the technology of computers. According to no less an authority than Scientific American, the latest neuroscience research proves that meditation techniques that have been around for thousands of years have beneficial effects on both your mind and your body.

The mind technology of meditation has since gone mainstream. According to a recent article in The Atlantic, companies as diverse as Target, Google, General Mills, and Ford have begun to teach their employees the same kind of mindfulness that Jobs embraced decades ago.

While the idea of corporate-sponsored meditation sessions strikes me as a bit creepy, you don't need corporate sponsorship to get the benefits of mindfulness. I learned mindfulness meditation from world-renowned martial artist Yang, Jwing Ming. From what I can tell from Jobs's description of his meditation, Yang's method is either identical or closely related to Jobs's own practice.

Here how the technique was taught to me as far as I recall it:


  1.     Sit cross-legged in a quiet place, preferably on a low pillow to reduce strain on your back. Take deep breaths.
  2.     Close your eyes and listen to your inner monologue, the thoughts that spin through your mind all the time: work, home, TV, whatever. Those thoughts are the chattering of your "monkey mind." Don't try to stop it from chattering, at least not yet. Instead just observe how it jumps from thought to thought to thought. Do this for five minutes every day for a week.
  3.     After a week, without trying to silence your monkey mind, during the meditation, shift your attention to your "ox mind." Your ox mind is the part of your brain that thinks slowly and quietly. It senses things around you. It doesn't try to assign meaning to anything. It just sees, hears, and feels. Most people only really hear their ox mind when they experience a "breathtaking moment" that temporarily stops the monkey mind from chattering. However, even when your monkey mind is driving you crazy with rush-rush-rush and push-push-push, your ox mind is still there, thinking its slow, deep thoughts.
  4.     Once you're feeling more aware of your ox mind, ask it to start quieting your monkey mind down. What worked for me was imagining the monkey mind going to sleep due to the slow walking of the ox as it moves patiently along a road. Don't get upset if your monkey mind keeps waking up. It's a monkey, so it can't help acting like one. However, you'll find that, despite its protests, your monkey mind would rather give it rest and stop making all that tiring and tiresome noise.
  5.     As your monkey mind calms down, continue to shift your attention to your ox mind. Each breath will seem to take a long time. You'll feel the air on your skin. You may feel your blood flowing through your body. If you open your eyes, the world will look brand new and even rather strange. A window, for example, becomes just a square thing that full of light. It doesn't need to be opened or closed or cleaned or repaired or anything else. It's just there. You're just there.
  6.     While it can take a while to get there, you'll know you're doing the exercise correctly when it seems as if no time has passed at all between when you started the timer and when it goes off. When you succeed at that, gradually increase the amount of time you spend each day. Weirdly, no matter how long you practice, it will seem as if no time has passed.


In my experience, daily practice of mindfulness has three valuable results:

First, it completely eliminates stress. While the stress may return, it's starting from scratch and thus has less chance of snowballing into something unmanageable.

Second, it eliminates insomnia. When I was practicing this regularly, I was able to close my eyes and go to sleep within two or three seconds. That alone is worth the effort, in my view.

Third, and most important, it allows you to think more clearly and more creatively about everything happening in your own life. In my case, I used the sense of calm to extract myself from an unhealthy relationship and a job that made me miserable.

So, while I can't promise that practicing mindfulness will make you as creative as Steve Jobs, I can promise from my own experience that mindfulness will create positive change in your life.

inc