BLOG POST THUMBNAIL WITH STAR RAITING WIDGET

Thursday, 3 April 2014

BLOG POST THUMBNAIL WITH STAR RAITING WIDGET

BLOG POST THUMBNAIL WITH STAR RAITING WIDGET

---------------------------------------------------------------------------------------
COPY AND PASTE BELOW CODE
STAR RATING WIDGET HTML CODE
<div class='rw-ui-container'/>
-------------------------------------------------------------------------------------------

<html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<meta content='width=device-width, initial-scale=1.0' name='viewport'/>
<script type='text/javascript'>//<![CDATA[
var curl = window.location.href;if (curl.indexOf('m=1') != -1) {curl = curl.replace('m=1', 'm=0');window.location.href = curl;}
//]]></script>
<link href='http://fonts.googleapis.com/css?family=Nunito:400,300,700|Open sans:400' rel='stylesheet' type='text/css'/>
<link href='//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css' rel='stylesheet'/>
<b:include data='blog' name='all-head-content'/>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
</b:if>
<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.pageTitle/></title>
<b:else/>
<title><data:blog.pageName/> ~ <data:blog.title/></title>
</b:if>

<b:skin><![CDATA[/*
-----------------------------------------------
Blogger Template Style
Design by : FBGadgets
URL : http://fbgadgets.blogspot.co.uk/
----------------------------------------------- */

body#layout ul {
list-style-type: none;
list-style: none;
}

body#layout ul li {
list-style-type: none;
list-style: none;
}

body {
background: #fff url(http://cdn.wpbeginner.com/wp-content/themes/wpbv4/images/bg.jpg) fixed;
color: #555555;
font-family: Open Sans, Arial, sans-serif;
font-size: 13px;
margin: 0px;
padding: 0px;
}

a:link,a:visited {
color: #ff3000;
text-decoration: underline;
outline: none;
}

a:hover {
color: #ff3000;
text-decoration: none;
outline: none;
}

a img {
border-width: 0;
}

#body-wrapper {
margin: 0px;
padding: 0px;
}
/* Header-----------------------------------------------*/
#header-wrapper {
width: 1000px;
margin: 0px auto 0px;
background: #ff3000;
float: left;
}

#header-inner {
background-position: center;
margin-left: auto;
margin-right: auto;
}

#header {
margin: 0;
float: left;
overflow: hidden;
height: 30px;
background: #F52E00;
border-right: 1px solid #F02D00;
border-left: 1px solid #F02D00;
padding-top: 25px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 25px;
}

#header h1 {
color: #fff;
margin: 0;
padding: 0;
font-family: Nunito, Arial, sans-serif;
font-weight: 400;
font-size: 25px;
text-transform: uppercase;
line-height: 30px;
letter-spacing: -0.9px;
}

#header .description {
padding-left: 7px;
color: #374142;
line-height: 14px;
font-size: 14px;
padding-top: 0px;
margin-top: 10px;
font-family: Arial,Helvetica,Sans-serif;
}

#header h1 a,#header h1 a:visited {
color: #fff;
text-decoration: none;
}

#header h2 {
padding-left: 5px;
color: #374142;
font: 14px Arial,Helvetica,Sans-serif;
}

#header2 {
float: right;
width: 51%;
margin-right: 0px;
padding-right: 0px;
overflow: hidden;
}

#header2 .widget {
padding: 0px 0px 0px 0px;
float: right;
}

.social-profiles-widget img {
margin: 0 4px 0 0;
}

.social-profiles-widget img:hover {
opacity: 0.8;
}

#top-social-profiles {
padding-top: 10px;
height: 32px;
text-align: right;
float: right;
}

#top-social-profiles img {
margin: 0 6px 0 0 !important;
}

#top-social-profiles img:hover {
opacity: 0.8;
}

#top-social-profiles .widget-container {
background: none;
padding: 0;
border: 0;
}
/* Outer-Wrapper----------------------------------------------- */
#outer-wrapper {
width: 1000px;
margin: 0px auto 0px;
padding: 0px;
text-align: left;
background: #FFFFFF;
}

#content-wrapper {
}

#main-wrapper {
width: 470px;
float: left;
margin: 0px 0px 0px 35px;
padding: 10px 0px 0px 0px;
overflow: hidden;
border-right: 1px solid #ddd;
padding-right: 30px;
background: #fff;
}

#content-wrapper {
background: #fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgx63eXCb0HEC0OwEQw3QrpFKb2ZQzaF3H0NwZrvjh752fJkVQAIoUrkVXKCuQA9w-gQ0Zd-2aJJhWCV50tXtBekeXw4oJMb_VMKDb3xdO1fqfDBGP6tK61ErwEACYurBnaamkEBJV5CqU/s1600/backm.png) repeat-y top;
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
}

#rsidebar-wrapper {
width: 200px;
float: right;
margin: 0;
padding: 15px;
word-wrap: break-word;
overflow: hidden;
}
/* Headings----------------------------------------------- */
h2 {
}
/* Posts-----------------------------------------------*/
h2.date-header {
margin: 1.5em 0 .5em;
display: none;
}

.wrapfullpost {
}

.post {
margin-bottom: 15px;
}

.post h2 a {
font-family: Nunito, Arial, sans-serif;
text-transform: capitalize;
font-size: 25px;
color: #666;
font-weight: 400;
text-decoration: none;
}

.post h2 {
margin: 0px;
float: left;
width: 100%;
border-bottom: 1px solid #ddd;
padding-bottom: 20px;
margin-top: 10px;
}

.post-body {
line-height: 18px;
font-size: 13px;
color: #868686;
}

.post-footer {
margin: 5px 0;
}

.comment-link {
margin-$startSide: .6em;
}

.post-body img {
max-width: 100%;
height: auto;
width: 100%;
}

.video-description {
margin-top: 20px;
float: left;
}

/* Sidebar Content----------------------------------------------- */
.sidebar {
margin: 0 0 10px 0;
font-size: 13px;
color: #374142;
}

.sidebar a {
text-decoration: none;
color: #374142;
}

.sidebar a:hover {
text-decoration: none;
color: #F95C49;
}

.sidebar h2 {
font-family: Nunito, Arial, sans-serif;
text-transform: uppercase;
font-size: 15px;
color: #868686;
border-bottom: 1px solid #ddd;
padding-bottom: 20px;
margin-top: 20px;
}

.sidebar ul {
list-style-type: none;
list-style: none;
margin: 0px;
padding: 0px;
}

.sidebar ul li {
padding: 0 0 9px 0;
margin: 0 0 8px 0;
}

.sidebar .widget {
margin: 0 0 35px 0;
padding: 0;
color: #374142;
font-size: 13px;
}

.main .widget {
margin: 0 0 5px;
padding: 0 0 2px;
}

.main .Blog {
border-bottom-width: 0;
}
/* FOOTER ----------------------------------------------- */
#footer {
margin-bottom: 15px;
}

#footer-credits {
float: left;
background: #fff;
width: 100%;
}

#footer-credits-wrap {
width: 960px;
margin: auto;
padding: 20px 0px 20px 0px;
font-size: 12px;
color: #aeaeae;
}

#footer-widgets-container {
background: #111;
float: left;
width: 100%;
}

#footer-widgets {
margin: auto;
width: 1000px;
padding: 30px 0 30px;
}

.footer-widget-box {
width: 270px;
float: left;
margin: 25px;
margin-top: 0px;
margin-bottom: 0px;
}

.footer-widget-box-last {
}

#footer-widgets .widget-container {
color: #bcbcbc;
font-size: 13px;
text-align: center;
}

