Menu Close Menu

0 comments

Whoever would have thought that LED Lighting would take such prominence today in the 21st century. The LED lighting market is filled with a wide variety of options that can light up your home as per your wish and mood. The best part about all this is that now you have the option of controlling the lighting of your home with your fingertips.

The simplicity of now being able to control your lights is an extremely important development and all you need is a smartphone or a tablet to make you the wizard of your own home.  Strip lights like the kind provided by the “Light Rabbit” company have become synonymous with new age lighting. Below we have compiled a list of the 5 apps that can be used to control the lighting in your home via a phone:

Lightwave RF:

Lightwave RF has not only ventured into lighting homes but pretty much into controlling your entire home right from electricity, water, lighting or heating. The company has made quite a name for itself in the American and European markets becoming the number one designer and manufacturer of cutting-edge home devices. The best part is their app which allows patrons to control the lighting of their homes via phones and tablets. Smartphones can act a remote of sorts that will help you will you're endeavours related to sensors, heating, and power. There are different choices of lighting one can select wit mood lighting control, dimmers and pre-set lighting combos. One can also set a timer that can be set that will automatically adjust the lighting levels as per the seasons. The app can also control the LED lighting allowing you to rise with a sunrise simulation in a natural way. If there is a presence of group lighting fixtures, then the app can control the scene lighting by automatically dimming and turning on and off the lights. The lightwave RF app also allows you to set your lights and lamp to switch on automatically to deter any thieves or miscreant elements to your home if you are gone on a vacation.

Philips Hue:

Philips Hue is perhaps the most well-known brand when it comes to smart lighting and rightly so. With a host of features and different kinds of lamps, bulbs and other lights like strip are available at Philips Hue. The company’s wireless system allows patrons to not only switch on and off the lights but also dim and change the brightness of bulbs and even customize colours. You have an option to recreate colours within a specific image like a scenery from the Alps or a sunset painting on your wall. The app also allows one to program specific times with the lights for waking everyone up. It also has a party mode for flashing in time with the music you are playing. The cost of Philips Hue may be on the higher side but their huge range of features to control LED lights definitely makes up for it. If you are looking for the best deals on smart lighting then head over to OZCodes.com.au. The site provides the latest promotions, discounts and offers on all the latest products in the market.

Osram Lightify:

The Lightify app is another alternative for customers on a budget. Their wireless system and app allows a wide variety of lighting options ranging from bayonet bulbs, LED strips, garden spotlights to a standard crew and all of them can be controlled with the Lightify smartphone app. One can expect a remote access feature, functionality scheduling, scene and ambience creation. The only feature not present with the app is that you can’t sync your lights to your film or music but within a reasonable cost, Lightify is one of the best range of bulbs present in the market today.

Ikea TRADFRI:

The Swedish furniture giant has been making headway in the smart lighting market and comes with a multitude of options for customers. They have a huge assortment of plug and play kits that range from colour adjustable options to white dimmable options where users have the option of switching between different light types like bright white and warm white. These can be controlled with the help of their apps which allows multiple functions ranging from controlling the setting of lights to adjusting them as per your choice. The Ikea choice of smart lights are well known for their extensive capacity which can range anywhere between 25,000 hours. Apart from the standard app control, there is also a remote control access provided to customers.

Elgato Avea:

The Elgato Avea may be a recent entrant in the smart lighting market but it is no stranger to making brilliant lighting solutions that are available with different preset colour scenes. Elgato Avea lights can be paired via Bluetooth Smart to your android and iOs device and therefore doesn’t require any additional hub connection like wi-fi router. The app is equally easy to use which automatically remembers your light scene so you don’t have to go through the trouble of connecting them every time. There are also 10 different preloaded colour scenes that adjust the lights to your preference with an option to combine multiple bulbs in the same group.

So there we have the 5 best apps to control your LED lighting at home. So what are you waiting for? Pick your choice today.


Image Source: Techadvisor
Read Article →

0 comments
A new inflatable technology has extremely improved the efficiency of the rapid pitch tent, with the development of the inflatable tent. Here is the summary you need to know about inflatable tents, with a collection of the best ones on the Inflatable zone at the moment. We also explore why bubble tent and inflatable tents for camping are proving to be so widespread, easy to setup and especially are considered to be the best choice for family camping.

