Add a Simple and Sober Social Subscription Widget

Finishing and hovering effect is very awesome in the CSS and when we create anything by using them then result always comes out very awesomely and very creative. We also do something like this with it and create one of the very awesome and simple and sober social subscription widget with RSS, Twitter and Facebook which can be fit in any kind of size and it is purely created by using CSS without any JavaScript OR jQuery. So it will work very awesomely like in live demo.

Live Demo

Add Simple Subscription Widget

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

 <style>
/*  ---------www.widgetgenerators.blogspot.com----------- */
.social-connect-widget{background:#FFFFFF;border:1px solid #E7E6DE;padding:5px; border-radius:5px; -moz-border-radius:5px;}
.social-connect-widget:hover{border:1px solid #000000;background:#e5e3e3;
-webkit-box-shadow: 5px 5px 5px rgba(0,0,0,0.4);
-moz-box-shadow: 5px 5px 5px rgba(0,0,0,0.4);
box-shadow: 5px 5px 5px rgba(0,0,0,0.4);}
.social-connect-widget a{text-decoration:none;font-weight:bold;font-family:Arial,Helvetica,Sans-serif;color:#4B4D4E}
.social-connect-widget a:hover{text-decoration:none;color:#F77C04}
.social-connect-widget img{vertical-align:middle;margin-right:5px;height:42px;width:42;}
</style>
<br/>
<div class="social-connect-widget" style="margin-top:0px;margin-bottom:10px;">
<a href="http://feeds.feedburner.com/WidgetGenerators"><img alt="RSS Feed" src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1_RJWHLknEh5aE0hbx5vPhu5zEuCpFxhyw6e_dIq-Tls7bsbkz0tdPNbvRahZLVtc0ZYY1gjGH0kShJ-M2j6fQKD1oUw4tmSwx1YXh-DBUGqxT1kIRB4dktivCoCI5nlpvdZnDJVN21RH/s1600/Rss-icon.png" /></a><a href="http://feeds.feedburner.com/WidgetGenerators">Subscribe  RSS Feeds!</a>
</div>
 <div class="social-connect-widget" style="margin-bottom:10px;">
<a href="http://twitter.com/WidgetGenerator"><img alt="Follow Us on Twitter!" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHNywpAcniTxcTGc49K-kHt8T1EDqlchQXKyTtxMDq3S8g9umHylY4vWdwMCcMInaXEXmu7x_1YRuX1oscCrRhOyMLD-tQUq-8KLxFQlbbeln6UqshtELCsXDLiwYFjtf0Rz_s3AW_ABTZ/s1600/Twitter-icon.png" title="Follow Us on Twitter!" /></a><a href="http://twitter.com/WidgetGenerator">Follow Us on Twitter</a>
</div>
<div class="social-connect-widget" style="margin-bottom:10px;">
<a href="http://facebook.com/WidgetGenerators"><img alt="Be Our Fan!" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjN-xP4aI4e0JItkyyFIdvxVflPioy_hIO-zpASbRR4HQG0KkDlnsCbKa_5D5eXw1C8BrhQu5QkgDEjECY4Zlzdxeu9yp40vBkuwAw7dccyCw6pYL1PGiS1AAwE2HcoudQwau4T_OW-ywd/s1600/facebook-icon.png&#39; title=&#39;Be Our Fan" /></a><a href="http://facebook.com/WidgetGenerators">Follow us on Facebook </a>
<a style=" font-size:9px; color:#3B78CD; text-decoration:none;" href="http://www.widgetgenerators.blogspot.com/"></a>
</div>

• Now Save your Widget.

 Make Changes....!

• Replace WidgetGenerators it with your RSS user name (2 times)
• Replace WidgetGenerator it with your Twitter user name (2 times)
• Replace WidgetGenerators it with your Facebook  user name (2 times)

If Any Problem Comes, Ask in Comments

Read More

Add New Updated HTML Editor with Version 2

Guys we are very happy to announced that our team successfully try to make a new and updated HTML Editor V2 means Version 2 and we are happy to share it with our visitors and readers and also to others.

As we all know that M.Mustafa the founder of MBT has already launched his HTML Editor and we all copied his codes, i also copy his codes, but today I want to officially launched our new Roseic HTML Editor V2.

Live Demo 

What is New in this Version....?

• All Styling Tools are available in Toolbar. 
• Including Styling Buttons like Bold, Italic, Underline
• Same top menu layout like MS Word 2007
• Styling Shortcuts also available.
• Cut Copy Paste option available.
• You can insert Bullets and Numbers same as in MS Word
• 9 types of Fonts are available here.
• Expand-Collapse Button for toolbar.
• and Much More.... :)

How it Made....?

           I saw a website where anonymous using this kind of tool and when I try to use that tool, I personally liked it and I wish can I add it in my site but on that time that tool was not available for publicly web embedding. I discussed about it with my friends and they said ya we try to do this and after 17 days we able to use it and share it with our visitors and readers.

How to add it in blogger....?

You have to just follow 3 steps to get it.

• Ist-  Like Our Facebook Page Widget Generators 
• IInd-  Subscribe Us on RSS below

Note:- You have to subscribe us and write your e-mail in comments then we will send you this tool. We can't publish codes publicly.

Note:- Write Your e-mail id in Comment after Subscription.

After Verification of Your E-Mail, We Will Send You Tool via E-Mail. 

If Any Problem Comes, Ask in Comments

Read More

Add a Pure Professional CSS Live Demo Button in Blogger

Buttons and Icons also very important for any blog be'coz they shows the specially of and good look of any blog, if your buttons is very good looking and give a feel of professionalism to any blog and if your buttons are good looking and different to others then it can be good for your blog. That's why our team introducing the new and pure CSS button for blogger. 

Live Demo

Add Pure and Professional Button

• Login to Blogger > Dashborad
• Click on Drop Down Menu and select Template
• Backup your Template before making any changes to your blog
• Now Click on Edit HTML > Proceed > Expand Widget Templates
• Press Ctrl + F and search the code shown below.

</head>

• Paste below code before </head>

<link href='http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz' rel='stylesheet' type='text/css'></link>

• Now again find below code

]]></b:skin>

