2014 ~ SR ACADEMY

Sunday, November 30, 2014

NEWS. Responsive Blogger Template

Rashal4:31 AMBlogger Themes, Premium Themes No comments

Live Preview Purchase $ 21

Populare Posts Blogger Gadget New Style

Rashal11:38 AMBlogger Gadgets No comments

Live Preview 1 Live Preview 2

Popular Posts Gadget of Blogger has a specific fixed style that isn't changed. Here we will provide a new style for this widget. You can edit it easily by yourself if you have basic information in HTML, CSS and JAVA.

Popular Posts Style 1 - Live Demo

Step 1: the CSS code
Copy the following css code and paste it before </head> tag


<style type='text/css'>
.popular-posts ul {
  list-style: none;
  padding: 0;
}
.popular-posts ul li {
  float: left;
  width: 150px;
  height: 150px;
  padding: 10px !important;
  overflow: hidden;
  box-sizing: border-box;
  position: relative;
}
.popular-posts .item-thumbnail {
  margin: 0;
  background-color: #000;
}
.popular-posts img {
  height: 100%;
  width: 100%;
  box-sizing: border-box;
  padding:0;
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -ms-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}
.popular-posts .item-content:hover img,
.popular-posts .item-thumbnail-only:hover img {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
  opacity: 0.5;
}
.popular-posts .item-title a {
  color: #fff;
  position: absolute;
  text-align: center;
  left: 12px;
  right: 12px;
  bottom: 40px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -ms-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}
.popular-posts .item-content:hover .item-title a,
.popular-posts .item-thumbnail-only:hover .item-title a {
  opacity: 1;
  visibility: visible;
}
.popular-posts .item-snippet {
  display: none;
}
</style>

Step 2: the Java code
Copy the following java code and paste it before </body> tag


<script src='//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js'></script>
<script type='text/javascript'>
  $('.popular-posts .item-snippet').remove();
  $('.popular-posts img').attr('src', function(e, t) {
    return t.replace('/s72-c/', '/s200-c/')
  });
</script>

Porto Responsive Blogger Template

Rashal12:10 PMBlogger Themes, Free Themes No comments

Live Preview Free Download

Template	Porto Responsive Blogger Template
Author	ar-themes
Date	16 / 9 / 2014
Labels	responsive - 2 columns - portfolio - free - blue - white - tooltips
Featrues	Fully responsive template
	Compatible with IE 9.0 and heighr, firefox, safari, opera and chrome
	Support font Awesome CSS icons
	Social icons area
	Posts grid view
	Infinite scroll
	Supports blogger template designer
	Customized error 404 page
	Customized archive and labels pages
	Enhanced footer posts navigation
	Comments with better style
	CSS tool tips for posts
	Fast loading with clean codes
	SEO optimized and Ads ready
Files Included	Porto-Template.xml file
	Backup Javascript Files
	Full Documentation (How to upload and edit template)
	Background Images

Soup Recipe Responsive Blogger Template

Rashal9:59 AMBlogger Themes, Client Requested Themes No comments

Live Preview Client Requested

Infinite Responsive Blogger Template

Rashal2:48 PMBlogger Themes, Featured, Free Themes No comments

Live Preview Free Download

Template	Infinite Responsive Gallery Blogger Template
Author	Ar-themes
Date	12 / 8 / 2014
Labels	responsive - 1 column & 2 columns - Portfolio - Premium - orange - dark
Featrues	Responsive Template
	Compatible with IE 9.0 and heighr, firefox, safari, opera and chrome
	Nested Layout
	Masonry Grid
	mMenu Plugin
	Font Awesome Icons
	SEO optimized and Ads Ready
	Tipsy Plugin
	Custom Error 404 - Archive -Label Pages
	Footer with Social Icons Included
Files Included	Infinite_Template.xml file
	Backup Javascript Files
	Full Documentation (How to upload and edit template)
	Background Images

Template	ZAD Responsive One Page Blogger Template
Author	ar-themes
Date	20 / 5 / 2014
Labels	responsive - 1 column - Portfolio - Premium - red - white
Featrues	Responsive Template
	Compatible with IE 9.0 and heighr, firefox, safari, opera and chrome
	Blogger Template Designer for Background and Colors
	Nested Layout With Inner Explanation for the First Time
	Flex Slider
	Separated Sections for Team Members & Services
	New Contact Us Widget Style
	SEO Optimized
	Widget for Maps Included
	Isotope Filter for the First Time
	Footer with Social Icons Included
Files Included	Template.xml file
	Javascript Files
	Full Documentation (How to upload and edit template)
	Background Images

For More Information Check that Video

Babylonz Resposnive Blogger Template

Rashal7:50 AMBlogger Themes, Premium Themes No comments

No Live Preview Sold Out

Template	Babylonz Responsive Blogger Template
Author	ar-themes
Date	24 / 1 / 2014
Labels	responsive - 2 columns - 1 column - Gallery - Premium - red - white
Featrues	Responsive Template
	Compatible with IE 9.0 and heighr, firefox, safari, opera and chrome
	Blogger Template Designer for Fonts and Colors
	Nested Layout
	Slider With New Search & Social Icons
	Gallery Posts
	New Popular Posts Widget in Homepage
	Two type Ads to show with different screens
	2 Columns Inside With Ads
Files Included	Template.xml file
	Javascript Files
	Full Documentation (How to upload and edit template)
	Background Images