Why we choose Inflatable Zone’s Tent?
Here is a few important fact about inflatable-zone you should consider to ensure you pick the right one for you:
Quality is most important fact of the product you have chosen Inflatable Zone’s tent are prepared by Professionals using advanced technology and equipment.
Now come to price: Inflatable zone promise to always offer the Cheap and affordable price as compared to market price, and they occasionally offer the promotion on the selected items.
Buy or Rent: I’m fan of the companies who offer to rent their product, inflatable also offer Top quality inflatable air track for rent in low price and you can order with custom-made logo as well.
What is next? Complaint and great customer support: Inflatable promise to respond almost instantly to all your inquiries and complaints.
Offer Custom Slogan: They offer free customization service, including logo printing, freestyle design, etc.
The world going to be express: They have Free Service of Express shipping to Unite States, Canada, Europe, Australia, Asia, door to door service to your house.
Secured Online Shopping: To buy bubble tent they have secured online payment methods Mainly payment terms are PayPal and Credit Card both are Fast and Safe..!!



Do you love to be close to nature? If yes then selection of Transparent outdoor bubble tent would be the best choice, Inflatable Zone offers excellent qualities and clear materials of transparent tent that is perfect for any outdoor event.
Such as inflatable camping bubbles and inflatable bubble tent house dome, Can be used for Commercially and rented, portable offices, or bubble tent hotels, they can be used for the purpose of advertising, Rental business, family camping, best choice for product showcase, opening ceremonies, promotional activities, sporting events carnivals, Party or wedding festivals, or even in your backyard as an additional room.

Zorbing Ball: Similar to human hamster ball, zorb ball is a very huge ball in size and for people to being pack inside and throw the ball down to the hill, Online wholesale or local store business is available. To buy zorbing ball online for sale would be a great deal, they offer very cheap zorbing ball price online. But if you prefer to rent it to save some bite of money then they also offer to rent their product.

Do you ever rent an inflatable tent? Or want to try out after reading? Let us know what you think of them and if you agree they are the best family tents available at the moment, by sharing feedback in the comment below.
Read Article →

0 comments
Well, even few years back, guest blogging was considered to be the best way to attract search engines and gain a perfect ranking. But, at present, there seems to be a dilemma regarding the proper use of guest blogging. Some says, it is still in vogue, but most of the other states that guest blogging is dead. Is it true? Is guest blogging seriously dead? Recent case studies and news feeds have indicated that it was gone that time, when guest blogging was defined as a perfect SEO strategy. And this announcement was used to avoid using guest blogging for gaining links.

Some of the features involved:

Before proceeding further and run a conclusion, it is mandatory for you to learn a bit more about the features, which connect guest blogging with SEO.
  • Google is known for hating the spam and repetitive content. And your website ranking will always be on the top ranking when you have original content to post, with great quality and accurate result. And that’s the time when you need guest blogging to help you in this matter. And it clearly states that guest blogging is still in vogue and much needed, for a company’s growth.
  • You cannot deny the importance of social sharing, from some of the popular accounts. It's beneficial and can always choose to work for the growth of your social site. Therefore, it even proves the importance, which guest blogging holds these days.
  • The best thing about guest blogging is that it helps you to procure links from some of the authoritative webpages. This is a massive plus point for raising the search ranking of the domain. And the traffic from those linked sites is going to help you to make growth in online market.
If you go through these points, then you can be sure of one thing; guest blogging is still much in vogue and not dead. These are some of the reasons on why people are inclining more towards guest blogging rather than using black hat SEO tactics.

Importance to add guest posting:

Well, there are certain mandatory points, which will show you the importance of guest posting, even now. This is the perfect and proven way to drive traffic, which in turn, will increase the sales ratio. And this will further help in the growth of your brand. But, you have to be sure about the guest post services, and avoid trying to use it more, to get rid of spam.

Some companies are mostly emailing every single blogger they can lay their hands on. And they are asking all of them to write something for the products and services, those companies are dealing with. It is better to avoid create such situation, as that calls for some negative results. You should try restricting your usage to some bloggers and for certain span of time only. That will help you in the long run. :)

Be sure of the points:

Whether you want to take services of guest blogging or not is entirely up to you, being a website owner, you need to be aware of the potential dangers, revolving around poor quality blogs, and if they are not, then there are high chances that the sites might get penalized.
It is time for you to move through some scenarios, where guest bloggers will promise you to provide free and fresh content, and that will help in enriching the website and get some proper results, as expected.
These guest bloggers are likely to promise you with better result of your marketing campaign. But, before believing their words, you have to be aware of the link schemes, which they are offering you with.

I hope that above point will help you in your future guest blogging strategies, if you feel that i have missed something please let me know in the comment section, i will more than happy to make any addition which help these points to more useful for other.

So stay tuned for future updates, peace and blessing bodies :)

Read Article →

0 comments
tooltip icon

