English French German Spain Italian Dutch Russian Brazil Japanese Korean Arabic Chinese Simplified
Translate Widget by Google

How to make a spinning label cloud

How to Make a Label Tag Cloud Spins - You must be very familiar with the label right? Labels are grouping blog posts in one category, and then usually in pairs or perhaps in the sidebar at the bottom of the template.

How to prevent others from copy-paste the site content

Nowadays blogger/programmers, not all of them are very kind/polite on doing their script/programme. Some of them just copy and paste and then edit theresome, and then, they say that the programme are theirs.

How to make Handy Translator

Is this what you guys wanted to?? This is such an handy translator compatible for blogger, that might want to appreciate their reader/customer/client that come from other country .

How to make a Sitemaps Categorized by Date

As time passed, many script writers / programmers make a good script. Today, I'm going to share my knowledge about sitemap.

Energy Saver

The script will automaticly deem out your screen when you "Do Nothing" at the webpage. Just like mine, I did it to this blog (http://scripterzone.blogspot.com).

Tuesday, 29 October 2013

Add to Blogger Button Generator

Enter Widget Title


Enter Your Blog Url


Enter Your Logo Image Logo Url


Paste The Widget Content Value (HTML/Javascript)


Copy The Form & Paste In Post 



© 2011 - 2012 BTSNTS. All Rights Reserved.

HTML Code Encoder




© 2011 - 2012 ScripterZone. All Rights Reserved.
Content On this page can not be republished

How to Create Your Own "Add to Blogger" Button

Yesterday, I've been emailed by a visitor that requesting for a button called "Add to Blogger". This button will automatically generate the attached HTML/Javascript once the visitor click the button.

In this button, the webmaster/developer has attached the script along with it and when the visitor click at the "Add Widget" button, the script will be attached into the visitor blog.

How to Create Your Own "Add to Blogger" Button

Above page is what will be shown when you click this button:

How to create it?? 
How to change the HTML/Javascript??

<!-- scripterzone.blogspot.com Create "Add to Blogger" button starts -->
<form action="http://www.blogger.com/add-widget" method="POST">
<input name="widget.title" type="hidden" value="Blogger Button Created" />
<input name="widget.content" type="hidden" value="   
&lt;!-- Your HTML/JAVASCRIPT content goes here start --&gt;
&lt;script type=&quot;text/javascript&quot;&gt;
function {
}
&lt;/script&gt;
&lt;!-- Your HTML/JAVASCRIPT content goes here endd --&gt;
" />
<input name="widget.template" type="hidden" value="&lt;data:content/&gt;" />
<input name="infoUrl" type="hidden" value="http://scripterzone.blogspot.com" />
<input name="logoUrl" type="hidden" value="http://scripterzone.blogspot.com/favicon.ico" />
<input alt="Add to Blogger" src="http://3.bp.blogspot.com/-ub5HbHnGYH0/TwFxvqptPqI/AAAAAAAAAOY/0xKfTXJ2xRg/s320/btsnts_add_to_blogger.gif" type="image" />
</form>
<!-- scripterzone.blogspot.com Create "Add to Blogger" button ends -->

CUSTOMISATION
  1. Line 3: Change the value to your desired widget title
  2. Line 5 - 10: Change the HTML/Javascript to your own. MAKE SURE it has encoded!! Here is the simple link for you to encode your javascript replace it from line 5 - 10. Click here
  3. Line 13: Change it to your own blog/website
  4. Line 14: Change it to your own logo/image

Monday, 21 October 2013

How To Change Default Title Tag on Blogger for SEO



How To Change Default Title Tag on Blogger for SEO

This Tip will change the Blogger's title tag to help amplify relevant keywords to your blog which improve the search engine ranking of your blog.

How To Change Default Title Tag on Blogger for SEO

Follow this below steps:
1. Go to Dashboard ->> Template ->> "Edit HTML"
2. Now, FIND the code <title><data:blog.pageTitle/></title>
3. Now REPLACE above line with below code.
<!-- Start scripterzone.blogspot.com: Changing the Blogger Title Tag  -->
 <b:if cond='data:blog.pageType == "index"'>
 <title><data:blog.pageTitle/></title>
 <b:else/>
 <title><data:blog.pageName/> ~ <data:blog.title/></title>
 </b:if>
<!-- Enddd scripterzone.blogspot.com: Changing the Blogger Title Tag  -->
4. Save template
5. YOU ARE DONE!! :)
In the highlighted code, at line number 5, you can see the "~" sign. You can change it to another symbol such as "-" or "=". But, i didnt even try to change it. Just lemme know if it is working fine :)