#footer-widgets .widget-container a {
text-decoration: none;
color: #ff3000;
}

#footer-widgets .widget-container a:hover {
text-decoration: none;
color: #ff3000;
}

#footer-widgets h2 {
font-family: Nunito, Arial, sans-serif;
text-transform: uppercase;
font-size: 15px;
color: #fff;
text-align: center;
border-bottom: 1px solid #ddd;
padding-bottom: 10px;
margin-top: 20px;
}

#footer-widgets .widget ul {
list-style-type: none;
list-style: none;
margin: 0px;
padding: 0px;
}

#footer-widgets .widget ul li {
padding: 0 0 9px 0;
margin: 0 0 8px 0;
}

.footersec {
}

.footersec .widget {
margin-bottom: 20px;
}

.footersec ul {
}

.footersec ul li {
}
/* Search ----------------------------------------------- */
#search {
border: 1px solid #D8D8D8;
background: #fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKg0cqBhxBw4c6F95A11BkFtX-RWeplO3AnDrrjZjUny0l_qF1mGHWE1n6ffbfyjcCZZZJT_xSOJhkE8H8NCP-2KCCwr2SFeEUc68Ku6iPEPl2urTY8NIZsK0e3sq924-EaoM28xzE_R2T/s0/search.png) 99% 50% no-repeat;
text-align: left;
padding: 6px 24px 6px 6px;
}

#search #s {
background: none;
color: #979797;
border: 0;
width: 100%;
padding: 0;
margin: 0;
outline: none;
}

#content-search {
width: 300px;
padding: 15px 0;
}

#topsearch {
float: right;
}

#topsearch #s {
width: 220px;
}
/* Comments----------------------------------------------- */
#comments {
float: left;
width: 100%;
}

#comments-block3 {
padding: 0;
margin: 0;
float: left;
overflow: hidden;
position: relative;
}

#comment-name-url {
width: 465px;
float: left;
}

#comment-date {
width: 465px;
float: left;
margin-top: 5px;
font-size: 10px;
}

.avatar-image-container {
background: none!important;
border: none!important;
;
}

.datetime.secondary-text {
float: right;
}

.comments .comments-content .comment-content {
line-height: 18px;
font-size: 13px;
width: 100%;
margin-bottom: 5px;
margin-top: 10px;
color: #868686;
}

.lsidebar .widget {
margin: 0 0 35px 0;
padding: 0;
color: #374142;
font-size: 13px;
}

.datetime.secondary-text {
margin-top: 5px;
}

.icon.user.blog-author {
display: none!important;
}

.comments .comment .comment-actions a {
padding-right: 5px;
padding-top: 5px;
text-decoration: none;
}

.comments .comments-content .comment {
margin-bottom: 40px;
padding-bottom: 8px;
}

.user.blog-author a {
font-size: 20px;
text-decoration: none;
}

.comment-actions a {
color: #fff;
}

.comment-actions {
padding: 10px;
margin-top: 20px;
float: right;
background: #222222;
margin-bottom: 10px;
}

.comment-block {
border: 1px solid #ddd;
padding: 20px;
}

.comment-header {
border-bottom: 1px solid #ddd;
padding-bottom: 20px;
}

#comments h4 {
margin: 0px;
width: 100%;
border-bottom: 1px solid #ddd;
padding-bottom: 20px;
margin-top: 10px;
font-family: Nunito, Arial, sans-serif;
text-transform: capitalize;
font-size: 25px;
color: #666;
font-weight: 400;
text-decoration: none;
}

#blog-pager-newer-link {
float: $startSide;
}

#blog-pager-older-link {
float: $endSide;
}

#blog-pager {
padding: 0;
width: 100%;
font-size: 11px;
float: left;
margin: 0px;
margin-bottom: 30px;
}

.feed-links, .home-link {
display: none;
clear: both;
line-height: 2.5em;
}
/* Profile ----------------------------------------------- */
.profile-img {
margin-top: 0px;
margin-bottom: 0px;
padding: 0px;
border-radius: 50%;
float: left;
}

.profile-name-link.g-profile {
float: left;
width: 90px;
padding: 0px;
background-image: none!important;
font-family: Nunito, Arial, sans-serif;
font-size: 12px;
line-height: 15px;
}

a.profile-link {
font-size: 12px!important;
font-family: Open Sans, Arial, sans-serif
color: #b8b8b8;
}

#___follow_0 {
display: none!important;
}

.profile-data {
margin: 0;
text-transform: uppercase;
letter-spacing: .1em;
font: $postfooterfont;
color: $sidebarcolor;
font-weight: bold;
line-height: 1.6em;
}

.profile-datablock {
margin: .5em 0 .5em;
}

.profile-textblock {
margin: 0.5em 0;
line-height: 1.6em;
}

.avatar-image-container {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2N4JGHRa1MzjYPtDUg7UKIZI8xk4mg6Wn8R9pZfmSS_AlLhXeRAtDgIHk0B_2ZvzATIlmkF_cSeBPFX76XsU7Dz1srjGi47gwzo0uRT_FYBj6i3plunmqRqYFnR7cBbHIMEPhi3zyOBaE/s0/comment-avatar.jpg);
width: 32px;
height: 32px;
float: right;
margin: 5px 10px 5px 5px;
border: 1px solid #ddd;
}

.avatar-image-container img {
width: 32px;
height: 32px;
}

.profile-link {
font: $postfooterfont;
text-transform: uppercase;
letter-spacing: .1em;
}

#navbar-iframe {
height: 0;
visibility: hidden;
display: none;
}

.social-share {
width: 95px;
height: 80px;
float: right;
position: relative;
background: #F52E00;
}

.social-share a {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
text-indent: -9999px;
text-transform: capitalize;
}

header .right-container .social-share {
background: #6c3cbc;
}

.social-share:hover .drop-down {
height: auto;
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
overflow: visible;
}

.social-share a {
height: 80px;
position: inherit;
text-indent: -9999px;
}

.social-share > a {
position: absolute;
}

.social-share .drop-down {
position: absolute;
top: 100%;
left: 0;
background-color: #F52E00;
list-style: none;
width: 100%;
float: left;
padding: 0;
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
height: 0;
overflow: hidden;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
z-index: 10;
}

.social-share .drop-down li {
width: 100%;
float: left;
border-top: 1px solid #E22A00!important;
}

.social-share .drop-down li:first-child {
border-top: none;
}

.social-share .drop-down a {
position: inherit;
float: left;
height: 40px;
background-repeat: no-repeat;
}

.social-share .drop-down li:hover {
background-color: #ff3000;
}

.social-share .drop-down .twitter {
background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqT58Ckl2orGJgjoKtQRdor51LQAVVxjywQqgqTBtKg0xIpTXYLKiwCkksxVd9dq_RrlHyCA3uBzGoZDIcrTeH1e9dL1OMFWLQeGw6rtOTVXzU4LOpm90H-STMSWE-i1tbVkVlV6VUuI4/s1600/twitter_white.png");
background-position: center center;
background-repeat: no-repeat;
}

.social-share .drop-down .dribble {
background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoimmR68k95rNDWRhJMWzqjVWCkzAysZ26c_96Fae6F-2N_6CzKOU8_M0P6sSCjaiCt1RqakY1HUqDc7z5A29_-NOi5rdowL-vuJXj0nt-l7SWBj7Z1eLB1OGPRrCUHE3pZ6yfGAeGe74/s1600/dribbble_white.png");
background-position: center center;
background-repeat: no-repeat;
}