Tool-tips are easiest to take information from an element while designing webpages, today i got a awesome tooltips source to share with our readers. It's originally shared by Jase Smith on Tutsplus early last month . He uses very simple technique using HTML and CSS to create awesome animated tooltip which you may never had seen before. Let's Take look on demo.

See the Pen CSS Tooltip Magic by Mohammad Ishtiaq (@Mybloggertricks) on CodePen.

The Expectation is chooses to achieve the goal:

  1. No JavaScript required
  2. We’ll be using attribute selectors (not classnames), with CSS built-in pattern matching
  3. Add to existing DOM elements (no new elements required in your markup*)
  4. Code examples are prefix-free (add vendor prefixes for your target browsers if needed)
  5. Assumes mouse over/hover to trigger tool-tips
  6. Plain text tool-tips only (HTML, images, etc. are not supported)
  7. Subtle animations while invoking tool-tips
Now many of you got question how to use it on blogger blog? You can use it on blogger blog in many ways but here i'm showing you one of them.

CSS Code we are going to use in this tutorial is:

/* START TOOLTIP STYLES */
[tooltip] {
  position: relative; /* opinion 1 */
}
/* Applies to all tooltips */
[tooltip]::before,
[tooltip]::after {
  text-transform: none; /* opinion 2 */
  font-size: .9em; /* opinion 3 */
  line-height: 1;
  user-select: none;
  pointer-events: none;
  position: absolute;
  display: none;
  opacity: 0;
}
[tooltip]::before {
  content: '';
  border: 5px solid transparent; /* opinion 4 */
  z-index: 1001; /* absurdity 1 */
}
[tooltip]::after {
  content: attr(tooltip); /* magic! */

  /* most of the rest of this is opinion */
  font-family: Helvetica, sans-serif;
  text-align: center;

  /*
    Let the content set the size of the tooltips
    but this will also keep them from being obnoxious
    */
  min-width: 3em;
  max-width: 21em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 1ch 1.5ch;
  border-radius: .3ch;
  box-shadow: 0 1em 2em -.5em rgba(0, 0, 0, 0.35);
  background: #333;
  color: #fff;
  z-index: 1000; /* absurdity 2 */
}
/* Make the tooltips respond to hover */
[tooltip]:hover::before,
[tooltip]:hover::after {
  display: block;
}
/* don't show empty tooltips */
[tooltip='']::before,
[tooltip='']::after {
  display: none !important;
}
/* FLOW: UP */
[tooltip]:not([flow])::before,
[tooltip][flow^="up"]::before {
  bottom: 100%;
  border-bottom-width: 0;
  border-top-color: #333;
}
[tooltip]:not([flow])::after,
[tooltip][flow^="up"]::after {
  bottom: calc(100% + 5px);
}
[tooltip]:not([flow])::before,
[tooltip]:not([flow])::after,
[tooltip][flow^="up"]::before,
[tooltip][flow^="up"]::after {
  left: 50%;
  transform: translate(-50%, -.5em);
}
/* FLOW: DOWN */
[tooltip][flow^="down"]::before {
  top: 100%;
  border-top-width: 0;
  border-bottom-color: #333;
}
[tooltip][flow^="down"]::after {
  top: calc(100% + 5px);
}
[tooltip][flow^="down"]::before,
[tooltip][flow^="down"]::after {
  left: 50%;
  transform: translate(-50%, .5em);
}
/* FLOW: LEFT */
[tooltip][flow^="left"]::before {
  top: 50%;
  border-right-width: 0;
  border-left-color: #333;
  left: calc(0em - 5px);
  transform: translate(-.5em, -50%);
}
[tooltip][flow^="left"]::after {
  top: 50%;
  right: calc(100% + 5px);
  transform: translate(-.5em, -50%);
}
/* FLOW: RIGHT */
[tooltip][flow^="right"]::before {
  top: 50%;
  border-left-width: 0;
  border-right-color: #333;
  right: calc(0em - 5px);
  transform: translate(.5em, -50%);
}
[tooltip][flow^="right"]::after {
  top: 50%;
  left: calc(100% + 5px);
  transform: translate(.5em, -50%);
}
/* KEYFRAMES */
@keyframes tooltips-vert {
  to {
    opacity: .9;
    transform: translate(-50%, 0);
  }
}
@keyframes tooltips-horz {
  to {
    opacity: .9;
    transform: translate(0, -50%);
  }
}
/* FX All The Things */
[tooltip]:not([flow]):hover::before,
[tooltip]:not([flow]):hover::after,
[tooltip][flow^="up"]:hover::before,
[tooltip][flow^="up"]:hover::after,
[tooltip][flow^="down"]:hover::before,
[tooltip][flow^="down"]:hover::after {
  animation: tooltips-vert 300ms ease-out forwards;
}
[tooltip][flow^="left"]:hover::before,
[tooltip][flow^="left"]:hover::after,
[tooltip][flow^="right"]:hover::before,
[tooltip][flow^="right"]:hover::after {
  animation: tooltips-horz 300ms ease-out forwards;
}

