April 2016 | Bloggerdaddy - A guide for new blogger

Mag Zilla Blogger Template

<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: center;">
<img alt="Mag Zilla Blogger Template. Free blogger template for magazine blogs and more. Best multipurpose Mag Zilla Blogger Template. Download latest templates for free." class="aligncenter wp-image-18794 size-full" height="195" sizes="(max-width: 680px) 100vw, 680px" src="https://gooyaabitemplates.com/download/Mag-Zilla-Blogger-Template.jpg" srcset="https://gooyaabitemplates.com/download/Mag-Zilla-Blogger-Template-300x183.jpg 300w, https://gooyaabitemplates.com/download/Mag-Zilla-Blogger-Template-450x275.jpg 450w, https://gooyaabitemplates.com/download/Mag-Zilla-Blogger-Template.jpg 680w" width="320" /></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
Mag Zilla blogger template is free blogger template for magazine blogs and more. Best multipurpose Mag Zilla Blogger Template. Download latest templates for free.</div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
 <b>Template Features:</b>
</div>
<div style="text-align: left;">
<b><br /></b></div>
<strong>Mag Zilla blogger <a href="http://blogerdaddy.blogspot.in/search/label/Template">template</a></strong> 2 sidebars
 on left one another one is right. This template amazing eye catching 
social bookmarking buttons and featured slider. Some more features are..
 2 Sidebars, Left and Right Sidebars, 3 Columns, 4 Columns Footer, Red, News, Tabbed <a href="http://blogerdaddy.blogspot.in/search/label/Widgets">Widget </a>Ready, Ads Ready, White, Clean, Red, Minimalist, <a href="http://www.bloggerdaddy.tk/2016/01/seo-search-engine-optimization-tools.html">SEO Ready</a>, Magazine, Free Premium, Right Sidebar, Post Thumbnails, Responsive, Social Bookmark Ready, Drop Down Menu.<br />
<br />
<div style="text-align: center;">
</div>
<div style="-webkit-text-stroke-width: 0px; color: black; font-family: 'times new roman'; font-size: medium; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; margin: 0px; orphans: auto; text-align: center; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;">
</div>
<br />
<div style="-webkit-text-stroke-width: 0px; color: black; font-family: 'times new roman'; font-size: medium; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; margin: 0px; orphans: auto; text-align: center; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;">
<div style="margin: 0px;">
<a href="http://gooyaabitemplates.com/livepreview/mag-zilla/" style="font-family: 'times new roman'; font-size: x-large;" target="_blank">Demo</a><span style="font-family: "times new roman"; font-size: large;"> | </span><a href="https://gooyaabitemplates.com/download/Mag-Zilla-Free-Version.zip" style="font-family: 'times new roman'; font-size: x-large;" target="_blank">Download</a></div>
<div style="margin: 0px;">
<br /></div>
<div style="margin: 0px; text-align: left;">
Download: <a href="http://www.bloggerdaddy.tk/2016/04/elearn-blogger-template.html">eLearn Blogger Template</a></div>
</div>
</div>

Template Mag Zilla Blogger Template

Mag Zilla blogger template is free blogger template for magazine blogs and more. Best multipurpose Mag Zilla Blogger Template. Downl...

eLearn Blogger Template

10:03:00 AM Bloggerdaddy 0

