Latest: Download Microsoft All Product Activator | Hot: Active IDM in 1 Click | Blogger Gadget
  • Posts
  • Comments
  • Pageviews

Stylish Twitter Follower Button For Your Blogger

11 comments
Twitter is a most popular social site at now & it helps to collect a large amount of visitors for your blog. So always you want to increase your twitter follower. This widget helps you to increase your follower. This widget is different from another follower widget. Read this post & apply this stylish widget on your lovely blog.

Twitter


  • Login to your Blogger Dashboard. 
  • Select your blog. 
  • Select Layout. 
  • In the blog layout select Add a Gadget option.. 
  • From the list of the Gadgets select HTML/JavaScript widget. 
  • In the HTML/JavaScript widget paste following code and save the widget 
  • Now the Drag this HTML/JavaScript to the place where you want to add twitter followers button and save the changes.
<style>
.twitter-button
{
border:1px solid #d7d7d7;
padding:10px;
}
</style>
<div class="twitter-button">
<a href="https://twitter.com/tonufz" class="twitter-follow-button" data-show-count="true" data-size="large">Follow @tonufz</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
</div>

How To Add This Widget on Every Post Bellow Your Post Title

  • Go to Template 
  • Then Edit HTML 
  • Search (ctrl+f) <data:post.body/> 
  • Copy Twitter Follower widget code & paste just above <data:post.body/>

Optimize Image For Better SEO (Effective Way)

4 comments
Everybody who has a website always he expect more visitor who visit his website & feedback about  his website. Some people who need image, they search for image & if you optimize you web site's images so you can get that visitors. Optimize image is a best way for Search Engine Optimization. Blogger authority makes it easy to optimize your images. You can do it easily when you write a post. Just follow this post for Optimize Image For Better SEO.

When You upload a image on your blog post then just click on your image & you can find Properties.

When you click properties then you will see Title Text & Alt Text. Now you give your perfect keyword which is related with this post.

Enjoy your blogging...................

Another Hex Color Code Generator For Your Blog

1 comments
In the previous post i know you How To Add Color Wheel Hex Code Generator. Now i want to sharing with yours another Hex Color Code Generator. This Color Code Generator helps you match your colors. You can add this code generator to your own blog. Your visitors can find any color code easily if they need one. Just follow this post for adding this Code generator to your blog. 

Color Hex Code

<center><object border="0" classid="clsid:D27CDB6E -AE6D-11CF-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" height="480" id="obj1" width="480"> <param name="movie" value="http://www.2createawebsite.com/build/color.swf"><param name="quality" value="High"><embed src="http://www.2createawebsite.com/build/color.swf" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" name="obj1" width="485" height="485" quality="High"></embed></object></center>
If you will be grateful so please give us your comments for impressing us

How to Add Color Wheel Hex Code Generator To Your Blog?

9 comments
Color Code is most important tool for Blog Designer. We can not remember corer of color hex code so we depend on a color code generator. Today i am sharing with yours "How To Add A color Hex Code Generator To Your Blog". Your visitors can find any color code easily if they need one. So get ready for knowing new something.


Color Hex Code


Color Wheel Hex Code Generator

 
 
<center><object border="0" classid="clsid:D27CDB6E-AE6D-11CF-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" height="480" id="obj1" width="480">            <param name="movie" value="http://www.2createawebsite.com/build/col.swf"><param name="quality" value="High"><embed src="http://www.2createawebsite.com/build/col.swf" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" name="obj1" width="485" height="485" quality="High"></embed></object>
</center>

If you will be grateful so please give us your comments for impressing us

Another Stylish Bubble Threaded Comment

2 comments
Threaded comment is most stylish & popular system for blogger. For a stylish blog you have to need a stylish comment bar. Through which visitors can give their opinion & advice. Today you can to know about a stylish comment bar. Just follow this post to add this threaded comment.

Threaded Comment

We use css based code so its do not increase your page loading time. Get ready to add this threaded comment.......

  • First Log in your blog
  • Just click Template
  • Backup your Template
  • Then click  Edit Html
  • Search (ctrl+f) ]]></b:skin>
  • Just paste the bellowing code before/abode ]]></b:skin>

