COPmo - Best Responsive Blogger Template!

Thursday, June 30, 2016

5 Smart Ways to Drive Handsome Traffic from Google Plus

As we know the that after SEO, social media sites are one of the best ways to Drive Extra Traffic to any site/blog. These sites like facebook, pinterest, stumbleupon and many others ctc, play a very important role in increasing the site traffic.

 But, there is also one of the leading social site that today mostly bloggers misses. Yes it's Google Plus. Google+ is owned by Google and it's a fact that whatever anyone updates on Google Plus, it's immediately indexed by Google search engine.

According to Wikipedia, google Plus has 111 millions active users.

If you have a Google account like gmail, then your Google Plus account will be created automatically. You just need to go and complete your profile via your bio and don't forget to put blog or sites link there.

Get Handsome Traffic Today

5 Smart Ways to Drive Handsome Traffic from Google Plus


So, here are 5 Smart Ways to Drive Traffic from Google Plus.

1. Engage With Like Minded People

Google Plus is one of the best site to get engaged with people with the same interest. Try to be friendly with everyone. Make all your posts allow to public so that even any stranger can get access to the content posted by you. 

2. Be Active on Google Plus

In order to Drive Handsome Traffic from Google Plus, it's necessary for you to be active on your Google Plus account. Post your contest on daily bases, Reply to the comments from readers. Build strong relationship with other users and you can get benefit with it.

3. Use Google Plus Communities

Just like facebook groups, there are a lot of communities created on Google Plus. These communities are great source of gaining Handsome Traffic to your site/blog. There are thousands of members in each community. Some communities even have 100K+ members also. If you join some of these big communities, and post your blog content there, then there will be a good amount of traffic you can get to your site.

4.  Use Google Plus Widgets

Always keep in mind that Google Plus owned by Google and the content shared on Google Plus is first priority for Google Search Engine to be indexed. If you use Google Plus share button, follow badges and their commenting system on your blog/site, then it will take much less time to be indexed by search engine crawlers as you have build strong link with Google Plus.

5. Insert Hash Tags in Your Text Content

It looks a little bit strange but it's very beneficial to insert #Hash Tags in your content. When you put them in your content, it's readability access become lifetime. The use of hash tags increase the reach of the content and also it effects good on traffic 

From the Editor's Desk:

So, as you have learn 5 Smart Ways to Drive Handsome Traffic for your blog. These methods are quick easy and also recommended by the experts. I myself using these simple ways to get extra traffic for my blog. In the end, after reading the above article, if you have any confusion regarding this, then feel free to share your question below. I will try my best to solve it. Thanks! 


Wednesday, June 29, 2016

3 Stylish Social Media Profile Widgets for Blogger

Today, it is very important for each and every blogger as well as web developer to have a strong social media connection with every popular social connecting website. In order to have a good traffic to his/her site or blog. Today everyone is using these social media sites for increasing the traffic and the rank of their site on google search engines and other search engines like yahoo, being etc. Active social media connection has become very important now a days.
Social Media Profile Widgets

 So, today we have come up with 3 different types of stylish Social Media Profile Widgets for any blogger blog. They are quite simple and easy to add to your blog. 
So lets take a start. 

How to add.

 In order to add any of these Social Media Profile Widgets, just follow the steps given below:
  1. Sign in to your blogger account.
  2. Go to the layout of your blog from the options, must be given at left side of your blog.
  3. Click on Add a Gadget.
  4. Now from the list of different gadgets, select HTML/JavaScript
  5. Now paste the given code source and click Save. You Done.!

1. Horizontal Social Media Profile Widget with search box.


  To use the above Social Media Widget, use the following source codes.