Wednesday, 16 October 2013

ok x

   
<!-- Alphabetical/chronological Post Title Listing with comment count Start -->
<script type="text/javascript">
function getYpipeTL(feed) {
 document.write('<ul style="font-weight:bold">');
 var i;
 for (i = 0; i < feed.count ; i++)
 {
var href = "'" + feed.value.items[i].link + "'";
var pTitle = feed.value.items[i].title;
var pComment = " \(" + feed.value.items[i].commentcount + " comments\)";
var pList = "<li>" + "<a href="+ href + '" target="_blank">' + pTitle;
 document.write(pList);
 document.write(pComment); //to remove comment count delete this line
 document.write('</a></li>
');
 }
 document.write('</ul>
');
 }
 </script>
 <!-- Alphabetical Post Title Listing End -->    

Widget Settings
Your Feedburner ID
Your Twitter Username



Copyright © 2012 All Rights Reserved by Rahul Ippar @ Helper Blogger









Related Post With Thumbnails



Example from http://filmmovies4u.blogspot.com

Displaying the links to related posts along with a thumbnail of the corresponding post will help you increase the page views/user .Users will be tempted to go for the related posts when they are presented attractively with thumbnails.

This is another first release from me.This one also uses the media thumbnails generated by blogger for each post.

For displaying the thumbnails,this widget will use the images uploaded for the post using the blogger image uploader(from the post editor) [Update - Now supports external images also.]

  1. Go to Dashboard ->> Template ->> "Edit HTML"
  2. Now, find the code </head>
  3. Copy and paste all of the code from the code-head snippet below, then put the code BEFORE the </head> tag.
  4. Ok. After that...
  5. Now find <div class='post-footer-line post-footer-line-1'> or If you cant find it then try finding this one <p class='post-footer-line post-footer-line-1'>
  6. Now immediately after any of these lines (whichever you could find) copy and paste all of the code from the code-footer snippet below.
  7. Save template
  8. YOU ARE DONE!!

CODE HEAD SNIPPET

Put this code BEFORE the </head> tag:
<!-- Related Posts with Thumbnails Code Start-->
<!-- remove --><b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != &quot;true&quot;'>
</b:if>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=10&quot;' type='text/javascript'/></b:loop>
<script type='text/javascript'>
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs(&quot;<data:post.url/>&quot;);
</script>
</div><div style='clear:both'/>
<!-- remove --></b:if> 

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<b:if cond='data:post.isFirstPost'>
</b:if></b:if>
<!-- Related Posts with Thumbnails Code End-->

<textarea rows="4" cols="50">
At w3schools.com you will learn how to make a website. We offer free tutorials in all web development technologies.
</textarea>


  1. Try it yourself »


CODE FOOTER SNIPPET

Put this code AFTER those line:
<!-- Related Posts with Thumbnails Code Start-->
<!-- remove --><b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != &quot;true&quot;'>
</b:if>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=10&quot;' type='text/javascript'/></b:loop>
<script type='text/javascript'>
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs(&quot;<data:post.url/>&quot;);
</script>
</div><div style='clear:both'/>
<!-- remove --></b:if> 

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<b:if cond='data:post.isFirstPost'>
</b:if></b:if>
<!-- Related Posts with Thumbnails Code End-->

Customisation:

  1. Change the 6 value from max-results=6 with the number of posts you want to be displayed.
  2. If you want the related posts to be displayed on homepage too, remove the code in violet.

  1. Try it yourself »