/* http://tech-everyday.blogspot.com */
.comments{clear:both;margin-top:10px;margin-bottom:0;font-family:Arial;line-height:18px;font-size:13px}
.comments .comments-content{margin-bottom:16px;font-weight:normal;text-align:left}
.comments .comment .comment-actions a,.comments .comment .continue a{display:inline-block;margin:0 0 10px 10px;padding:0 15px;color:#424242 !important;text-align:center;text-decoration:none;background:#fede72;border:1px solid #fec648;border-radius:2px;height:26px;line-height:28px;font-weight:normal;cursor:pointer}
.comments .comments-content .comment-thread ol{list-style-type:none;padding:0;text-align:none}
.comments .comments-content .inline-thread{padding:0}
.comments .comments-content .comment-thread{margin:8px 0}
.comments .comments-content .comment-thread:empty{display:none}
.comment-replies{margin-top:1em;margin-left:40px;background:#fff}
.comments .comments-content .comment{margin-bottom:0;padding-bottom:0}
.comments .comments-content .comment:first-child{padding-top:16px}
.comments .comments-content .comment:last-child{border-bottom:0;padding-bottom:0}
.comments .comments-content .comment-body{position:relative}
.comments .comments-content .user{font-style:normal;font-weight:normal}
.comments .comments-content .user a{color:#0E6284;font-weight:normal;text-decoration:none}
.comments .comments-content .icon.blog-author{width:18px;height:18px;display:inline-block;margin:0 0 -4px 6px}
.comments .comments-content .datetime a{color:#0E6284;font-size:12px;float:right;text-decoration:none}
.comment-content{margin:0 0 8px;padding:0 5px}
.comment-header{font-size:18px;background-color:#f1f1f1;border-bottom:1px solid #e3e3e3;padding:5px}
.comments .comments-content .owner-actions{position:absolute;right:0;top:0}
.comments .comments-replybox{border:none;height:230px;width:100%}
.comments .comment-replybox-thread{margin-top:0}
.comments .comment-replybox-single{margin-top:5px;margin-left:48px}
.comments .comments-content .loadmore a{display:block;padding:10px 16px;text-align:center}
.comments .thread-toggle{cursor:pointer;display:inline-block}
.comments .comments-content .loadmore{cursor:pointer;max-height:3em;margin-top:0}
.comments .comments-content .loadmore.loaded{max-height:0;opacity:0;overflow:hidden}
.comments .thread-chrome.thread-collapsed{display:none}
.comments .thread-toggle{display:inline-block}
.comments .thread-toggle .thread-arrow{display:inline-block;height:6px;width:7px;overflow:visible;margin:0.3em;padding-right:4px}
.comments .thread-expanded .thread-arrow{background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAc AAAAHCAYAAADEUlfTAAAAG0lEQVR42mNgwAfKy8v/48I4FeA0AacVDFQBAP9wJkE/KhUMAAAAAElFTkSuQmCC") no-repeat scroll 0 0 transparent}
.comments .thread-collapsed .thread-arrow{background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA AcAAAAHCAYAAADEUlfTAAAAJUlEQVR42mNgAILy8vL/DLgASBKnApgkVgXIkhgKiNKJ005s4gDLbCZBiSxfygAAAAB JRU5ErkJggg==") no-repeat scroll 0 0 transparent}
.avatar-image-container{background:url(https://lh5.googleusercontent.com/-Wmy6bwNKzbo/T0miLZkuJsI/AAAAAAAAChc/orbwMGHyBxA/s51/arrow.png) top right no-repeat;float:left;vertical-align:middle;overflow:hidden;width:65px !important;height:51px !important;max-width:65px !important;max-height:51px !important}
.comments .avatar-image-container img{padding:2px;border:1px solid #ccc;width:45px !important;height:45px !important;max-width:45px !important;max-height:45px !important}
.comments .comment-block{margin-left:65px;position:relative;border:5px solid #e3e3e3;border-radius:8px}
@media screen and (max-device-width:480px){.comments .comments-content .comment-replies{margin-left:0}}
/* http://tech-everyday.blogspot.com */ 

  • Save your template

How to add colorful Total Pageviews widget?

13 comments
Widget can helps you to make a wonderful blog. Total Pageview widget is a important widget for your blog. Everyone can to know about your blogs statistics. How number of  visitors visit your blog. Total post & total comments are also shown through this widget. This widget is more colorful & attractive.  We use some css code so don't be afraid because css code never use your memory. To add this widget just follow this post steps by steps.
Pageviews widget

How to add ?


  • Log in your blog
  • Go to Templates
  • Then click Edit Html
  • Search (ctrl+f) ]]></b:skin>
  • Add bellowing css code just before/above ]]></b:skin>

#Stats1 ul{margin:0px 0;border:0;padding:0}
#Stats1 li{
display:inline;
width:30%;
border:0;
color:#fff;
float:left;
text-decoration:none;
margin:0;font-size:12px;
list-style-type:none
}
#Stats1 li:hover{
opacity: 0.7;
filter:alpha(opacity=70); /* For IE8 and earlier */
}
#Stats1 h4{margin:0;font-size:18px;line-height:1.2em;color:#fff;padding: 0 5px 0 5px;}
#Stats1 span{font-size:12px;color:#fff;padding: 0 5px 0 5px;}
#totalposts{
background: #0090D5;
}
#totalComments{
background: #FFB200;
}
#totalCount{
background: #FF3300;
} 

  • Then you have to search
<b:widget id='Stats1' locked='false' title='Total Pageviews' type='Stats'>...</b:widget>
  • Replace the following code

Pageviews widget


<b:widget id='Stats1' locked='false' title='' type='Stats'>
  <b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
    <div class='widget-content'>
      <ul>
        <li id='totalposts'>
          <h4 id='Stats1_totalPosts'>&amp;hellip;</h4>
          <span>Posts</span>
        </li>
        <li id='totalComments'>
          <h4 id='Stats1_totalComments'>&amp;hellip;</h4>
          <span>Comments</span>
        </li>
        <li id='totalCount'>
          <h4 expr:id='data:widget.instanceId + &quot;_totalCount&quot;'>&amp;hellip;</h4>
          <span>Pageviews</span>
        </li>
      </ul>
      <script type='text/javascript'>
//<![CDATA[
function totalPosts(json){document.getElementById('Stats1_totalPosts').innerHTML=json.feed.openSearch$totalResults.$t};function totalComments(json){document.getElementById('Stats1_totalComments').innerHTML=json.feed.openSearch$totalResults.$t};document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&max-results=0&callback=totalPosts\"><\/script><script type=\"text/javascript\" src=\"/feeds/comments/default?alt=json-in-script&max-results=0&callback=totalComments\"><\/script>');
//]]>
      </script>
    </div>
  </b:includable>
</b:widget>

Note:You should back up your template first.

How to add Rounded Corners Popular Post Widget

0 comments
Popular Post Widget

Popular post widget is an essential widget for a blog. Every visitors can to see which post are most view. This widget is very cool & stylish than other popular post widget. Post thumbnail shown as a circle. Every bloggers use popular post widget for visitors attraction because through it visitors can to know which post are most read. If you want to use this widget just follow this post.

  • Log in your blog --> then click Templates --> Edit Html
  • Then Search (ctrl+f) ]]></b:skin>
  • Paste the bellowing code before/above ]]></b:skin>

