Flat Flipping Floating Stay Connected Widget For Blogger

Nowadays Stay connected Widget are very important websites and blogger owners. Whether you  run a website or you are a blogger, you definitely need social subscription widget. To tell your users or visitors about your social media accounts. With the increase of the use of social media, it has rather become a necessity to have social media accounts. But choosing the right social icons according to your theme is also important. You don’t want your visitor to just ignore your social media links, due to ugly looking icons.

This way they not only stay in touch with their users, but also it provides a quick and easy way to promote your posts or products. People won’t visit your website that often as they use their social media accounts.

We also want a minimalist, simple and catches the eye, but awesome social media subscription widget and finally we are done..!! The widget originally made by dynamic drive, we have just customized version of it and i hope you really like it's awesome look. This widget is simply a copy-paste tool that can be installed within seconds. So lets start the tutorial you can also see the demo by clicking on the below preview button.

Live Preview

Check Also

Add It to blogger

Step. 1

1. Go to Template > Edit HTML and click anywhere inside the HTML editor.
   Press Ctrl+F (Cmd+F in Mac), and a search box should appear in the upper right corner of the editor.
2. Type or paste the following code in search box and hit enter.

Add the following CSS Code in the b:skin section of your template.

ul.flatflipbuttons{
position:fixed;
padding:0 0 3px 0;
bottom: 22%;
margin-left:0px;
float:left;
list-style:none;
-webkit-perspective: 10000px; /* larger the value, the less pronounced the 3D effect */
-moz-perspective: 10000px;
perspective: 10000px;
}

ul.flatflipbuttons li{
margin:0;
display: block;
width: 25px; /* dimensions of buttons. */
height: 25px;
margin-bottom: 39px; /* spacing between buttons */
background: transparent;
text-transform: uppercase;
text-align: center;
}

ul.flatflipbuttons li a{
display:table;
font: bold 36px Arial; /* font size, pertains to icon fonts specifically */
width: 100%;
height: 100%;
color: black;
background: transparent;
text-decoration: none;
outline: none;
-webkit-transition:all 300ms ease-out; /* CSS3 transition. */
-moz-transition:all 300ms ease-out;
transition:all 300ms ease-out;
}

ul.flatflipbuttons li a span{
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: table-cell;
vertical-align: middle;
width: 100%;
height: 100%;
-webkit-transition: all 300ms ease-out; /* CSS3 transition. */
-moz-transition: all 300ms ease-out;
transition: all 300ms ease-out;
}

ul.flatflipbuttons li a img{ /* CSS for image if defined inside button */
border-width: 0;
vertical-align: middle;
}

ul.flatflipbuttons li:hover a{
-webkit-transform: rotateY(180deg); /* flip horizontally 180deg*/
-moz-transform: rotateY(180deg);
transform: rotateY(180deg);
background:   transparent; /* bgcolor of button onMouseover*/
-webkit-transition-delay: 0.2s;
-moz-transition-delay: 0.2s;
transition-delay: 0.2s;
}

ul.flatflipbuttons li:hover a span{
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg); /* flip horizontally 180deg*/
transform: rotateY(180deg);
-webkit-transition-delay: 0.2s;
-moz-transition-delay: 0.2s;
transition-delay: 0.2s;
}

Step. 2

1. Go to Template > Edit HTML and click anywhere inside the HTML editor.
   Press Ctrl+F (Cmd+F in Mac), and a search box should appear in the upper right corner of the editor.
2. Type or paste the following code in search box and hit enter.

3. and paste the follwing code before/above ""

• 


• 


• 


• 


• 

 
• 

Customization

1. Replace the highlighted links in yellow with your own social profile links.
2. Preview before saving.
3. If everything is working fine then click on save button and you are done..!!

I hope your readers find this widget useful and this may further help in engaging your readers more on your blog and in building rich traffic. Do let me know if you needed any help.

For more updates Stay tuned!  blessings buddies. :)

Image Credit:- Freephotos.net

Read More

How To Create Free Blog On Blogger ( Beginner Guide )

In our Previous article we have talk lot about starting your blogging career, no doubt it’s a better then wasting time on chatting, watching movies and other online activities. BlogSpot let you create a Free blog but comes with it’s own limitation, but for a starter it’s a good idea to create a Blog and get the hitch of Blogging. If you don’t yet have a Google Account and would like to sign up for Blogger, you’ll be creating a Google Account with Blogger as your very first Google product. With the username and password you create, you’ll be able to access other Google products and services, such as Gmail, Google Docs, and Google+.

Here is the list of steps we need to do

1. Create Gmail Account

2. Create Your Free Blog On Blogger

3. How To Use Blogger Dashboard

4. Create Your First Post

5. How To Add Image In Your Post

6. How To Add Video In Your Post

7. Blog Customization

Create an Gmail account

Go to Google and Create your FREE Gmail Account Now.
Use your Gmail account as a tag or a way to promote yourself. Be creative, use username that can show what is you doing online, Or one that can be used for the product or service that you wish to promote. See the screen shot below for more detail.

 

and then write captcha words, Select your location and click next step.

Now you must complete your Google plus profile, add photo etc.

Create Your blog on blogger

1. Go to http://www.blogger.com

2. make your sure your gmail account is logged in, if not sign in first and then link your blogger profile to Google Plus.

3. Click Continue