and the HTML markup something look like this:

<div>
    <span tooltip="Join us on Twitter" flow="up"><i class='fa fa-twitter' style='font-size: 20px; line-height: 20px;'></i></span>
    <span tooltip="Join us on Facebook" flow="up"><i class='fa fa-facebook' style='font-size: 20px; line-height: 20px;'></i></span>
     <span tooltip="Join us on Pinterest" flow="up"><i class='fa fa-pinterest' style='font-size: 20px; line-height: 20px;'></i></span>
         <span tooltip="Join us on Google Plus" flow="up"><i class='fa fa-google-plus' style='font-size: 20px; line-height: 20px;'></i></span>
  </div>

 That's it we have simple coded tool-tip without having JavaScript, in the CSS code above we have only four types of flow, if you looking for fun i got a awesome Demo on Codepen coded by jasesmith.

You can change the links of social media with your respective links as well as icons. for changing icon you just need to change following code with new icon code.

<i class='fa fa-google-plus' style='color: #111; font-size: 20px; line-height: 20px;'></i>

You can get new icon short-code from font-awesome official webiste, click on the icon which you want to take and you will be landed to short-code page.

Have fun playing with them and keep us udpated in the comment form below. Finally..!!! have something troubling? let me know in the comment form below, and don't forget to subscribe if you love it. Peace and blessing :)
Read Article →

0 comments
There’s no such thing as perfect writing. Grammar blunders, we all have them, even our writing heroes. Their writing may even be no better than yours the first time around. Well, sure, their end product is probably better, but regardless, all drafts are the same: sloppy and downright difficult to digest. Well then, if that’s the case, then how come there are so many awesome bloggers making a fortune on the internet, while there are others who barely earn a single follow?

What all successful bloggers have in common is that they all edit their work before declaring it as a finished product. Writing everything they want to say is just the first phase of their writing schema. Every draft is like a rough diamond. Unearthing one is just the beginning. You’ll have to cut it to reveal its clarity and beauty. This is why many of the most popular bloggers hire a professional editor, to transform their rough drafts to a real work of art. You nailed it! – Someone else is helping them.

That seems a bit unfair, doesn’t it? It’s no wonder that their writing seems flawless. Don’t go cursing and accusing bloggers of being cheaters. Some bloggers are really just busy with their everyday schedule that they’d rather have someone else do the editing for them. Even so, there are still bloggers who do the editing themselves, which they did by working their way to learning the craft. Editing isn’t exactly rocket science if you just have someone to show you how it’s done.

That being said, let’s break down the rules that’ll transform your dull writing piece to one that’ll break the record:

1.    Don’t use empty filler words

Empty fillers are sometimes called grammar expletives. These are words or phrases that don’t add any substantial meaning to the context. They usually start with there, it, and there, followed by a form of a verb to be. One of the most common phrases includes the words it was, it is, it will, it won’t, here is, it takes, there will be, there is. These words and phrases are empty and meaningless, only making the text unnecessarily wordier without adding any significant value to the paragraph.

What’s wrong with being wordy? I mean, sure, there are lots of cases when we need to catch a certain word count. When you use fillers to refer to nouns later in the sentence, your writing weakens as it shifts emphasis away from the real meaning of your writing.

2.    Use action words

We are fond of making our writing lengthier. As such, we often write our stuff using weak verbs. Examples are: assist, help, gain, receive, deal, handle, learn, seek out, set up, and enhance.
Weak verbs occur when we write “she is blogging”, when we can just write “she blogs”, “she is enjoying” instead of, “she enjoys”, and “she was sleeping” instead of “she slept”.
What’s wrong with weak verbs? We write to express. Using weak verbs makes it more difficult for the reader to digest the meaning of our writing. Instead of using weak verbs, use action or visceral verbs that directly point to the meaning of the sentence. Examples are: ate, kissed, killed, slept, drank, went, and flew.

3.    Don’t use weak adjectives