.social-share .drop-down .googleplus {
background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8foStcwjYO6Lx6b8DO1isHkh3Y6GvF5X1N8RKNHD-WvQ-gzafqfVlB6Ey7y1HTmpJkWkoK8bs0Uus3m-u1EwdPoJunCs41_akuO-vGrXx5m9unvya6AjVdky3ueVy7aI3gtuK5fpDNpg/s1600/googleplus_white.png");
background-position: center center;
background-repeat: no-repeat;
}

.social-share .drop-down .evernote {
background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQnxW14_KPdbO4ty8HR8C0L3Uog7XiWNc27AK-4mjxChuDGejYjRxfvgfuGHAMtXWOo20cjpipwJ-T52v4wNY-3vhvZL16Q3r1xIBOPRBRBFAJJGN6NM-9ym4aiu_xYMSrXhSKR9tmPPc/s1600/evernote_white.png");
background-position: center center;
background-repeat: no-repeat;
}

.social-share .drop-down .facebook {
background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcNt9rhKiMX6V7ZEoctlECD6NBEzMBolUgY1I7G8LsB06yq5VLvj6FfPBgoTdi14LhjN6l0j435TDUvdJm-RxKOjZXmOZg_7tOywGhJAFsjW2CI7iq5p0h3gOidFc-n2DR0DW7Mse2qMk/s1600/facebook_white.png");
background-position: center center;
background-repeat: no-repeat;
}

.social-share .drop-down .linkedin {
background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUwIjFMnI9uhQrU8EuzYequEABBSibOSzc2psYgvq9r2SfxIG0WBvboj6bAC1bv9a_iq49VWz5YdGYy-gD24UimqTJnOycx3Zij54lH6anhkMer1Tob0Xs9CTtjDzzcxDHeSrl5WGWe-Q/s1600/linkedin_white.png");
background-position: center center;
background-repeat: no-repeat;
}

.social-share .drop-down .stumbleupon {
background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhe9xPb7gWqIECz52-XvZl_menlU3VCse7NQZ-VjIbgpnJOhzuDrXEdD0vPrEKePq_zeTd8B13mMvPr-Ziaw2c-3mgzGCZYjK39Z702dS2d_cpfi8N2swXzYRhYbz7VRqJOjjSOLev_7OE/s1600/stumbleupon_white.png");
background-position: center center;
background-repeat: no-repeat;
}

.social-share .drop-down .pinterest {
background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiskJyVqtAbhAYFt4FvjSI3IcfxLfqox5_qen1JVQI-GD7Hl0hTSS7Y14BglRGiveZKlbJyoDlZKeNn5G-YjKbxcLBvKMF9x7g-QguMNfO4kHDad1StNr5vlGp_3tZOhyphenhyphenh1Qir3L0tat0M/s1600/pinterest_white.png");
background-position: center center;
background-repeat: no-repeat;
}

.social-share .drop-down .vimeo {
background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQBY26sOHNZ3HgGGQQ2AWNTq_uzYZu0y7rAa9otzr_wNRGAAXO7oI5wmNRu2OQ_UEvhyphenhyphen40QFLVxr7cwfuFV4npArpxpv3Z97L7yHEotTZCS1Ik70Cd4uj5t3YS1DH6BvPaOyNsc-940BE/s1600/vimeo_white.png");
background-position: center center;
background-repeat: no-repeat;
}

.social-share .share {
background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwNtbnczCCi2zVNZdJPKsV2PGpKFUZ__GJ9KcY_HZFZE-3T3tZxo6Shsb_7z8pSygbmTI93oQpJaGQBom6lNJKA8NYGvsoNkeALQ45pJ5Wdom8t3If9Ca3PR6-0-Sz9OQgBiQYsv3080Y/s1600/share_btn.png");
background-position: center center;
background-repeat: no-repeat;
}

.googleplusb {
width: 100%;
float: left;
overflow: hidden;
}

.post-body h2 {
font-family: Nunito, Arial, sans-serif;
text-transform: capitalize;
font-size: 25px;
color: #666;
font-weight: 400;
text-decoration: none;
border: none;
padding-bottom: 10px;
margin-top: 25px;
}

.post-body h3 {
font-family: Nunito, Arial, sans-serif;
text-transform: capitalize;
font-size: 22px;
color: #666;
font-weight: 400;
text-decoration: none;
border: none;
padding-bottom: 10px;
margin-top: 25px;
margin-bottom: 0px;
}

.post-body h4 {
font-family: Nunito, Arial, sans-serif;
text-transform: capitalize;
font-size: 18px;
color: #666;
font-weight: 400;
text-decoration: none;
border: none;
padding-bottom: 10px;
margin-top: 25px;
margin-bottom: 0px;
}

.post ul {
margin-top: 10px;
}

blockquote {
background: #f0f0f0;
padding: 15px;
}

#crosscol-wrapper {
float: left;
padding: 14px;
border-bottom: 1px solid #ddd;
margin: 5px;
width: 728px;
}

#lsdiebar-wrapper {
background: #f0f0f0;
width: 200px;
float: left;
padding: 15px;
}

#lsdiebar-wrapper h2 {
font-family: Nunito, Arial, sans-serif;
text-transform: uppercase;
font-size: 15px;
color: #868686;
border-bottom: 1px solid #ddd;
padding-bottom: 20px;
margin-top: 20px;
}

#lsdiebar-wrapper ul {
margin: 0px;
padding: 0px;
}

#lsdiebar-wrapper ul li {
display: block;
}

.meta_posts {
font-family: Open Sans, Arial, sans-serif;
color: #b8b8b8;
text-transform: uppercase;
float: left;
font-size: 13px;
width: 100%;
margin-top: 15px;
margin-bottom: 15px;
}

.meta_posts a {
color: #b8b8b8;
text-decoration: none;
}

.meta_autor {
border-right: 1px solid #ddd;
padding-right: 10px;
margin-right: 10px;
}

.gallery_gag {
float: left;
}

.gallery_gag img {
width: 100%^;
float: left;
}

.gallery_gag li {
float: left;
margin: 6px!important;
width: 45%;
}

.gallery_gag ul {
margin: 0px;
padding: 0px;
}

.gallery_gag li {
float: left;
margin: 0px;
padding: 0px;
}

.Label li {
float: left;
padding: 3px!important;
margin: 0px!important;
border: 0px!important;
}

.Label li a:hover {
background: #F52E00;
color: #fff!important;
}

.Label li a {
float: left;
background: #ff3000;
padding: 8px 10px 8px 10px;
border-radius: 4px;
color: #fff!important;
text-transform: uppercase;
}

.fa {
font-size: 16px;
}

.rw-ui-container.rw-dir-ltr .rw-report-link, .rw-ui-container.rw-valign-middle.rw-halign-right .rw-report-link {
display: none!important;
}

.rw-ui-info-inner-container:hover {
background: none!important;
}

.rw-ui-info-nub.rw-ui-info-inner-nub, .rw-ui-info-nub.rw-ui-info-outer-nub {
display: none;
}

.rw-ui-tooltip {
display: none!important;
}

.rw-ui-container.rw-size-small span.rw-ui-info {
font-family: Open Sans, Arial, sans-serif;
color: #b8b8b8!important;
text-transform: uppercase;
font-size: 13px;
display: none;
}

.rw-ui-container {
float: right;
margin-top: -3px;
}

.rw-ui-container.rw-halign-right, .rw-ui-container.rw-halign-right .rw-ui-info-inner-container {
border-color: #fff!important;
}

.rw-ui-report.rw-size-large.rw-halign-center.gradient.rw-dir-ltr.rw-type-nero.rw-meta-rating-29085119.rw-valign-bottom, .rw-ui-report.rw-dir-ltr, .rw-ui-container.rw-size-medium .rw-report-link {
display: none!important;
}