<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: center;">
<img alt="" class="aligncenter size-full wp-image-19239" height="195" sizes="(max-width: 680px) 100vw, 680px" src="https://gooyaabitemplates.com/download/eLearn-Blogger-Template.jpg" srcset="https://gooyaabitemplates.com/download/eLearn-Blogger-Template-300x183.jpg 300w, https://gooyaabitemplates.com/download/eLearn-Blogger-Template-450x275.jpg 450w, https://gooyaabitemplates.com/download/eLearn-Blogger-Template.jpg 680w" title="" width="320" /></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: left;">
eLearn Blogger Template is best place for download blogger template for your blogger blog. </div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
<strong>eLearn Blogger <a href="http://blogerdaddy.blogspot.in/search/label/Template">Template</a></strong> specially designed for educational. This template has login and register button so you can get registered users easily. Gallery, Education, Slideshow, Post Thumbnails, 4 Columns Footer, <a href="http://www.bloggerdaddy.tk/2015/12/how-to-add-e-mail-subscription-in-blog.html">Email Subscription</a> <a href="http://blogerdaddy.blogspot.in/search/label/Widgets">Widget Ready</a>, Social Bookmark Ready, Responsive, Ads Ready, Drop Down Menu, <a href="http://www.bloggerdaddy.tk/2016/01/seo-search-engine-optimization-tools.html">SEO Ready</a>, Portfolio, 1 Right Sidebar, 2 Columns, 1 Sidebar, Right Sidebar, Login Support, White.</div>
<div style="text-align: center;">
</div>
<div style="-webkit-text-stroke-width: 0px; color: black; font-family: 'times new roman'; font-size: medium; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; margin: 0px; orphans: auto; text-align: center; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;">
</div>
<br />
<div style="margin: 0px; orphans: auto; text-align: center; text-indent: 0px; widows: 1;">
<div style="-webkit-text-stroke-width: 0px; color: black; font-family: 'times new roman'; font-size: medium; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; margin: 0px; text-transform: none; white-space: normal; word-spacing: 0px;">
<br /></div>
<div style="-webkit-text-stroke-width: 0px; color: black; font-family: 'times new roman'; font-size: medium; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; margin: 0px; text-transform: none; white-space: normal; word-spacing: 0px;">
<a href="http://gooyaabitemplates.com/livepreview/elearn/" style="font-family: 'times new roman'; font-size: x-large;" target="_blank">Demo</a><span style="font-family: "times new roman"; font-size: large;"> | </span><a href="https://gooyaabitemplates.com/download/eLearn.zip" style="font-family: 'times new roman'; font-size: x-large;" target="_blank">Download</a></div>
<div style="-webkit-text-stroke-width: 0px; color: black; font-family: 'times new roman'; font-size: medium; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; margin: 0px; text-transform: none; white-space: normal; word-spacing: 0px;">
<br /></div>
<div style="margin: 0px; text-align: left;">
<span style="font-family: "times new roman";"><a href="http://www.bloggerdaddy.tk/2016/04/create-animated-gifs-in-browser-with.html">Create Animated GIFs in the Browser with HTML5 and Web Workers</a></span></div>
</div>
</div>

Template eLearn Blogger Template

eLearn Blogger Template is best place for download blogger template for your blogger blog. eLearn Blogger Template specially des...

How To Make A Link Button-Download button

11:16:00 AM Bloggerdaddy 0