Everything in your article should be easy to understand. You shouldn’t bombard your article with words that’ll make it hard for the reader to understand your writing. That being said, you should be specific when using adjectives. Examples of weak adjectives are: really bad, really good, very big, and very beautiful. How bad is really bad? How good is really good? How big is very big? How beautiful is very beautiful? Refrain from using words or phrases that depict that you don’t know a specific word. Instead, use words like terrible, great, huge, and gorgeous.

4.    Don’t be verbose

Do you remember sleeping on your lectures back in high school? What do you think kept you from listening and staying awake? The long and boring lesson, right? Your prof could have explained it using few words, but he still insisted on making it long and difficult for you. Remember how you hated that? Well, that’s how your readers probably feel, whenever you go all verbose on them. Tell them exactly what’s up. Tips to follow are:

•    Be direct to the point
•    Don’t use colloquial phrases
•    Don’t use hifalutin words
•    Research

I bet you’re wondering what the last part was for. Well, of course, you’re going to have to be straight to the point for your readers to stick. Of course, it’s going to lead to a lesser word count. And of course, you need to stick to a much a higher word count. And that is precisely why you have to make tons of research: to make your article as valuable as possible.
5.    Avoid nominalization
Nominalization occurs when you use a lengthier equivalent of a phrase or sentence when you can just write in a simpler form. Examples are:

•    Alcohol is the cause of driving accidents – Alcohol causes driving accidents
•    Sabrina is showing signs of high intelligence – Sabrina is intelligent

6.    Use proper punctuation

Everything is easily understood through face to face conversations. Things toughen when we write it. Facial expressions, gestures, and body language – these all contribute to how effective communication will be. So, with all those things absent in writing, how can we make ourselves clear to our readers? Proper punctuation, of course.
Place a period at the end of every sentence. Use a question mark when you’re referring to a question. Place a comma whenever there’s a pause in your sentence.

7.    Make use of noun modifiers whenever possible

Again, we’re used to making our writing lengthier. As a result, we prefer using unnecessary and long words, instead of using noun modifiers. Noun modifiers are two nouns used together where the first noun modifies the second one. Examples are:

•    Benefits of reading – Reading benefits
•    Tips on proofreading – Proofreading tips
•    Basics of SEO – SEO basics

Where am I going with all of these? To write clearly and effectively, you just have to be well-understood. We write to express. That being said, your writing should send a clear message to the readers. Focus on making your writing as direct to the point as possible. Don’t confuse your readers just so you can reach a word count. There are only two things to remember: be direct and do research.

Joe Baldwin is a native US resident & professional Article writer for Essay Look. He studied English literature and creative writing. He has experience with online web content including blogs, web page content, news, public relations, press releases, and long form sales and industrial presentations.
Read Article →

0 comments

Periscope offcial logo

A Surprise for 288 million monthly active users on twitter, Twitter had launched Periscope, a live, interactive video app that allows you teleport anywhere with a faucet. Broadcast privately to a few people or in public to the globe. Periscope seamlessly integrates with Twitter, therefore you can share videos with your followers in real time. Presently Periscope video app is on market for Apple and Android Users only. Twitter conjointly added group Direct Messages, that allow you to take any public conversation into private, You'll add up to 20 people to a Direct Message at any time. They’ll get a notification that they’ve been included, due to advanced social communication also they're going to expand cluster user limte shortly once receiving feedback on restricted user limit.

 

The basic feature is for Periscope video app is capture, edit and share, lets take a look at basic app features.

 

Capture Videos using Periscope

Periscope video app that allows you to instantly capture images and record video on your Smartphone—then share them with anyone. Just hold down the record button to capture what’s happening around you. you can shoot one or more videos to show instantly what important happen around you.

 

Edit Captured Videos Using Twitter Video App

Create more videos without having any trouble. Superimpose yourself into your videos,  and keep your audience's attention with a variety of Breaking up important news. Editing your video is as quick and easy as drag-and-drop. Rearrange the good ones by deleting unusual clips from captured video until everything is exactly how you want it. It's also designed with the selfie in mind. The camera will default to the front-facing shooter.

 

easy and quick sharing with just one click away

This is yet another example of a social network making it easier for users to share photos and videos. In what almost feels like an industry-wide push, Facebook, Twitter and Snapchat have all been building messaging services in which photos are a major means of communication.

 

As soon as you’re done recording, your screencast video is ready to share with people around the world, within moments of making them. Download the app to get started.

 

Twitter Changing Terms & Conditions and Privacy Policy

Twitter have made a changes to their Terms of Service and Privacy Policy, So today, Twitter Support team starting to email users to let them know about some updates to these policies. We know that these types of updates are really important to you, and we want to help you by sharing. Twitter revised their Terms of Service and Privacy Policy, effective as of 18 May 2015.

 