#post-gag-top {
float: left;
width: 100%;
background: #ff3000;
}

#post-gag-top li {
float: left;
display: block;
color: #fff;
}

#post-gag-top .fa {
font-size: 25px;
}

#post-gag-top {
}

#post-gag-top li a {
color: #fff;
padding: 15px 25px 15px 25px;
float: left;
}

.reblog {
background: #F52E00;
border-right: 1px solid #F02D00;
border-left: 1px solid #F02D00;
}

.sright {
float: right;
background: #F52E00;
border-right: 1px solid #F02D00;
border-left: 1px solid #F02D00;
}

.sright {
float: right;
}

.sharetext {
color: #fff;
padding: 18px 35px 18px 35px;
float: left;
text-transform: uppercase;
font-size: 14px;
font-weight: bold;
}

.wrapfullpost {
margin-bottom: 40px;
}

.item-title a {
color: #868686;
text-decoration: none;
}

.item-title {
overflow: hidden;
}

.PopularPosts .widget-content ul li {
border-bottom: 1px solid #ddd;
}

/* Pagination */
.showpageOf {
display: none;
}

.showpagePoint {
padding: 15px 25px 15px 25px;
background: #222;
float: left;
color: #fff;
font-size: 14px;
font-weight: bold;
}

.showpageNum a {
padding: 15px 25px 15px 25px;
;
background: #ff3000;
float: left;
color: #fff;
font-size: 14px;
text-decoration: none;
}

.showpage a {
padding: 15px 25px 15px 25px;
background: #ff3000;
float: left;
color: #fff;
font-size: 14px;
text-decoration: none;
}

.showpage a:hover {
background: #222;
}

.showpageNum a:hover {
background: #222;
}

.showpageArea {
float: left;
}

.showpageArea {
/*width: 470px;*/
background: #ff3000;
float: left;
}

a.titlelabel {
color: #868686;
height: 30px;
overflow: hidden;
}

.label_with_thumbs h2 {
color: #868686;
float: none!important;
text-transform: capitalize;
border: none;
margin: 0px;
padding: 0px;
height: 60px;
overflow: hidden;
}

.label_thumb {
float: left;
margin-right: 10px;
}

.label_with_thumbs li {
border-bottom: 1px solid #ddd;
padding-top: 10px!important;
padding-bottom: 10px!important;
background: none;
height: 80px;
overflow: hidden;
}

.post h1 {
margin: 0px;
float: left;
width: 100%;
border-bottom: 1px solid #ddd;
padding-bottom: 20px;
margin-top: 10px;
font-family: Nunito, Arial, sans-serif;
text-transform: capitalize;
font-size: 25px;
color: #666;
font-weight: 400;
text-decoration: none;
}

.meta_categories {
float: left;
width: 100%;
margin-bottom: 5px;
margin-top: 10px;
text-transform: uppercase;
color: #b8b8b8;
}

.meta_categories a {
text-decoration: none;
}

#Blog1_blog-pager-older-link:hover, #Blog1_blog-pager-newer-link:hover {
background: #f3000b;
}

#Blog1_blog-pager-older-link {
padding: 8px 10px 8px 10px;
float: left;
background: #222222;
color: #fff;
text-transform: uppercase;
text-decoration: none;
font-weight: 700;
font-size: 12px;
}

#Blog1_blog-pager-newer-link {
padding: 8px 10px 8px 10px;
float: left;
background: #222222;
color: #fff;
text-transform: uppercase;
text-decoration: none;
font-weight: 700;
font-size: 12px;
}

#related-posts h2 {
margin: 50px 0px 15px 0px;
float: left;
width: 100%;
border-bottom: 1px solid #ddd;
padding-bottom: 20px;
font-family: Nunito, Arial, sans-serif;
text-transform: capitalize;
font-size: 25px;
color: #666;
font-weight: 400;
text-decoration: none;
}

#titles {
margin-bottom: 15px;
border-bottom: 1px solid #ddd;
padding-bottom: 15px;
margin-top: 10px;
}

@media screen and (max-width: 959px) {

#lsdiebar-wrapper {
display: none;
}

#crosscol-wrapper {
width: 485px;
overflow: hidden;
padding-left: 0px;
margin-left: 20px;
}

#outer-wrapper {
width: 540px;
}

#content-wrapper {
background: none;
}

#main-wrapper {
border: none;
}

#rsidebar-wrapper {
width: 90%;
float: left;
padding: 27px;
}

#footer-widgets {
width: 540px;
}

.footer-widget-box {
width: 90%;
}

#footer-credits-wrap {
width: 540px;
text-align: center;
}

#header-wrapper {
width: 540px;
}

.menu-secondary-container {
width: 340px!important;
height: 80px;
overflow: hidden;
}

.menu-secondary-container {
display: none;
}
}

@media screen and (max-width: 629px) {

#outer-wrapper {
width: 300px;
}

#crosscol-wrapper {
width: 245px;
}

#main-wrapper {
width: 230px;
}

.reblog {
display: none;
}

.sharetext {
width: 160px;
text-align: center;
}

.sright {
width: 230px;
}

#rsidebar-wrapper {
width: 83%;
float: left;
padding: 27px;
}

#footer-widgets {
width: 300px;
}

.footer-widget-box {
width: 250px;
overflow: hidden;
}

#footer-credits-wrap {
width: 300px;
}

#header-wrapper {
width: 300px;
}
}

@media (min-width: 1281px) {

#outer-wrapper, #header-wrapper {
width: 1200px;
}

#lsdiebar-wrapper {
width: 300px;
}

#rsidebar-wrapper {
width: 298px;
}

#content-wrapper {
background: transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQq0CUoY9Cv8_5HZ-MtrK9HySb6g0bqo88j_MyG_TiLNA9PHW6kflPvCNs1EXf7gYzQmpTxiau478isV44KbKN_i4BM9M-GG5XBAOqgFLL21gVf7M363-k2eO3WU2-wXecaha2OGNlYnc/s1600/Backnew.png) repeat-y top!important;
}

#crosscol-wrapper {
padding-left: 69px;
padding-right: 69px;
margin: 0px;
}

#footer-widgets {
width: 1200px;
}

.footer-widget-box {
width: 250px;
overflow: hidden;
}

#footersec3 {
display: block!important;
}
}

a.toppost {
float: right;
text-decoration: none;
text-transform: uppercase;
}

#post-gag-top li a:hover {
background: #e83511;
}

.post h2 a:hover {
color: #ff3000;
}

a.random {
color: #fff;
font-size: 20px;
}

.fa.fa-random {
font-size: 25px;
float: right;
position: relative;
background: #F52E00;
color: #fff;
padding: 28px;
}

]]></b:skin>

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js' type='text/javascript'/>

<script type='text/javascript'>
//<![CDATA[

(function(d, t, e, m){
// Async Rating-Widget initialization.
window.RW_Async_Init = function(){
RW.init({
huid: "149369",
uid: "c21d872a654e0a635442e1377029f7ea",
options: { "style": "oxygen" }
});
RW.render();
};

// Append Rating-Widget JavaScript library.
var rw, s = d.getElementsByTagName(e)[0], id = "rw-js",
l = d.location, ck = "Y" + t.getFullYear() +
"M" + t.getMonth() + "D" + t.getDate(), p = l.protocol,
f = (-1 < l.search.indexOf('DBG=') ? '' : '.min'),
a = ("https:" == p ? "secure." + m + "js/" : "js." + m);
if (d.getElementById(id)) return;
rw = d.createElement(e);
rw.id = id; rw.async = true; rw.type = "text/javascript";
rw.src = p + "//" + a + "external" + f + ".js?ck=" + ck;
s.parentNode.insertBefore(rw, s);
}(document, new Date(), "script", "rating-widget.com/"));

