Skip to content

Instantly share code, notes, and snippets.

View yumesh's full-sized avatar

Umesh Yellaboina yumesh

View GitHub Profile
@yumesh
yumesh / How to redirect 404 error page to other in blogspot.
Created October 13, 2016 15:07
Redirecting the 404 error page to other page.
<script type = "text/javascript">
yukita_redirect = setTimeout(function() {
window.location.href = 'https://umesh-y.blogspot.in/';
}, 10);
</script>
@yumesh
yumesh / Posts in Tab's Format - HTML
Created September 23, 2016 15:02
List all the posts in 'Tabs-Layout' according to the Labels - Blogger Tip Raw
<div class='recent-labpost' data-label='[&quot;YOUR LABEL NAME&quot;,&quot;YOUR LABEL NAME&quot;,&quot;YOUR LABEL NAME&quot;,&quot;YOUR LABEL NAME&quot;,&quot;YOUR LABEL NAME&quot;]'/>
@yumesh
yumesh / Posts in Tab's Format - Java Script
Created September 23, 2016 14:52
List all the posts in 'Tabs-Layout' according to the Labels - Blogger Tip
<script type='text/javascript'>
//<![CDATA[
function getMeImg(a){var t=[a,a,!1];return void 0!==a?-1!==a.url.indexOf("img.youtube")?(t[0]=a.url.replace("default.jpg","hqdefault.jpg"),t[1]=a.url.replace("default.jpg","mqdefault.jpg"),t[2]=!0):(t[0]=a.url.replace("s72-c","w100-h75-c"),t[1]=a.url.replace("s72-c","s500-c")):(t[0]="https://4.bp.blogspot.com/-THLip_5EXck/V4zK2o3lA6I/AAAAAAAAJfg/RG-Qo6D73z0zLAigWBEdfnFveop1IIa5gCLcB/s1600/thumb.png",t[1]="https://4.bp.blogspot.com/-THLip_5EXck/V4zK2o3lA6I/AAAAAAAAJfg/RG-Qo6D73z0zLAigWBEdfnFveop1IIa5gCLcB/s1600/thumb.png"),t}function load_w_tab(a){var t=a.find(".rctab-content>.active"),e=t.attr("data-load");$.ajax({type:"GET",url:"/feeds/posts/summary/-/"+e+"?max-results=20&alt=json-in-script",async:!1,contentType:"application/json",dataType:"jsonp",success:function(a){if(a.feed.entry){t.append('<div class="wtab-inner"></div>');for(var e=0;e<a.feed.entry.length;e++){for(var i=a.feed.entry[e],d=0;d<a.feed.entry[e].link.length;d++)if("alternate"==a.feed.entry[e].link[d
@yumesh
yumesh / Step:2 J-Query (Rocket Effect)
Created September 17, 2016 15:45
Change 'Back To Top' Button to Moving Rocket Effect on Blogger/Blogspot.
<script type='text/javascript'>
//<![CDATA[
jQuery(window).scroll(function(){jQuery(window).scrollTop()<50?jQuery("#rocketmeluncur").slideUp(500):jQuery("#rocketmeluncur").slideDown(500);var e=jQuery("#ft")[0]?jQuery("#ft")[0]:jQuery(document.body)[0],t=$("rocketmeluncur"),n=(parseInt(document.documentElement.clientHeight),parseInt(document.body.getBoundingClientRect().top),parseInt(e.clientWidth)),r=t.clientWidth;if(1e3>n){var l=parseInt(fetchOffset(e).left);l=r>l?2*l-r:l,t.style.left=n+l+"px"}else t.style.left="auto",t.style.right="10px"}),jQuery("#rocketmeluncur").click(function(){jQuery("html, body").animate({scrollTop:"0px",display:"none"},{duration:600,easing:"linear"});var e=this;this.className+=" launchrocket",setTimeout(function(){e.className="showrocket"},800)});
//]]>
</script>
@yumesh
yumesh / Step:2 HTML (Rocket Effect)
Created September 17, 2016 15:38
Change 'Back To Top' Button to Moving Rocket Effect on Blogger/Blogspot
<a href="javascript:void(0);" id="rocketmeluncur" class="showrocket" ><i></i></a>
@yumesh
yumesh / Step:1 CSS (Rocket Effect)
Created September 17, 2016 15:27
Change 'Back To Top' Button to Moving Rocket Effect on Blogger/Blogspot
/* Back to Top Roket meluncur */
#scrolltop{display:none}
#rocketmeluncur{position:fixed;bottom:50px;z-index:7;display:none;visibility:hidden;width:26px;height:48px;right:25px;background:url(http://1.bp.blogspot.com/-UR9I7YEuEUY/VXIJn8MrBPI/AAAAAAAAKRE/qZObHBd5zIo/s1600/rocket.png) 50% 0 no-repeat;opacity:0;-webkit-transition:visibility .6s cubic-bezier(.6,.04,.98,.335),opacity .6s cubic-bezier(.6,.04,.98,.335),-webkit-transform .6s cubic-bezier(.6,.04,.98,.335);-moz-transition:visibility .6s cubic-bezier(.6,.04,.98,.335),opacity .6s cubic-bezier(.6,.04,.98,.335),-moz-transform .6s cubic-bezier(.6,.04,.98,.335);transition:visibility .6s cubic-bezier(.6,.04,.98,.335),opacity .6s cubic-bezier(.6,.04,.98,.335),transform .6s cubic-bezier(.6,.04,.98,.335)}
#rocketmeluncur i{display:block;margin-top:48px;height:14px;background:url(http://1.bp.blogspot.com/-UR9I7YEuEUY/VXIJn8MrBPI/AAAAAAAAKRE/qZObHBd5zIo/s1600/rocket.png) 50% -48px no-repeat;opacity:.5;-webkit-transition:-webkit-transform .2s;-moz-transition:-moz-tr
@yumesh
yumesh / Step:3 HTML (Syntax Highlighter)
Created September 17, 2016 14:07
How to Implement Syntax Highlighter in Blogger or Blogspot Post.
<pre title="HTML" data-codetype ="HTMLku"><code class="language-markup"> ..Insert your HTML Code here.. </code></pre>
<pre title="CSS" data-codetype ="CSSku"><code class="language-css"> ..Insert your CSS Code here.. </code></pre>
<pre title="Javascript" data-codetype ="JavaScriptku"><code class="language-javascript"> ..Insert your Java Script Code here.. </code></pre>
<pre title="jQuery" data-codetype ="JQueryku"><code class="language-javascript"> ..Insert your JQuery Code Here.. </code></pre>
@yumesh
yumesh / Step:2 J-query(2) (Syntax Highlighter)
Created September 17, 2016 14:03
How to Implement Syntax Highlighter in Blogger or Blogspot Post.
<script type='text/javascript'>
var pres = document.getElementsByTagName(&quot;pre&quot;);
for (var i = 0; i &lt; pres.length; i++) {
pres[i].addEventListener(&quot;dblclick&quot;, function () {
var selection = getSelection();
var range = document.createRange();
range.selectNodeContents(this);
selection.removeAllRanges();
selection.addRange(range);
}, false);
@yumesh
yumesh / Step:2 J-query (Syntax Highlighter)
Created September 17, 2016 14:02
How to Implement Syntax Highlighter in Blogger or Blogspot Post.
<script>
$('pre').attr('class', 'line-numbers');
Prism.hooks.add("after-highlight",function(e){var t=e.element.parentNode;if(!t||!/pre/i.test(t.nodeName)||t.className.indexOf("line-numbers")===-1){return}var n=1+e.code.split("\n").length;var r;lines=new Array(n);lines=lines.join("<span></span>");r=document.createElement("span");r.className="line-numbers-rows";r.innerHTML=lines;if(t.hasAttribute("data-start")){t.style.counterReset="linenumber "+(parseInt(t.getAttribute("data-start"),10)-1)}e.element.appendChild(r)})
</script>
@yumesh
yumesh / Step:2 Java Script (Syntax Highlighter)
Created September 17, 2016 13:59
How to implement Syntax Highlighter in Blogger or Blogspot.
<script src='https://arlina-design.googlecode.com/svn/prism.js' type='text/javascript'/>