<style> /* ---Safe Tricks Social Media Widget--- */ #search {border: 1px solid #DDD; background: white url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbIjw_K63etKjoZZEQJeqdCqIsu7c8ROXUJRmf7rkTfJ1TUAxsgjt1v5DumTq9XBYaTEXrF4mB0TSk82Z62-j15DvL6-k7qXLbaHK-KgdY1lfl-kBrON0aV1zDEjk6GzCI_uDWFXgnLJk/s1600/search.png) 99% 50% no-repeat; text-align: left; padding: 6px 24px 6px 6px; height:15px; mouse:pointer: } #search #s { background: none; color: #666; border: 0; width: 100%; padding: 0; margin: 0; outline: none; } .social-connect-widget {background:#F5F4EF;border:1px solid #E7E6DE;padding:10px; border-radius:5px; -moz-border-radius:5px;} .social-connect-widget:hover{border:1px solid #CBCBC2;background:#FFF} .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:underline;color:#F77C04} .social-connect-widget img{vertical-align:middle;margin-right:5px;height:32px;width:32;} </style><div id="search" title="Type and hit enter"> <form action="/search" id="searchform" method="get"> <input id="s" name="q" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Search&quot;;}" onfocus="if (this.value == &quot;Search&quot;) {this.value = &quot;&quot;;}" type="text" value="Search" /> </form> </div><br/><br/><div class="social-connect-widget" style="margin-top:0px;margin-bottom:10px;"> <img alt="rss feed" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRxhsrI9SKNSJ4CkAKTu01bIcDAf1GWiGoTBYLXbBL57ZkQgjRKbtUXgS37oYBvy6FBDt_nH_EBMddV__t0E3FZO-Gy7apX93CzuB8QAxPRk3e3FxA467mptLtXFfhmAJHrfdAPK37zR4/s32/rss.png" /><a href="http://feeds.feedburner.com/themhsp" target="_blank">Subscribe to our RSS Feeds!</a></div><div class="social-connect-widget" style="margin-bottom:10px;"> <img alt="follow us on twitter!" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqs3z_Zv3QJhR7w5Jjivz7pk2TNaWBaqUdW7EpGxznH22Me-VeKSKdGgpsyHBmCzV2WZIUIduzOr-JJfGftVmDJMB0OiEys-RbjUSjQrU74DmEjyB6nvlawzjPWFFu9ITf7u2dtU4CmPE/s32/twitter.png" title="follow us on twitter!" /><a href="http://twitter.com/hpblogger" target="_blank">Follow Me on Twitter!</a></div> <div class="social-connect-widget" style="margin-bottom:10px;"> <img alt="be our fan!" src="https://lh5.googleusercontent.com/-b3vt-JVuxo8/UflKXpk5piI/AAAAAAAADLk/u-IbcQcxnR4/s32/facebook.png&#39; title=&#39;Be Our Fan" /><a href="http://www.facebook.com/themhsp" target="_blank">Follow Me on Facebook!</a></div><div class="social-connect-widget" style="margin-top:0px;margin-bottom:10px;"> <img alt="google plus" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeBEh6J4ofoNzPjonQaOemGg-ELzGaKDwgHcIA32gWTHZfwKmo0LxZIBIGI8cGlCsGHKFaqNIlx7K25XMo4rxdORHIUGE6EdXCdurfIkN6-d7Zdc8rkb4ozwmCc7MPVUPDfUBz3sRSw7U/s39/g-plus-logo.png" /><a href="https://plus.google.com/u/0/110537951162548002947/posts" target="_blank">Add Me on Google+!</a></div>

Don't forget to change.

  • themhsp with your RSS feed account.
  • hpblogger with your twitter account.
  • themhsp with your facebook id.
  • u/0/110537951162548002947/posts with your google+ account.

2. Round Floating Social Media Profile Widget.


Here is the source code for above widget.


<link rel="stylesheet" href="https://googledrive.com/host/0B_7JWdEqBhVVbThSWkRoNDZQc00"/>                           <div class="maincont"><div class="container">           <ul class="ch-grid"><li><div class="ch-item ch-img-1">               <div class="ch-info-wrap"><div class="ch-info"><div class="ch-info-front ch-img-1"></div><div class="ch-info-backfb"><h3>Facebook</h3><a href="https://facebook.com/themhsp">Like Our Facebook Page</a></div>   </div></div>          </div></li><li><div class="ch-item ch-img-2">  <div class="ch-info-wrap">   <div class="ch-info">      <div class="ch-info-front ch-img-2"></div><div class="ch-info-backgp">                                       <h3>Google+</h3>                               <a href="https://plus.google.com/108460360384581714354/posts">Add us on Google+</a>                           </div>                               </div>                           </div>                       </div>                   </li>                   <li>                       <div class="ch-item ch-img-3">                          <div class="ch-info-wrap">                              <div class="ch-info">                                   <div class="ch-info-front ch-img-3"></div>                                  <div class="ch-info-backtw">                                       <h3>Twitter</h3><a href="http://twitter.com/hpblogger">Follow on Twitter</a></div>                               </div>                           </div>                       </div>                   </li>               </ul>        </div></div>