• Paste below code before ]]></b:skin>

#wg-dbutton {
border:2px solid black;
-moz-border-radius:6px;
-webkit-border-radius:6px;
background:#F8F8F8;
box-shadow:3px 3px 3px #434343;
width:130px;
margin-bottom:5px;
padding:5px;
}

#wg-dbutton a {
color:#434343;
background:#F8F8F8;
display:inline-block;
font-size:32px;
font-family: 'Yanone Kaffeesatz';
line-height:20px;
text-decoration:none;
-moz-border-radius:5px;
-khtml-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
padding:8px 14px;
}

#wg-dbutton a:hover {
color:#fff;
text-shadow:0 1px 0 #000;
background:#434343;
text-decoration:none;
}

• Save Your Template

How to Add it in Post....?

• Go to posting area > HTML
• Now paste code in it.

<div id="wg-dbutton"><a href="#" target="_blank"><b>Live Demo</b></a></div>

Make Changes...!

• Replace # it with your link.

If Any Problem Comes, Ask in Comments

Read More

Best Ways to Use Social Networks in Market

Social networking is used to communicate, create, and share profits in the market. It is a prominent tool to drive website traffic. to your website. Almost all the companies in the market are advertising their products and services to divert more traffic to their website through social networking sites like Twitter, YouTube, LinkedIn, Facebook etc. According to studies, over 66% of the population is spending their maximum time on these networking sites. The advertising like this very successful in this social world be'coz maximum 85% peoples use social sites and also connects with internet and mostly they use the social media and sites like Facebook, Twitter etc etc.

use social networks in the market:

Focus on Community Management and Business Development: 
To earn more profits you have to develop your business by using the latest technology. It is also important to maintain your customers. You can engage your customers by providing them with new products which are not yet released in market, and there by you can increase your subscribers. 

Communicate With People: 
Try to communicate with people in your network and try to reach people who are not connected in your page, and try to know their needs. Send them articles, links and content related to your products and services. Update your page by using latest graphic designs and latest technologies, because there are many people who buy the products by looking at their webpage. Promote query sessions to clear the questions of your customers. It must be a two way communication.

Give significant information: 
While writing content about your products and services try to give only important information, because the majority of users don’t read web pages, they just look for titles, points etc. Some important points while writing content for your webpage are:

• The most important information that your visitor is looking for must be contained in the first two paragraphs. 
• Lists and subheadings should stand out from a regular paragraph.

 

 

Multilingual Site: 
Create your webpage in different languages and make sure your customers do not face difficulties while searching. There are many sites to translate your content into different languages. 

Market Your Page: You can promote your page in different websites to get customers, but getting customers is not enough to get profits. You must prepare your content using SEO techniques which will drive more traffic to your page.