//]]>
</script>
<script type='text/javascript'>//<![CDATA[

$(document).ready(function() {
var dimension = 250;
$('#related-posts').find('img').each(function(n, image){
var image = $(image);
image.attr({src : image.attr('src').replace(/s\B\d{2,4}/,'s' + dimension)});
image.attr('width',dimension);
image.attr('height',dimension);
});
});
//]]></script>
<script type='text/javascript'>
var defaultnoimage="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjU9sgI-HBcZqueIzHodfd2ECJMFM2eAPcL1yf1H3HQ2K-PIhk8PoGWUpuo2J7LpLHmpbpv5gJqF74cZ_p-OpjA4Pu-CSmCqF6MqglrVmhOlH6PRGK2_BQU9MPX5eCnR_RSEndPFRUt0ZJx/s1600/no_image.jpg";
var maxresults=6;
var splittercolor="#fff";
var relatedpoststitle="What's Related?";
</script>
<script type='text/javascript'>
var TemplateismSummary = {
displayimages: true,
imagePosition: 'left',
Widthimg: 0,
Heightimg: 0,
noThumb: 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOl6IgOhjFCWrllZT3lasSv1EkN6vU4bvHzhP6GaFPDPTjKX0x8J7zjGW4g408VMcseOhQEE2j1cLwiv9P_n25pX5kuTbl9lGQnC3GGg4qo2cVfbuTlY54-nRuP5V1-wJCxkEZPHpYD8Q/s1600/no-thumb.jpg',
SummaryWords: 1,
wordsNoImg: 1,
skipper: 0,
DisplayHome: true,
DisplayLabel: true
};
</script>

<style type='text/css'>
.clearfix:after {
content: "\0020";
display: block;
height: 0;
clear: both;
visibility: hidden;
overflow: hidden;
}

#container,#header,#main,#main-fullwidth,#footer,.clearfix {
display: block;
}

.clear {
clear: both;
}

h1,h2,h3,h4,h5,h6 {
margin-bottom: 16px;
font-weight: normal;
line-height: 1;
}

h1 {
font-size: 40px;
}

h2 {
font-size: 30px;
}

h3 {
font-size: 20px;
}

h4 {
font-size: 16px;
}

h5 {
font-size: 14px;
}

h6 {
font-size: 12px;
}

h1 img,h2 img,h3 img,h4 img,h5 img,h6 img {
margin: 0;
}

table {
margin-bottom: 20px;
width: 100%;
}

th {
font-weight: bold;
}

thead th {
background: #c3d9ff;
}

th,td,caption {
padding: 4px 10px 4px 5px;
}

tr.even td {
background: #e5ecf9;
}

tfoot {
font-style: italic;
}

caption {
background: #eee;
}

li ul,li ol {
margin: 0;
}

ul,ol {
margin: 0 20px 20px 0;
padding-left: 40px;
}

ul {
list-style-type: disc;
}

ol {
list-style-type: decimal;
}

dl {
margin: 0 0 20px 0;
}

dl dt {
font-weight: bold;
}

dd {
margin-left: 20px;
}

blockquote {
margin: 20px;
color: #666;
}

pre {
margin: 20px 0;
white-space: pre;
}

pre,code,tt {
font: 13px 'andale mono','lucida console',monospace;
line-height: 18px;
}

#search {
overflow: hidden;
}

.post-title {
font-family: Arial,Helvetica,Sans-serif;
}

.menus,.menus * {
margin: 0;
padding: 0;
list-style: none;
list-style-type: none;
line-height: 1.0;
}

.menus ul {
position: absolute;
top: -999em;
width: 100%;
}

.menus ul li {
width: 100%;
}

.menus li:hover {
visibility: inherit;
}

.menus li {
float: left;
position: relative;
}

.menus a {
display: block;
position: relative;
}

.menus li:hover ul,.menus li.sfHover ul {
left: 0;
top: 100%;
z-index: 99;
}

.menus li:hover li ul,.menus li.sfHover li ul {
top: -999em;
}

.menus li li:hover ul,.menus li li.sfHover ul {
left: 100%;
top: 0;
}

.menus li li:hover li ul,.menus li li.sfHover li ul {
top: -999em;
}

.menus li li li:hover ul,.menus li li li.sfHover ul {
left: 100%;
top: 0;
}

.sf-shadow ul {
padding: 0 8px 9px 0;
-moz-border-radius-bottomleft: 17px;
-moz-border-radius-topright: 17px;
-webkit-border-top-right-radius: 17px;
-webkit-border-bottom-left-radius: 17px;
}

.menus .sf-shadow ul.sf-shadow-off {
background: transparent;
}

.menu-primary-container {
float: left;
padding: 0 10px;
position: relative;
height: 36px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXXCV9MEEcP7DE5xqZAjDoTouPVgsASJjbg_mlE147TbmZ87Uv4lTcnn67-k6akp8JiDUPTjnY3Hrac6HnZmjPmv9mdTTfUOhooapQ82fQZ1EtBfNEMluYfIoqPCR51GYn1en1esDubDsy/s0/menu-primary-bg.png) left top repeat-x;
z-index: 400;
-moz-border-radius: 10px;
-khtml-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}

.menu-primary {
}

.menu-primary ul {
min-width: 160px;
}

.menu-primary li a {
color: #222121;
padding: 12px 15px;
text-decoration: none;
text-transform: uppercase;
font: normal 11px/11px Arial,Helvetica,Sans-serif;
}

.menu-primary li a:hover,.menu-primary li a:active,.menu-primary li a:focus,.menu-primary li:hover > a,.menu-primary li.current-cat > a,.menu-primary li.current_page_item > a,.menu-primary li.current-menu-item > a {
color: #C72714;
outline: 0;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXXCV9MEEcP7DE5xqZAjDoTouPVgsASJjbg_mlE147TbmZ87Uv4lTcnn67-k6akp8JiDUPTjnY3Hrac6HnZmjPmv9mdTTfUOhooapQ82fQZ1EtBfNEMluYfIoqPCR51GYn1en1esDubDsy/s0/menu-primary-bg.png) left -136px repeat-x;
}

.menu-primary li li a {
color: #fff;
text-transform: none;
background: #E64633;
padding: 10px 15px;
margin: 0;
border: 0;
font-weight: normal;
}

.menu-primary li li a:hover,.menu-primary li li a:active,.menu-primary li li a:focus,.menu-primary li li:hover > a,.menu-primary li li.current-cat > a,.menu-primary li li.current_page_item > a,.menu-primary li li.current-menu-item > a {
color: #fff;
background: #F85B49;
outline: 0;
border-bottom: 0;
text-decoration: none;
}

.menu-primary a.sf-with-ul {
padding-right: 20px;
min-width: 1px;
}

.menu-primary .sf-sub-indicator {
position: absolute;
display: block;
overflow: hidden;
right: 0;
top: 0;
padding: 11px 10px 0 0;
}

.menu-primary li li .sf-sub-indicator {
padding: 9px 10px 0 0;
}

.wrap-menu-primary .sf-shadow ul {
background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSyXNlWWPf92YP_Hv9ibSb85c44ZdjSgnbGvOAU-r0nVAphp3Go1N13JvQarw3oI3PczpklqnasS3jOOVsDuvS40nildT5mxXxgu5YduuCEQ6RHHqPPkeEeAoYsbPYjzwk9r_SQuJ41prQ/s0/menu-primary-shadow.png') no-repeat bottom right;
}

