Skip to content

Instantly share code, notes, and snippets.

View himstar's full-sized avatar
:octocat:
Millions of open mind can't be wrong - Open Source

Himanshu Dhiraj Mishra himstar

:octocat:
Millions of open mind can't be wrong - Open Source
8 followers · 3 following
View GitHub Profile
@himstar
himstar / index.html
Created September 25, 2019 10:53
JS Bin // source https://jsbin.com/huzopam
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
</head>
<body>
<script id="jsbin-javascript">
@himstar
himstar / custom-react-webpack-config.js
Last active July 11, 2017 01:40
var webpack = require("webpack");
module.exports = {
entry: {
"react-reading-time": [
"webpack-dev-server/client?http://localhost:8881/",
"webpack/hot/only-dev-server",
"./example/react-reading-time.jsx"
] },
output: {
path: __dirname,
@himstar
himstar / blogger-post-awesome-slider.html
Last active March 2, 2021 00:43
Blogger Awesome Feed Post Slider
<div class="terbaru-container">
<div id="featuredpostside"></div>
</div>
<style>
.terbaru-container {
background: #fff;
width: 340px;
margin: 5% auto;
padding: 10px;
@himstar
himstar / pure-css-menu.css
Created June 5, 2016 07:20
Pure CSS Menu
ul.nice-menu {
list-style: none;
margin-top: 30px;
width: 300px;
}
@-moz-keyframes expand {
0% {
width: 5px;
padding-left: 0px;
@himstar
himstar / Mandrill-Smtp-PhpMailer.php
Created February 7, 2016 20:44
Mandrill Smtp PhpMailer Easy
<?php
include ("lib/PHPMailerAutoload.php");
$sen_name = "";
$sen_email = "";
$rec_email = "";
$email_sub = "";
$box_msg = "";
$mail = new PHPMailer();
@himstar
himstar / Convert Blogger Template to Contact Form.html
Last active August 29, 2015 14:26
Convert Blogger Template to Contact Form
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html b:version='2'>
<head>
<meta content='width=device-width, initial-scale=1, maximum-scale=1' name='viewport'/>
<title><data:blog.pageTitle/></title>
<b:include data='blog' name='all-head-content'/>
<link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'/>
<link href='//netdna.bootstrapcdn.com/bootstrap/3.0.2/css/bootstrap.min.css' rel='stylesheet'/>
@himstar
himstar / Beautiful Horizontal Random Post Widget For Blogger.html
Created August 6, 2015 12:51
Beautiful Horizontal Random Post Widget For Blogger
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type='text/css'>
#random-posts {float: center;text-transform: none;width:622px;height: 100px;background-color: #000;box-shadow: 0 0 0 1px white inset;-moz-box-shadow: 0 0 0 1px #fff inset;-webkit-box-shadow: 0 0 0 1px white inset;padding: 5px;margin-left:-10px;}
#random-posts li{float:left;list-style:none;position:relative}
#random-posts li:last-child{margin-right:0}
#random-posts li img{width:110px;height:105px;padding:5px;border:2px solid #F7F0F0;}
#random-posts li img:hover {background-color: #0083DB;color: white; font-weight: bold; text-decoration: initial;}
#random-posts li .rp_animation{position:absolute;width:300px;top:-200px;z-index:2;background-color:#000;padding-left:18px;padding-right:8px;font-size:120%;color:#ffffff;border:1px solid white;transition:all 0.6s cubic-bezier(1,2,0,0) 0s;-moz-transition:all 0.6s cubic-bezier(1,2,0,0) 0s;-webkit-transition:all 0.6s cubic-bezier(1,2,0,0) 0s;-o-transition:all 0.6s cubic-bezier(1,2,0,0) 0s;visibil
@himstar
himstar / Simple Drop Down Menu For Blogger.html
Created August 4, 2015 17:45
Simple Drop Down Menu For Blogger
<style> /*Start Css Menu*/
.menu {
border: none;
border: 0px;
margin: 0px;
padding: 0px;
font-family: verdana,geneva,arial,helvetica,sans-serif;
font-size: 14px;
font-weight: bold;
color: 8e8e8e;
@himstar
himstar / Facebook-Floating-Plugin.html
Created August 2, 2015 21:18
Facebook-Floating-Plugin
<script type="text/javascript">
jQuery(document).ready(function() {jQuery(".abtlikebox").hover(function() {jQuery(this).stop().animate({right: "0"}, "medium");},
function() {jQuery(this).stop().animate({right: "-250"}, "medium");}, 500);});</script>
<style type="text/css">
.abtlikebox{background: url("http://works.tricksway.com/Floating-Facebook/img/facebook.png") no-repeat scroll left center transparent !important;
float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;
position:fixed;right:-250px;top:20%;}
.abtlikebox div{ padding: 0; margin-right:-8px; border:4px solid #3b5998; background:#fafafa;}
.abtlikebox span{bottom: 4px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;
position: absolute;right: 6px;text-align: right;z-index: 99999;}
@himstar
himstar / Twiiter-Flying-Widget
Created August 1, 2015 18:39
Twitter-Fliying-Widget
<script src="http://yourjavascript.com/1523826141/Flying twitter bird.js" type="text/javascript"></script>
<script type="text/javascript"> var twitterAccount = "Add your Twitter name here";var tweetThisText = " <data:blog.pageTitle/>: <data:blog.url/> ";tripleflapInit(); </script>
<span style="font-size: 11px; position: absolute;"></span>