Create A Pull: Offer contests, discounts, free membership to your groups, club etc., and offer seminars, webinars and videos to your customers and subscribers. Hold live question and answers session to clear the doubts of customers and engage them to buy the product. 

Sharing: To improve sharing, add social bookmark links your webpages, blogs etc. Share the product reviews and statistics of your company to your customers or subscribers to build trust in them.

If Any Problem Comes, Ask in Comments

Read More

Add a Simple Professional Social Subscribing Widget

Blogging Widgets is most important for blogs and that's why we work on this field to provide the maximum widgets to visitors and subscribing widget is also more important for the growth of blog socially. We personally thinks that widget should be unique in look and feel be'coz visitors always see blog designing first and then they read the content of your blog. So, We are giving this simple but professional social Subscribing Widget for your blog and you can make your blog looking like a pro as we want.

Live Demo

Add Simple Professional Widget

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

    <style>

        #wg-roseicsubs {
            border: 0;
            margin-bottom: 10px;
            margin: 0 auto;
                width:300px;
        }
    
        #email-news-subscribe .email-box{
            padding: 5px 5px;
            font-family: "Arial","Helvetica",sans-serif;
           height:38px;}

        #email-news-subscribe .email-box input.email{
            background:#FFFFFF;
            border: 1px solid #dedede;
            color: #999;
            padding: 7px 10px 8px 10px;
            -moz-border-radius: 3px;
            -webkit-border-radius: 3px;
            -o-border-radius: 3px;
            -ms-border-radius: 3px;
            -khtml-border-radius: 3px;
            border-radius: 3px;
            border-image: initial;
            font-family: "Arial","Helvetica",sans-serif;}

        #email-news-subscribe .email-box input.email:focus{color:#333}
    
    #email-news-subscribe .email-box input.subscribe{
            background: -moz-linear-gradient(center top,#666 0,#333 100%);
            background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#666),color-stop(1,#333));
        
            font-family: "Arial","Helvetica",sans-serif;
            border-radius:3px;
            -moz-border-radius:3px;
            -webkit-border-radius:3px;
            border:1px solid #333;
            color:white;
          
            padding:7px 14px;
            margin-left:3px;
            font-weight:bold;
            font-size:12px;
            cursor:pointer;
            border-image: initial;}


        #email-news-subscribe .email-box input.subscribe:hover{
        
            background-image:-moz-linear-gradient(top,#333,#666);
            background-image:-webkit-gradient(linear,left top,left bottom,from(#333),to(#666));
            filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#ffffff,endColorStr=#ebebeb);
            outline:0;-moz-box-shadow:0 0 3px #999;
            -webkit-box-shadow:0 0 3px #999;
            box-shadow:0 0 3px #999
        

            -pie-background:linear-gradient(270deg,#ffda4d,#ff9b00);
            border-radius:3px;
            -moz-border-radius:3px;
            -webkit-border-radius:3px;
            border:1px solid #333;
            color:#FFFFFF;
         }


        #other-social-bar {
            padding: 0px;
            overflow: hidden;
               height:37px;
             margin-top:-8px;
        }

        #other-social-bar ul {list-style: none outside none; padding-left: 4px;}


        #other-social-bar .other-follow {
            float: left;
            overflow: hidden;
            padding:5px;
            width: 270px;}

        #other-social-bar .other-follow ul {
            list-style: none outside none;
            padding-left: 4px;}

        #other-social-bar .other-follow li {
    
            display:inline;
            border:0;
          }


        #other-social-bar .other-follow li a {
            font-size: 12px;
            color:#666;
            font-weight: bold; font-family:arial;
            display:inline;
            }
        #other-social-bar .other-follow li.my-rss {
            background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFoY8Vv2cGXJpePO1OfTjnsntCyd5UBoGWex7vEZ6xVyUjCY8kMO9uWb6bUt4twG381RStYOyurAwpIXuCFGDrjAXWiwvO-S0tScIKlnoObo-ghGGWcdRs99Rq0qdvT1S9sv7k4LpBwGM/s400/rss-16x16.png') no-repeat transparent;
            line-height: 1;
            padding: 0px 3px 1px 20px;
            width: 60px;
            margin-bottom:0px;
                margin-left:5px;}


        #other-social-bar .other-follow li.my-rss a, #other-social-bar .other-follow li.my-twitter a, #other-social-bar .other-follow li.my-gplus a{
        text-decoration:none;
        }
        #other-social-bar .other-follow li.my-rss a:hover, #other-social-bar .other-follow li.my-twitter a:hover, #other-social-bar .other-follow li.my-gplus a:hover{
        text-decoration:underline;
        }
        #other-social-bar .other-follow li.my-twitter {
            background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWcbdIzDHRmIOib_MPgjaO7mbk4ODinRVMOZ1eqFIzfBEW6AQWjeUGff89Nr4ZyETWievu9eDK9-wSqthh7fZX82ziFhdVB6PhEnFG2LReHgL4XDahi37UhFCr2MuKrXVdfdJ3Ly6srv0/s400/twitter%2527.png') no-repeat transparent;
            line-height: 1;
            padding: 0px 3px 1px 20px;
            width: 60px;
            margin-bottom:0px;}
        #other-social-bar .other-follow li.my-gplus {
            background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMNjfIRCU8j_QlhFeQ7VPOtPzDngdPtPavxkh4nhyh_maHAFKfmJqVO6zuTciwrq92vxMs0zeH4KnciPWlMnuT3VLJqFACn37eYxGp9pgyaOgTRI2UvKNGIn1Fiphb4dj6ntTz5CaxxSY/s400/gplus-16x16.png) no-repeat transparent;
            line-height: 1;
            width: 60px;
            padding: 0px 3px 1px 20px;
            margin-bottom:0px;}


    .emailicon {
        background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSZ1ywsgKnGJih4sUVZPEO0xFp4n8O2BZXPA0w6wDt54O1Z9dZ8hkm6q8J4RuM9LCKAWpygSA_WnTSuU4WLN4iMGUr90F3TbrhUDECSiehtq0m-6i6E0CA7fBXsOFKfZVl7mqqV3EKN1Cv/s400/MBT-RSS-FEED.gif") no-repeat scroll 0px 2px transparent;
         padding: 0px 20px 0px 95px;
        min-height:100px;
        margin: 0px;
        width: 183px;
        line-height: 20px;
        vertical-align: middle;
        font-size: 14px;
        color: rgb(51, 51, 51);

    }


    .emailicon p {
    color:#FF8604;
    font-size: 20px;
    font-weight: normal;
    font-family:  impact;
    padding:40 0px 10px 0px;
    margin:0;
    padding-top: 20px;
    line-height: 25px;
    text-shadow: 0px 1px 0px #fff, 0px 2px 0px #C6C6C6;

    }

        </style>

        <!--[if IE]>
        <style>
        #email-news-subscribe .email-box input.subscribe{
            background: #333;
            }
        </style>
        <![endif]-->

    

    <div id="wg-roseicsubs" >

    

    <div class="emailicon"><p>Subscribe Us and Get Free Email Updates! </p></div>

    <div id="email-news-subscribe">

    <div class="email-box"> <form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.openundefined'http://feedburner.google.com/fb/a/mailverify?uri=WidgetGenerators', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">

    <input gtbfieldid="10" class="email" type="text" style="width: 160px; font-size: 12px;" id="email" name="email"value="Enter your email here..." onblur="if (this.value == &#39;&#39;) {this.value = &#39;Enter your email here...&#39;;}" onfocus="if (this.value == &#39;Enter your email here...&#39;) {this.value = &#39;&#39;;}" type="text" />

    

    <input type="hidden" value="WidgetGenerators" name="uri" /> <input type="hidden" name="loc" value="en_US" /> <input class="subscribe" name="commit" type="submit" value="Subscribe" /> </form> </div> </div>

    <div id="other-social-bar">

    <ul class="other-follow">
    <li class="my-rss"> <a rel="nofollow" title="RSS" href="http://feeds.feedburner.com/WidgetGenerators" target="_blank">RSS Feed</a> </li>

    <li class="my-twitter"> <a rel="nofollow" title="twitter" rel="author" href="http://twitter.com/WidgetGenerator"  target="_blank">Twitter</a> </li>

    <li class="my-gplus"> <a rel="nofollow" title="Google Plus" rel="author" href=https://plus.google.com/101961392825834817673 target="_blank">Google Plus</a> </li>
    </ul>
    </div>

    </div>

• Save Your Widget

 

Make Changes....!

• Replace WidgetGenerators it with your feedburnur user name (3 times)
• Replace WidgetGenerator it with your twitter user name
• Replace 101961392825834817673 it with your Google + user name

If Any Problem Comes, Ask in Comments

Read More