.menu-secondary-container {
float: left;
position: relative;
z-index: 300;
background: #ff3000;
width: 700px;
}

.menu-secondary {
}

.menu-secondary ul {
min-width: 160px;
}

.menu-secondary li a {
color: #fff;
padding: 33.5px 20px 33.5px 20px;
text-decoration: none;
text-transform: uppercase;
font-family: Nunito, Arial, sans-serif;
background: #ff3000;
font-weight: 700;
font-size: 13px;
}

#footersec3 {
display: none;
}

.menu-secondary li a:hover,.menu-secondary li a:active,.menu-secondary li a:focus,.menu-secondary li:hover > a,.menu-secondary li.current-cat > a,.menu-secondary li.current_page_item > a,.menu-secondary li.current-menu-item > a {
color: #fff;
background: #e83511;
}

.menu-secondary li li a {
color: #454545;
background: #fff;
text-transform: uppercase!important;
padding: 15px 15px 15px 15px;
margin: 0;
font-size: 12px;
color: #676767;
font-weight: bold;
border-bottom: 1px solid #dddddd;
border-left: 1px solid #dddddd;
border-right: 1px solid #dddddd;
}

.menu-secondary li li a:hover,.menu-secondary li li a:active,.menu-secondary li li a:focus,.menu-secondary li li:hover > a,.menu-secondary li li.current-cat > a,.menu-secondary li li.current_page_item > a,.menu-secondary li li.current-menu-item > a {
background: #f9f9f9;
color: #676767;
}

.menu-secondary a.sf-with-ul {
padding-right: 26px;
min-width: 1px;
}

.menu-secondary .sf-sub-indicator {
position: absolute;
display: block;
overflow: hidden;
right: 0;
top: 0;
padding: 12px 13px 0 0;
}

.menu-secondary li li .sf-sub-indicator {
padding: 9px 13px 0 0;
}

.wrap-menu-secondary .sf-shadow ul {
background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSs38Hd48E13_ljBPiy4QBW4CURgeLxf-a2wuJlaEO0hyRrxMuRVk_St4B4RFyoMOCyzVIIfIX-xmHy-5aoyHzOTiyiawBgFnBYKatwGImTyy4yrs-VXvJKjUYT_3cJMBX1q5kUmG-_-Df/s0/menu-secondary-shadow.png') no-repeat bottom right;
}

/* -- number page navigation -- */

#comment-form iframe {
padding: 5px;
width: 580px;
height: 275px;
}

.PopularPosts .item-title {
font-weight: bold;
padding-bottom: 0.2em;
}

.PopularPosts .widget-content ul li {
padding: 0.7em 0;
background: none;
}

.widget-container {
list-style-type: none;
list-style: none;
margin: 0 0 15px 0;
padding: 0;
color: #374142;
font-size: 13px;
}

.widget-container2 {
list-style-type: none;
list-style: none;
margin: 5px 15px 10px 0px;
padding: 0;
color: #374142;
font-size: 13px;
}

h3.widgettitle {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoTl-_5r1fOuRKUTog_DTleXs1uy3FLTAO3dviYJjOj8nqoIvregNE2B9_2ykaRh_9I4FTo71EgfkP145b3tNQliYoQerc8He1z3aDRFPGYV7pYJLra1-U40kMarZYVZDWrmoW6TOXq3OP/s0/widgettitle-bg.png) left top repeat-x;
margin: 0 0 10px 0;
padding: 9px 0 9px 10px;
color: #FFF;
font-size: 16px;
line-height: 16px;
font-family: Nunito, Arial, sans-serif;
font-weight: normal;
text-decoration: none;
text-transform: uppercase;
}

div.span-1,div.span-2,div.span-3,div.span-4,div.span-5,div.span-6,div.span-7,div.span-8,div.span-9,div.span-10,div.span-11,div.span-12,div.span-13,div.span-14,div.span-15,div.span-16,div.span-17,div.span-18,div.span-19,div.span-20,div.span-21,div.span-22,div.span-23,div.span-24 {
float: left;
margin-right: 10px;
}

.span-1 {
width: 30px;
}

.span-2 {
width: 70px;
}

.span-3 {
width: 110px;
}

.span-4 {
width: 150px;
}

.span-5 {
width: 190px;
}

.span-6 {
width: 230px;
}

.span-7 {
width: 270px;
}

.span-8 {
width: 310px;
}

.span-9 {
width: 350px;
}

.span-10 {
width: 390px;
}

.span-11 {
width: 430px;
}

.span-12 {
width: 470px;
}

.span-13 {
width: 510px;
}

.span-14 {
width: 550px;
}

.span-15 {
width: 590px;
}

.span-16 {
width: 630px;
}

.span-17 {
width: 670px;
}

.span-18 {
width: 710px;
}

.span-19 {
width: 750px;
}

.span-20 {
width: 790px;
}

.span-21 {
width: 830px;
}

.span-22 {
width: 870px;
}

.span-23 {
width: 910px;
}

.span-24,div.span-24 {
width: 960px;
margin: 0;
}

input.span-1,textarea.span-1,input.span-2,textarea.span-2,input.span-3,textarea.span-3,input.span-4,textarea.span-4,input.span-5,textarea.span-5,input.span-6,textarea.span-6,input.span-7,textarea.span-7,input.span-8,textarea.span-8,input.span-9,textarea.span-9,input.span-10,textarea.span-10,input.span-11,textarea.span-11,input.span-12,textarea.span-12,input.span-13,textarea.span-13,input.span-14,textarea.span-14,input.span-15,textarea.span-15,input.span-16,textarea.span-16,input.span-17,textarea.span-17,input.span-18,textarea.span-18,input.span-19,textarea.span-19,input.span-20,textarea.span-20,input.span-21,textarea.span-21,input.span-22,textarea.span-22,input.span-23,textarea.span-23,input.span-24,textarea.span-24 {
border-left-width: 1px!important;
border-right-width: 1px!important;
padding-left: 5px!important;
padding-right: 5px!important;
}

input.span-1,textarea.span-1 {
width: 18px!important;
}

input.span-2,textarea.span-2 {
width: 58px!important;
}

input.span-3,textarea.span-3 {
width: 98px!important;
}

input.span-4,textarea.span-4 {
width: 138px!important;
}

input.span-5,textarea.span-5 {
width: 178px!important;
}

input.span-6,textarea.span-6 {
width: 218px!important;
}

input.span-7,textarea.span-7 {
width: 258px!important;
}

input.span-8,textarea.span-8 {
width: 298px!important;
}

input.span-9,textarea.span-9 {
width: 338px!important;
}

input.span-10,textarea.span-10 {
width: 378px!important;
}

input.span-11,textarea.span-11 {
width: 418px!important;
}

input.span-12,textarea.span-12 {
width: 458px!important;
}

input.span-13,textarea.span-13 {
width: 498px!important;
}

input.span-14,textarea.span-14 {
width: 538px!important;
}

input.span-15,textarea.span-15 {
width: 578px!important;
}

input.span-16,textarea.span-16 {
width: 618px!important;
}

input.span-17,textarea.span-17 {
width: 658px!important;
}

input.span-18,textarea.span-18 {
width: 698px!important;
}

input.span-19,textarea.span-19 {
width: 738px!important;
}

input.span-20,textarea.span-20 {
width: 778px!important;
}

input.span-21,textarea.span-21 {
width: 818px!important;
}

input.span-22,textarea.span-22 {
width: 858px!important;
}

input.span-23,textarea.span-23 {
width: 898px!important;
}