Please read the updated policies and FAQs by following link below, Twitter explaining the revisions. By using their twitter services after 18 May 2015, you must be agree to the revised Terms of service and Privacy Policy.

 

 

Starting 18 May 2015, users outside the United States will receive Twitter services from Twitter International Company, based in Dublin Ireland. The features, the look and feel, and everything else you love will not change. Learn more.

 

Share your views about the twitter video app in the comment box below and share the updates with your social friends. Happy Blogging…!!

Read Article →

1 comments

Email form with background clip

Today we’d like to show you how to build a simple Flat Email subscription widget with an interesting eye catching effect. The idea comes from when I was reading a tutorial on how to create animated text with background clip property. The technique used to create the effect is actually pretty simple no need to do very hard coding or write fixes for browsers support. What about browser support? Certainly, this is the most obvious way which comes to one’s mind, although background-clip: text is only supported in Web-kit-based browsers for now. We will also explain it how to fix it in non web-kit browsers, moreover we are using HTML5 email validation method (required tag), with the use of HTML5 and CSS3 we’ll be make our email form more advance than ever. let’s get started

 

The  solution is to use Modernizr to detect if background-clip: text is available, and then use a class backgroundcliptext to apply background-clip:text selectively – Polygon does this too.

 

Live Preview

 

 

Browser Support:

 

Chrome:- Supported

Internet Explorer:- Not Supported

Mozila Firefox:- Not Supported

Opera:- Supported

Safari:- Supported

 

better solution CSS3 fallback

 

In back 2013 Deviya Manian share complete tutorial with examples, A better CSS fallback technique for fixing background clip issue in non webkit browser.

 

This can be easily solved using CSS prefixed value for non webkit browsers. We have set the transparent background using prefixed value for firefox and Internet Explorer(-ms- -moz-), then background-clip: text would only apply when -webkit- prefixed values are supported in browser.

 

So Now you have question about how your text will look in non webkit browser?

text in non webkit browser

 

Non webkit browser will show default color, which is we are using for p tag, and the clipped background is no longer shown in  Non WebKit browsers. If you have better idea than CSS3 fallback, you can share that with us in the comment box below.

So let’s start do some code:

First of all the only bits of HTML that we need for the subscription widget. The HTML markup looks as follows:

 

<div id="email-sbwrapper">
<div id="email-subwrapper">
<h4>News & Tutorials</h4>
<p>SUBSCRIBE US</p><div id="emailbg">
<input class='emailinput1' type="email" name='email' placeholder="Enter your email" required/>
<input style="border:0;" class='emailbutton1' title='Submit' type='submit'  value='SignUp'/>
</div></div></div>

 

And the CSS looks like this:

 

/*Fix For Input Default border */
*:focus {
    outline: 0;
}
/*Fix For Input Default border */
input:focus{
    outline: 0;
}

#email-sbwrapper {
    width: 95%;
    height:250px;
    background:rgba(255,255,255,1.00);
    float: none;
    outline: none;
    margin:auto;
    padding: 10px;
    border: 0;
    position:relative;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    -webkit-box-shadow: 0 0px 5px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 0px 5px rgba(0,0,0,0.1);
    box-shadow: 0 0px 5px rgba(0,0,0,0.1);   
    }
   
#email-subwrapper {
    background: rgba(0,179,233,1.00);
    position: absolute;
    width: 96.5%;
    height: 250px;
}

#email-sbwrapper h4 {
    font-family: "Verdana", sans-serif;
    font-size: 24px;
    font-variant:small-caps;
    color: #fff;
    text-align:center;
    padding: 0;
    margin: 20px 0 0px 0px;
    text-decoration:none;   
    }   
   
#email-sbwrapper p {
    font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
    font-size: 80px;
    font-weight:bold;
    font-stretch:inherit;
    font-variant: uppercase;
    letter-spacing: -5px;
    color:rgba(1,61,88,1.00);
    text-align:center;
    margin:0 0 0 0px;   
    text-decoration:none;
    background:url(https://dl.dropboxusercontent.com/u/223738947/Demos/Email%20Popup%20Version%202/Images/photoshop-background.jpg);
    background: -moz-linear-gradient(transparent, transparent);
    background: -ms-linear-gradient(transparent, transparent);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-animation: moving 20s ease infinite;
    }

#emailbg {
    width:96.3%;
    height:auto;
    position:absolute;
    bottom:0;
    padding: 10px;
    background: rgba(0,0,0,0.5);
    z-index:auto;
}
.emailbutton1  {
    background: rgba(0,179,233,2.00);   
    color: #fff;
    float: left;
    margin: 0 auto;
    padding-right: 30px;
    padding-left: 30px;
    cursor: pointer;
    font-size: 15px;
    border: 0;
    line-height: 52px;
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline;
    vertical-align:top;
    text-decoration: none;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    outline: none;
}