/* http://tech-everyday.blogspot.com */
.popular-posts ul{padding-left:0px;}
.popular-posts ul li {background: #FFF url() no-repeat scroll 5px 10px;
list-style-type: none;padding:5px 5px 5px 20px !important;
border: 1px solid #ddd;border-radius:30px;
-moz-border-radius:30px;
-webkit-border-radius:30px;
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
height: 40px;
-moz-box-shadow: 3px 2px 5px #242424;
-webkit-box-shadow: 3px 2px 5px #242424;
box-shadow: 3px 2px 5px #242424;margin-bottom: 5px;height: 40px;
}
.popular-posts ul li a {
font-style: italic;
}
.popular-posts ul li:hover {
border:1px solid #d10202;
 -moz-box-shadow: 3px 2px 5px #d10202;
-webkit-box-shadow: 3px 2px 5px #d10202;
box-shadow: 3px 2px 5px #d10202;
}
.popular-posts ul
li a:hover {
text-decoration:none;
}
.popular-posts .item-thumbnail img {
height:40px;width:40px;
webkit-border-radius: 100px;-moz-border-radius: 100px;border-radius: 100px;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
}
.popular-posts .item-thumbnail img:hover{
-moz-box-shadow: 0px 0px 5px #d10202;
-webkit-box-shadow: 0px 0px 5px #d10202;
box-shadow: 0px 0px 5px #d10202;}

  • Then go to Layout --> Add A Gadget and select Popular Posts

Popular Post Widget
 For without description so please unchecked snippet option. You can change post displaying number. Noe save & refresh your blog.


Coolest Comment System For Your Blog!!!

1 comments
Everybody want to make a beautiful & stylish website or blog. If you want to make a stylish blog or website you should have to use different kinds of widget or plugin. Some widget or plugin makes your blog/website look like a professional blog. Always you should to remember your bloggers readers attraction & intention. For visitor attraction & opinion you have to place a stylish comment system which every visitors give their opinion & they can discuss about your blogs. Now i am sharing with yours about a Stylish,Coolest,Rocking & awesome comment system, which you can make a beautiful & attractive blog. I am sure you do not dislike it & over sure that you want to place this comment system on your blog. So get ready to know & adding a stylish comment system.

Disqus,Coolest Comment System 
Disqus is a most popular website which cang give you a stylish comment system for your online platform. You should to try this system. just for one time.

Advantage: 

  • Beautiful looking
  • You can add this comment system to your Wordpress,Blogger,Tumblr,Squarespace,Typepad,Movabletype,Drupal,Joomla
  • You can increase Your web-traffic
  •  Get Follower
  • You can import Blogger Comment

How do you install Disqus?

To install Disqus comment system in your online platform you have to need an e-mail address. Just go to this website & create an account.

  • Log in to Disqus. After log in go to Dashboard &click to Add.

Disqus,Coolest Comment System

  • Then just give your website or blog URL & Title. Give a short name through this short name you can log in to Disqus.

Disqus,Coolest Comment System

  • Then click Continue & chose your Online platform. Like as Wordpress,Blogger,Tumblr,Squarespace,Typepad,Movabletype,Drupal,Joomla.

Disqus,Coolest Comment System 

  • After choosing just add this comment system on your Platform

Disqus,Coolest Comment System

 How do you import Previous/Old comments?

Disqus,Coolest Comment System 

  • Just go to Dashboard & click your website. Click Discussion --> Import--> Click your platform

Disqus,Coolest Comment System

  • Just follow step by step

Disqus,Coolest Comment System

Note: Imports may take up to 24 hours to complete.

How to increase web traffic for a website?

16 comments
Everybody want to increase their web traffic to become a successful blogger. Someone knows how to increase web traffic but most of them who are a new blogger the do not know how to increase the website traffic & get more visitor for others country. If you want to increase your Blog Traffic,Twitter Followers, Facebook Likes, Facebook Shares, Tumblr,Stumbleupon through just a few moment. I hope you will be grateful to follow with us. Get ready to get more visitors & followers.
increase web traffic
Just go to this website & Sign up a account with an e-mail id. After sign up you get an e-mail from linkcollider so check your inbox otherwise check your spam box. Just active your account by clicking link. Then just log in to linkcollider & Click Post a website
increase web traffic
Just click Blog/Business/Personal/Facebook page for increasing your website traffic, facebook link & share. You can also add Twitter page to get Twitter's Followers, Pinterest &Youtube Page get more subscriber.
increase web traffic
To get more web traffic, Followers & Subscriber you have to pay token because you have to pay tokens  who click your website/become your twitter follower or become a subscriber. You should to earn token for paying token to yours visitors or followers. You can collect token from Tweeting, Facebook Sharing, Liking a website, Following Twitter page, Following Pinterest, Subscribing Youtube, Posting on Tumblr, Posting on Stumbleupon, Clicking a website or Autosurf.
increase web traffic

 Advantage:

  • Get more visitors & web traffic
  • Get more Facebook Like
  • Twitter Followers
  • Youtube Subscribers
  • Pinterest Subscriber
  • Facebook Sharing

Disadvantage:

  • You can only post 3 website or blog
You can also earn token by sending your referral link. Just try one time & get more visitors & followers. If you will be grateful so feedback about thies post.  Sign up From Here

Online Speed Test Of Your Website

1 comments
Webpage loading time is most important part for your success. You have to know your your spirit & interest to become a successful blogger. To increase your blogs speed you should to optimize your blog's image & compress your blog's image before upload your blog. Maximum website speed test website suggest you to improve a site’s performance.
 Pingdom
Website Speed Test

Features:

  • Fully Free. No need any charge.
  • No need any registration or sign in
  • Easy to use.
  • Know your grade through 100
  • You can to know Page loading time & Page Size

Just Go to Pingdom for speed testing of your website


 Neustar

Website Speed Test


Features:

  • Simple  & easy to use
  • No need any charge or sign up
  • Suggest you to improve your site's performance
 Go to another website speed testing website Neustar


How to compress your image?

You can compress your blog's image through online. Some website can helps you to compress your images as a results your website loading time will be decrease. Everybody should use PNG format image for your lovely blog for decreasing your loading time.

online image compressing website:


Short your Google Plus ID by GPLUS.TO

0 comments
Hi Guys, Long url is uneasy to remember & it will be a reason of disgusting for your loyal visitor. You should look always about your visitors choice. Short url is most effective to bear of mind. Fully free service for us & it do not interested about your google plus profile information. It is a beta version of Google+ Profile Link Shortener. It is totally free of any fees & charges. Do not need any personal information about google+. It is not a product of google. If you Want to short your Google Plus Id so please click this following link.


To know more information about Google Plus ID Shortener please visit GPLUS.TO

How to add Show/Hide Button on Blog?

0 comments
For stylish blogging you have to unique idea for visitor attraction. You can use Show/Hide button to your blog. It look cool & i think visitor don't boring about this widget. I request you please try must be 1 time & check it.


  Visible Content Place Here




  •  just paste bellowing code


Visible Content Here
<div id="spoiler" style="display:none">
Hidden Content Here
</div>
<button title="Click to show/hide content" type="button" onclick="if(document.getElementById('spoiler') .style.display=='none') {document.getElementById('spoiler') .style.display=''}else{document.getElementById('spoiler') .style.display='none'}">Show/ Hide</button>

  • Note: You cang change the name of Show/Hide

Easiest Way to create Privacy Policy Page in Blogger ?

2 comments
Without Privacy Policy Page Google do not allow ADSENSE for your blog so you should have a privacy policy page. But it is so tough to make a Privacy Policy page. I want to share with yours about "How to make a Privacy Policy Page Easily". You do not need any knowledge about English. It is a PrivacyPolicy Generator for Google Adsense Publishers. So get Ready to make a Adsense Supported Privacy Policy Page.


Privacy Policy Page
  • At first Go to this Site
  • then Create a privacy Policy article for your blog/website How to add a privacy policy page in blogger? Log in your blog page then click you blogsite
Add a Blog page
  • then click Pages --> New Page --> Blank Page
new page create on blog
  • Give a title & paste your blog Privacy Policy
  • where u want to place your blog pages

How to Short Your URL by Google?

1 comments
Do you want to short your URL? No Tension, Google makes it easy for you by Google URL Shortener. Long URL will be shorted by Google URL Shortener. Make your long url to short with our favorite search engine Google.  Goo.Gl allows you enter a long url & it gives u a shorten url that redirect you to your main url  So short URL share to your friends & visitor.


Link

Adsense - Get Your Own Google Adsense Account Within 2 Hours

10 comments
I know everybody want to earn money from online but somebody become successful but maximum become failure. Adsense is a most popular way to earn money from online. Adsense has its own policy so everybody should maintain its policy if they want to active his adsense account. If you have a blog/website so you can earn money from online. Google adsense is a trusted website which can gives you some ads. You should to paste adsense ads in your blog & when people click these ads then you earn money But don't try to click you own ads because for that google beaned your adsense account. Get ready to get your own adsense account.
 

100% guaranty if you follow thats all steps so you can get a google adsense within 2 hours.

1st Step:

You must have one Youtube Channel. If you don't have so please create an account on youtube. Mind it, when you create Youtube Channel then give your Country as United States.


If you have a Youtube Channel so click this link & change your location.youtube.com/account_channel_advanced . First Log In to Youtube.

2nd Step:

If you Change your location so get ready for 2ns step. Just Click youtube.com/account_monetization & enable your account Monetization. Then just upload an unique video.

 

 3rd Step:

Now set your Google Adsense Account. Just click this links youtube.com/account_monetization?action_adsense_connection=1 
Click on next

Write your all information correctly. Do not use fack information. Just give your real address. Google Approved your adsense account after only 2 hours.



Note: You have to an email address which never disapproved by Adsense.

Recent Comments

ALEXA RANK

Copyright © 2013-2014 Tech-Everyday