GBloghelper

The demands of social networking and community sites are increasing rapidly. For building a community/networking site you need to code it from scratch. But if you are not a pro coder or you don’t have a nerd team, building a social networking website is completely impossible. So as non coder to build Social networking website you can use CMS (content management system - readymade platform what helps you to build site) also known as platform software or script. With social networking CMS you will be able to-

• Build a Social networking website in a short time

• It can be use for personal or commercial purpose

• Customizable, so you can modify any part of site as you want

• Some of these CMS are open source (completely free and you can modify/upgrade the source code) and some of paid.

Let’s see what content management systems I talking about for building Social networking website.

7 best CMS/script for building Social networking website

Email marketing is an important option for both entrepreneur Blogger and Internet marketers. For email marketing's essential tools is email sending services. Awber, Mailchimp, Madmimi, Get response are very popular. In these email sending services Mailchimp is very good choice for no matter you are beginner or pro and of course it's free and have ability to send beautiful customized newsletters. For sending newsletter you will need to have a list what can be done by sign up form. Problem is there Mailchimp Optin/email subscription/newsletter sign up forms are very simple and looks a bit of awkward with our themes/templates, Right?
So reveling you from these boring-ness with sign up form here I publishing a homemade professional looking mailchimp sign up/subscription form. It's easy to configure and flat designed and it will easily match with any blogsites/websites. Let's see how it looks like and how to add it to your Blogger blog and wordpress sites and how to configure.

Professional Mailchimp Sign-up/Opt-in Form for Wordpress/Blogger 

 

Live Preview-(Click Here)

Codes-

<!-- Begin MailChimp Signup Form -->
<!-- crawlist.net form starts -->
<div id="optin">
<h4>Subscribe for Newsletter</h4>
<p>Join our mailing list, recieve new post update, learn pro tricks weekly</p>
    <form action="http://blogspot.us3.list-manage.com/subscribe/post?u=0b55fc18f7e81c4baff2c9e57&amp;id=857e43dd4c" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank">
       <input type="text" size="30" value="Enter your name" name="FNAME" class="name" id="mce-FNAME" onfocus="if(this.value==this.defaultValue)this.value='';" onblur="if(this.value=='')this.value=this.defaultValue;">
        <input type="email" size="30" value="Enter your email" name="EMAIL" class="required email" id="mce-EMAIL" onfocus="if(this.value==this.defaultValue)this.value='';" onblur="if(this.value=='')this.value=this.defaultValue;">
                     <div id="mce-responses" class="clear">
            <div class="response" id="mce-error-response" style="display:none"></div>
            <div class="response" id="mce-success-response" style="display:none"></div>
        </div>
        <div class="clear">
            <input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button">
        </div>
    </form>
     <h5><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQWfYVatzsUnjHJB-0HFguORePV-3lVS4zyRoxjOkcvuCSEEKzkas0ENbjY5t3S4BJPfgkIUKfgHwGmP7YwwJYOvz2VDg24C7hIE3FxeQd137O5ep1IcVbQmslXfGYgBlNr3pp6IqgM_A/s1600/lock.png' alt='privacy' width="9" height="12"/>  We'll never spam or sell your email, 100% privacy gurrenty</h5>
    </div>
<!-- crawlist.net form ends -->
<!--End mc_embed_signup-->
<style>
#optin {
    background: #f5f5f5;
    border: 3px solid #ccc;
    height:300px;
    width:280px;
    text-align: center;
    padding:8px 8px;
}
#optin h4 {
    font-family:"Segoe UI"; font-size:18px; font-weight:bold; margin-top:10px;}
#optin p {font-family:Georgia, "Times New Roman", Times, serif; }

#optin h5 {font-family:Georgia, "Times New Roman", Times, serif; font-size:10px; margin-top:7px; padding-left:42px; padding-right:42px;}
   
    #optin input {
        background: #fff;
        border: 1px solid #ccc;
        font-size: 15px;
        margin-bottom: 10px;
        height:34px;
        width:220px;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        box-shadow: 0 2px 2px #ddd;
        -moz-box-shadow: 0 2px 2px #ddd;
        -webkit-box-shadow: 0 2px 2px #ddd;
    }
        #optin input.name { background: #fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJuzW5TNG0IZtAb9gJO25jbT34wLEUE3KagAyzZtgWiGwGCa60LxH2NTVMI5n4yfTj4G_SRGRqbC__AudGLiGxKpOJnBhqoCelgRZWZ95hhjOLo2WCgDmpC8GGgn-ZJ5iUinXIr4bfX1I/s1600/name.png) no-repeat 10px center; padding-left: 35px }
        #optin input.email { background: #fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXCEinBtcs5e_OHXzI4MWiKsWaI35dEl3pvzrbI7bRAvPrT1VHzsmHTpELlEg5GqBE27IBPo3SbfDiu8DIY0s0EfUFBzAjsSd5ylT80Y5habNSd7MLHpLBrhbrlap6FqzAQgYNzFZSosY/s1600/email.png) no-repeat 10px center; padding-left: 35px }
        #optin input[type="submit"] {
            position: relative;
  vertical-align: top;
  width:180px;
  height: 50px;
  padding: 0;
  font-size: 22px;
  color: white;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
  background: #f1c40f;
  border: 0;
  border-bottom: 2px solid #e2b607;
  cursor: pointer;
  -webkit-box-shadow: inset 0 -2px #e2b607;
  box-shadow: inset 0 -2px #e2b607;
        }
       
        #optin input[type="submit"]:hover{opacity:.7;}
       
            #optin input[type="submit"]:active {   top: 1px;
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none; }
</style>