<div dir="ltr" style="text-align: left;" trbidi="on">
Many bloggers think that how to make a link button ??? so friends here is new useful trick for "link button".<br />
<h2>
<a href="https://www.blogger.com/blogger.g?blogID=2318473155192028396" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><span style="background-color: black; color: red;">Demo Button Link </span></h2>
<div>
<form>
<input class="Bloggerdaddy" onclick="window.location.href='http://www.bloggerdaddy.tk/2016/04/how-to-make-link-button-download-button.html'" type="button" value="Your Text Here" />
</form>
<span style="color: yellow; font-size: large;"><b style="background-color: black;"><br /></b></span>
<span style="color: yellow; font-size: large;"><b style="background-color: black;">How to put button by using HTML code ?</b></span><br />
<b><span style="color: #351c75;"><span style="color: black; font-size: 12pt; font-weight: normal; line-height: 18.4px;"><b><span style="color: #351c75;"><br /></span></b></span></span></b>
<b><span style="color: #351c75;"><span style="color: black; font-size: 12pt; font-weight: normal; line-height: 18.4px;"><b><span style="color: #351c75;"> Paste The Following HTML code in your post </span></b></span></span></b><br />
<b><span style="color: #351c75;"><span style="color: black; font-size: 12pt; font-weight: normal; line-height: 18.4px;"><b><span style="color: #351c75;"><br /></span></b></span></span></b></div>
<div style="text-align: center;">
<span style="font-family: "calibri" , "sans-serif"; font-size: 11.0pt; line-height: 115%;"><span style="color: blue;"><u><strike></strike></u></span></span></div>
<div>
<span style="background-color: white; color: purple; font-size: large;"><b><u>HTML code</u></b></span></div>
<div>
<blockquote class="tr_bq">
<span class="navy"><form></span><span class="navy"><input</span>  <span class="green">class</span>="Bloggerdaddy" <span class="green">type</span>="button" <span class="green">value</span>="Your Text Here" <span class="green">onclick</span>="window.location.href='http://www.bloggerdaddy.tk/2016/04/how-to-make-link-button-download-button.html'" <span class="navy">/></span><span class="navy"></form></span></blockquote>
<h2 style="text-align: left;">
<span style="background-color: black; line-height: 115%;"><b><span style="color: yellow; font-size: large;">How to paste css code in blogger template ?</span></b></span></h2>
<div class="MsoNormal">
<span style="color: #7030a0; font-size: 12pt; line-height: 115%;"><b><br /></b></span></div>
<div class="MsoNormal">
<span style="font-size: 12pt; line-height: 115%;"><b><span style="color: #351c75;">Step 1 : Add The Css Code To Your Template<o:p></o:p></span></b></span></div>
<div class="MsoNormal">
<span style="font-size: 12pt; line-height: 115%;"><b><span style="color: #351c75;"><br /></span></b></span></div>
<div class="MsoNormal">
<b style="font-size: 16px; line-height: 18.4px;"><span style="color: #351c75;">Step 2 : </span></b><span style="font-size: 12pt; line-height: 115%;"><b><span style="color: #351c75;">Go To Blogger >> Template >> Backup Your Template<o:p></o:p></span></b></span></div>
<div class="MsoNormal">
<span style="font-size: 12pt; line-height: 115%;"><b><span style="color: #351c75;"><br /></span></b></span></div>
<div class="MsoNormal">
<b style="font-size: 16px; line-height: 18.4px;"><span style="color: #351c75;">Step 3 : </span></b><span style="font-size: 12pt; line-height: 115%;"><b><span style="color: #351c75;">Click Edit HTML >> Search For ]]></b:skin> <o:p></o:p></span></b></span></div>
<div class="MsoNormal">
<div class="separator" style="clear: both; text-align: center;">
</div>
<span style="font-size: 12pt; line-height: 115%;"><b><span style="color: #351c75;"><br /></span></b></span></div>
<br />
<div class="MsoNormal">
<b style="font-size: 16px; line-height: 18.4px;"><span style="color: #351c75;">Step 4 : </span></b><span style="font-size: 12pt; line-height: 115%;"><b><span style="color: #351c75;">Now Paste The Following code Above/Before ]]></b:skin><u><o:p></o:p></u></span></b></span></div>
<div class="MsoNormal">
<span style="color: #7030a0; font-size: 12pt; line-height: 115%;"><b><br /></b></span></div>
<span style="color: purple; font-size: large;"><b><u>CSS code </u></b></span><br />
<span style="color: purple; font-size: large;"><b><br /></b></span>
<br />
<blockquote class="tr_bq">
<strong>input.</strong><b>Bloggerdaddy</b> <strong class="blue">{</strong>
			width<span class="blue">: 200px;</span>
			padding<span class="blue">: 20px;</span>
			font-weight<span class="blue">: bold;</span>
			font-size<span class="blue">: 150%;</span>
			background<span class="blue">: #660099;</span>
			color: <span class="blue">#FFFFFF;</span>
			cursor: <span class="blue">pointer;</span>
			border<span class="blue">: 1px solid #009999;</span>
			border-radius<span class="blue">: 10px;</span>
			-webkit-box-shadow<span class="blue">: 6px 6px 5px #009999;</span>
			-moz-box-shadow<span class="blue">: 6px 6px 5px #009999;</span>
			box-shaddow<span class="blue">: 6px 6px 5px; #009999;</span><strong class="blue">}</strong><strong>input.</strong><span class="blue"><b>Bloggerdaddy</b>:</span><strong class="red">hover</strong> <strong class="blue">{</strong>
		color<span class="blue">: #99FF00;</span>
		background<span class="blue">: #0033CC;</span>
		border<span class="blue">: 1px solid #A3A3A3;</span>
		-webkit-box-shadow<span class="blue">: 2px 2px 5px #666666;</span>
		-moz-box-shadow<span class="blue">: 2px 2px 5px #666666;</span>
		box-shaddow<span class="blue">: 2px 2px 5px; #666666;</span><strong class="blue">}</strong></blockquote>
<b style="font-size: 16px; line-height: 18.4px;"><span style="color: #351c75;">Step 5 :</span></b><span style="color: #351c75;"> <b>Click on Save template button and its done. </b></span></div>
</div>

Tips Tools Tricks Widgets How To Make A Link Button-Download button

Many bloggers think that how to make a link button ??? so friends here is new useful trick for "link button". Demo Button Link ...

Create Animated GIFs in the Browser with HTML5 and Web Workers

5:24:00 PM Bloggerdaddy 0

</script> 
</head>
<body>
	<h1>Create Animated GIFs in the Browser with HTML5 and Web Workers</h1>
	<p>Drop a video. Select playback speed. Press "start GIF frames" to begin capturing images and "end GIF frames" to finish and process the video frames into an Animated GIF. <a href="#">Back to Article</a></p>
	<br>

<div id="drop">
	DROP!<button onclick="document.querySelector('input').click()">Or Select</button>
	<input style="visibility: collapse; width: 0px;" type="file" onchange="upload(this.files[0])">
	<button id="start-button">start GIF frames</button>
	<button id="end-button">End GIF frames</button>
	<button id="sample-button">Try Sample File</button>

<label>Speed</label>
	<input type="range" id="speed" min="30" max="1000" step="1" value="100">
	<span id="speedrate">100</span>
</div>

<h3>Video:</h3>
<canvas id="c"></canvas>

<h3>Animated GIF:</h3>
<a download="" href="" id="link"><img id="image" src=""></a>

var worker = new Worker('w.js');

var URL = window.URL || window.webkitURL;
if (!URL) {
	document.getElementById("output").innerHTML = 'Your browser is not <a href="http://caniuse.com/bloburls">supported</a>!';
} else {

worker.addEventListener('message', function(e) {
  	document.getElementById("output").innerHTML = "Done. Look below.";
  	image.src = e.data;
}, false);

var start = document.getElementById("start-button");
var end = document.getElementById("end-button");
var sample = document.getElementById("sample-button");
var image = document.getElementById('image');
var speed = document.getElementById("speed");
var speedrate = document.getElementById("speedrate");

var flag = false;
var delay = 100; //default speed

//control play speed
speed.addEventListener('change', function(){
	var s = this.value;
	delay = s;
	speedrate.innerHTML = s;
}, false);

var v = document.getElementById("v");
var canvas = document.getElementById('c');
var context = canvas.getContext('2d');
var cw,ch;

v.addEventListener('play', function(){
	cw = v.clientWidth;
	ch = v.clientHeight;
	canvas.width = cw;
	canvas.height = ch;
	draw(v,context,cw,ch);
},false);

sample.addEventListener('click', function(){
	v.src = 'small.webm';
},false);

start.addEventListener('click', function(){
	flag = true;
	worker.postMessage({delay:delay,w:cw,h:ch});
	document.getElementById("output").innerHTML = "Capturing video frames.";
},false);

end.addEventListener('click', function(){
	flag = false;
	worker.postMessage({});
	document.getElementById("output").innerHTML = "Processing the GIF.";
},false);

/* Drag drop stuff */
    window.ondragover = function(e) {e.preventDefault()}
    window.ondrop = function(e) {
	    e.preventDefault();
	    document.getElementById("output").innerHTML = "Reading...";
	    var length = e.dataTransfer.items.length;
	    if(length > 1){
	    	document.getElementById("output").innerHTML = "Please only drop 1 file.";
	    } else {
	    	upload(e.dataTransfer.files[0]);
	    }
	}

/* main upload function */
    function upload(file) {

//check if its a video file
    	if(file.type.match(/video\/*/)){
    		/*
	    	oFReader = new FileReader();
	        oFReader.onloadend = function() {

document.getElementById("output").innerHTML = "";

var blob = new Blob([this.result], {type: file.type});
	        	var url = URL.createObjectURL(blob);

v.src = url;
	        };
	        //oFReader.readAsBinaryString(file);
	        oFReader.readAsArrayBuffer(file);
	        */

//why read the whole video into memory when you can stream!!
	        document.getElementById("output").innerHTML = "";
	        var url = URL.createObjectURL(file);
	        v.src = url;

} else {
        	document.getElementById("output").innerHTML = "This file does not seem to be a video.";
        }
    }

}
</script>

Tools Create Animated GIFs in the Browser with HTML5 and Web Workers

Create Animated GIFs in the Browser with HTML5 and Web Workers Drop a video. Select playback speed. Press "start GIF frames...

Animated Social Sharing Widget with Cool Hover

12:07:00 PM Bloggerdaddy 0

<div dir="ltr" style="text-align: left;" trbidi="on">
<h3 class="mystyle" style="text-align: center;">
<div style="text-align: left;">
hey guys here is a another post. sharing with you all a cool social bookmarking widgets.it simply looks awesome with a smooth performance, enhances the beauty and make it more attractive to your blog readers.</div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiT6bdK3a4BHupLt8gho6UEBS_RdTljDz0RykFZwyB7eftLv6td4oX0aRDcjWoQCyZ0dw0AjwGbYaw-MX3n8nm2Bf76osHtXNCSEEwyuM0iyFgds0yhs6Swl6ttMs7-Jx_iRRXUJ2eF1_U/s1600/222222.png" imageanchor="1"><img border="0" height="236" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiT6bdK3a4BHupLt8gho6UEBS_RdTljDz0RykFZwyB7eftLv6td4oX0aRDcjWoQCyZ0dw0AjwGbYaw-MX3n8nm2Bf76osHtXNCSEEwyuM0iyFgds0yhs6Swl6ttMs7-Jx_iRRXUJ2eF1_U/s320/222222.png" width="320" /></a> </div>
</h3>
<h3 class="mystyle" style="text-align: center;">
<span style="background-color: black; color: yellow;">How to Add Animated Social Sharing Widget to blogs?</span></h3>
<div>
<span style="background-color: black; color: yellow;"><br /></span></div>
<div>
<h4>
<span style="background-color: yellow; color: red;">Adding to WordPress!</span></h4>
<ul>
<li class="first"><b>Go To Your dashboard, Then Click On Appearance and then Navigate To Editor.</b></li>
<li><b>Now on The Right Side you can a list of template files, move your mouse to footer.php and then click on that</b></li>
<li><b>As Soon the page loads completely, Press CTRL+F and Find <em></body></em></b></li>
<li><b> Now be careful and paste the below code just about it !</b></li>
<li class="last"><b>Hit on Update File, Now Visit Your WordPress Blog ! You can see it located on The Bottom Left</b></li>
</ul>
<h4>
<span style="background-color: #f1c232; color: red;">Adding to Blogger/Blogspot</span></h4>
<ul>
<li class="first"><b>Go to Blogger Dashboard > Template</b></li>
<li><b>Take a backup of your template.</b></li>
<li><b>Now find for below code in your template <span style="color: purple;"></body></span></b></li>
<li class="last"><b>Add below piece of code just above/before of above code.</b></li>
</ul>
<blockquote>
<br />
<div class="shr_ss shr_publisher"><br />
</div><br />
<br />
<br />
<script type="text/javascript"><br />
  var SHRSS_Settings = {"shr_ss":{"src":"//dtym7iokkjlif.cloudfront.net/media/downloads/sassybookmark","link":"","service":"5,7,2,313,38,201,88,74","apikey":"b87f5899d80a5edce8b5e55f58542ef0f","localize":true,"shortener":"bitly","shortener_key":"","designer_toolTips":true,"tip_bg_color":"black","tip_text_color":"white","viewport":true,"twitter_template":"${title} - ${short_link} via @Shareaholic"}};<br />
  </script><br />
 <br />
<br />
<script type="text/javascript"><br />
       (function() {<br />
            var sb = document.createElement("script"); sb.type = "text/javascript";sb.async = true;<br />
            sb.src = ("https:" == document.location.protocol ? "https://dtym7iokkjlif.cloudfront.net" : "http://cdn.shareaholic.com") + "/media/js/jquery.shareaholic-publishers-ss.min.js";<br />
            var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(sb, s);<br />
        })();<br />
        </script><br />
</blockquote>
<a href="http://www.bloggerdaddy.tk/2016/03/glam-up-blogger-template.html"><br /></a>
<a href="http://www.bloggerdaddy.tk/2016/03/glam-up-blogger-template.html">Glam Up Blogger Template</a></div>
</div>

Widgets Animated Social Sharing Widget with Cool Hover

hey guys here is a another post. sharing with you all a cool social bookmarking widgets.it simply looks awesome with a smooth performance...

Mag Zilla Blogger Template

eLearn Blogger Template

How To Make A Link Button-Download button

Create Animated GIFs in the Browser with HTML5 and Web Workers

Animated Social Sharing Widget with Cool Hover

Popular Posts

COMMENT

Blog Archive