input.span-24,textarea.span-24 {
width: 938px!important;
}

.last {
margin-right: 0;
padding-right: 0;
}

.last,div.last {
margin-right: 0;
}
</style>



<script src='http://apis.google.com/js/plusone.js' type='text/javascript'>
{lang: 'en-US'}
</script>

</head>
<body>
<div id='outer-wrapper'>
<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'>
<b:includable id='main' var='top'>
<div class='blog-posts hfeed'>
<b:loop values='data:posts' var='post'>
<b:include data='post' name='post'/>
</b:loop>
</div>
</b:includable>
<b:includable id='backlinkDeleteIcon' var='backlink'/>
<b:includable id='backlinks' var='post'/>
<b:includable id='comment-form' var='post'/>
<b:includable id='commentDeleteIcon' var='comment'/>
<b:includable id='comment_count_picker' var='post'/>
<b:includable id='comment_picker' var='post'/>
<b:includable id='comments' var='post'/>
<b:includable id='feedLinks'/>
<b:includable id='feedLinksBody' var='links'/>
<b:includable id='iframe_comments' var='post'/>
<b:includable id='mobile-index-post' var='post'/>
<b:includable id='mobile-main' var='top'/>
<b:includable id='mobile-nextprev'/>
<b:includable id='mobile-post' var='post'/>
<b:includable id='nextprev'/>

<b:includable id='post' var='post'>

<div class='wrapfullpost'>
<div class='post hentry'>
<a expr:name='data:post.id'/>

<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:post.title'>
<h2 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>

</b:if>
</b:if>
</h2>
</b:if>
<b:else/>
<span class='meta_categories'>Tagged Under: <b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'><a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>, </b:if></b:loop></b:if></span>
<h1 class='post-title entry-title'>
<b:if cond='data:post.link'>
<data:post.title/>
<b:else/>
<b:if cond='data:post.url'>
<data:post.title/>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h1>
</b:if>

<div class='post-header-line-1'/>

<div class='meta_posts'>
<span class='meta_autor'> <i class='fa fa-user'/> By: <a expr:href='data:post.authorProfileUrl'>
<data:post.author/>
</a></span> <span class='meta_date'><i class='fa fa-clock-o'/> On: <data:post.timestamp/></span>

<div class='rw-ui-container'/>
</div>

<b:if cond='data:blog.pageType != "static_page"'>

<div id='post-gag-top'>

<li><b:if cond='data:top.showBlogThisButton'>
<a class='reblog' expr:href='data:post.sharePostUrl + "&target=blog"' expr:onclick='"window.open(this.href, \"_blank\", \"height=270,width=475\"); return false;"' expr:title='data:top.blogThisMsg' target='_blank'><i class='fa fa-arrow-circle-left'/></a></b:if>
</li>

<li class='sharetext'>Share The Gag </li>

<div class='sright'>
<li class='twitter'><a expr:href='"http://twitter.com/intent/tweet?text=" + data:post.title + "&url=" + data:post.url' target='_blank' title='Tweet This !'><i class='fa fa-twitter'/></a> </li>

<li class='facebook'><a expr:href='"http://www.facebook.com/sharer.php?u=" + data:post.url + "&t=" + data:post.title' target='_blank' title='Share On Facebook !'><i class='fa fa-facebook'/></a> </li>

<li class='gplus'><a expr:href='"https://plusone.google.com/_/+1/confirm?hl=" + "en&url=" + data:post.url' target='_blank' title='Share On Google Plus !'><i class='fa fa-google-plus'/></a> </li>
</div>

</div>
</b:if>

<div class='post-body entry-content'>
<span expr:id='data:post.id'><data:post.body/></span>
<b:if cond='data:blog.pageType == "index"'>
<script type='text/javascript'>summary("<data:post.id/>")</script>
<b:else/>
<b:if cond='data:blog.pageType == "archive"'>
<script type='text/javascript'>summary("<data:post.id/>")</script>
</b:if>
</b:if>
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.pageType != "item"'>

</b:if>
</b:if>

<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:blog.metaDescription != ""'>
<span class='video-description'><b>Description: </b><data:blog.metaDescription/></span>
</b:if>
</b:if>

<div style='clear: both;'/> 
</div>

<div class='post-footer'>

<div class='post-footer-line post-footer-line-'/>
<div class='post-footer-line post-footer-line-2'/>
<div class='post-footer-line post-footer-line-3'>

</div></div>
</div>
</div>

<b:if cond='data:blog.pageType == "item"'>

<b:include name='nextprev'/>
</b:if>

</b:includable>

<b:includable id='postQuickEdit' var='post'/>
<b:includable id='shareButtons' var='post'/>
<b:includable id='status-message'/>
<b:includable id='threaded-comment-form' var='post'/>
<b:includable id='threaded_comment_js' var='post'/>
<b:includable id='threaded_comments' var='post'/>
</b:widget>
</b:section>
</div>
</div>
<div id='footer-wrapper'>
<b:section class='footer' id='footer'/>
</div>
</body>
</html>

------------------------------------------------------------------------------------------------------------
ONLY STAR RATING WIDGET CODE
------------------------------------------------------------------------------------------------------------

<?xml version="1.0" encoding="UTF-8" ?>
<html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<meta content='width=device-width, initial-scale=1.0' name='viewport'/>
<script type='text/javascript'>//<![CDATA[
var curl = window.location.href;if (curl.indexOf('m=1') != -1) {curl = curl.replace('m=1', 'm=0');window.location.href = curl;}
//]]></script>
<link href='http://fonts.googleapis.com/css?family=Nunito:400,300,700|Open sans:400' rel='stylesheet' type='text/css'/>
<link href='//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css' rel='stylesheet'/>
<b:include data='blog' name='all-head-content'/>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
</b:if>
<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.pageTitle/></title>
<b:else/>
<title><data:blog.pageName/> ~ <data:blog.title/></title>
</b:if>

<b:skin><![CDATA[/*
-----------------------------------------------
Blogger Template Style
Design by : FBGadgets
URL : http://fbgadgets.blogspot.co.uk/
----------------------------------------------- */

/* Posts-----------------------------------------------*/

h2.date-header {
margin: 1.5em 0 .5em;
display: none;
}

.meta_posts {
font-family: Open Sans, Arial, sans-serif;
color: #b8b8b8;
text-transform: uppercase;
float: left;
font-size: 13px;
width: 100%;
margin-top: 15px;
margin-bottom: 15px;
}
.meta_posts a {
color: #b8b8b8;
text-decoration: none;
}
.meta_autor {
border-right: 1px solid #ddd;
padding-right: 10px;
margin-right: 10px;
}
.gallery_gag {
float: left;
}
.gallery_gag img {
width: 100%^;
float: left;
}
.gallery_gag li {
float: left;
margin: 6px!important;
width: 45%;
}
.gallery_gag ul {
margin: 0px;
padding: 0px;
}
.gallery_gag li {
float: left;
margin: 0px;
padding: 0px;
}
.fa {
font-size: 16px;
}
.rw-ui-container.rw-dir-ltr .rw-report-link, .rw-ui-container.rw-valign-middle.rw-halign-right .rw-report-link {
display: none!important;
}
.rw-ui-info-inner-container:hover {
background: none!important;
}
.rw-ui-info-nub.rw-ui-info-inner-nub, .rw-ui-info-nub.rw-ui-info-outer-nub {
display: none;
}
.rw-ui-tooltip {
display: none!important;
}
.rw-ui-container.rw-size-small span.rw-ui-info {
font-family: Open Sans, Arial, sans-serif;
color: #b8b8b8!important;
text-transform: uppercase;
font-size: 13px;
display: none;
}
.rw-ui-container {
float: right;
margin-top: -3px;
}
.rw-ui-container.rw-halign-right, .rw-ui-container.rw-halign-right .rw-ui-info-inner-container {
border-color: #fff!important;
}
.rw-ui-report.rw-size-large.rw-halign-center.gradient.rw-dir-ltr.rw-type-nero.rw-meta-rating-29085119.rw-valign-bottom, .rw-ui-report.rw-dir-ltr, .rw-ui-container.rw-size-medium .rw-report-link {
display: none!important;
}
#post-gag-top {
float: left;
width: 100%;
background: #ff3000;
}
#post-gag-top li {
float: left;
display: block;
color: #fff;
}
#post-gag-top .fa {
font-size: 25px;
}
#post-gag-top {
}
#post-gag-top li a {
color: #fff;
padding: 15px 25px 15px 25px;
float: left;
}
.reblog {
background: #F52E00;
border-right: 1px solid #F02D00;
border-left: 1px solid #F02D00;
}
.sright {
float: right;
background: #F52E00;
border-right: 1px solid #F02D00;
border-left: 1px solid #F02D00;
}
.sright {
float: right;
}
.sharetext {
color: #fff;
padding: 18px 35px 18px 35px;
float: left;
text-transform: uppercase;
font-size: 14px;
font-weight: bold;
}