Why You Switch Your blogger Profile to Google Plus

The profile that readers will see when they view your posts is shown below. Using a Google+ Profile gives you an identity on Google properties and connects you with your readers, allowing them to share and recommend your content on the web and on Google+. If you want to use another identity such as a pseudonym, you may choose a limited Blogger Profile instead. More information about profiles on Blogger.

3. After that Click on New Blog Button

4. Now Choose Your Blog Title and address

Note:- You can also change your blog address whenever you want by going into your blog setting. We will learn more about the blogger dashboard and blogger setting in our next tutorial. So Keep updated by subscribe us on RSS Feed or like our Facebook Page or Twitter. I Hope Newbie are Enjoy our this blogger beginner guide tutorials. Cheers!!

Read More

Publish Your Article Via Symbian SmartPhone (For Wordpress & Blogger)

Now publish your blogger posts by using a Smartphone (like symbian), you can publish content while you're so far from you pc - as possible as you have a strong signal. Whether you want to produce visual or written content, a Smartphone (Nokia Symbian) can do it, provided that you have the right software. The majority of blogs which are self-hosted will be ever so slightly different, but mostly because it's pretty complicated to format, edit, proof read and publish digital thoughts from a small mobile screen. Many have attempted it and the latest contender, the blob blogger and word press client is better than most.

Blob Client New Features

1. Now Supports word Press Too!
2. Read, Edit, Create posts, delete posts and also comments in different blogs
3. HTML5 enabled Post viewer
4. Add Labels, set custom publishing date and time in posts
5. Comes with one of the best convenient rich text editor ever made
6. A special clipboard manager feature for hardcore blogger
7. Offline reading and offline drafts option
8. Optimized for speed and low data usage
9. Pull to refresh

Free Version
http://store.ovi.com/content/266343

Paid Version
http://store.ovi.com/content/266320/

Image Credit:- Symbian Developer

Read More

Seven Tips On How To Create Awesome Headlines

Writing headlines for your blog that could hook those readers in an instant is a monumental task. It will determine whether or not you'll make a good impression to your target audience. Thus, creating an appealing one is essential for the sake of your blog's success. Of course, knowing that you need to create a compelling headline and actually doing it are two different things. These seven tips will help you do the latter and hopefully, be able to put them to good use.

1. Be as specific as you can be

Confusing headlines (in the hopes of sounding creative and deep) will not attract a huge number of readers. This is due to the fact that people have limited attention spans, especially when on the Internet. As negative as it might sound, web readers love being spoon fed. If they can't understand the whole point of your article by reading the headline, then you can rest assured that they won't even bother viewing the body of your copy.

Your headline needs to be crystal clear about the topic that you're going to discuss. Squeeze in as much detail as you can on the head. Make use of your keywords and try to ready you're readers for what's about to come.

2. The "What's in it for me?" technique

Most web readers today are benefit-driven. Use this to your advantage by offering something of use to your target audience. For example, tutorials and tips (like this one right here) is a surefire way of hooking eyes online. Starting off with "Ways to" or "How to" will certainly increase your article's flair and readability.

Furthermore, you need to remember that offering something unique and fresh is a must when you're writing for the Internet. The same goes for headline writing. Experiment with different terminologies and word phrasing from time to time and see which works best.

3. Numbers does wonders

People are generally obsessed with numbers. In fact, most writers nowadays promise some sort of list about certain topics and are further improving the hook of their headlines. Go along with the trend and incorporate some math on your head. Just don't forget to deliver when all has been said and done. Otherwise, be prepared to face the ire of your readers.

4. Be a myth buster every now and then

Though it requires a lot of skill to pull off, headlines that promises to debunk a certain belief or ideology can help your blog earn some much needed hits. Make your readers feel that they are being mistaken about something by creating a contradiction on the head of your article.

5. Make your audience panic

One of the most common mistakes that newbie writers do nowadays is creating a headline that feels "laid back". They fail to understand the power and importance of urgency and thus, miss out on people who simply dismisses what they're offering. Veer away from this practice and try to go for a "panic-inducing" headline.

Suggesting to your readers that they're going to create a certain mistake by not reading your post is a surefire way of keeping their interest. Just keep in mind not to scare your readers too much.

6. Adjectives make it all pop-out

Words like unbelievable, stellar and excellent can help your headlines stand out on the Internet. Don't take adjectives for granted because they exist for a very special reason in the world of writing. They make everything appear more exciting, fresh and on action without changing the meaning of the headline.

Making use of adjectives on your headline requires a somewhat personal approach. No one is going to complain about it because what might be unimpressive to you could be out of this world for another person. In short, different strokes work for different folks.

7. Take cues from your daily newspaper

This is a very good technique if you're just starting out as a writer/blogger. Newspaper writers and editors have long perfected the art of creating shocking and beautiful headlines. No one does it better than them! Learn from the masters and you will surely improve your headline writing skills in no time.

As cliché as it might sound by now, headlines really does make or break your article. Your copy isn't going to amount to anything if people didn't give a damn about the title of your topic.

Image Credit:- Digital Photos

Author - Katherine Smithson is a budding copywriter who is trying to pave her way through the blogging realm. Through bestessay.com, she is currently venturing modern writing and blogging in different websites in hopes that someday she'll be able to make a name in the industry of blogging and writing person.

Read More