Prio-Soft™

We knows about Facebook fan/Like box algorithm. But Twitter didn't reveal their fanbox like Facebook. So here is the little code that you can use to make your customized twitter fan box. The code for this Fan box is created by MarkCarey. You can use this twitter fan following box to increase your twitter followers. It will help you in bringing more traffic from twitter. Follow the steps below to add this easy to use Fan box to your Blogger Blogs.

Follow Steps:

Step 1 Log in to your Blogger account and Go to your Blogger Dashboard.
Step 2 Go to your Layout tab.
Step 3 Click on "Add a Widget" then select "HTML/JavaScript" Widget.
Step 4 Now Copy the below code and Paste it in "HTML/JavaScript"

<script type="text/javascript" src="http://s.moopz.com/fanbox_init.js"></script> <div id="twitterfanbox"></div> <script type="text/javascript">fanbox_initundefined"prio_soft");</script>

Customization: 

• Replace prio_soft with your twitter username

Step 5 Now Save  your widget and you are done!If you like this widget, then don't forget to share this post with your social media.

In this post, i am going to share with you custom stats blogger widget. By using this widget you can display total page views, total posts and total comments of your blog. Only blogger has total page views widget. After that time, i modify some css and added some script for total posts and total comments. The design of this widget is modern and clean. I used some icons using font awesome. Installing custom stats widget is very useful blogger widgets


It is very unique and smart design. Some of friends requested me to share this blogger widgets. After that time now i am share this with new look and one more extra features. This blogger widgets help you to display Total page views, comments and total posts of your blog. People who want make their blog more attractive and beautiful, some blogger widgets make them easy.


Demo Here

How to install custom stats blogger widget

Here is some very simple steps to installing custom stats blogger widget. In this blogger widget i used font awesome icons and PT Sans google font. So you have also need to adding These fonts on your blog. If font awesome already added on your blog. then ignore it.

Follow Step: 

Step 1 Log in to your Blogger Account and Go to your Blogger Dashboard
Step 2 Go to your Layout tab.
Step 3 Click on "Add a Gadget" then select "Blog's stats" Widget.




<

Modifying the Default Custom Stats: 

Step 1 Click on Now click on -> Template -> Edit HTML
Step 2 Now find the below code by Pressing Ctrl+F (Windows) or CMD+F (Mac)

<b:widget id='Stats1' locked='false' title='Custom Stats' type='Stats' version='1' visible='true'>...</b:widget>

Step 3  Now replace this line with below codes.

<b:widget id='Stats1' locked='false' title='Custom Stats' type='Stats' version='1' visible='true'>
    <b:includable id='main'>
  <b:if cond='data:title'><h2><data:title/></h2></b:if>
  <div class='widget-content'>
    <!-- Content is going to be visible when data will be fetched from server. -->
    <div expr:id='data:widget.instanceId + &quot;_content&quot;' style='display: none;'>
      <!-- Counter and image will be injected later via AJAX call. -->
      <b:if cond='data:showSparkline'>
        <img alt='Sparkline' expr:id='data:widget.instanceId + &quot;_sparkline&quot;' height='30' src='http://2.bp.blogspot.com/-nsxCtkYnchQ/VLEifAyf97I/AAAAAAAAIlk/9Viyy0W9r04/s1600/FFF.png' title='Sparkline' width='75'/>
      </b:if>
      <b:if cond='data:showGraphicalCounter'>
        <span class='counter-wrapper graph-counter-wrapper' expr:id='data:widget.instanceId + &quot;_totalCount&quot;'/>
      <b:else/>
        <span class='counter-wrapper text-counter-wrapper' expr:id='data:widget.instanceId + &quot;_totalCount&quot;'/>
      </b:if>
<script type='text/javascript'>
function postCountundefinedjson){
document.writeundefined&quot;<span class='counts post2'> Total Posts &quot;);
var count = json.feed.openSearch$totalResults.$t;
document.writeundefined&quot;<span class='count'>&quot; + count + &quot;</span>&quot;);
document.writeundefined&quot;</span>&quot;)
}

