Skip to content

Instantly share code, notes, and snippets.

View vinayprajapati's full-sized avatar

Vinay Prajapati vinayprajapati

View GitHub Profile
@vinayprajapati
vinayprajapati / Blogger Title Attribute
Created March 31, 2014 11:00
Customize Google Blogger Title Attribute for SEO
<title>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<data:blog.pageTitle/>
<b:else/>
<b:if cond='data:blog.pageType != &quot;error_page&quot;'>
<data:blog.pageName/> | <data:blog.title/>
<b:else/>
404 | <data:blog.title/>
</b:if>
</b:if>
@vinayprajapati
vinayprajapati / social-sharing-alignment.html
Created March 2, 2014 11:23 — forked from thebigreason/social-sharing-alignment.html
<div class="social">
<span class="twitter">
<a href="http://twitter.com/share" class="twitter-share-button" data-url="[your-url-here]">Tweet</a>
</span>
<span class="google">
<g:plusone size="medium" href="[your-url-here]"></g:plusone>
</span>
<span class="Facebook">
<iframe src="https://www.facebook.com/plugins/like.php?href=[your-url-here]&amp;show_faces=false&amp;layout=button_count" scrolling="no" frameborder="0" style="height: 21px; width: 100px" allowTransparency="true"></iframe>
</span>
@vinayprajapati
vinayprajapati / Open Graph Protocol for Blogger
Last active January 7, 2017 02:13
Open Graph Protocol/ Meta Tags/ Micro Data for Blogger
// Turn <head> tag like this -
<head prefix='og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# article: http://ogp.me/ns/article#'>
// Then just below this add this code -
// Copyright (c) 2013, Vinay Prajapati, Tech Prevue Labs, India
// http://www.techprevue.com
<b:if cond='data:blog.pageType != &quot;index&quot;'>
<meta expr:content='data:blog.title' property='og:site_name'/>
<meta expr:content='data:blog.pageName' property='og:title'/>
<meta content='article' property='og:type'/>
@vinayprajapati
vinayprajapati / Adsense in Middle of Post: Blogger
Last active October 25, 2022 08:35
Adsense in Middle of Post: Blogger - Advanced Practices (Part 2)
//Copyright 2013 by AJ Banda + Vinay Prajapati
//http://www.techprevue.com/2013/06/adsense-in-middle-of-post-blogger_30.html
//1. Below <head> place this
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js" ></script>
//2. Replace <data:post.body/> with the following code
<div id="PostBody">
<data:post.body/>
</div>
@vinayprajapati
vinayprajapati / Blogger Schema by Tech Prevue Labs
Last active July 12, 2020 00:46
Blogger Schema by Tech Prevue Labs (c) 2013
/*Blogger Schema by Tech Prevue Labs (c) 2013 Vinay Prajapati*/
<div itemscope='itemscope' itemtype='http://schema.org/Blog' style='display: none;'>
<b:if cond='data:blog.pageType != &quot;index&quot;'>
<meta expr:content='data:blog.pageName' itemprop='name'/>
<meta expr:content='data:blog.canonicalUrl' itemprop='url'/>
<b:else/>
<meta expr:content='data:blog.title' itemprop='name'/>
<meta expr:content='data:blog.homepageUrl' itemprop='url'/>
</b:if>
<meta expr:content='data:blog.metaDescription' itemprop='description'/>
@vinayprajapati
vinayprajapati / Twitter Card for Blogger by Tech Prevue Labs
Created June 27, 2013 23:47
Twitter Card for Blogger by Tech Prevue Labs (c) 2013
/*Twitter Card for Blogger by Tech Prevue Labs (c) 2013*/
<meta content='summary' name='twitter:card'/>
<meta content='@username' name='twitter:site'/>
<meta content='@username' name='twitter:creator'/>
<b:if cond='data:blog.pageType != &quot;index&quot;'>
<meta expr:content='data:blog.pageName' name='twitter:title'/>
<meta expr:content='data:blog.url' name='twitter:url'/>
<meta expr:content='data:blog.homepageUrl' name='twitter:domain'/>
<b:else/>
<meta expr:content='data:blog.title' name='twitter:title'/>
@vinayprajapati
vinayprajapati / Google+ Followers Widget with CSS Stack Effect
Created June 24, 2013 18:48
Google+ Followers Widget with CSS Stack Effect
<!--
DO NOT REMOVE OR MODIFY THIS CODE BEYOND PERMISSIONS. RESPECT DESIGNER, RESPECT DMCA.
Google+ Profile Widget with CSS Stack Effect v1.0
Source Url: http://www.techprevue.com/2013/05/google-profile-widget-with-css-stack-effect.html
This widget is distributed under cc license - BY-NC-ND INT. No-derivatives Allowed.
Please keep intact this copyright notice if you are using or distributing this widget on your website/site/blog.
-->
<style>
.techprevue-fb-like-box-pearl{width:280px;height:160px;border-radius:3px;position:relative;background:#F2F2F2;padding:10px}.techprevue-fb-like-box-pearl,.techprevue-fb-like-box-pearl:before,.techprevue-fb-like-box-pearl:after{background:#F2F2F2;border:1px solid #CFCFCF}.techprevue-fb-like-box-pearl:before,.techprevue-fb-like-box-pearl:after{position:absolute;content:"";bottom:-3px;left:2px;right:2px;height:1px;border-top:none}.techprevue-fb-like-box-pearl:after{left:4px;right:4px;bottom:-5px;box-shadow:0 0 2px #CFCFCF}
</style>
@vinayprajapati
vinayprajapati / Google+ Add to Circles CSS Popup Widget
Created June 24, 2013 18:40
Google+ Add to Circles CSS Popup Widget Code
<!-- GOOGLE+ ADD TO CIRCLES CSS POPUP WIDGET
DO NOT REMOVE OR MODIFY THIS CODE BEYOND PERMISSIONS. RESPECT DESIGNER, RESPECT DMCA.
Web link to gadget code: http://www.techprevue.com/2013/05/google-add-to-circles-css-popup-widget.html
Distributed under license CC BY-NC-ND 3.0 INT
Please keep license information intact while using this widget -->
<style type="text/css">
* html #tpfanbox{position:absolute}
#tpfanbox{display:block;top:0px;left:0px;width:100%;height:100%;margin:0;overflow-y:auto; z-index:9999}
#tpfanboxx{background-color:#fff;overflow:none}
.tpfanboxx{width:320px;height:380px;position:fixed;top:45%;left:50%;margin-top:-200px; margin-left:-200px;border:7px solid #CF3E2C;padding:20px;z-index:9999}
@vinayprajapati
vinayprajapati / Google+ Add to Circles Popup Widget
Created June 24, 2013 18:35
Google+ Add to Circles/ Followers Popup Widget with Lightbox Effect - BLACK
<!-- DO NOT REMOVE OR MODIFY THIS CODE BEYOND PERMISSIONS. RESPECT DESIGNER, RESPECT DMCA.
Google+ Add to Circles/ Followers Popup Widget with Lightbox Effect - WHITE
Source Url: http://www.techprevue.com/2013/06/google-add-to-circles-followers-popup.html
This widget is distributed under cc license - BY-NC-ND INT. No-derivatives Allowed.
jQuery Colorbox Credit: http://www.jacklmoore.com/colorbox/
Please keep intact this copyright notice if you are using or distributing this widget on your website/site/blog. -->
<script src='//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js'></script>
<script src="http://techprevue.googlecode.com/files/jquery.colorbox.min.js"></script>
<link rel="stylesheet" href="http://techprevue.googlecode.com/files/colorbox-white1.css" type="text/css" />
<script type="text/javascript">
@vinayprajapati
vinayprajapati / Google+ Add to Circles Popup Widget
Created June 24, 2013 18:33
Google+ Add to Circles/ Followers Popup Widget with Lightbox Effect - WHITE
<!-- DO NOT REMOVE OR MODIFY THIS CODE BEYOND PERMISSIONS. RESPECT DESIGNER, RESPECT DMCA.
Google+ Add to Circles/ Followers Popup Widget with Lightbox Effect - WHITE
Source Url: http://www.techprevue.com/2013/06/google-add-to-circles-followers-popup.html
This widget is distributed under cc license - BY-NC-ND INT. No-derivatives Allowed.
jQuery Colorbox Credit: http://www.jacklmoore.com/colorbox/
Please keep intact this copyright notice if you are using or distributing this widget on your website/site/blog. -->
<script src='//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js'></script>
<script src="http://techprevue.googlecode.com/files/jquery.colorbox.min.js"></script>
<link rel="stylesheet" href="http://techprevue.googlecode.com/files/colorbox-white1.css" type="text/css" />
<script type="text/javascript">