How to add this widget in Blogger

• First log in to your Blogger, select your Blog, 

• Go to 'Layout' tab then click 'add a gadget'  

• Select 'html/javascript' from pop up menu. 

• Copy following codes and configure

How to add this widget in Wordpress

• From dashboard hover mouse on 'Appearance tab', 

• Then from 'appearance' menu select 'widgets', 

• Then drag and drop 'Text' content box in widget area, 

• Copy following codes and paste into 'text' box, 

• For new dashboard click on 'Text' add it to sidebar 

• And paste following codes and configure

How to configure
Configuring this form won't take a while, read on-

• First log in to your mailchimp account, 

• Select 'List' from side menu, 

• Inside 'List' on your email subscriber list's very right part after 'stats' 

• Click on dropdown menu, select, 'Sign up forms' from there.

• Then Select 'Embedded forms'. 

• When you are  into 'Embedded forms' 

• From Classic sign up forms page's botton contains sign up forms HTMLcode, 

• Copy all code and paste them on any txt file/word file (notepad)

• And select the following link what shown as image and replace the link with my default link (pink colored).

Save your widget/gadget and take a look at your site, How it looking on your site, how it working or any trouble please leave with comment. More cool Mailchimp subscription form will release soon stay subscribed, Happy Email marketing :)