function numberOfCommentsundefinedjson){
document.writeundefined&quot;<span class='counts comment'> Total Comments &quot;);
var count = json.feed.openSearch$totalResults.$t;
document.writeundefined&quot;<span class='count'>&quot; + count + &quot;</span>&quot;);
document.writeundefined&quot;</span>&quot;)
}

</script>
<script src='/feeds/posts/default?alt=json-in-script&amp;amp;max-results=0&amp;amp;callback=postCount' type='text/javascript'/>
<script src='/feeds/comments/default?alt=json-in-script&amp;amp;max-results=0&amp;amp;callback=numberOfComments'/>


    </div>
  </div>
</b:includable>
  </b:widget>

Step 4 You're 80% done. Now paste all below CSS Codes before </head>

<link href='//fonts.googleapis.com/css?family=PT+Sans:400,700' rel='stylesheet' type='text/css'/>
<link href='//maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css' rel='stylesheet'/> 
<style type='text/css'>
/* Blogger Custom Stats widget by prio-soft */
.Stats img {display:none!important;background-image:none;}
.Stats .counter-wrapper {width:92%;text-align:right;margin:10px;line-height:35px;color:#333;font-weight:700;font-size:16px;margin-left: 0;}
.Stats .counter-wrapper:after {content:&quot;Page Views&quot;;float:left;text-align:left;font-size:13px;font-weight:700;color:#333;}
.counts {display:inline-block;width:92%;font-size:13px;line-height:35px;color:#333;font-weight:700;}
.counts .count {display:inline-block;font-size:16px;height:30px;
vertical-align:top;direction:ltr;float:right;color:#333;font-weight:700!important;}
.counts:hover .titles:before {color:#333!important;border-radius:2px;border-color:rgbaundefined255,255,255,0.1);}
.counter-wrapper.text-counter-wrapper:before, .counts:before {display:inline-block;font-size:13px;font-family:FontAwesome;font-style:normal;font-weight:normal;margin:0 10px 0 10px;float:left;width:10px;text-align:center;}
.counter-wrapper.text-counter-wrapper:before, .counts:before {
display:block;background-color:#fff;color:#333;width:35px;height:35px;font-size:18px;line-height:35px;border-radius:2px;margin:0px 8px 0 0;}
.counter-wrapper.text-counter-wrapper:before {content:&quot;\f06e&quot;;}
.counts.post2:before {content:&quot;\f044&quot;;}
.counts.comment:before {content:&quot;\f0e6&quot;;}
#Stats1_content {width:auto;height:auto;background-color:#fff;}
</style>

Step 5 You're done. Now Save template and see result by refreshing page.

Hope you understand that, how to add custom stats blogger widgets on blog or blogger site. If you have any problem, then feel free to communicate by comment box. If you like this widget, then don't forget to share this post with your social media.

Winzip Pro 20.5 Full + Serial Key is the latest version of the indisputably best archiving program that you can buy today. The company behind it, can back up that claim with their 2 decade long experience developing such software. Winzip Pro 20 Full Crack can be used to compress and decompress files. Compressing files is very useful for saving up space on your disk drive, so you have enough room for more files and applications. Decompressing files will bring them back to their original size. Winzip Pro 20.5 full version allows you to share files via cloud services, social media and email which is perfect for saving files remotely for future use.

WinZip features:

✔Instant zipping and unzipping
✔Complete file management for local, network and cloud files
✔Trusted AES encryption for safe file sharing
✔Simplified sharing by email
✔Direct sharing to cloud services, social media and IM

WinZip Pro : 

✔NEW! More sharing options
✔NEW! Scan and Share
✔NEW! Snap and Share
✔NEW! More robust file management
✔NEW! Previewer
✔NEW! Job Wizard Super Picker

System Requirements:

✔Windows 10
✔Windows 8
✔Windows 7
✔Windows Vista
✔Windows XP
✔Internet Explorer 8 or later

Download:

Install Notes:

• Install WinZIP Pro by running winzip205.exe 
• Extract RAR then use the provided keys in Serial key.txt or make a new one using Keygen. 
• Done!

PPC (Pay per Click) or CPC is the term which mostly commonly used in advertising industry. Any person or company who belongs to advertisement industry as advertiser or publisher always focus on PPC. Now the question is what does PPC is ?. In short it mechanism followed for serving ads. Advertisers want traffic on their website so they invest in ads on the bases of pay per click. On the other side publishers want to earn money so they place ads on their website or blog which pay him on the of pay per click. So that means PPC is the main reason behind the relationship of advertiser and publisher. Through 3rd party ppc ad networks, advertiser who want visitors for their business. Publisher who want to earn revenue for placing ads. Both parties join ppc ad network according to their need. Means when the visitors of Publisher site click on the  advertiser ads unit. Then Advertiser have to Pay for each successful valid click. So if you want understand the whole concept of PPC then i recommend to read How Does  PPC Works ?


Every Blogger or Webmaster dreams to make some money from there website or blog through ads. PPC ads is the effective way to earn revenue for content. By placing Pay per click ads on web page where huge traffic is coming. When someone show interest in ad and visit it. Then publisher will earn money. But major problem faced by advertiser and publisher is while finding best ppc ad networks. Their are many best pay per click sites are available in market but some of them are paying to much low. So in this article i am going to list out best ppc ad networks for publishers & Advertisers. Choose according to your requirement and blog traffic.

Google Adsense

Google Adsense is one of the best pay per click site. No doubt every blogger and website owner wants to earn through Adsense because there are reasons behind the success and Adsense Popularity. In short Adsense is Bid based CPC and RPM networks and there are lots of advertisers bases on the niche of sites. Adsense offers highest CPC rates and show more targeted ads related to content which increase the CTR rate and helps to earn more revenue. Adsense rates varies on the bases of relevant and irrelevant ads. It CPC rate vary between the range of $0.02 – $15 depend upon the location of visitor and niche of the blog.
Ad Format:- Responsive Ads, Display Ads, Text Ads, Link Ads, Match Content Ads.
Payout:- $100 via cheque, EFT, Wired transfer, Western Union.Google Adsense sign up

Bidvertiser

Bidvertiser is also a best choice if you are not able to get an approval from Adsense. Bidvertiser is also famous and oldest best pay per click site and even perform well at some kind of blogs. It CPC rates are best as compare to other small networks just because they offer POP up, Banner and various other typing advertising techniques. Its CPC rates vary from approx 0.02 to $10 and you get earning bases on total earn point. Overall performance is best if have sufficient account of traffic.
Ad Format:- Banner Ads, In-text, Domain Parking, XML Feed ads, Contextual Ads, Search Toolbar
Payment:- Minimum Payout $10 via PayPal.Bidvertiser sign up

RevenueHits

RevenueHits is the best ppc ad network for publishers who want to generate more revenues with state of the art Contextual & Geo targeted Ad Serving technology. RevenueHits provides self services for publishers, where any webmaster can come and get tags and start making money. They also offers a self service for Advertisers, where anyone can come and buy very high quality traffic.
Bottom line – if you want to take your website or blog’s income generation to the next level, this is the best solution around. RevenueHits is the best ad network for monetizing websites.
Ad Format:- Display Ads, Text Ads, Pop up/under
Payout:- $50 via PayPal.RevenueHits sign up

InfoLinks Ads

Infolinks is In-text link based ppc ad network. If you have text based rich site or blog then Infolinks is best choice for earn some revenue. The best part of Infolinks is they don’t need and space for banners. Infolinks show targeted ads for any relevant keyword from you content. You can also use keyword Tag cloud from Infolinks on you site or Infolinks can be use as search ads.  Infolinks don’t cover the spaces so that’s why you can use other ads banner from Adsense or other alternative to earn more revenue for site content.
Ad Format:- In-text ads, Search ads or In Tag cloud.
Payment:- Minimum Pay out $50 via PayPal or wire transfer.

Propeller Ads

Propeller is fastest growing multi ad format network. They provide detailed optimization for each site individually so that you can select best performing ad campaign. Its basically shown as CPM based ad network. But in actual this network is based on various models like CPM, CPA, CPC and CPL. In overall this is one of the best ad network.
Ad Format:- OnClick Ads, Video Ads, Mobile Ads on CPM, CPA, CPL and CPC bases.
Payout:- $100 Via Wire Transfer, Payoneer, Payza.

Clicksor Ads

This is also one of the best Alternative for other in-text based as well for banner ads. Clicksor is best and popular platform of advertiser and publisher. Clicksor having several advertising format like in-text ads and contextual banner ads. Clicksor divides publisher in two groups on the bases of total impressions. Clicksor is Bid based CPC and CPM ads networks. Its offer less CPC rates as compare to above Sites. If also offer Referral Program mean you earn 10% revenue from the Publisher you refer for using Clicksor.
Ad Format:- In-text and contextual banner ads, Pop under and other text based ads.
Minimum Payout:- $50 through check or PayPal.Clicksor sign up

SuperLinks

Superlinks is fastest growing new display based advertising network. Superlinks is one the best adsense alternative you don’t need to worry about adsense if you are using superlinks. Superlinks offer Super Exit link, Super display ads, Super Footer, Super Interstitial, Super tower with various different size of banners. Superlinks is working through Google doubleclick network that means in case no highest paying banner is visiable then adsense ads will be displayed to fill space. Superlinks is one the best solution for you they offer CPC and CPM based earning. Minimum payout is $100 via PayPal and $500 via payoneer wire transfer on the bases of NET35. So i recommend you to join superlink right now. Superlinks sign up

Chitika Ads

Chitika is also famous platform of pay per click bases of Search Targeted Ads, Local ads and Mobile Ads. Chitika ads are accepts only organic traffic drive by Search engines. So you will only earn revenue from clicks, if you have good visitor flow from search engines. Chitika Offers high CPC rates as compare to others but little bit low as compare to Adsense. But instead of others it is also good Adsense alternative. Chitika has Referring Program also you can refer others for using Chitika ads then you will earn 10% of Refer Publisher review for 10 months.
Requirement:- Organic Search Traffic is required for earning.
Ad Format:- Display banner ads, Text Ads.
Payout:- $10 via PayPal and $50 via Checks.Chitika sign up

Media.net Ads

Media.net is a Contextual pay per click based site by Combined Yahoo and Bing and powered by Media.Net. It is one of best Alternative of Adsense. Its CPC rates are also high and good. It is also Bid based CPC and CPM and CPA ads on the bases of eRPM. Media.net become most popular for advertiser and publisher within few years and makes best place in advertising. Unfortunately if you don’t get Adsense approval then i recommend you to apply for Media.Net
Requirement:- High quality content and Traffic from premium countries like USA, UK, Canada.
Ad Format:- Display Ads, Keyword Block Ads.
Payout:- $250 via PayPal or Wire Transfer.Media.net sign up

Affinity Ads

Affinity has also make their best place in advertising market. Affinity has adopts many different kind of ways for publisher to earn more revenue from their website by implementation in Toolbar, In-text, search suggestion, gaming ads, widget and such kinds of amazing implementation. Affinity is also Bid Rates network based on CPC , CPM and CPA with better eRPM rates. Affinity have highest revenue sharing upto 95% as compare to others.
Ad Format:- In-Search, In-Domain, In-Content, Display Ads, Mobile Ads.
Minimum payout:- $50 via PayPal.

Kontera Ads

Kontera is almost similar to Infolinks ads networks. It is based on In-text and in-image ads for your text content for any selected keywords. Kontera show relevant ads for keyword shown in double underline which is also looks irritating for users . Kontera offers Less CPC rates but they having higher CTR rates. Kontera is also compatible which Google Adsense and other Networks. They also don’t need any space of banner placement. So it is better way to earn side earnings with other Banners based ads. Kontera share 70% revenue with Publishers
Ad Format:- In-text based ads
Minimum Payout:- $50 PayPal or Wire Transfer.

Conversant Media

Conversant media Ads hold best position in advertising networks. It is based on CPC and CPM methods. Advertisement format used by Conversant have contextual ads, different size of banner, pop ads and many other different format. Its offers good CPC, CPM and CPL rates better lesser as compare to above networks.
Ad Format:- Display Ads, Text Ads, Video Ads, Mobile Ads, In-text, Flash ads
Minimum Payout:- $25 vie PayPal.

AdHitz

AdHitz is growing advertiser platform but its performance on the publisher platforms not so good. AdHitz having number different types of advertiser but their offers less CPC rates as compare to other publisher networks so that’s why publisher choose Adhitz lesser ad compare to others. But if their is no choice left then i recommend you to choose Adhitz. Otherwise try on another ads programs first.
Ad Format:- Flat Rates PPC ads, Banner Ads.
Minimum payout:- $25 via PayPal.


I hope You enjoy this article about best ppc ad networks for publishers. I try explain only the best ppc networks from where you can earn some revenue. Their are numbers of PPC publisher site are available which we have not listed just because of their low cpc rates and performance. So i recommend you to choose any network which you like. We have updated new list of best ppc ad network for publisher on our new blog. Must check it for all new coming ppc ad networks.
Note:- Don’t use more that 2,3 three different networks on same site. Their are many bad effects on site as well on earnings also.
If you have any other best pay per click website feel free to share your experience in comment box.

Password Protected page is only possible in WordPress Blog but what about Blogger? Can we protect certain page by adding password or not?


I was trying to protect my several page for restricting the visitors to visit but in Blogger platform hasn’t such things to protect it. Because Blogger don’t have Plugins for protecting any specific page. Either you have to add password on whole Blog or you have to make the Blog private. So our main objective won’t serve In WordPress Blog we have seen Blog owner used Password Protected page for delivering exclusive content to their VIP subscriber. Suppose you have written an  eBook and now you want to deliver this  eBook   to your blogs subscriber only. In this case you won’t able restrict access of all visitors on Blogger. In this case Password Protected page work like charm. Because without password your Blog’s subscriber won’t able to get access on content’s page. So Password Protected option is necessary. You can increase your Blog subscriber as well as your exclusive content will be protected from public access. To add password on specific Blogger page please follow the below steps.

Follow Step:

Step 1 Log in to your Blogger Account and Go to your Blogger Dashboard
Step 2 Click on -> Pages -> New Page-> Blank Page
Step 3 Now choose HTML view instead of Compose view and copy the below script and Paste it on the page.

 
<script type="text/javascript"> 
/* Password Protection Script by http://prio-soft.blogspot.com*/
var password = 'Prio-soft'
password=promptundefined'Please enter the password to enter this page:','');
if undefinedpassword != 'Prio-soft') {
location.href='PAGE URL HERE';
}
</script>

Customization

• Alter prio-soft with page password.
• Replace PAGE URL HERE with your page URL where you want to set password.

Step 4 Finally hit the publish button.

For testing the password protected page visit that page and see it is required password to get access.


In this trick I have used simple JavaScript and just you have to set password and you can change password according to your own. And remember about to change page URL. You should change URL for applying the password. Thank you.

Syahira is a blogger theme with responsive layout. Its High User Friendly Blogger Template. Its design simple and clean and perfect for magazine or portofolio websites. With an attractive color combination and impressed professionals and has many features.You can download syahira premium blogger template from the links at end of this post.

Theme Info

✔Platform : Blogger
✔Template Name : Syahira  
✔Designed by : MKRdezign
✔Created : 10 July 13
✔Last Update : 5 June 14

Syahira Full Style

Syahira Boxed Style

Syahira Responsive  Blogger Theme Features:  

   ✔Current Version: 1.1   
   ✔Responsive Design (Full Width or Boxed Width)
   ✔Manual Featured Post from Image Widget (3D Slideshow)
   ✔Auto Featured Post (3D Slideshow)
   ✔Support Advance Editor (Change Background Image, Color and Font Type)
   ✔Lightweight Auto read-more (support third party image, and Youtube Thumbnail)
   ✔Ajax load more post
   ✔Ajax Page Navigation New
   ✔support Mega MenuNew
   ✔Tabs Widgets ready
   ✔3 Comment System Support (Blogger Comment, Facebook Comment and Disqus Commnent) New
   ✔Cool blogger threaded comment (Support Google+ Comment)
   ✔JSON Search Result *
   ✔Ajax Recent Post by Tag (10 Post Type(Slider, Vertical, Combine, Gallery, Noimage and Horizontal)) Support Random New
   ✔Ajax Recent Comment Widget *
   ✔Ajax Related Post Widget *
   ✔Two View Mode (List and Grid) with Cookies
   ✔Optimize SEO
   ✔Comment View with Cookies New
   ✔RTL Language Support
   ✔Meta Keywords And Description Support (Official Meta Description Support)
   ✔Emoticon
   ✔Compatible with major browsers (IE9+,Mozilla,Chrome,Safari,Opera)
   ✔Custom Error 404 Page
   ✔Professional admin layout, help you easy work with blog layout. 

Syahira Download

• Click on the below button to start Free Download. It is full Free tamplet Shared By Prio-Soft™

uTorrent is a quick, easy and compact torrent Client µTorrent, today, is one of the most popular solutions for network BitTorrent. The program combines optimum functionality with a small amount. Supports the work regardless of the trekkers, lets you download multiple files at once, has a customizable bandwidth, rapid restoration of interrupted downloads, and more.

uTorrent features:

✔uTorrent supports parallel loading;
✔Rational use of bandwidth and allows you to customize it;
✔Built-in scheduler uTorrent manages tasks;
✔uTorrent has the ability to set the priority of traffic and adjust the speed;
✔It has features a quick stop and resume downloads;
✔uTorrent supports UPnP and NAT-PMP, as well as popular protocol extensions;
✔It has low memory consumption and small size of the program;
✔Supports reading RSS-feeds and download torrent-announcements;
✔Interacts with other customers without the need for the main tracker (DHT);
✔uTorrent supports the Protocol Encryption;
✔Interface uTorrent has supported the change order and the possibility of translation into other
✔In uTorrent integrated remote control via HTTP-protocol, using web-interface (WebUI);
✔uTorrent works in all versions of OS Windows;
✔It is also possible to use uTorrent in Linux using Wine.

µTorrent PRO:

✔Stream Instantly.
✔Convert, download and play in many formats:µTorrent Pro includes an HD media player or convert to play on any mobile device.
✔Convert, download and play in many format

✔µTorrent Pro includes an HD media player or convert to play on any mobile device.

✔Premium New Features :µTorrent Pro is always adding new features. Enjoy them at no extra cost.

✔Anti-Virus Protection:Keep your PC safe by automatically scanning downloads for viruses and malware.

✔Early Access:Gain access to updates and cutting-edge features before anyone else.

✔No Ads:As a Pro user and a supporter of µTorrent, you can enjoy an ad-free experience.

Languages:

Albanian, Arabic, Azerbaijani, Basque, Belarusian, Bosnian, Bulgarian, Catalan, Chinese (Simplified), Chinese (Traditional), Croatian, Czech, Danish, Dutch, Estonian, Finnish, French, Frisian, Galician, German, Greek, Hebrew, Hungarian, Icelandic, Italian, Japanese, Korean, Latvian, Lithuanian, Macedonian, Malay, Norwegian, Persian, Polish, Portuguese (Brazil), Portuguese (Portugal), Romanian, Russian, Serbian (Cyrillic), Serbian (Latin), Slovak, Slovenian, Spanish, Swedish, Taiwan, Thai, Turkish, Ukrainian, Valencian, Vietnamese.

μTorrent Beta client release notes:

2016-04-25: Version 3.4.7 Beta (build 42300)
Remove potential create of a white rectangle at start-up
Mechanism to limit the resources used by Advertisement

Download:

Install Notes:

- Extract archive with WinRAR or 7Zip.
- Install The App
- Exit The App from System Tray
- Copy Content from PRO Folder to Install Directory
- Enjoy This Release!!

Today in this blogger tutorial we are gonna add cool CSS button with mouse hover effect to your blogger blog. These buttons are made from pure CSS and on mouse hover the color of this buutons changes with a light shadow effect. So I think its beautiful and each button has different colors and style. These buttons are for home, demo and download. You can also change the text to display with your text.



Demo Here
So to create and add the button to your website and blog,

Follow Steps:

• Login to your Blogger account, go to Blogger dashboard, click the arrow adjacent to 'Go to post list icon' and select 'Template' from dropdown menu. You can also select the 'Template' from left navigation menu.

• Click 'Edit HTML'.

• search for (Ctrl+F)  ]]></b:skin> and paste (Ctrl+V) the following code just after ]]></b:skin>

