tag:blogger.com,1999:blog-6456611650250764632024-03-19T15:01:59.447+05:30TechPrevue DemonstrationsTech Prevue Development and Demonstration Labs official demo of Blogger customization, widgets and scripts for public and beta releases.Vinayhttp://www.blogger.com/profile/08734830206267994994noreply@blogger.comBlogger20125tag:blogger.com,1999:blog-645661165025076463.post-50118377162216152092015-06-23T18:08:00.000+05:302018-02-14T23:18:30.939+05:30WhatsApp Sharing Button For Bloggerइस पृष्ठ पर व्हाट्सएप शेअरिंग बटन है। जो सिर्फ़ एंड्रॉयड और आइफ़ोन पर दिखेगा। <br />
<br />
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjl7QJUryTPkSM2H6TpxGR1aAvmMvzuPjfk4-xCrIqtrnj_7sts0F19oTJgDrLJku2_cXX_0xpzfs4gt8WVcnSmdUfkaKpWAVDkSnoDQ802UzyGFxRLv5ENq593eO0Sh3uGA2IZ1zGDrV4/s1600/whatsapp-share-button.png" alt="WhatsApp Share Button" title="व्हाट्सएप शेअर बटन"/><br />
<br />
<br />
<br />
<div class="blogger-post-footer">© Tech Prevue, India</div>Vinayhttp://www.blogger.com/profile/08734830206267994994noreply@blogger.com6tag:blogger.com,1999:blog-645661165025076463.post-65429698632300446362014-07-11T01:46:00.001+05:302018-02-14T23:26:36.744+05:30Quillpad Widget for Blogger - Hindi, Marathi, Gurjarati Typing ToolRead how to use this tutorial here -<br />
<a href="https://taknikdrashta.com/quillpad-blogger-widget/">https://taknikdrashta.com/quillpad-blogger-widget/</a><br />
<br />
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.js'></script><br />
<script type="text/javascript">
$(document).ready(function(){$(".slidingDiv").hide();$(".show_hide").show();$('.show_hide').click(function(){$(".slidingDiv").slideToggle()})});
</script><br />
<style type="text/css">
.slidingDiv {height:120px;background-color: #FFCC00;padding:10px;border-bottom:2px solid #000;}
.show_hide {display:none;}
#Quilltextarea1_powercell {display:none}
</style><br />
<a class="show_hide" title='Click to Write in Hindi'><img src='//goo.gl/ttfEB6' alt='Hindi Typing by Quillpad'/></a><br />
<div class="slidingDiv"><textarea id="textarea1" quillpad="true" cols="70" rows="6"> </textarea><br />
</div><br />
<div class="blogger-post-footer">© Tech Prevue, India</div>Vinayhttp://www.blogger.com/profile/08734830206267994994noreply@blogger.com0tag:blogger.com,1999:blog-645661165025076463.post-18872206263831636762014-06-30T04:08:00.001+05:302018-02-14T23:20:14.874+05:30Bubbles Cursor Effect DemoBubbles Cursor Effect Demo<br />
Original Article here:<br />
<a href="https://taknikdrashta.com/bubbles-cursor-effect/">https://taknikdrashta.com/bubbles-cursor-effect/</a><br />
<br />
<script type="text/javascript">
var color = '#00B389';
var bubbles = 100;
</script><br />
<script src='//yourjavascript.com/4251340652/ce-bubbles-techprevue.js'></script><div class="blogger-post-footer">© Tech Prevue, India</div>Vinayhttp://www.blogger.com/profile/08734830206267994994noreply@blogger.com0tag:blogger.com,1999:blog-645661165025076463.post-3849649500869706992014-06-28T21:48:00.000+05:302014-06-28T22:30:43.218+05:30Floating Twitter Follower Box DemoFloating Twitter Follower Box Demo Widget Appears in left side. :)<br />
<br />
<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script><br />
<!-- Twitter Follower Box --><br />
<script type="text/javascript">
/*<![CDATA[*/
jQuery(document).ready(function() {jQuery(".tp-twitter-follower-box").hover(function() {jQuery(this).stop().animate({left: "0"}, "medium");}, function() {jQuery(this).stop().animate({left: "-250"}, "medium");}, 500);});
/*]]>*/
</script><br />
<br />
<style type="text/css">
.tp-twitter-follower-box{background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrdsaXkA9ZC0Pl0GzNR227lSL-Gy3x39M_mnlytDF7kKH_8PvlrwQKHmVd1CCcBswlhZOC75evgyCGp3T4KkAICB_qpDMKwZzKvmu-9fzQGNsgmQUbquacqFahR7Ea7sswEyFtvYUP2_9i/s1600/twitter.png") no-repeat scroll right top transparent !important;display:block;float:left;height:136px;padding:0 43px 0 0;width:246px;z-index:1000000;position:fixed;left:-250px;top:40%;}
.tp-twitter-follower-box div{border:none;position:relative;display:block;}
.tp-twitter-follower-box span{bottom:12px;font:8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right:7px;text-align:right;z-index:1000000;}
.tp-twitter-follower-box span a{color:gray;text-decoration:none;}
.tp-twitter-follower-box span a:hover{text-decoration:underline;}
</style><br />
<br />
<div class="tp-twitter-follower-box"><div style="height:234px;overflow:hidden"><div id="twitter-box"></div></div><script>
var tw_user = 'techprevue';
var tw_width = 248;
var tw_height = 250;
var no_face = 8;
(function() {
var tw_box = document.createElement('script'); tw_box.type = 'text/javascript'; tw_box.async = true;
tw_box.src = '//www.twitter-fanbox.com/tw.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(tw_box);
})();
</script><br />
</div><!-- End Twitter Follower Box --><div class="blogger-post-footer">© Tech Prevue, India</div>Vinayhttp://www.blogger.com/profile/08734830206267994994noreply@blogger.com0tag:blogger.com,1999:blog-645661165025076463.post-48219232537159725912014-06-13T14:38:00.000+05:302014-06-13T15:38:11.124+05:30Photo Slider by using Blogger (Blogspot) Label<style scoped="" type="text/css">
#coinautoslide{margin:0 auto;line-height:1.6em;}
.techprevue{text-align:center;min-width:600px;height:auto}
.coin-slider{overflow:hidden;zoom:1;position:relative}
.coin-slider a{text-decoration:none;outline:none;border:none}
.cs-buttons{font-size:0;padding:10px;float:left}
.cs-buttons a{margin-left:5px;height:10px;width:10px;float:left;border:1px solid #B8C4CF;color:#B8C4CF;text-indent:-1000px}
.cs-active{background-color:#4D8CF5;color:#FFFFFF}
.cs-buttons a{}
.cs-title{width:100%;padding:5px 0;background-color:#4D8CF5;color:#FFFFFF}
.cs-title strong{display:block;font-size:120%}
.cs-title p{margin:0}
.cs-title cite{font-size:90%}
.cs-title strong,.cs-title cite,.cs-title p{padding:0 10px}
.cs-prev,.cs-next{background-color:#4D8CF5;color:#FFFFFF;padding:0 10px}
</style><br />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js" type="text/javascript"></script><br />
<script type='text/javascript'>
var AutoCoinConfig = {
url_blog: "http://techprevue.blogspot.com",
MaxPost: 7,
cmtext: "Comment",
MonthNames : ["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],
pBlank : "http://1.bp.blogspot.com/-htG7vy9vIAA/Tp0KrMUdoWI/AAAAAAAABAU/e7XkFtErqsU/s1600/grey.gif",
NoCmtext : "Comment Off",
imageSize :500,
SumChars : 100,
tagName:'adsense',
width: 600,
height: 300,
spw: 7,
sph: 5,
delay: 3000,
sDelay: 30,
opacity: 0.7,
titleSpeed: 500,
effect: '',
navigation: true,
links : true,
hoverPause: true,
prevText: 'prev',
nextText: 'next'
};
</script><br />
<script src="http://cdn.techprevue.com/autocoin.min.js" type="text/javascript"></script><div class="blogger-post-footer">© Tech Prevue, India</div>Vinayhttp://www.blogger.com/profile/08734830206267994994noreply@blogger.comtag:blogger.com,1999:blog-645661165025076463.post-59048922224617036182014-03-20T18:31:00.001+05:302014-03-20T18:31:47.694+05:30Blogger Custom Page for Error 404 - Demo <style>
#error-page {
background: #007dbd;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghhRZ5Esc_jW_bGKVB8KKvid7__r8O7GgndQGOY57nIxL49j7SIQfKcPAzEF8hcV46N367YcK72svPhiuu4JNtnMH2yOC4bVgZ4YJdSI19YtLBis7bNeAcE6PRWTxn-T6wYsH75kolqTM/s1600/bg_body.gif)no-repeat top center,-moz-radial-gradient(center 40%, circle cover, #007dbd 0%, #003650 100%);
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghhRZ5Esc_jW_bGKVB8KKvid7__r8O7GgndQGOY57nIxL49j7SIQfKcPAzEF8hcV46N367YcK72svPhiuu4JNtnMH2yOC4bVgZ4YJdSI19YtLBis7bNeAcE6PRWTxn-T6wYsH75kolqTM/s1600/bg_body.gif)no-repeat top center,-webkit-gradient(radial, center 40%, 0, center 40%, 800, from(#007dbd), to(#003650) );
text-align:center;
position:fixed;
top:0px;
right:0px;
bottom:0px;
left:0px;
padding-top:270px;
z-index:999999;
}
#error-page h1 {
font-size:540px!important;
position:absolute;
font-family:impact,sans serif!important;
top:70px;
left:50%;
letter-spacing: -8px;
margin-left:-502px!important;
width:960px;
z-index:-2;
color:rgba(0,0,0,.09)!important;
}
#error-page h2 {
font-family:arial black,sans serif!important;
text-transform:uppercase;
font-size:80px;
line-height:66px!important;
letter-spacing: -3px;
color:#fff!important;
margin:0!important;
padding:0!important;
}
#error-page p a,
#error-page p a:visited,
#error-page p a:hover{
font-family:arial black,sans serif!important;
text-transform:uppercase;
font-size:56px;
line-height:40px!important;
border:none;
font-weight: bold;
color:rgba(0,0,0,.5)!important;
margin:0!important;
padding:0!important;
text-decoration:none!important;
}
</style><br />
<div id='error-page'> <h1>404</h1><h2>LINK BROKEN</h2> <h2>PAGE NOT FOUND</h2> <p><a href='http://www.techprevue.com' title='Home Page'> Back to Home Page</a></p></div><div class="blogger-post-footer">© Tech Prevue, India</div>Vinayhttp://www.blogger.com/profile/08734830206267994994noreply@blogger.com0tag:blogger.com,1999:blog-645661165025076463.post-54660468822573750702013-06-05T23:00:00.002+05:302014-06-06T11:56:58.922+05:30Facebook Likebox Pro Without Footer Notice<style>
/*
DO NOT REMOVE OR MODIFY THIS CODE BEYOND PERMISSIONS. RESPECT DESIGNER, RESPECT DMCA.
Facebook Likebox Without Footer Notice (Hide Facebook Social Plugin Notice)
Source Url: http://www.techprevue.com/
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.
*/
.tpindia{}
.hfspnbytp {height:270px;overflow:hidden}
</style><br />
<div class="tpindia"><div class="hfspnbytp"><iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Ftechprevue&width=292&height=308&show_faces=true&colorscheme=light&stream=false&show_border=false&header=false&appId=348446671899960" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:308px;" allowTransparency="true"></iframe><br />
</div></div><br />
Read More: <a href="http://www.techprevue.com/facebook-like-box-without-facebook-social-plugin-footer-notice/">http://www.techprevue.com/facebook-like-box-without-facebook-social-plugin-footer-notice/</a><br />
<div class="blogger-post-footer">© Tech Prevue, India</div>Vinayhttp://www.blogger.com/profile/08734830206267994994noreply@blogger.com0tag:blogger.com,1999:blog-645661165025076463.post-61546615339464825202013-06-02T15:17:00.002+05:302014-03-29T16:51:00.729+05:30Google+ Add to Circles Popup Widget - LIGHT<a href="http://www.techprevue.com/google-add-to-circles-followers-popup-widget-with-lightbox-effect/">Learn more about this widget - click here</a><br />
<br />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script><br />
<script src="//yourjavascript.com/34011553541/jquery-colorbox-min.js"></script><br />
<script>
jQuery(document).ready(function(){
if (document.cookie.indexOf('visited=true') == -1) {
var fifteenDays = 1000*60*60*24*15;
var expires = new Date((new Date()).valueOf() + fifteenDays);
document.cookie = "visited=true;expires=" + expires.toUTCString();
$.colorbox({width:"440px", height:"500px", inline:true, href:"#tpbox"});
}
jQuery(".open_popup").colorbox({width:"440px", height:"500px", inline:true, href:"#techprevuebox"});
});
</script><br />
<div style="display:none"><div id="tpbox" style="background:#fff;position:scroll;z-index:99999999"><div style="text-align:center;padding-top:15px"><h3>Subscribe us via Google+</h3><div class="g-plus" data-action="followers" data-height="300" data-href="https://plus.google.com/103741144523748761550" data-source="blogger:blog:followers" data-width="350"></div><script type="text/javascript">
(function() {
var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
po.src = 'https://apis.google.com/js/platform.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
})();
</script><br />
</div></div></div><style>
#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden}#cboxOverlay{position:fixed;width:100%;height:100%;background:#fff}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative;background:#fff;overflow:hidden}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch;margin-bottom:20px}#cboxTitle{margin:0;position:absolute;bottom:0;left:0;text-align:center;width:100%;color:#999}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;background:#fff}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#colorbox{outline:0}#cboxTopLeft{width:25px;height:25px;background:url(//goo.gl/6qCzGf) no-repeat}#cboxTopCenter{height:25px;background:url(//goo.gl/6qCzGf) repeat-x 0 -50px}#cboxTopRight{width:25px;height:25px;background:url(//goo.gl/6qCzGf) no-repeat -25px 0}#cboxBottomLeft{width:25px;height:25px;background:url(//goo.gl/6qCzGf) no-repeat 0 -25px}#cboxBottomCenter{height:25px;background:url(//goo.gl/6qCzGf) repeat-x 0 -75px}#cboxBottomRight{width:25px;height:25px;background:url(//goo.gl/6qCzGf) no-repeat -25px -25px}#cboxMiddleLeft{width:25px;background:url(//goo.gl/95jNER) repeat-y}#cboxMiddleRight{width:25px;background:url(//goo.gl/95jNER) repeat-y -25px 0}#cboxError{padding:50px;border:1px solid #ccc}#cboxCurrent{position:absolute;bottom:0;left:100px;color:#999}#cboxLoadingOverlay{background:url(//goo.gl/X52iQ2) no-repeat 5px 5px #fff}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:none}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;bottom:0;right:42px;color:#444}#cboxPrevious{position:absolute;bottom:0;left:0;color:#444}#cboxNext{position:absolute;bottom:0;left:63px;color:#444}#cboxClose{position:absolute;bottom:0;right:0;display:block;color:#444}.cboxIE #cboxTopLeft,.cboxIE #cboxTopCenter,.cboxIE #cboxTopRight,.cboxIE #cboxBottomLeft,.cboxIE #cboxBottomCenter,.cboxIE #cboxBottomRight,.cboxIE #cboxMiddleLeft,.cboxIE #cboxMiddleRight{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)}
</style><div class="blogger-post-footer">© Tech Prevue, India</div>Vinayhttp://www.blogger.com/profile/08734830206267994994noreply@blogger.com0tag:blogger.com,1999:blog-645661165025076463.post-82868110550496448242013-06-01T20:45:00.003+05:302014-06-06T11:58:24.997+05:30Google+ Add to Circles Popup Widget - DARK<a href="http://www.techprevue.com/google-add-to-circles-followers-popup-widget-with-lightbox-effect/">Learn more about this widget - click here</a><br />
<!--
DO NOT REMOVE OR MODIFY THIS CODE BEYOND PERMISSIONS. RESPECT DESIGNER, RESPECT DMCA.
Google+ Add to Circles/ Followers Popup Widget with Lightbox effect
Source Url: http://www.techprevue.com/2013/05/facebook-likebox-using-jquery-lightbox.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.
--><br />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script><br />
<script src="//yourjavascript.com/34011553541/jquery-colorbox-min.js"></script><br />
<script type="text/javascript">
jQuery(document).ready(function(){
if (document.cookie.indexOf('visited=false') == -1) {
var setDays = 1000*60*60*24*30;
var expires = new Date((new Date()).valueOf() + setDays);
document.cookie = "visited=true;expires=" + expires.toUTCString();
$.colorbox({width:"440px", height:"450px", inline:true, href:"#tP"});
}
});
</script><br />
<div style="display:none"><div id="tP" style="background:#fff;position:scroll;z-index:99999999"><div style="text-align:center;padding-top:15px"><h2 class="tP">Subscribe all latest updates via Google+</h2><div class="g-plus" data-action="followers" data-height="300" data-href="https://plus.google.com/103741144523748761550" data-source="blogger:blog:followers" data-width="350"></div><!-- div class="g-page" data-href="//plus.google.com/u/0/106141031478511718366" data-rel="publisher"><br />
</div --><script type="text/javascript">
(function() {
var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
po.src = 'https://apis.google.com/js/platform.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
})();
</script><br />
<!-- DO NOT REMOVE OR MODIFY THIS CODE BEYOND PERMISSIONS. RESPECT DESIGNER, RESPECT DMCA. --><br />
</div></div></div><style>
#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden}#cboxOverlay{position:fixed;width:100%;height:100%;background:#000}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative;margin-top:20px;background:#000}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch;border:5px solid #000;background:#fff}#cboxTitle{margin:0;position:absolute;top:-20px;left:0;color:#ccc}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;background:#fff}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#colorbox{outline:0}#cboxError{padding:50px;border:1px solid #ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url(//goo.gl/fJUeaf) no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:none}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url(//goo.gl/Zogv65) no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url(//goo.gl/Zogv65) no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url(//goo.gl/Zogv65) no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background:bottom center}
</style><div class="blogger-post-footer">© Tech Prevue, India</div>Vinayhttp://www.blogger.com/profile/08734830206267994994noreply@blogger.com0tag:blogger.com,1999:blog-645661165025076463.post-8211515486057495892013-05-25T00:54:00.002+05:302013-05-25T00:54:44.628+05:30Google+ Add to Circles CSS3 Popup Widget<!-- 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/facebook-like-box-css-popup-widget.html
Distributed under license CC BY-NC-ND 3.0 INT
Please keep license information intact while using this widget --><br />
<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}
.tptitle{background:#CF3E2C;color:#fff;font-size:16px !important;font-weight:bold;margin:5px 0;border-left:20px solid #C64A28;padding:10px;line-height:25px;font-family:Arial !important; float:left;z-index:9999;width:auto}
</style><br />
<!--[if lte IE 6]><br />
<style type="text/css">
/*<![CDATA[*/
html {overflow-x:auto;overflow-y:hidden}
/*]]>*/
</style><br />
<![endif]--><br />
<div id="tpfanbox"><div id="tpfanboxx" class="tpfanboxx"><h3 class="tptitle">WANT UPDATES, ADD TO CIRCLES</h3><div class="g-plus" data-action="followers" data-height="300" data-href="https://plus.google.com/103741144523748761550" data-source="blogger:blog:followers" data-width="350"></div><script type="text/javascript">
(function() {
window.___gcfg = {'lang': 'en'};
var po = document.createElement('script');
po.type = 'text/javascript';
po.async = true;
po.src = 'https://apis.google.com/js/plusone.js';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(po, s);
})();
</script><br />
<br/><br />
<center style="float:left; margin-left:10px;cursor:pointer;"><a style=" font-size:xx-small; color:#3B78CD; text-decoration:none;" onmouseup="document.getElementById('tpfanbox').style.display='none'">[X] CLOSE</a></center><center style="float:right; margin-right:10px;"><span style="font-size:xx-small; color:#000; text-decoration:none;">+Get this at</span> <a target='_blank' style="font-size:xx-small; color:#3B78CD; text-decoration:none;" href="#">Tech Prévue</a></center></div></div><!-- GOOGLE+ ADD TO CIRCLES CSS POPUP WIDGET --><br />
<!-- DO NOT REMOVE OR MODIFY THIS CODE BEYOND PERMISSIONS. RESPECT DESIGNER, RESPECT DMCA. --><div class="blogger-post-footer">© Tech Prevue, India</div>Vinayhttp://www.blogger.com/profile/08734830206267994994noreply@blogger.com0tag:blogger.com,1999:blog-645661165025076463.post-4094880681695062072013-05-23T21:08:00.002+05:302013-05-23T21:08:58.225+05:30Custom Google+ Follower Gadget Using CSS3 Stack Effect<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><br />
<div class="techprevue-fb-like-box-pearl"><div style="height:155px;overflow:hidden"><div class="g-plus" data-action="followers" data-height="300" data-href="https://plus.google.com/u/0/103741144523748761550" data-source="blogger:blog:followers" data-width="300"></div></div></div><br/><br />
<br/><br />
<br />
<style>
.techprevue-fb-like-box-sky{width:280px;height:160px;border-radius:3px;position:relative;background:#EFF1F6;padding:10px}.techprevue-fb-like-box-sky,.techprevue-fb-like-box-sky:before,.techprevue-fb-like-box-sky:after{background:#EFF1F6;border:1px solid #A8B3CF}.techprevue-fb-like-box-sky:before,.techprevue-fb-like-box-sky:after{position:absolute;content:"";bottom:-3px;left:2px;right:2px;height:1px;border-top:none}.techprevue-fb-like-box-sky:after{left:4px;right:4px;bottom:-5px;box-shadow:0 0 2px #A8B3CF}
</style><br />
<div class="techprevue-fb-like-box-sky"><div style="height:155px;overflow:hidden"><div class="g-plus" data-action="followers" data-height="300" data-href="https://plus.google.com/u/0/103741144523748761550" data-source="blogger:blog:followers" data-width="300"></div></div></div><br/><br />
<br/><br />
<br />
<style>
.techprevue-fb-like-box-silver{width:280px;height:160px;border-radius:3px;position:relative;background:#E6E8EF;padding:10px}.techprevue-fb-like-box-silver,.techprevue-fb-like-box-silver:before,.techprevue-fb-like-box-silver:after{background:#E6E8EF;border:1px solid #ABACB2}.techprevue-fb-like-box-silver:before,.techprevue-fb-like-box-silver:after{content:"";position:absolute;bottom:-3px;left:2px;right:2px;height:1px;border-top:none}.techprevue-fb-like-box-silver:after{left:4px;right:4px;bottom:-5px;box-shadow:0 0 2px #ABACB2}
</style><br />
<div class="techprevue-fb-like-box-silver"><div style="height:155px;overflow:hidden"><div class="g-plus" data-action="followers" data-height="300" data-href="https://plus.google.com/u/0/103741144523748761550" data-source="blogger:blog:followers" data-width="300"></div></div></div><br/><br />
<br/><br />
<br />
<style>
.techprevue-fb-like-box-shine{width:280px;height:160px;border-radius:3px;position:relative;background:#EDF4FF;padding:10px}.techprevue-fb-like-box-shine,.techprevue-fb-like-box-shine:before,.techprevue-fb-like-box-shine:after{background:#EDF4FF;border:1px solid #ABACB2}.techprevue-fb-like-box-shine:before,.techprevue-fb-like-box-shine:after{position:absolute;content:"";bottom:-3px;left:2px;right:2px;height:1px;border-top:none}.techprevue-fb-like-box-shine:after{left:4px;right:4px;bottom:-5px;box-shadow:0 0 2px #ABACB2}
</style><br />
<div class="techprevue-fb-like-box-shine"><div style="height:155px;overflow:hidden"><div class="g-plus" data-action="followers" data-height="300" data-href="https://plus.google.com/u/0/103741144523748761550" data-source="blogger:blog:followers" data-width="300"></div></div></div><br/><br />
<br/><br />
<br />
<style>
.techprevue-fb-like-box-india{width:280px;height:160px;border-radius:3px;position:relative;background:#FFF8ED;padding:10px}.techprevue-fb-like-box-india,.techprevue-fb-like-box-india:before,.techprevue-fb-like-box-india:after{background:#FFF8ED;border:1px solid #68914F}.techprevue-fb-like-box-india:before,.techprevue-fb-like-box-india:after{position:absolute;content:"";bottom:-3px;left:2px;right:2px;height:1px;border-top:none}.techprevue-fb-like-box-india:after{left:4px;right:4px;bottom:-5px;box-shadow:0 0 2px #68914F}
</style><br />
<div class="techprevue-fb-like-box-india"><div style="height:155px;overflow:hidden"><div class="g-plus" data-action="followers" data-height="300" data-href="https://plus.google.com/u/0/103741144523748761550" data-source="blogger:blog:followers" data-width="300"></div></div></div><br/><br />
<br/><br />
<br />
<!-- DO NOT REMOVE OR MODIFY THIS CODE BEYOND PERMISSIONS. RESPECT DESIGNER, RESPECT DMCA. --><br />
<style>
.techprevue-fb-like-box-pure{width:280px;height:160px;border-radius:3px;position:relative;background:#FFF;padding:10px}.techprevue-fb-like-box-pure,.techprevue-fb-like-box-pure:before,.techprevue-fb-like-box-pure:after{background:#FFF;border:1px solid #0072C4}.techprevue-fb-like-box-pure:before,.techprevue-fb-like-box-pure:after{position:absolute;content:"";bottom:-3px;left:2px;right:2px;height:1px;border-top:none}.techprevue-fb-like-box-pure:after{left:4px;right:4px;bottom:-5px;box-shadow:0 0 2px #0072C4}
</style><br />
<div class="techprevue-fb-like-box-pure"><div style="height:155px;overflow:hidden"><div class="g-plus" data-action="followers" data-height="300" data-href="https://plus.google.com/103741144523748761550" data-source="blogger:blog:followers" data-width="300"></div><!-- script type="text/javascript"><br />
(function() {<br />
window.___gcfg = {'lang': 'en'};<br />
var po = document.createElement('script');<br />
po.type = 'text/javascript';<br />
po.async = true;<br />
po.src = 'https://apis.google.com/js/plusone.js';<br />
var s = document.getElementsByTagName('script')[0];<br />
s.parentNode.insertBefore(po, s);<br />
})();<br />
</script --><br />
</div></div><!-- DO NOT REMOVE OR MODIFY THIS CODE BEYOND PERMISSIONS. RESPECT DESIGNER, RESPECT DMCA. --><div class="blogger-post-footer">© Tech Prevue, India</div>Vinayhttp://www.blogger.com/profile/08734830206267994994noreply@blogger.com0tag:blogger.com,1999:blog-645661165025076463.post-42150278469718414662013-05-05T10:44:00.002+05:302013-05-05T10:45:22.086+05:30Branding Free + CSS Stack Effect - Facebook Like BoxRead this post: <a href="http://www.techprevue.com/2013/05/facebook-like-box-with-css-stack-effect.html">http://www.techprevue.com/2013/05/facebook-like-box-with-css-stack-effect.html</a><br />
<br />
<b>Style 1: Pure Design - Preview - DEMO</b><br />
<br />
<style>
.techprevue-fb-like-box-pure{width:280px;height:150px;border-radius:3px;position:relative;background:#FFF;padding:0px 10px 15px 0}.techprevue-fb-like-box-pure,.techprevue-fb-like-box-pure:before,.techprevue-fb-like-box-pure:after{background:#FFF;border:1px solid #0072C4}.techprevue-fb-like-box-pure:before,.techprevue-fb-like-box-pure:after{position:absolute;content:"";bottom:-3px;left:2px;right:2px;height:1px;border-top:none}.techprevue-fb-like-box-pure:after{left:4px;right:4px;bottom:-5px;box-shadow:0 0 2px #0072C4}
</style><br />
<div class="techprevue-fb-like-box-pure"><div style="height:155px;overflow:hidden"><iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Ftechprevue&width=292&height=258&colorscheme=light&show_faces=true&border_color=%23FFF&stream=false&header=false&appId=421760957869477" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:258px;" allowtransparency="true"></iframe><br />
</div></div><br />
<br />
<b>Style 2: India Design - Preview - DEMO</b><br />
<br />
<style>
.techprevue-fb-like-box-india{width:280px;height:150px;border-radius:3px;position:relative;background:#FFF8ED;padding:0px 10px 15px 0}.techprevue-fb-like-box-india,.techprevue-fb-like-box-india:before,.techprevue-fb-like-box-india:after{background:#FFF8ED;border:1px solid #68914F}.techprevue-fb-like-box-india:before,.techprevue-fb-like-box-india:after{position:absolute;content:"";bottom:-3px;left:2px;right:2px;height:1px;border-top:none}.techprevue-fb-like-box-india:after{left:4px;right:4px;bottom:-5px;box-shadow:0 0 2px #68914F}
</style><br />
<div class="techprevue-fb-like-box-india"><div style="height:155px;overflow:hidden"><iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Ftechprevue&width=292&height=258&colorscheme=light&show_faces=true&border_color=%23FFF8ED&stream=false&header=false&appId=421760957869477" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:258px;" allowtransparency="true"></iframe><br />
</div></div><br />
<br />
<b>Style 3: Shine Design - Preview - DEMO</b><br />
<br />
<style>
.techprevue-fb-like-box-shine{width:280px;height:150px;border-radius:3px;position:relative;background:#EDF4FF;padding:0px 10px 15px 0}.techprevue-fb-like-box-shine,.techprevue-fb-like-box-shine:before,.techprevue-fb-like-box-shine:after{background:#EDF4FF;border:1px solid #ABACB2}.techprevue-fb-like-box-shine:before,.techprevue-fb-like-box-shine:after{position:absolute;content:"";bottom:-3px;left:2px;right:2px;height:1px;border-top:none}.techprevue-fb-like-box-shine:after{left:4px;right:4px;bottom:-5px;box-shadow:0 0 2px #ABACB2}
</style><br />
<div class="techprevue-fb-like-box-shine"><div style="height:155px;overflow:hidden"><iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Ftechprevue&width=292&height=258&colorscheme=light&show_faces=true&border_color=%23EDF4FF&stream=false&header=false&appId=421760957869477" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:258px;" allowtransparency="true"></iframe><br />
</div></div><br />
<br />
<b>Style 4: Sliver Design - Preview - DEMO</b><br />
<br />
<style>
.techprevue-fb-like-box-silver{width:280px;height:150px;border-radius:3px;position:relative;background:#E6E8EF;padding:0px 10px 15px 0}.techprevue-fb-like-box-silver,.techprevue-fb-like-box-silver:before,.techprevue-fb-like-box-silver:after{background:#E6E8EF;border:1px solid #ABACB2}.techprevue-fb-like-box-silver:before,.techprevue-fb-like-box-silver:after{content:"";position:absolute;bottom:-3px;left:2px;right:2px;height:1px;border-top:none}.techprevue-fb-like-box-silver:after{left:4px;right:4px;bottom:-5px;box-shadow:0 0 2px #ABACB2}
</style><br />
<div class="techprevue-fb-like-box-silver"><div style="height:155px;overflow:hidden"><iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Ftechprevue&width=292&height=258&colorscheme=light&show_faces=true&border_color=%23E6E8EF&stream=false&header=false&appId=421760957869477" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:258px;" allowtransparency="true"></iframe><br />
</div></div><br />
<br />
<b>Style 5: Sky Design - Preview - DEMO</b><br />
<br />
<style>
.techprevue-fb-like-box-sky{width:280px;height:150px;border-radius:3px;position:relative;background:#EFF1F6;padding:0px 10px 15px 0}.techprevue-fb-like-box-sky,.techprevue-fb-like-box-sky:before,.techprevue-fb-like-box-sky:after{background:#EFF1F6;border:1px solid #A8B3CF}.techprevue-fb-like-box-sky:before,.techprevue-fb-like-box-sky:after{position:absolute;content:"";bottom:-3px;left:2px;right:2px;height:1px;border-top:none}.techprevue-fb-like-box-sky:after{left:4px;right:4px;bottom:-5px;box-shadow:0 0 2px #A8B3CF}
</style><br />
<div class="techprevue-fb-like-box-sky"><div style="height:155px;overflow:hidden"><iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Ftechprevue&width=292&height=258&colorscheme=light&show_faces=true&border_color=%23EFF1F6&stream=false&header=false&appId=421760957869477" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:258px;" allowtransparency="true"></iframe><br />
</div></div><br />
<br />
<b>Style 6: Pearl Design - Preview - DEMO</b><br />
<br />
<style>
.techprevue-fb-like-box-pearl{width:280px;height:150px;border-radius:3px;position:relative;background:#F2F2F2;padding:0px 10px 15px 0}.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><br />
<div class="techprevue-fb-like-box-pearl"><div style="height:155px;overflow:hidden"><iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Ftechprevue&width=292&height=258&colorscheme=light&show_faces=true&border_color=%23F2F2F2&stream=false&header=false&appId=421760957869477" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:258px;" allowtransparency="true"></iframe><br />
</div></div><br />
Read this post: <a href="http://www.techprevue.com/2013/05/facebook-like-box-with-css-stack-effect.html">http://www.techprevue.com/2013/05/facebook-like-box-with-css-stack-effect.html</a><div class="blogger-post-footer">© Tech Prevue, India</div>Vinayhttp://www.blogger.com/profile/08734830206267994994noreply@blogger.com0tag:blogger.com,1999:blog-645661165025076463.post-36562484899670320922013-04-18T16:16:00.001+05:302014-07-04T15:12:41.160+05:30 Attractive Social Profile Gadgets - Demo<a href='http://hi.techprevue.com/2014/07/social-profile-widdget.html'>Attractive Social Profile Widget for blogs and sites</a> <br />
<br />
<style type="text/css">
.tps1 {list-style:none;margin-top:10px;}
.tps1 li {float:left;background-repeat:no-repeat;display:inline;}
.tps1 li a {display:block;width:32px;height:32px;position:relative;}
li.fb1 {background-image:url("//goo.gl/R6wDVf");background-position: 0 0;width:32px;height:32px;}
li.gp1 {background-image:url("//goo.gl/R6wDVf");background-position: 0 -34px;width:32px;height:32px;}
li.tw1 {background-image:url("//goo.gl/R6wDVf");background-position: 0 -68px;width:32px;height:32px;}
li.ln1 {background-image:url("//goo.gl/R6wDVf");background-position: 0 -102px;width:32px;height:32px;}
li.fd1 {background-image:url("//goo.gl/R6wDVf");background-position: 0 -136px;width:32px;height:32px;}
#tps1:hover li { opacity:0.2; }
#tps1 li {-webkit-transition-property: opacity; -webkit-transition-duration: 500ms; -moz-transition-property: opacity; -moz-transition-duration: 500ms;}
#tps1 li a strong {opacity:0; -webkit-transition-property: opacity, top; -webkit-transition-duration: 300ms; -moz-transition-property: opacity, top; -moz-transition-duration: 300ms;}
#tps1 li:hover {opacity:1;}
#tps1 li:hover a strong {opacity:1;top:-10px;}
</style> <div class="tps1" id="tps1"><li class="fb1"><a href="https://www.facebook.com/techprevue" target="_new" title="Like Facebook Page"></a></li><li class="tw1"><a href="http://www.twitter.com/techprevue" target="_new" title="Follow on Twitter"></a></li><li class="gp1"><a href="https://plus.google.com/103741144523748761550" target="_new" title="Follow on Google+"></a></li><li class="ln1"><a href="http://www.linkedin.com/in/vinayprajapati" target="_new" title="LinkedIn Professional Network"></a></li><li class="fd1"><a href="/feeds/posts/default" target="_new" title="Subscribe RSS Feed"></a></li></div><br />
<style type="text/css">
.tps2 {list-style:none;margin-top:10px;}
.tps2 li {float:left;background-repeat:no-repeat;display:inline;}
.tps2 li a {display:block; width:32px; height:32px; position:relative;}
li.fb2 {background-image:url("//goo.gl/chaAwq");background-position: 0 0;width:32px;height:32px;}
li.gp2 {background-image:url("//goo.gl/chaAwq");background-position: 0 -34px;width:32px;height:32px;}
li.tw2 {background-image:url("//goo.gl/chaAwq");background-position: 0 -68px;width:32px;height:32px;}
li.ln2 {background-image:url("//goo.gl/chaAwq");background-position: 0 -102px;width:32px;height:32px;}
li.fd2 {background-image:url("//goo.gl/chaAwq");background-position: 0 -136px;width:32px;height:32px;}
#tps2:hover li { opacity:0.2; }
#tps2 li {-webkit-transition-property: opacity; -webkit-transition-duration: 500ms; -moz-transition-property: opacity; -moz-transition-duration: 500ms;}
#tps2 li a strong {opacity:0; -webkit-transition-property: opacity, top; -webkit-transition-duration: 300ms; -moz-transition-property: opacity, top; -moz-transition-duration: 300ms;}
#tps2 li:hover {opacity:1;}
#tps2 li:hover a strong {opacity:1; top:-10px;}
</style> <br />
<div class="tps2" id="tps2"><li class="fb2"><a href="https://www.facebook.com/techprevue" target="_new" title="Like Facebook Page"></a></li><li class="tw2"><a href="http://www.twitter.com/techprevue" target="_new" title="Follow on Twitter"></a></li><li class="gp2"><a href="https://plus.google.com/103741144523748761550" target="_new" title="Follow on Google+"></a></li><li class="ln2"><a href="http://www.linkedin.com/in/vinayprajapati" target="_new" title="LinkedIn Professional Network"></a></li><li class="fd2"><a href="/feeds/posts/default" target="_new" title="Subscribe RSS Feed"></a></li></div><br />
<style type="text/css">
.tps3 {list-style:none;margin-top:10px;}
.tps3 li {float:left;background-repeat:no-repeat;display:inline;}
.tps3 li a {display:block; width:32px; height:32px; position:relative;}
li.fb3 {background-image:url("//goo.gl/Ilf79x");background-position: 0 0;width:32px;height:32px;}
li.gp3 {background-image:url("//goo.gl/Ilf79x");background-position: 0 -34px;width:32px;height:32px;}
li.tw3 {background-image:url("//goo.gl/Ilf79x");background-position: 0 -68px;width:32px;height:32px;}
li.ln3 {background-image:url("//goo.gl/Ilf79x");background-position: 0 -102px;width:32px;height:32px;}
li.fd3 {background-image:url("//goo.gl/Ilf79x");background-position: 0 -136px;width:32px;height:32px;}
#tps3:hover li { opacity:0.2; }
#tps3 li {-webkit-transition-property: opacity; -webkit-transition-duration: 500ms; -moz-transition-property: opacity; -moz-transition-duration: 500ms;}
#tps3 li a strong {opacity:0; -webkit-transition-property: opacity, top; -webkit-transition-duration: 300ms; -moz-transition-property: opacity, top; -moz-transition-duration: 300ms;}
#tps3 li:hover {opacity:1;}
#tps3 li:hover a strong {opacity:1; top:-10px;}
</style> <br />
<div class="tps3" id="tps3"><li class="fb3"><a href="https://www.facebook.com/techprevue" target="_new" title="Like Facebook Page"></a></li><li class="tw3"><a href="http://www.twitter.com/techprevue" target="_new" title="Follow on Twitter"></a></li><li class="gp3"><a href="https://plus.google.com/103741144523748761550" target="_new" title="Follow on Google+"></a></li><li class="ln3"><a href="http://www.linkedin.com/in/vinayprajapati" target="_new" title="LinkedIn Professional Network"></a></li><li class="fd3"><a href="/feeds/posts/default" target="_new" title="Subscribe RSS Feed"></a></li></div><br />
<br />
<a href='http://www.techprevue.com/attractive-social-profile-widget-for-blogs-and-sites/'>Attractive Social Profile Widget for blogs and sites</a><div class="blogger-post-footer">© Tech Prevue, India</div>Vinayhttp://www.blogger.com/profile/08734830206267994994noreply@blogger.com0tag:blogger.com,1999:blog-645661165025076463.post-47952918532317753422013-02-17T18:29:00.000+05:302014-06-06T12:18:19.501+05:30Metro UI Social Profile Widget v3.0: Demo<a href="http://www.techprevue.com/social-profile-widget-for-blogger-metro-ui-v3-0/">Get back to post; Get this gadget for your blog; Checkout install instructions</a><br />
<div class="metro-social"><li><a class="fb" href="http://www.facebook.com/vinayprajapati.nazar" rel="nofollow"></a></li><li><a class="tw" href="http://twitter.com/vinayprajapati"></a></li><li><a class="gp" href="https://plus.google.com/103741144523748761550"></a></li><li><a class="pi" href="http://pinterest.com/vinayprajapati" rel="nofollow"></a></li><li><a class="in" href="https://www.linkedin.com/in/vinayprajapati" rel="nofollow"></a></li><li><a class="yt" href="http://www.youtube.com/prajapativinay"></a></li><li><a class="fd" href="http://feeds.feedburner.com/vinayprajapati" rel="nofollow"></a></li></div><style>
.metro-social{width:285px}
.metro-social li{position:relative;cursor:pointer;padding:0;list-style:none}
.metro-social .fb,.tw,.gp,.pi,.in,.yt,.fd{z-index:7;float:left;margin:1px;position:relative;display:block}
.metro-social .fb{background:url(//goo.gl/6xmUk) no-repeat center center #1f69b3;width:140px;height:141px}
.metro-social .tw{background:url(//goo.gl/oyiFK) no-repeat center center #43b3e5;width:68px;height:70px}
.metro-social .gp{width:69px;height:70px;background:url(//goo.gl/oT0kF) no-repeat center center #da4a38}
.metro-social .pi{background:url(//goo.gl/7olxx) no-repeat center center #d73532;width:68px;height:69px}
.metro-social .in{background:url(//goo.gl/PhFhj) no-repeat center center #0097bd;width:69px;height:69px}
.metro-social .yt{background:url(//goo.gl/zcwjB) no-repeat center center #e64a41;width:140px;height:69px}
.metro-social .fd{background:url(//goo.gl/lhBP1) no-repeat center center #e9a01c;width:140px;height:69px}
.metro-social li:hover .fb{background:url(//goo.gl/MH8AP) no-repeat center center #1f69b3}
.metro-social li:hover .tw{background:url(//goo.gl/hHRHv) no-repeat center center #43b3e5}
.metro-social li:hover .gp{background:url(//goo.gl/wva4B) no-repeat center center #da4a38}
.metro-social li:hover .pi{background:url(//goo.gl/IORvy) no-repeat center center #d73532}
.metro-social li:hover .in{background:url(//goo.gl/2zHrm) no-repeat center center #0097bd}
.metro-social li:hover .yt{background:url(//goo.gl/I1c4a) no-repeat center center #e64a41}
.metro-social li:hover .fd{background:url(//goo.gl/CjzDP) no-repeat center center #e9a01c}
</style><div class="blogger-post-footer">© Tech Prevue, India</div>Vinayhttp://www.blogger.com/profile/08734830206267994994noreply@blogger.com0tag:blogger.com,1999:blog-645661165025076463.post-20099813801339585972013-02-15T02:47:00.003+05:302013-02-15T13:40:14.547+05:30Recent comments for Blogger - Advanced Script: Demo<style type="text/css">
.recent-comment{margin-bottom:10px;padding-left:24px}.recent-comment-admin{background-color:#F4F4F4}.recent-comment-ico{margin-left:-20px;margin-top:4px;float:left;margin-right:3px}.recent-comment-header{}.recent-comment-body{padding-right:4px; font-size:95%}.recent-comment-footer{font-size:85%}
</style><br />
<script type="text/javascript">
//
// Recent Comments blogger gadget by MS-potilas and Tech Prevue, using feed avatars
// with Minor changes in year 2013 month 02 date 16
//
// CONFIG:
var numRecentComments = 5;
var numPerPost = 2; // max comments per post (to try) or 0
var maxCommentChars = 90;
var maxPostTitleChars = 0; // if 0, use full post title
var txtWrote = 'wrote:';
var txtMore = 'Continue ››';
var txtTooltip = '[user] on "[title]" - [date MM/dd/yyyy hh:mm]';
var txtAnonymous = ''; // empty, or Anonymous user name localized
// Variables [xxx] in texts:
// supports [title], [user], [date], [time], [datetime], [date format]
// format supports: yyyy=long year, yy=short year, MM=month(01-12), dd=monthday, hh=hour, mm=min, ss=sec
var getTitles = true; // false faster
var trueAvatars = true; // false faster
var urlMyAvatar = ''; // can be empty (then it is fetched) or url to image
var urlMyProfile = ''; // set if you have no profile gadget on page
//
var cropAvatar = true;
var sizeAvatar = 32;
var urlNoAvatar = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyIdwiYJ4iHImwQIWq0wecCdDABHlXOAy7n1dzSnaapVk4tnxlvsohjgBlHlm8CDdhFBhfjZdCzAHSO7KZLhHc63FCcthTGl8xW2o5fVJsQ5RHYNWiDSqoXYwYsFZBDmfiL2VP-vOZdBc/"+sizeAvatar+"/avatar_blue_m_96.png"; // http://www.blogger.com/img/avatar_blue_m_96.png resizeable
//
var urlAnoAvatar = 'http://www.gravatar.com/avatar/00000000000000000000000000000000?d=mm&s=' + sizeAvatar;
var maxResultsPosts = ""; // or for example "&max-results=100"
var maxResultsComments = ""; // or for example "&max-results=300"
// CONFIG END
var urlToTitle = {};
function replaceVars(text, user, title, date) {
text = text.replace('[user]', user);
text = text.replace('[date]', date.toLocaleDateString());
text = text.replace('[datetime]', date.toLocaleString());
text = text.replace('[time]', date.toLocaleTimeString());
text = text.replace('[title]', title.replace(/\"/g,'"'));
var i = text.indexOf("[date ");
if(i > -1) {
var format = /\[date\s+(.+?)\]/.exec(text)[1];
if(format != '') {
var txtDate = format.replace(/yyyy/i, date.getFullYear());
txtDate = txtDate.replace(/yy/i, date.getFullYear().toString().slice(-2));
txtDate = txtDate.replace("MM", String("0"+(date.getMonth()+1)).slice(-2));
txtDate = txtDate.replace("mm", String("0"+date.getMinutes()).slice(-2));
txtDate = txtDate.replace("ss", String("0"+date.getSeconds()).slice(-2));
txtDate = txtDate.replace("dd", String("0"+date.getDate()).slice(-2));
//or: txtDate = txtDate.replace("dd", date.getDate());
txtDate = txtDate.replace("hh", String("0"+date.getHours()).slice(-2));
//or: txtDate = txtDate.replace("hh", date.getHours());
text = text.replace(/\[date\s+(.+?)\]/, txtDate)
}
}
return text;
}
if(urlMyProfile == "") {
var elements = document.getElementsByTagName("*");
var expr = /(^| )profile-link( |$)/;
for(var i=0 ; i<elements.length ; i++)
if(expr.test(elements[i].className)) {
urlMyProfile = elements[i].href;
break;
}
}
function getPostUrlsForComments(json) {
for(var i = 0 ; i < json.feed.entry.length ; i++ ) {
var entry = json.feed.entry[i];
for (var k = 0; k < entry.link.length; k++ ) {
if (entry.link[k].rel == 'alternate') {
href = entry.link[k].href;
break;
}
}
urlToTitle[href] = entry.title.$t;
}
}
function showRecentComments(json) {
var postHandled = {};
var j = 0;
if(numPerPost) {
while(numPerPost < numRecentComments) {
for(var i = 0 ; i < json.feed.entry.length ; i++ ) {
var entry = json.feed.entry[i]; if(entry.author[0].name.$t=="Vinay Prajapati") continue;
if(entry["thr$in-reply-to"]) {
if(!postHandled[entry["thr$in-reply-to"].href])
postHandled[entry["thr$in-reply-to"].href] = 1;
else
postHandled[entry["thr$in-reply-to"].href]++;
if(postHandled[entry["thr$in-reply-to"].href] <= numPerPost)
j++;
}
}
if(j >= numRecentComments)
break;
numPerPost++;
j = 0;
postHandled = {};
}
if(numRecentComments == numPerPost)
numPerPost = 0;
}
postHandled = {};
j = 0;
for(var i = 0 ; j < numRecentComments && i < json.feed.entry.length ; i++ ) {
var entry = json.feed.entry[i]; if(entry.author[0].name.$t=="Vinay Prajapati") continue;
if(numPerPost && postHandled[entry["thr$in-reply-to"].href] && postHandled[entry["thr$in-reply-to"].href] >= numPerPost)
continue;
if(entry["thr$in-reply-to"]) {
if(!postHandled[entry["thr$in-reply-to"].href])
postHandled[entry["thr$in-reply-to"].href] = 1;
else
postHandled[entry["thr$in-reply-to"].href]++;
j++;
var href='';
for (var k = 0; k < entry.link.length; k++ ) {
if (entry.link[k].rel == 'alternate') {
href = entry.link[k].href;
break;
}
}
if(href=='') {j--; continue; }
var hrefPost = href.split("?")[0];
var comment = "";
if("content" in entry) comment = entry.content.$t;
else comment = entry.summary.$t;
comment = comment.replace(/<br[^>]*>/ig, " ");
comment = comment.replace(/<\S[^>]*>/g, "");
var postTitle="-";
if(urlToTitle[hrefPost]) postTitle=urlToTitle[hrefPost];
else {
if(hrefPost.match(/\/([^/]*)\.html/)) postTitle = hrefPost.match(/\/([^/]*)\.html/)[1].replace(/_\d{2}$/, "");
postTitle = postTitle.replace(/-/g," ");
postTitle = postTitle[0].toUpperCase() + postTitle.slice(1);
}
if(maxPostTitleChars && postTitle.length > maxPostTitleChars) {
postTitle = postTitle.substring(0, maxPostTitleChars);
var indexBreak = postTitle.lastIndexOf(" ");
postTitle = postTitle.substring(0, indexBreak) + "...";
}
var authorName = entry.author[0].name.$t;
var authorUri = "";
if(entry.author[0].uri && entry.author[0].uri.$t != "")
authorUri = entry.author[0].uri.$t;
var avaimg = urlAnoAvatar;
var bloggerprofile = "http://www.blogger.com/profile/";
if(trueAvatars && entry.author[0].gd$image && entry.author[0].gd$image.src && authorUri.substr(0,bloggerprofile.length) == bloggerprofile)
avaimg = entry.author[0].gd$image.src;
else {
var parseurl = document.createElement('a');
if(authorUri != "") {
parseurl.href = authorUri;
avaimg = 'http://www.google.com/s2/favicons?domain=' + parseurl.hostname;
}
}
if(urlMyProfile != "" && authorUri == urlMyProfile && urlMyAvatar != "")
avaimg = urlMyAvatar;
if(avaimg == "http://img2.blogblog.com/img/b16-rounded.gif" && urlNoAvatar != "")
avaimg = urlNoAvatar;
var newsize="s"+sizeAvatar;
avaimg = avaimg.replace(/\/s\d\d+-c\//, "/"+newsize+"-c/");
if(cropAvatar) newsize+="-c";
avaimg = avaimg.replace(/\/s\d\d+(-c){0,1}\//, "/"+newsize+"/");
if(authorName == 'Anonymous' && txtAnonymous != '' && avaimg == urlAnoAvatar)
authorName = txtAnonymous;
var imgcode = '<img height="'+sizeAvatar+'" width="'+sizeAvatar+'" title="'+authorName+'" src="'+avaimg+'" />';
if (authorUri!="") imgcode = '<a href="'+authorUri+'">'+imgcode+'</a>';
var clsAdmin = "";
if(urlMyProfile != "" && authorUri == urlMyProfile)
clsAdmin = " recent-comment-admin";
var datePart = entry.published.$t.match(/\d+/g); // assume ISO 8601
var cmtDate = new Date(datePart[0],datePart[1]-1,datePart[2],datePart[3],datePart[4],datePart[5]);
var txtHeader = txtWrote;
if(txtWrote.indexOf('[')==-1)
txtHeader = authorName + ' ' + txtWrote;
else
txtHeader = replaceVars(txtHeader, authorName, postTitle, cmtDate);
var tooltip = replaceVars(txtTooltip, authorName, postTitle, cmtDate);
if(!/#/.test(href)) href += "#comments";
document.write('<div title="'+tooltip+'" class="recent-comment'+clsAdmin+'">');
document.write('<div title="'+tooltip+'" class="recent-comment-header'+clsAdmin+'"><div title="'+tooltip+'" class="recent-comment-ico'+clsAdmin+'">'+imgcode+'</div><a title="'+tooltip+'" href="' + href + '">' + txtHeader + ' </a></div>');
if(comment.length < maxCommentChars)
document.write('<div title="'+tooltip+'" class="recent-comment-body'+clsAdmin+'">' + comment + '</div>');
else {
comment = comment.substring(0, maxCommentChars);
var indexBreak = comment.lastIndexOf(" ");
comment = comment.substring(0, indexBreak);
document.write('<div title="'+tooltip+'" class="recent-comment-body'+clsAdmin+'">' + comment + '...</div>');
if(txtMore != "") {
var moretext = replaceVars(txtMore, authorName, postTitle, cmtDate);
document.write('<div title="'+tooltip+'" class="recent-comment-footer'+clsAdmin+'"><a title="'+tooltip+'" href="' + href + '">' + moretext + '</a></div>');
}
}
document.write('<div style="clear:both;"></div></div>');
}
}
}
if(getTitles)
document.write('<script type="text/javascript" src="http://'+window.location.hostname+'/feeds/posts/summary?redirect=false'+maxResultsPosts+'&alt=json-in-script&callback=getPostUrlsForComments"></'+'script>');
document.write('<script type="text/javascript" src="http://'+window.location.hostname+'/feeds/comments/default?redirect=false'+maxResultsComments+'&alt=json-in-script&callback=showRecentComments"></'+'script>');
</script><br />
<div class="blogger-post-footer">© Tech Prevue, India</div>Vinayhttp://www.blogger.com/profile/08734830206267994994noreply@blogger.comtag:blogger.com,1999:blog-645661165025076463.post-55418943583718585872013-02-12T15:35:00.000+05:302014-06-06T12:19:32.988+05:30Metro UI Social Profile Widget v2.0: Demo<a href='http://www.techprevue.com/social-profile-gadget-for-blogger-metro-ui/'>Get this gadget for your blog; Checkout install instructions</a> <div class='widget-content'><div class='metro-social'><li><a class="fb" href="http://www.facebook.com/techprevue"></a></li><li><a class="tw" href="http://twitter.com/techprevue"></a></li><li><a class="gp" href="https://plus.google.com/103741144523748761550"></a></li><li><a class="fd" href="http://feeds.feedburner.com/techprevue"></a></li></div><style>
.metro-social {
width:285px
}
.metro-social li {
position:relative;
cursor:pointer;
padding:0;
list-style:none
}
.metro-social .fb,.tw,.gp,.fd {
z-index:7;
float:left;
margin:1px;
position:relative;
display:block
}
.metro-social .fb {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizAZKaaHxWQwCU239RTGCFg84w-Rt7KQxVslNFiZDoRIwOuKE_QHbObvFdxm9x2d_UrNxFPBtcLZbBIkuacVmvTnTw8Tr_1utFQlJB7I6jpsGciC9lX2YiG7bd-YET3kxQk5yQD2bOFsI/s72/facebook.png) no-repeat center center #4A6EA9;
width:140px;
height:141px
}
.metro-social .tw {
background:url(//goo.gl/oyiFK) no-repeat center center #43b3e5;
width:140px;
height:70px
}
.metro-social .gp {
width:140px;
height:69px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3i_zWMxP7mthoVtsEt1l-RdkP-KCXEDiVDoDd8HMj5SsbTEhDyaN18lU_VjSMnNBQe5lfvTkvrsKFzX1sQy8T_SmrHkc2HRT6sEw7837Fd-w0I98THA4IE6crtF8xWiccjnmGeprX1Yo/s64/googleplus.png) no-repeat center center #D64136
}
.metro-social .fd {
width:282px;
height:69px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyn3ieEwyP6MqSphGn8w5D3JEg5LSz_yA0r2h3kiHSAItJeNNXlpjKV5uuwtx2xF74bUfY3APWPjs4LaroIw3-9BZx2H5_JDNbIhl1i6JuPadtF7fSOvwRHxzBat8jJzlp7PB50MS1T5g/s64/feed.png) no-repeat center center #FC9E12
}
.metro-social li:hover .fb {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizAZKaaHxWQwCU239RTGCFg84w-Rt7KQxVslNFiZDoRIwOuKE_QHbObvFdxm9x2d_UrNxFPBtcLZbBIkuacVmvTnTw8Tr_1utFQlJB7I6jpsGciC9lX2YiG7bd-YET3kxQk5yQD2bOFsI/s96/facebook.png) no-repeat center center #4A6EA9;
-moz-transition:all .2s ease-in-out;
-webkit-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
transition:all .2s ease-in-out
}
.metro-social li:hover .tw {
background:url(//goo.gl/hHRHv) no-repeat center center #43b3e5;
-moz-transition:all .2s ease-in-out;
-webkit-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
transition:all .2s ease-in-out
}
.metro-social li:hover .gp {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3i_zWMxP7mthoVtsEt1l-RdkP-KCXEDiVDoDd8HMj5SsbTEhDyaN18lU_VjSMnNBQe5lfvTkvrsKFzX1sQy8T_SmrHkc2HRT6sEw7837Fd-w0I98THA4IE6crtF8xWiccjnmGeprX1Yo/s72/googleplus.png) no-repeat center center #D64136;
-moz-transition:all .2s ease-in-out;
-webkit-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
transition:all .2s ease-in-out
}
.metro-social li:hover .fd {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyn3ieEwyP6MqSphGn8w5D3JEg5LSz_yA0r2h3kiHSAItJeNNXlpjKV5uuwtx2xF74bUfY3APWPjs4LaroIw3-9BZx2H5_JDNbIhl1i6JuPadtF7fSOvwRHxzBat8jJzlp7PB50MS1T5g/s72/feed.png) no-repeat center center #FC9E12;
-moz-transition:all .2s ease-in-out;
-webkit-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
transition:all .2s ease-in-out
}
</style> </div><div class="blogger-post-footer">© Tech Prevue, India</div>Vinayhttp://www.blogger.com/profile/08734830206267994994noreply@blogger.comtag:blogger.com,1999:blog-645661165025076463.post-10970289158484100352013-02-12T00:02:00.002+05:302018-02-14T23:34:06.180+05:30Modern Stylish Total Posts and Comments Gadget: Live Demo<a href='https://www.techprevue.com/custom-blogger-stats-widget/'>Get this ultimate Blogger total posts and comments gadget for your blog</a><br />
<br />
<script style="text/javascript">
function techPrevue(json) {
document.write('<b>' + json.feed.openSearch$totalResults.$t + '</b>');
}
function techPrevue(json) {
document.write('<b>' + json.feed.openSearch$totalResults.$t + '</b> ');
}
</script> <br />
<div class="techprevue" style="position: fixed; top: 80px; right: 380px;"><style type="text/css">
.techprevue a:link, .techprevue a:active, .techprevue a:hover, .techprevue a:visited {color:white; text-decoration:none}
</style><br />
<table border="0" cellpadding="0" cellspacing="0"><tr><td height=64 width=64 background="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCnrQr_9AODAqPM7DUtnV9mgfZuLiEkWztmE0lsxlC8Qu5gET65OwnsDF58ce2z33H0wSzzBRx701sOeGZMHO58zgXqB7AWgH8PCWgl4qWV4_Wrh48qqXcNdUm33SQ8tKKJtkuWVgzikY/s1600/articles.png" align="middle"><br />
<font color="black"><script src="https://demo.techprevue.com/feeds/posts/default?alt=json-in-script&callback=techPrevue"></script><br />
</font></td></tr>
<tr><td height=64 width=64 background="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiL_NwC9K1C8_l27zErndUllSN4Y4GfeULmE1OTg88X92C2VNe6VFkIRc23JzqUb7ZRkySWSbiqYLT0FFi89G1sGdOQDv9SvXN6ADU2OmYZpomBhWokrbgjujPU6IKmCg3bJItjXAMxKcE/s1600/bubble.png" align="middle"><br />
<font color="black"><script src="https://demo.techprevue.com/feeds/comments/default?alt=json-in-script&callback=techPrevue"></script><br />
</font></td></tr>
<tr><td style="background:#00bf02"><span class="techprevue" style="text-decoration:none;font-size:xx-small"><center><a target="_blank" rel="dofollow" href="https://www.techprevue.com/custom-blogger-stats-widget/"><b>+Get Now!</b></a></center></span></td></tr>
</table></div><div class="blogger-post-footer">© Tech Prevue, India</div>Vinayhttp://www.blogger.com/profile/08734830206267994994noreply@blogger.comtag:blogger.com,1999:blog-645661165025076463.post-27611272798672531332013-02-11T23:35:00.001+05:302018-03-25T22:19:02.776+05:30More Stylish Professional Blogger Comments: Live Demo<a href='https://www.techprevue.com/stylize-threaded-comments-system/'>Learn here how to customize Blogger comments in a Professional way as shown below.</a><div class="blogger-post-footer">© Tech Prevue, India</div>Vinayhttp://www.blogger.com/profile/08734830206267994994noreply@blogger.com13tag:blogger.com,1999:blog-645661165025076463.post-86935550667492737332013-02-11T21:43:00.002+05:302013-02-17T13:38:45.775+05:30Contact Form with Google Drive: Live Demo<a href='http://www.techprevue.com/2013/02/create-contact-form-for-blog-with.html'>Learn to Create Contact Form with Google Drive and Docs</a><br />
<iframe src="https://docs.google.com/forms/d/1im7oSLyUpOrA3awVEt3_Jf8lN9H-y9ZJNUsVk9I6wcA/viewform?embedded=true" width="500" height="720" frameborder="0" marginheight="0" marginwidth="0">Loading...</iframe><br />
<br />
<div class="blogger-post-footer">© Tech Prevue, India</div>Vinayhttp://www.blogger.com/profile/08734830206267994994noreply@blogger.comtag:blogger.com,1999:blog-645661165025076463.post-84327729950641281962012-10-20T20:24:00.002+05:302014-03-14T19:17:46.759+05:30New Blogger Stats: Live Demo<a href="http://www.techprevue.com/custom-blogger-stats-widget/">Read Installation Instructions: New Blogger Stats: Total Posts, Comments & Page Views </a><br />
<br />
<ul><li id="Stats1"><br />
<h4 id="Stats1_totalPosts" style='margin-top:-20px'>121</h4><span>Posts</span><br />
</li>
<li id="totalComments"><br />
<h4 id="Stats1_totalComments" style='margin-top:-20px'>2543</h4><span>Comments</span><br />
</li>
<li id="totalCount"><br />
<h4 id="Stats1_totalCount" style='margin-top:-20px'>22,400</h4><span>Pageviews</span><br />
</li>
</ul><style>
/*Custom Blogger Stats by Duy Pham and Tech Prevue; http://www.techprevue.com
//Distributed under Creative Commans License; CC BY-NC-ND 3.0 International
//http://creativecommons.org/licenses/by-nc-nd/3.0/deed.en_US
//Image's Credit to FatCow; http://www.fatcow.com*/
#Stats1 ul{border:0;padding:0;}
#Stats1 li{border:0;list-style-type:none;}
#Stats1 {height:32px;padding:0 0 0 40px;background:url(//goo.gl/ZHG881) no-repeat 0 -34px}
#totalComments{height:32px;padding:0 0 0 40px;border:0;background:url(//goo.gl/ZHG881) no-repeat}
#totalCount{height:32px;padding:0 0 0 40px;border:0;background:url(//goo.gl/ZHG881) no-repeat 0 -68px}
</style><br />
<div class="blogger-post-footer">© Tech Prevue, India</div>Vinayhttp://www.blogger.com/profile/08734830206267994994noreply@blogger.com