Without backlink running a website is worthless and pointless. Building backlink/link building for your website/blogsite there are a lot of source you can use. Submit your website link to several web directories is also a good source for getting good and strong backlinks.
There are a lot of web directory I have found around the web, they offer's free and paid web directory service. Going through most of them here I sharing 60 best free web directory for building backlinks. Here some directories works instantly without any condition, some of 'em requires link exchange and some will review your site first (they will track your site's popularity and content quality, than will add you site to their directory). Read on the -

60 best Free Web Directory for Building Backlinks

1. Dmoz


2. So Much


3. Jayde


4. Scrub The Web


5. Yahoo directory


6. 1 Abc


7. Little directory


8. 1 Webs Directory


9. Amray


10. Directory Fire


11. Directory World


12. T Section


13. Direct My Link


14. Cipinet


15. 9 Sites


16. Gain Web


17. My Directory Live


18. Free Website Directory


19. Elite Sites Directory


20. Pro Link Directory


21. Nexus Directory


22. Business Seek


23. PIseries


24. Directory Volt


25. R Directory


26. Suggest Url


27. Search Sight


28. Synergy Directory


29. Wwwi


30. Directory bin


31. A list directory


32. Link nom


33. 10 Directory


34. Best Free Websites


35. Suggest Site


36. Link Pedia


37. Pedsters Planet


38. Inteligent D


39. Link Dir


40. Submission4u


41. Leading Link Directory


42. The Net Directory


43. Nipao


44. The Web Directory


45. Url Moz


46. Wikidweb


47. XY Link Directory


48. Answer Spots


49. SEO Free Links


50. Dmoz in


51. Sighber Cafe


52. Tech4on


53. A Million Sites


54. Digg Directory


55. Royal Link Up


56. Best million links


57. Vie Search


58. Dir4UK


59. PRweblink


60. PR3 Plus


Hoping this list will help you a lot. And if it does don't forget to mention. Happy link building!

Shareaholic is one of the most used all in one content sharing platform (like Addthis, Sharethis). The difference with other sharing platform of Shareaholic is;

• Shareaholic has much cooler icons (Eye catchy, trendy and stylish)

• Got all the basic sharing services

• 4 different style of icon appearance (Normal, Flat, Circle and Pop out)

• Shows share counts

• Very customizable (Position, Icon size, Layout, Align, Headline)

• Analytic, Fast loading, Responsive, and optional monetization option

Adding Shareaholic Sharing widgets in Blogger blog is easy, for your consideration setup process of adding
Shareaholic widgets into Blogger blogs written below, read on-

Add Shareaholic Share button & bar to Blogger blog/below posts

 

• Go to Shareaholic, open an account

• Verify and login to your account

• Hit (Add Website) from Website Tools Dashboard page

• Insert your BlogSpot Domain name and site name

• Select platform ‘Blogger’, Content category, site Language, Hit continue

• Next page you’ll see ‘Apps’ option, Turn on ‘Floating Share Buttons’, Click on ‘Setting’ icon

• Now in ‘Layout’ fix Size, Counter, Align, Vertical offset, and services,

• Additionally click on ‘Display rules’, Hit Save Settings

• Now you’ll return to the Dashboard page, Get your mouse over ‘Location’ option

• Select ‘Share Buttons’, In share button page, in Location input type ‘Below post’

• Select your Theme, Headline, Position, Layout, Counter, Align and services

• After all configurations complete, select ‘Save settings’,

• You’ll redirect to Dashboard page, now click on ‘Get setup code’ and

• Log into your Blogger blog on the other tab, select your blog

• Go to ‘Template’ tab, and select ‘Edit HTML’

• Search for </head> (using CTRL+F or CMD+F) into code snippet

• Before </head> tag, paste ‘Get setup code’s codes

• Again, Get back to Shareaholic tab, from location configuration, click on ‘</> icon’

• And copy all codes from pop-up page

• And from Blogger’s tab (into code snippet) search for,

• You may find this code phrase twice, ignore first phrase, after second phrase paste those codes,

• You may add these codes too, with default codes cause default codes widget will appear on homepage too, re-edit the default code with this codes, like this-

• If you can’t find <div class='post-footer-line post-footer-line-1'> than search for </article>, and paste codes below </article>

This article rewriter tool will scan through your content for words that can be replaced with a synonym. All words that have been replaced with an alternate option will be highlighted in bold and colorful text. You can click on that word to revert to the original, find other suggested words, or add your own. added over 500,000 new synonyms to improve the end value of this article rewriter; with the purpose of improving articles by providing better words or phrases.  

2. Ant Spinner
Writing effective content for your site can now be simply done through the use of this article spinner. An article spinner tool can make rewrite articles easy and fast all for free. You can simply make content full of match keyword phrases that could also raise traffic in your website.

3. Caligonia
There are many articles on content spinners on the market; some of these articles are useless while others actually attempt to inform you of how powerful article rewriters are, but Caligonia is different It's a human controlled article spinner what prevents output articles to having controlled use of thesaurus and synonyms, what makes a article more human readable and useful.

4. Paraphrasing Tool    
Use Paraphrasing Tool to paraphrase or rewrite full length essays and articles or to find new ways to express simple phrases, sentences or single words. Whether your goal is to remix textual content for a website, term paper, business document, email or tweet, Paraphrasing Tool will do the trick.

5. Ez rewriter
Free online article rewriter. Paste or type your text and rewrite words with synonyms.

6. Free article spinner
Free and paid article rewriter. Be a member of site and get your rewriter screen.

7. Article rewriter tool
Free article, sentence and paragraph rephrasing tool online

8. Plagiarisma
Plagiarisma is a free article spinner, online synonymizer, eassy rewriter, plagiarism and grammar checker

9. Article changer
It says world's best free article spinner tool what produce mostly human readable output.

10. Spin bot
Article spinning, text rewriting and creative content creation tool. Using it you'll quickly get human readership and search engine exposure

11. Content professor
Content professor is a free and paid article spinner, A smart, easy and guaranteed way to rewrite articles online

12. Word flood
It's a desktop app and free for use. Unique, powerful and super fast desktop app designed to help creative article marketers and professional content marketer’s

So these article rewrites are the best rewriting tools to work on for free. Use them and change your conventional article to shiny penny. Any tool you recommend or have a feedback about my list leave with comment. Happy article spinning :)

CSS3 took web design to its most wanted attractive step. Using CSS3 effects on websites elements (text, images) makes our site look gorgeous and trendy. With this site I try to publish various CSS3 effects (base Button, Image effect) what you can use on your web project and Blogger blogs easily. To continue that here another super cool effect I presenting. It will give your image Swing effect on mouse hover. Made with CSS3 transform animation and keyframes to design the swinging pattern, it also cross browser supports. Let’s see how it looks like and how to enable it on your image of Blogger.

Add CSS3 Swing effect on Images of Blogger blog

• Log in to your Blogger, select your blog

• Go to ‘template’ tab

• Select ‘Edit HTML’

• Find into codes snippet (Using Ctrl+f or Cmd+f) ]]><

• Above ]]>< copy and paste Part 1’s codes

• Save template

• While you writing a post, After upload and insert complete for a image, Select ‘HTML’ view from (compost/html) upper side of post editor.

• You will see your uploaded images source code, Place

• After placing the Class, back to ‘compose’ view

• Copy and paste the CSS part into your web project’s stylesheet.css

• And call your image with part 2’s HTML part where you want to show this effect

The usefulness of using Captcha on your site is so to speak. Most important some reason stands for your website’s security. Like-

• Really Simple CAPTCHA does not work alone and is intended to work with other plugins. 

• It is originally created for Contact Form 7, however, you can use it with your own plugin. 

• Also it is not strongly secure.

As you already knew why Captcha using so necessary. So use a Captcha plugin from above and increase your wordpress blog's security. Don't forget to mention what you use or gonna use :)