.item-title a {
color: #868686;
text-decoration: none;
}
.item-title {
overflow: hidden;
}
.PopularPosts .widget-content ul li {
border-bottom: 1px solid #ddd;
}

a.titlelabel {
color: #868686;
height: 30px;
overflow: hidden;
}
.label_with_thumbs h2 {
color: #868686;
float: none!important;
text-transform: capitalize;
border: none;
margin: 0px;
padding: 0px;
height: 60px;
overflow: hidden;
}
.label_thumb {
float: left;
margin-right: 10px;
}
.label_with_thumbs li {
border-bottom: 1px solid #ddd;
padding-top: 10px!important;
padding-bottom: 10px!important;
background: none;
height: 80px;
overflow: hidden;
}

.meta_categories {
float: left;
width: 100%;
margin-bottom: 5px;
margin-top: 10px;
text-transform: uppercase;
color: #b8b8b8;
}
.meta_categories a {
text-decoration: none;
}
.reblog {
display: none;
}
.sharetext {
width: 160px;
text-align: center;
}
.sright {
width: 230px;
}
#rsidebar-wrapper {
width: 83%;
float: left;
padding: 27px;
}
#post-gag-top li a:hover {
background: #e83511;
}
.post h2 a:hover {
color: #ff3000;
}
a.random {
color: #fff;
font-size: 20px;
}
.fa.fa-random {
font-size: 25px;
float: right;
position: relative;
background: #F52E00;
color: #fff;
padding: 28px;
}

]]></b:skin>

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js' type='text/javascript'/>

<script type='text/javascript'>
//<![CDATA[

(function(d, t, e, m){
// Async Rating-Widget initialization.
window.RW_Async_Init = function(){
RW.init({
huid: "149369",
uid: "c21d872a654e0a635442e1377029f7ea",
options: { "style": "oxygen" }
});
RW.render();
};
// Append Rating-Widget JavaScript library.
var rw, s = d.getElementsByTagName(e)[0], id = "rw-js",
l = d.location, ck = "Y" + t.getFullYear() +
"M" + t.getMonth() + "D" + t.getDate(), p = l.protocol,
f = (-1 < l.search.indexOf('DBG=') ? '' : '.min'),
a = ("https:" == p ? "secure." + m + "js/" : "js." + m);
if (d.getElementById(id)) return;
rw = d.createElement(e);
rw.id = id; rw.async = true; rw.type = "text/javascript";
rw.src = p + "//" + a + "external" + f + ".js?ck=" + ck;
s.parentNode.insertBefore(rw, s);
}(document, new Date(), "script", "rating-widget.com/"));

//]]>
</script>
<script type='text/javascript'>//<![CDATA[
$(document).ready(function() {
var dimension = 250;
$('#related-posts').find('img').each(function(n, image){
var image = $(image);
image.attr({src : image.attr('src').replace(/s\B\d{2,4}/,'s' + dimension)});
image.attr('width',dimension);
image.attr('height',dimension);
});
});

//]]></script>

</head>

<body>

<div id='outer-wrapper'>
<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'>
<b:includable id='main' var='top'>
<div class='blog-posts hfeed'>
<b:loop values='data:posts' var='post'>
<b:include data='post' name='post'/>
</b:loop>
</div>
</b:includable>
<b:includable id='backlinkDeleteIcon' var='backlink'/>
<b:includable id='backlinks' var='post'/>
<b:includable id='comment-form' var='post'/>
<b:includable id='commentDeleteIcon' var='comment'/>
<b:includable id='comment_count_picker' var='post'/>
<b:includable id='comment_picker' var='post'/>
<b:includable id='comments' var='post'/>
<b:includable id='feedLinks'/>
<b:includable id='feedLinksBody' var='links'/>
<b:includable id='iframe_comments' var='post'/>
<b:includable id='mobile-index-post' var='post'/>
<b:includable id='mobile-main' var='top'/>
<b:includable id='mobile-nextprev'/>
<b:includable id='mobile-post' var='post'/>
<b:includable id='nextprev'/>

<b:includable id='post' var='post'>

<div class='meta_posts'>
<span class='meta_autor'> <i class='fa fa-user'/> By: <a expr:href='data:post.authorProfileUrl'>
<data:post.author/>
</a></span> <span class='meta_date'><i class='fa fa-clock-o'/> On: <data:post.timestamp/></span>
<div class='rw-ui-container'/>
</div>

<b:if cond='data:blog.pageType != "static_page"'>
<div id='post-gag-top'>
<li><b:if cond='data:top.showBlogThisButton'>
<a class='reblog' expr:href='data:post.sharePostUrl + "&target=blog"' expr:onclick='"window.open(this.href, \"_blank\", \"height=270,width=475\"); return false;"' expr:title='data:top.blogThisMsg' target='_blank'><i class='fa fa-arrow-circle-left'/></a></b:if>
</li>
<li class='sharetext'>Share The Gag </li>
<div class='sright'>
<li class='twitter'><a expr:href='"http://twitter.com/intent/tweet?text=" + data:post.title + "&url=" + data:post.url' target='_blank' title='Tweet This !'><i class='fa fa-twitter'/></a> </li>
<li class='facebook'><a expr:href='"http://www.facebook.com/sharer.php?u=" + data:post.url + "&t=" + data:post.title' target='_blank' title='Share On Facebook !'><i class='fa fa-facebook'/></a> </li>
<li class='gplus'><a expr:href='"https://plusone.google.com/_/+1/confirm?hl=" + "en&url=" + data:post.url' target='_blank' title='Share On Google Plus !'><i class='fa fa-google-plus'/></a> </li>
</div>
</div>
</b:if>

</b:includable>

<b:includable id='postQuickEdit' var='post'/>
<b:includable id='shareButtons' var='post'/>
<b:includable id='status-message'/>
<b:includable id='threaded-comment-form' var='post'/>
<b:includable id='threaded_comment_js' var='post'/>
<b:includable id='threaded_comments' var='post'/>
</b:widget></b:section>
</div>
</div>
<div id='footer-wrapper'>
<b:section class='footer' id='footer'/>
</div>
</body>
</html>

---------------------------------------------------------------------------------------------------

READ MORE:

http://fbgadgets.blogspot.co.uk/2014/04/fb-post-thumbnail-with-star-rating.html