.emailbutton1:hover {
    background: rgba(0,179,233,0.70);
    text-decoration: none !important;
}

.emailinput1 {
    width: 76%; 
    height: 50px; 
    float: left;
    margin: 0 auto;
    padding-left: 10px;
    border: none;
    background: #fff; 
    font-style: italic; 
    color: #949494;
    border-bottom: 2px solid #d2d2d2;
    border-left: 2px solid #d2d2d2;
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline;
    vertical-align:top;
    text-decoration: none;
}

.emailinput1:hover {
    border-color: rgba(0,179,233, 1.00);
}

 

In order to be able to animate and for background clip effect into ( “Subscribe Us” ) we have just added webkit animation property and –webkit-text-fill-color propterty to “#email-sb-wrapper p” div look like this:

 

    background:url(Images/photoshop-background.jpg);
    background: -moz-linear-gradient(transparent, transparent);
    background: -ms-linear-gradient(transparent, transparent);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-animation: moving 20s ease infinite;

/*Webkit Supported CSS for animation*/
@-webkit-keyframes moving {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 0 500px;
  }
}​

 

In the hole tutorial the above CSS code is very interested, for animated background clip effect we are using image and for the non webkit browsers – we have add prefixed value for Mozilla Firefox and Microsoft IE, where we have set transparent background. Now the Animated background is a straight up solid color instead of a messy-looking image knockout in Mozilla and Internet Explorer.

 

So Finally Our CSS Code look this:

 

/*Fix For Input Default border */
*:focus {
    outline: 0;
}
/*Fix For Input Default border */
input:focus{
    outline: 0;
}

#email-sbwrapper {
    width: 95%;
    height:250px;
    background:rgba(255,255,255,1.00);
    float: none;
    outline: none;
    margin:auto;
    padding: 10px;
    border: 0;
    position:relative;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    -webkit-box-shadow: 0 0px 5px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 0px 5px rgba(0,0,0,0.1);
    box-shadow: 0 0px 5px rgba(0,0,0,0.1);   
    }
   
#email-subwrapper {
    background: rgba(0,179,233,1.00);
    position: absolute;
    width: 96.5%;
    height: 250px;
}

#email-sbwrapper h4 {
    font-family: "Verdana", sans-serif;
    font-size: 24px;
    font-variant:small-caps;
    color: #fff;
    text-align:center;
    padding: 0;
    margin: 20px 0 0px 0px;
    text-decoration:none;   
    }   
   
#email-sbwrapper p {
    font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
    font-size: 80px;
    font-weight:bold;
    font-stretch:inherit;
    font-variant: uppercase;
    letter-spacing: -5px;
    color:rgba(1,61,88,1.00);
    text-align:center;
    margin:0 0 0 0px;   
    text-decoration:none;
    background:url(https://dl.dropboxusercontent.com/u/223738947/Demos/Email%20Popup%20Version%202/Images/photoshop-background.jpg);
    background: -moz-linear-gradient(transparent, transparent);
    background: -ms-linear-gradient(transparent, transparent);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-animation: moving 20s ease infinite;
    }

#emailbg {
    width:96.3%;
    height:auto;
    position:absolute;
    bottom:0;
    padding: 10px;
    background: rgba(0,0,0,0.5);
    z-index:auto;
}
.emailbutton1  {
    background: rgba(0,179,233,2.00);   
    color: #fff;
    float: left;
    margin: 0 auto;
    padding-right: 30px;
    padding-left: 30px;
    cursor: pointer;
    font-size: 15px;
    border: 0;
    line-height: 52px;
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline;
    vertical-align:top;
    text-decoration: none;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    outline: none;
}


.emailbutton1:hover {
    background: rgba(0,179,233,0.70);
    text-decoration: none !important;
}

.emailinput1 {
    width: 76%; 
    height: 50px; 
    float: left;
    margin: 0 auto;
    padding-left: 10px;
    border: none;
    background: #fff; 
    font-style: italic; 
    color: #949494;
    border-bottom: 2px solid #d2d2d2;
    border-left: 2px solid #d2d2d2;
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline;
    vertical-align:top;
    text-decoration: none;
}

.emailinput1:hover {
    border-color: rgba(0,179,233,2.00);
}

/*Webkit Supported CSS for animation*/
@-webkit-keyframes moving {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 0 500px;
  }
}

 

