Saturday, 5 April 2014
FB POST THUMBNAIL WITH STAR RATING WIDGET BRIEF CODE
-----------------------------------------------------------------------------------------------------
COPY AND PASTE BELOW CODE
------------------------------------------------------------------------------------------------------
<html >
<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='//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;
}
.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;
}
.post-body img {
max-width: 100%;
height: auto;
width: 100%;
}
.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;
}
.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;
}
.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;
}
]]></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='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/>
<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='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'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:post.thumbnailUrl'>
<a expr:href='data:post.url'><img alt='thumbnail' class='post-thumbnail' expr:src='data:post.firstImageUrl'/></a>
<b:else/>
<a expr:href='data:post.url'><img alt='thumbnail' class='post-thumbnail' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcCuR6q9-11iuF0bnE-bfiy-V3V0FpS6Z2wMf4Z8p_Hmv1AT83TJz8YY-TcFpyi2camx3QHoMa5-bzIF6Og_WtE6o_F8_gj6Dq90H9LSQYRk0dn3KJ4iWtG5UPJhn8mCJDwB_NaPeCgpll/s1600/FBGadgets.jpg'/></a>
</b:if>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<div class='post'>
<data:post.body/>
</div>
</b:if>
</div>
</div>
</div>
</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>
------------------------------------------------------------------------------------------------------
OR USE THIS CODE
-----------------------------------------------------------------------------------------------------
<html>
<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='//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;
}
.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;
}
.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;
}
.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;
}
.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;
}
.post img {
max-width: 100%;
height: auto;
width: 100%;
}
.post h3 {
background-color:Black;
font-size:140%;
font-weight:400;
padding:5px;
}
.post h3 a {
display:block;
color: Red;
text-decoration: none;
}
]]></b:skin>
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.pageType != "item"'>
<style type='text/css'>
.post img {
width:400px;
height:400px;
background:#fff;
padding:4px;
border:1px solid #c2c2c2;
float:left;
margin:0px 10px 0px 0px;
}
.post {
width:auto
height:auto
background:#fff;
padding:4px;
border:1px solid #c2c2c2;
float:left;
margin:0px 10px 0px 0px
}
.post h3 {
background-color:Black;
font-size:140%;
font-weight:400;
padding:5px;
}
.post h3 a {
display:block;
color: Red;
text-decoration: none;
}
</style>
</b:if></b:if>
<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='post'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3>
<b:if cond='data:post.link'>
<a expr:href='data:post.link' expr:title='"Read more to " + data:post.title' rel='bookmark' target='_blank'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url' expr:title='"Read more to " + data:post.title' rel='bookmark' target='_blank'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>
<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'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:post.thumbnailUrl'>
<a expr:href='data:post.url'><img alt='thumbnail' class='post-thumbnail' expr:src='data:post.firstImageUrl'/></a>
<b:else/>
<a expr:href='data:post.url'><img alt='thumbnail' class='post-thumbnail' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcCuR6q9-11iuF0bnE-bfiy-V3V0FpS6Z2wMf4Z8p_Hmv1AT83TJz8YY-TcFpyi2camx3QHoMa5-bzIF6Og_WtE6o_F8_gj6Dq90H9LSQYRk0dn3KJ4iWtG5UPJhn8mCJDwB_NaPeCgpll/s1600/FBGadgets.jpg'/></a>
</b:if>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<div class='post'>
<data:post.body/>
</div>
</b:if>
</div>
</div>
</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:
Related movie you might like to see :
FLICKITY JS CSS SLIDER
BODY JS FILE LINK IN MAGENTO
INTENSO MAGENTO QUICK VIEW BUTTON
CSS SYNTAX HIGHLIGHT CHANGE IN NOT...
QUICK FIND TOOL GOOGLE CHROME FOR ...
WEB DEVELOPER 0.5
TEXT COMPARE OR DUPLI TEXT FINDER
RELATED POST WIDGET LIST WITHOUT TH...
FLASH PLAYER SWF FILE DOWNLOAD ARCH...
WHACK A RAT CSS GAME
CSS SLIDER WITHOUT JS
FLICKITY SLIDER SCROLL WITH RADIO N...
Related Post for FB POST THUMBNAIL WITH STAR RATING WIDGET BRIEF CODE
QUICK FIND TOOL GOOGLE CHROME FOR WEB PAGE
Magento Hello World Module (Extension)
RELATED POST WIDGET LIST WITHOUT THUMBNAIL
TEXT COMPARE OR DUPLI TEXT FINDER
FLASH PLAYER SWF FILE DOWNLOAD ARCHIVES
FIREBUG LITE USE OFFLINE
JS IMAGE SCROLLER
FLASH 8 DOWNLOAD
BODY JS FILE LINK IN MAGENTO
FLICKITY SLIDER SCROLL WITH RADIO NEXT PREV BUTTON
HTML CSS GREEN COMMENTS NOTEPAD++
BOOTSNIPP LOGIN SIGNUP FORM
WHACK A RAT CSS GAME
FLICKITY JS CSS SLIDER
WEB DEVELOPER 0.5
Subscribe to:
Post Comments (Atom)
0 comments:
Post a Comment
Click to see the code!
To insert emoticon you must added at least one space before the code.