Don't Forget to Change.

  • themhsp with your facebook id.
  • 108460360384581714354/posts with your google+ account.
  • hpblogger with your twitter account.

3. Zoom out Social Media Profile Widget.


Source code for the Widget.
<style>.mjn-metro-social{width:300px;}.mjn-metro-social li{position:relative;cursor:pointer;padding:0;list-style:none;}.mjn-metro-social .fb,.tw,.gp,.pi,.in,.yt,.fd{z-index:7;float:left;margin:2.5px;position:relative;display:block;}.mjn-metro-social .tw{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1vkTNDEXgiJhU_MCDyIkjkvlzYLBC42eypY_GJY7PMaynfxDciK6fSBfXDGgS42vA7Qzv6qeF61xb9LI9AkaPcrPmU9yOM4t3tCJPXon0OY1x1a4F667JAbyRsBE-Sonm5dGgasummRY/h120/twitter-bird-dark-bgs.png) no-repeat center center #43b3e5;width:70px;height:70px;-webkit-transition: box-shadow .3s linear, background .2s linear;-moz-transition: box-shadow .3s linear, background .2s linear;-ms-transition: box-shadow .3s linear, background .2s linear;-o-transition: box-shadow .3s linear, background .2s linear;transition: box-shadow .3s linear, background .2s linear;}.mjn-metro-social .fb{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJvMcuCv3n2-6s0NXVwAyjkch1MpA6PuhrQ7a8y9pcYSJ6juOI31SvCrGzlh28gqSqRRZVdcE76qoNtGWDEAVSvZ83CP_0wqvAb_zy7ZMDr_Xj7vexdnSdClHMWunN76gKV5BB65N5aEg/h120/facebookf.png.png) no-repeat center center #1f69b3;width:70px;height:70px;-webkit-transition: box-shadow .3s linear, background .2s linear;-moz-transition: box-shadow .3s linear, background .2s linear;-ms-transition: box-shadow .3s linear, background .2s linear;-o-transition: box-shadow .3s linear, background .2s linear;transition: box-shadow .3s linear, background .2s linear;}.mjn-metro-social .gp{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTi46wYVqz5blrWUD9J3AN1D7dXbszY2WC7v0Z93_bTLt3yEfWbWHohUHtrXtz4zyl-zNhRCq-RMNfwLJr7nc5Mt2tktXcL1mnW669F7YJnvZjMNgKoQpJi75jQ0hl_bF1XZ27TJYEX6U/h120/google+plus.png) no-repeat center center #da4a38;width:70px;height:70px;-webkit-transition: box-shadow .3s linear, background .2s linear;-moz-transition: box-shadow .3s linear, background .2s linear;-ms-transition: box-shadow .3s linear, background .2s linear;-o-transition: box-shadow .3s linear, background .2s linear;transition: box-shadow .3s linear, background .2s linear;}.mjn-metro-social .fd{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYtOzD9jIGcys3N8hF2QeEQwMe8Vac-zQBTTWkMDCV39mRILtLEPf_3F9eOfiGHdVZpo7FirfDbIoyQIDTJ4Fcu9PFpjHejYdZ9ztJGIo5MTLn9Ge0rKco_oV7r9USWmNMs4rto66ODPk/h120/feed.png) no-repeat center center #e9a01c;width:70px;height:70px;-webkit-transition: box-shadow .3s linear, background .2s linear;-moz-transition: box-shadow .3s linear, background .2s linear;-ms-transition: box-shadow .3s linear, background .2s linear;-o-transition: box-shadow .3s linear, background .2s linear;transition: box-shadow .3s linear, background .2s linear;}.mjn-metro-social li:hover .fb{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSh7gpNvsFq50rRlmrQBm7WYGX4cTOothXR7dWCUxYL8ma2UbFDy2nAuDHA8Vt9IU_wyE9X_2-jjb-VllvBVsW8kOOYzaOcz5QCR7Q3w8YCJ_7Sseq8FEALOKiDs-6SRdKxLBda4F7ekM/h120/facebookfh.png) no-repeat center center #1f69b3; box-shadow:0px 0px 6px 3px #217BC0;-webkit-box-shadow:0px 0px 6px 3px #217BC0;-moz-box-shadow:0px 0px 6px 3px #217BC0;-o-box-shadow:0px 0px 6px 3px #217BC0;-ms-box-shadow:0px 0px 6px 3px #217BC0;}.mjn-metro-social li:hover .tw{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjNDUNSYgbQdedI6148p5ZXASeERpid_MWX31va4C757pCbzH_STsBOX3mZBuA4bEAn7uG88kEetztShS1INXYqvQgDhecJ7Pno84VtLe6YCtaglmUnxYzmh1b8W6s68gDnFHxSXyy8_0/h120/twitter-bird-dark-bgsx.png) no-repeat center center #43b3e5; box-shadow:0px 0px 6px 3px #38D1F7;-webkit-box-shadow:0px 0px 6px 3px #38D1F7;-moz-box-shadow:0px 0px 6px 3px #38D1F7;-o-box-shadow:0px 0px 6px 3px #38D1F7;-ms-box-shadow:0px 0px6px3px#38D1F7;}.mjnmetrosocialli:hover.gp{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3Adi66NIpMWqf3XXALXOcbi_PmJ8YSrkH1YkCxMdjYll8iaHgNEgp2u3X8IxOXry7jAJPqAtW_TB1g5B-GbBBfXfzZFoomoX4OHVTKhYFNXlI3mz4VmihzfYkT6GLvYhrjkkLAeJP8xU/h120/google+plush.png) no-repeat center center #da4a38; box-shadow:0px 0px 6px 3px #F43431;-webkit-box-shadow:0px 0px 6px 3px #F43431;-moz-box-shadow:0px 0px 6px 3px #F43431;-o-box-shadow:0px 0px 6px 3px #F43431;-ms-box-shadow:0px 0px 6px 3px #F43431;}.mjn-metro-social li:hover .fd{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0x4eSagamHwzNfiRMWYp4kxIQYP1lYpWdDmsLX-uwDxWa4eW-qE5KBNkBmYkhLGOJYWDjQHmHrH8PXY9WJoVmxvGV7WW7O6l8PsiVQylbBxsQZk2Oaco_DIJuvILh9ga9sIT3qVHBpoQ/h120/feedh.png) no-repeat center center #e9a01c; box-shadow:0px 0px 6px 3px #e9a01c;-webkit-box-shadow:0px 0px 6px 3px #e9a01c;-moz-box-shadow:0px 0px 6px 3px #e9a01c;-o-box-shadow:0px 0px 6px 3px #e9a01c;-ms-box-shadow:0px 0px 6px 3px #e9a01c;}.cf:before, .cf:after{    content:"";    display:table;}.cf:after{    clear:both;}.cf{    zoom:1;}   /* Form wrapper styling */.form-wrapper {    width: 280px;}/* Form text input */.form-wrapper input {    width: 215px;    height: 20px;    padding: 10px 5px;    float: left;      font: bold 12px 'lucida sans', 'trebuchet MS', 'Tahoma';    border: 0;box-shadow: 0 0 6px rgba(0,0,0,.3) inset;webkit-transition: box-shadow .3s linear, background .2s linear;-moz-transition: box-shadow .3s linear, background .2s linear;-ms-transition: box-shadow .3s linear, background .2s linear;-o-transition: box-shadow .3s linear, background .2s linear;transition: box-shadow .3s linear, background .2s linear;}.form-wrapper input:focus {    outline: 0;    background: #fff;    border-color: #51a7e8;   box-shadow: 0 0 2px rgba(0,0,0,.8) inset;}.form-wrapper input::-webkit-input-placeholder {   color: #999;   font-weight: normal;   font-style: italic;}.form-wrapper input:-moz-placeholder {    color: #999;    font-weight: normal;    font-style: italic;}.form-wrapper input:-ms-input-placeholder {    color: #999;    font-weight: normal;    font-style: italic;}  /* Form submit button */.form-wrapper button {    overflow: visible;    position: relative;    float: right;    border: 0;    padding: 0;    cursor: pointer;    height: 40px;    width: 75px;    background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4Mi4bvMX9eNk1bO0NwCBg5P8lqifd7hKmJqg12c0x1KbDBYDqiWvcbEFGrHif-Z2iveuTPdovjcTWyHB8Z1VCwnbzR_ZoWtth1oVXKkkGxklPfJ81yexfUxrcB1th6NVYQ_otkceFKXU/h120/1367665345_search.png) no-repeat center center #26B11E;    border-radius: 0 0 0 0;        text-shadow: 0 -1px 0 rgba(0, 0 ,0, .3);webkit-transition: box-shadow .3s linear, background .2s linear;-moz-transition: box-shadow .3s linear, background .2s linear;-ms-transition: box-shadow .3s linear, background .2s linear;-o-transition: box-shadow .3s linear, background .2s linear;transition: box-shadow .3s linear, background .2s linear;} .form-wrapper button:hover{         background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4Mi4bvMX9eNk1bO0NwCBg5P8lqifd7hKmJqg12c0x1KbDBYDqiWvcbEFGrHif-Z2iveuTPdovjcTWyHB8Z1VCwnbzR_ZoWtth1oVXKkkGxklPfJ81yexfUxrcB1th6NVYQ_otkceFKXU/h120/1367665345_search.png) no-repeat center center #26B11E;box-shadow:0px 0px 6px 3px #44D816;-webkit-box-shadow:0px 0px 6px 3px #44D816;-moz-box-shadow:0px 0px 6px 3px #44D816;-o-box-shadow:0px 0px 6px 3px #44D816;-ms-box-shadow:0px 0px 6px 3px #44D816;} .form-wrapper button:active.form-wrapper button:focus{     background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4Mi4bvMX9eNk1bO0NwCBg5P8lqifd7hKmJqg12c0x1KbDBYDqiWvcbEFGrHif-Z2iveuTPdovjcTWyHB8Z1VCwnbzR_ZoWtth1oVXKkkGxklPfJ81yexfUxrcB1th6NVYQ_otkceFKXU/h120/1367665345_search.png) no-repeat center center #26B11E;   outline: 0; }.form-wrapper button:before { /* left arrow */    content: '';    position: absolute;    border-width: 8px 8px 8px 0;    border-style: solid solid solid none;    border-color: transparent #26B11E transparent;    top: 12px;    left: -6px;}.form-wrapper button:hover:before{    border-right-color: #26B11E;}.form-wrapper button:focus:before,.form-wrapper button:active:before{        border-right-color: #26B11E;}    .form-wrapper button::-moz-focus-inner { /* remove extra button spacing for Mozilla Firefox */    border: 0;padding: 0;}   </style><div class="mjn-metro-social"><li><a class="fb" href="http://www.facebook.com/themhsp"></a></li><li><a class="tw" href="http://twitter.com/hpblogger"></a></li><li><a class="gp" href="https://plus.google.com/108460360384581714354/posts"></a></li><li><a class="fd" href="http://feeds.feedburner.com/themhsp"></a></li><form action="/search" class="form-wrapper cf" id="searchthis" method="get" style="display: inline;"><input id="form-wrapper input" name="q" placeholder="  Search here.. " required="" type="text" /><button type="submit"></button></form><br /></div>

Don't Forget to Change.

  •  themhsp with your facebook id.
  • hpblogger with your twitter account.
  • 108460360384581714354/posts with your google+ profile.
  • themhsp with your RSS feed account.

Conclusion.

So, in this article we have learned about 3 stylish Social Media Profile Widgets with their source code. Also how to add them in any blogger blog. So if you have got it interesting then be happy to share it with your friends on your Social Meda accounts. And if you have any problem in learning then feel free to comment below. I will try my best to solve the issue,