According to our blog niche we design this widget for blogger users , but for websites user it will be useful after little bit editing. So now I am going to add RSS email subscription form into HTML Markup.

 

After adding RSS Email Subscription form to our HTML Markup, then finally our HTML Markup will look like this:

 

<div id="email-sbwrapper">
<div id="email-subwrapper">
<h4>News & Tutorials</h4>
<p>SUBSCRIBE US</p>

<div id="emailbg">

<!--RSS email Subscription -->

<form action='http://feedburner.google.com/fb/a/mailverify' class='emailform1' method='post' onsubmit='window.open(&quot;http://feedburner.google.com/fb/a/mailverify?uri="mybloggerstrick", &quot;popupwindow&quot;, &quot;scrollbars=yes,width=550,height=520&quot;);return true' target='popupwindow'>
<input name='uri' type='hidden' value='mybloggerstrick'/>
<input name='loc' type='hidden' value='en_US'/>
<input class='emailinput1' type="email" name='email' placeholder="Enter your email"/>
<input style=’border: 0;’ class='emailbutton1' title='Submit' type='submit'  value='SignUp'/>
</form>

</div></div></div>

 

In coming days, we will post separate tutorials for adding it into blogger blog, new and more demanded color schemes also will be released.

Do share your precious views on this widget and let us know how can we improve it further and don’t forget to share it with your social friends.. Happy Blogging..!! Remember me in your prayers.

Read Article →

0 comments

paid content writing

 

Like most bloggers, you dream of making money from your blog one day. A sponsored blog post is a blog post which you are paid publish on your blog. It may be written by you or by the advertisers. There is no harm in publishing paid reviews as long as the review relates to your niche. In accordance with FTC regulations you should always mention that it’s a sponsored blog post, usually at the end of the post with a byline such as:

“blog post was sponsored by (Company or brand Name Here).” Even if you are not legally bound to disclose that you’ve been paid to publish a post, you should.

 

I wouldn’t recommend that bloggers sell sponsored blog posts for such a low figure unless they don’t have a loyal and returning readership and don’t care about losing the readers they do have.

If you have a blog or websites with a decent dressed Pagerank i.e. PR4 or 5, you may contact a review network too and get paid for writing reviews on your website. Some of these networks include PayPerPost, ReviewMe, and BlogVertise etc.

 

Note:-, a sponsored blog post is a personal experience recommendation from you – from a real person your readers know and trust. Don’t sell yourselves or your readers short.

 

Recommendations while writing paid reviews

You have worked hard on your blog, to build up a voice, and content that people enjoy reading, sharing and engaging with. Flooding your blog with articles about car insurance, the latest cheap products and that “must buy” will eventually turn off the readers you’ve worked hard to attract.

 

  1. Try to work with clients that enhance your blog and add value for your readers.
  2. The sole purpose of Paid reviews is to get a rich PR link from you. Sponsors don't care about your traffic
  3. Make sure that links within sponsored content have the “nofollow” attribute or are coded so that they are inaccessible to crawlers. This includes any links to the sponsor on the template (logos, package treatments, etc.) and any sponsor links within the actual editorial text. This applies to all forms of sponsored content, be it specially created content or regular editorial content that is given a sponsor treatment.
  4. Any links within sponsored content should not pass PageRank. This stemmed from the incident in which Interflora and some UK newspapers were penalized for links within advertorials. Accept only a maximum of two links pointing to the same domain when reviewing. Sponsors often insert too many links on a single review, this makes your review suspected and can give a signal to Google that you are selling links.
  5. Never review Casino or Gambling sites, no matter how commercial the site be.
  6. The Review content must be related to your niche. If you write on web developments then you can review apps or web services or web tools that are used for web development purposes but you can not review a selling cars or Real Estate business sites.
  7. Charge $100-$150 for a PR4 site with a review of 1000 words. These higher rates are generally paid to more established blogs with a higher Page Rank (find out yours here) and a larger audience.

 

Google Guidelines About Paid Links

 

Not all paid links violate our guidelines. Buying and selling links is a normal part of the economy of the web when done for advertising purposes, and not for manipulation of search results. Links purchased for advertising should be designated as such. This can be done in several ways,

 

such as:

 

  • Adding a rel=”nofollow” attribute to the <a> tag
  • Redirecting the links to an intermediate page that is blocked from search engines with a robots.txt file”

We recommend you avoid selling (and buying) links that pass PageRank in order to prevent loss of trust, lower rankings, or in an extreme case, removal from Google's search results.

Hope the above tips will help you better review content on your websites or blogs.

Read Article →