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. Download latest templates for free. Template Features: Mag Zilla blogger template 2 sidebars on left one another one is …

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 designed for educational. This template has login and register button so you can get registered users easily. Gallery, Educ…

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 How to put button by using HTML code ? Paste The Following HTML code in your post

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 id="link" href="" download=""><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" to begin capturing images and "end GIF frames" to finish and process the video frames into an Animated GIF. Back to Artic…

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, enhances the beauty and make it more attractive to your blog readers. How to Add Animated Social Sharing Wid…

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