/* ---css button by priosoft --- */
.btn {
  box-sizing: border-box;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: transparent;
  border: 2px solid #e74c3c;
  border-radius: 0.6em;
  color: #e74c3c;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-self: center;
      -ms-flex-item-align: center;
          align-self: center;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1;
  margin: 20px;
  padding: 1.2em 2.8em;
  text-decoration: none;
  text-align: center;
  text-transform: uppercase;
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
}
.btn:hover, .btn:focus {
  color: #fff;
  outline: 0;
}

.first {
  -webkit-transition: box-shadow 300ms ease-in-out, color 300ms ease-in-out;
  transition: box-shadow 300ms ease-in-out, color 300ms ease-in-out;
}
.first:hover {
  box-shadow: 0 0 40px 40px #e74c3c inset;
}

.second {
  border-radius: 3em;
  border-color: #1abc9c;
  color: #fff;
  background-image: -webkit-linear-gradient(left, rgba(26, 188, 156, 0.6), rgba(26, 188, 156, 0.6) 5%, #1abc9c 5%, #1abc9c 10%, rgba(26, 188, 156, 0.6) 10%, rgba(26, 188, 156, 0.6) 15%, #1abc9c 15%, #1abc9c 20%, rgba(26, 188, 156, 0.6) 20%, rgba(26, 188, 156, 0.6) 25%, #1abc9c 25%, #1abc9c 30%, rgba(26, 188, 156, 0.6) 30%, rgba(26, 188, 156, 0.6) 35%, #1abc9c 35%, #1abc9c 40%, rgba(26, 188, 156, 0.6) 40%, rgba(26, 188, 156, 0.6) 45%, #1abc9c 45%, #1abc9c 50%, rgba(26, 188, 156, 0.6) 50%, rgba(26, 188, 156, 0.6) 55%, #1abc9c 55%, #1abc9c 60%, rgba(26, 188, 156, 0.6) 60%, rgba(26, 188, 156, 0.6) 65%, #1abc9c 65%, #1abc9c 70%, rgba(26, 188, 156, 0.6) 70%, rgba(26, 188, 156, 0.6) 75%, #1abc9c 75%, #1abc9c 80%, rgba(26, 188, 156, 0.6) 80%, rgba(26, 188, 156, 0.6) 85%, #1abc9c 85%, #1abc9c 90%, rgba(26, 188, 156, 0.6) 90%, rgba(26, 188, 156, 0.6) 95%, #1abc9c 95%, #1abc9c 100%);
  background-image: linear-gradient(to right, rgba(26, 188, 156, 0.6), rgba(26, 188, 156, 0.6) 5%, #1abc9c 5%, #1abc9c 10%, rgba(26, 188, 156, 0.6) 10%, rgba(26, 188, 156, 0.6) 15%, #1abc9c 15%, #1abc9c 20%, rgba(26, 188, 156, 0.6) 20%, rgba(26, 188, 156, 0.6) 25%, #1abc9c 25%, #1abc9c 30%, rgba(26, 188, 156, 0.6) 30%, rgba(26, 188, 156, 0.6) 35%, #1abc9c 35%, #1abc9c 40%, rgba(26, 188, 156, 0.6) 40%, rgba(26, 188, 156, 0.6) 45%, #1abc9c 45%, #1abc9c 50%, rgba(26, 188, 156, 0.6) 50%, rgba(26, 188, 156, 0.6) 55%, #1abc9c 55%, #1abc9c 60%, rgba(26, 188, 156, 0.6) 60%, rgba(26, 188, 156, 0.6) 65%, #1abc9c 65%, #1abc9c 70%, rgba(26, 188, 156, 0.6) 70%, rgba(26, 188, 156, 0.6) 75%, #1abc9c 75%, #1abc9c 80%, rgba(26, 188, 156, 0.6) 80%, rgba(26, 188, 156, 0.6) 85%, #1abc9c 85%, #1abc9c 90%, rgba(26, 188, 156, 0.6) 90%, rgba(26, 188, 156, 0.6) 95%, #1abc9c 95%, #1abc9c 100%);
  background-position: 0 0;
  background-size: 100%;
  -webkit-transition: background 300ms ease-in-out;
  transition: background 300ms ease-in-out;
}
.second:hover {
  background-position: 100px;
}

.third {
  border-color: #3498db;
  color: #fff;
  box-shadow: 0 0 40px 40px #3498db inset, 0 0 0 0 #3498db;
  -webkit-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
}
.third:hover {
  box-shadow: 0 0 10px 0 #3498db inset, 0 0 10px 4px #3498db;
}

.fourth {
  border-color: #f1c40f;
  color: #fff;
  background-image: -webkit-linear-gradient(45deg, #f1c40f 50%, transparent 50%);
  background-image: linear-gradient(45deg, #f1c40f 50%, transparent 50%);
  background-position: 100%;
  background-size: 400%;
  -webkit-transition: background 300ms ease-in-out;
  transition: background 300ms ease-in-out;
}
.fourth:hover {
  background-position: 0;
}

.fifth {
  border-color: #8e44ad;
  border-radius: 0;
  color: #8e44ad;
  position: relative;
  overflow: hidden;
  z-index: 1;
  -webkit-transition: color 200ms ease-in-out;
  transition: color 200ms ease-in-out;
}
.fifth:after {
  content: '';
  position: absolute;
  display: block;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 0;
  height: 100%;
  background: #8e44ad;
  z-index: -1;
  -webkit-transition: width 200ms ease-in-out;
  transition: width 200ms ease-in-out;
}
.fifth:hover {
  color: #fff;
}
.fifth:hover:after {
  width: 110%;
}

.sixth {
  border-radius: 3em;
  border-color: #2ecc71;
  color: #2ecc71;
  background-image: -webkit-linear-gradient(top, transparent 50%, #2ecc71 50%);
  background-image: linear-gradient(to bottom, transparent 50%, #2ecc71 50%);
  background-position: 0 0;
  background-size: 200%;
  -webkit-transition: background 150ms ease-in-out, color 150ms ease-in-out;
  transition: background 150ms ease-in-out, color 150ms ease-in-out;
}
.sixth:hover {
  color: #fff;
  background-position: 0 100%;
}

/* --- css button priosoft --- */

.

• Click on Save Template to apply the CSS code to your blog.

• After adding the CSS code to your blog’s template, all you need to do next is add the below line of code where ever you want to add the css button while composing a post.

 <button class="btn first">Button 1</button>
<button class="btn second">Button 2</button>
<button class="btn third">Button 3</button>
<button class="btn fourth">Button 4</button>
<button class="btn fifth">Button 5</button>
<button class="btn sixth">Button 6</button>

For questions pertaining to how to add this awesome animated CSS  button to your website and Blogger, please do feel free to ask via the comment box below. ENJOY!