Skip to content

Instantly share code, notes, and snippets.

View CSElliyas's full-sized avatar
🏠
Working from home

Elliyas Ahmed CSElliyas

🏠
Working from home
10 followers · 132 following
View GitHub Profile
@CSElliyas
CSElliyas / Blog Article Page.html
Last active September 6, 2019 14:28
Blog Article Page
<!DOCTYPE html>
<html>
<head>
<style>
* {
box-sizing: border-box;
}
body {
font-family: Arial;
padding: 20px;
@CSElliyas
CSElliyas / Blog Home Page.html
Created January 8, 2018 14:15
Blog Home Page
<!DOCTYPE html>
<html>
<head>
<style>
* {
box-sizing: border-box;
}
body {
font-family: Arial;
padding: 20px;
@CSElliyas
CSElliyas / custom share social.html
Created March 7, 2018 12:40
custom share social button for blogger
<p style='font-size: 16px;font-weight: bold;font-family: Bree Serif, sans-serif;'>Share with others:</p>
<div class='share_button'>
<a class='xosocial' expr:href='"https://twitter.com/share?url=" + data:post.url + "&amp;title=" + data:post.title' rel='nofollow' target='_blank' title='Tweet This'><i class='fa fa-twitter fa_icon_share'/></a>
<a class='xosocial' expr:href='"https://plus.google.com/share?url=" + data:post.url + "&amp;t=" + data:post.title' target='_blank' title='Share This On Google'><i class='fa fa-google fa_icon_share'/></a>
<a class='xosocial' expr:href='"https://www.pinterest.com/pin/create/button/? url=" + data:post.url + "&amp;t=" + data:post.title' target='_blank' title='Pin This On Pinterest'><i class='fa fa-pinterest fa_icon_share'/></a>
<a class='xosocial' expr:href='"https://www.linkedin.com/shareArticle?url=" + data:post.url + "&amp;t=" + data:post.title' target='_blank' title='Share This On Linkedin'><i class='fa fa-linkedin fa_icon_share'/></a>
<a class='xosocial'
@CSElliyas
CSElliyas / related post.html
Created April 1, 2018 13:50
Related Post of Blogger
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!-- Related Post Start -->
<script type='text/javascript'>
//<![CDATA[
function related_results_labels(e){for(var l=0;l<e.feed.entry.length;l++){var t=e.feed.entry[l];relatedTitles[relatedTitlesNum]=t.title.$t;var r=e.feed.entry[l].media$thumbnail.url,a=r.replace("/s72-c/","/s100/");if(e.feed.entry[l].media$thumbnail)var r=e.feed.entry[l].media$thumbnail.url,a=r.replace("/s72-c/","/s100/");else if(null!=e.feed.entry[l].content.$t.match(/src=(.+?[\.jpg|\.gif|\.png]")/))var a=e.feed.entry[l].content.$t.match(/src=(.+?[\.jpg|\.gif|\.png]")/)[1];else var a="http://1.bp.blogspot.com/-a-3WZRtj7pw/VoxaVk-cPMI/AAAAAAAABMo/ivQ1HVw0ZME/s250-Ic42/no-thumbnail.png";relatedImage[relatedTitlesNum]=a;for(var n=0;n<t.link.length;n++)if("alternate"==t.link[n].rel){relatedUrls[relatedTitlesNum]=t.link[n].href,relatedTitlesNum++;break}}}function removeRelatedDuplicates(){for(var e=new Array(0),l=new Array(0),t=new Array(0),r=0;r<relatedUrls.length;r++)contains(e,relatedUrls[
@CSElliyas
CSElliyas / basic beautify css.css
Created May 24, 2018 14:03
basic beautify css
h1 {
display: block;
font-size: 2em;
-webkit-margin-before: 0.67em;
-webkit-margin-after: 0.67em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
font-weight: bold;
}
@CSElliyas
CSElliyas / basic minify css.css
Created May 24, 2018 14:04
basic minify css
b,h1,h2,h3,h4,strong{font-weight:700}dir,menu,ol,ul{display:block;-webkit-margin-before:1em;-webkit-margin-after:1em;-webkit-margin-start:0;-webkit-margin-end:0;-webkit-padding-start:40px}tbody,tr{border-color:inherit}td,th,tr{vertical-align:inherit}h1{display:block;font-size:2em;-webkit-margin-before:.67em;-webkit-margin-after:.67em;-webkit-margin-start:0;-webkit-margin-end:0}h2{display:block;font-size:1.5em;-webkit-margin-before:.83em;-webkit-margin-after:.83em;-webkit-margin-start:0;-webkit-margin-end:0}h3{display:block;font-size:1.17em;-webkit-margin-before:1em;-webkit-margin-after:1em;-webkit-margin-start:0;-webkit-margin-end:0}h4{display:block;-webkit-margin-before:1.33em;-webkit-margin-after:1.33em;-webkit-margin-start:0;-webkit-margin-end:0}address,cite,dfn,em,i,var{font-style:italic}ins,u{text-decoration:underline}code,kbd,samp,tt{font-family:monospace}blockquote{display:block;-webkit-margin-before:1em;-webkit-margin-after:1em;-webkit-margin-start:40px;-webkit-margin-end:40px}ol{list-style-type:decim
@CSElliyas
CSElliyas / Leverage Browsing Cache.html
Last active August 17, 2018 17:44
Leverage Browsing Cache for Blogger
To add a Leverage Browsing Cache in Blogspot Blog follow these steps:
Step 1: Login into your Blogger Account.
Step 2: Now Go to template of your Blogger and click on Edit Template.
Step 3: Find the <head> (it is called head tag)
Step 4: Just after the head tag paste the following code:
@CSElliyas
CSElliyas / related-post.js
Created September 12, 2018 06:03
var randomRelatedIndex,showRelatedPost;!function(e,t,a){var l={widgetTitle:"<h4>Related Posts:</h4>",widgetStyle:1,numPosts:6,summaryLength:370,titleLength:"auto",thumbnailSize:72,noImage:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAA3NCSVQICAjb4U/gAAAADElEQVQImWOor68HAAL+AX7vOF2TAAAAAElFTkSuQmCC",containerId:"related-post",newTabLink:!1,moreText:"Read More",callBack:function(){}};for(var i in relatedPostConfig)l[i]="undefined"==relatedPostConfig[i]?l[i]:relatedPostConfig[i];var s=function(e){var l=t.createElement("script");l.type="text/javascript",l.src=e,a.appendChild(l)},r=function(e){var t,a,l=e.length;if(0===l)return!1;for(;--l;)t=Math.floor(Math.random()*(l+1)),a=e[l],e[l]=e[t],e[t]=a;return e},n="object"==typeof labelArray&&labelArray.length>0?"/-/"+r(labelArray)[0]:"";randomRelatedIndex=function(e){var t,a,i=e.feed.openSearch$totalResults.$t-l.numPosts,r=(t=1,a=i>0?i:1,Math.floor(Math.random()*(a-t+1))+t);s(l.homePage.replace(/\/$/,"")+"/feeds/posts/summary"+n+"?alt=json-in-s
@CSElliyas
CSElliyas / djtemplate.js
Created October 30, 2018 15:23
!function(){for(var e,t=function(){},i=["assert","clear","count","debug","dir","dirxml","error","exception","group","groupCollapsed","groupEnd","info","log","markTimeline","profile","profileEnd","table","time","timeEnd","timeStamp","trace","warn"],n=i.length,o=window.console=window.console||{};n--;)o[e=i[n]]||(o[e]=t)}();var FlashDetect=new function(){var e=this;e.installed=!1,e.raw="",e.major=-1,e.minor=-1,e.revision=-1,e.revisionStr="";var t=[{name:"ShockwaveFlash.ShockwaveFlash.7",version:function(e){return n(e)}},{name:"ShockwaveFlash.ShockwaveFlash.6",version:function(e){var t="6,0,21";try{e.AllowScriptAccess="always",t=n(e)}catch(e){}return t}},{name:"ShockwaveFlash.ShockwaveFlash",version:function(e){return n(e)}}],n=function(e){var t=-1;try{t=e.GetVariable("$version")}catch(e){}return t},o=function(e){var t=-1;try{t=new ActiveXObject(e)}catch(e){t={activeXError:!0}}return t},a=function(t){return parseInt(t.replace(/[a-zA-Z]/g,""),10)||e.revision};e.majorAtLeast=function(t){return e.major>=t},e.minorAt
@CSElliyas
CSElliyas / gist:4d1efd206430a622b387e576db931635
Created November 5, 2018 11:55
jQuery.tocPlugin.js
jQuery.tableOfContents =
function (tocList) {
jQuery(tocList).empty();
var prevH2Item = null;
var prevH2List = null;
var index = 0;
jQuery("h2, h3").each(function() {
var anchor = "<a name='" + index + "'></a>";