4 Simple HTML/JavaScripts For Your Blog & Websites

HTMLs are the basis of what makes up webpages in our websites or blogs, yet, it’s a fact that there are more programming languages standing as the backbone of how webpages look, examples of such languages are CSS, and of cause, other progamming Scripts.
 We may call most of them scripts because they have to be systematically written but there are Typical ones like JavaScripts, PHP, MySQL,and so on, which also work hand in hand with our precious HTML, don’t mind my grammars, I guess I’m talking like I even knew this things at all.

Here and now, I will be sharing with us, 4 simple to Use Scripts with their functions, which we can apply to our blogs or websites, most of them works with Blogger, but those that work for other platforms apart from Blogger definitely works well.

1. Headline Widget for Blogger Blog

Most Widgets, if not all, comes in Javascripts and thats’s why I included it to the list, this widgets (script) lets you furnish your blog page by displaying animated Recent posts you made on the blog, thereby keeping your Visitors Updated and also making them spend more time navigating the Blog posts showing in that same Header.

1. Go to your Blogger Dashboard > your blog’s Layout > Page Element > Add a Gadget > choose HTML/JavaScript.
2. Copy and paste the code below into the new HTML/JavaScript.

<script style=”text/javascript” src=”http://www.presssalad.com/filecab/headlines.js”></script><script style=”text/javascript”>var numposts = 5;var showpostdate = false;var showpostsummary = true;var numchars = 80;var standardstyling = true;</script><script src=”http://mydomainaddress.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts”></script><scriqt><br /> <ul><span style=”font-size:55%;font-family:verdana,tahoma,arial;”>↑ <a href=”http://https://www.editweaks.com/2012/03/4-simple-htmljavascripts-for-your-blog.html” title=”Grab This Widget”>GRAB THIS HEADLINES </a><a href=”https://www.editweaks.com/2012/03/4-simple-htmljavascripts-for-your-blog.html” title=”HEADLINES WIDGET”>WIDGET</a></span></ul><br /> </script>

3. In the above code, look for


Replace ” mydomainaddress.com” with your own website Address

4. Give the Widget a Title (Optional) and Save.
This particular widget is normally sticked to the Top of the page for Visitor’s easier accessibility, so, after creating the widget, simply drag it top Top most part in your Page Elements and we are done.

2. The URL Redirect Script

Implementing this script will automatically redirect one blog/website to another Address, you’ll be needing it if had moved from an Old blog/website to a New one, all you need do is copy and Paste the script in the HEAD section of the old blog

Use these Easy Steps
>Login to your Blogger Dashboard, Go to Design > Edit HTML >HTML Template or Website template
>Find the Tag </head> using the CTRL + F function on your Keyboard
> Copy and Paste this code just above the head tag

<meta HTTP-EQUIV=’REFRESH’ content=’0; url=http://my-new-blog-adress’/><br /> <meta content=’NOINDEX, NOFOLLOW’ name=’ROBOTS’/>

Replace my-new-blog-address with the New one you want your visitors to start seeing.
There is also a way of Redirecting Individual Blog posts which a great friend of mine explained Here

3. The Scroller Script

The Scroller Script comes in JavaScripts and HTMLs, though the javascript is kinda nice but I will be sharing that of HTML, precisely called MARQUEE Tag, because it’s very much easier to understand and use, implementing this script will Animate your texts, making them move from one side of the web/blog page to the other.
It designs and adds more life to your pages,

  • Copy and paste the codes below in your template section where you want it to display

<h1><marquee bgcolor=”yellow” direction=”right” scrollamount=”3″>Your text here</marquee></h1>

Extra Tip

You can customise it to your taste by adjusting the code elements painted in red below
<h1> h= Header, 1= size (HEADER TEXT SIZE), increasing the number to 2 or more, will reduce the Text size
bgcolor=”yellow”  (BACKGROUND COLOR)
direction=”right”   (DIRECTION YOUR TEXT SHOULD GO)
scrollamount=”3”  (SPEED OF THE TEXT)

  • Below is a Preview of what the codes will produce on your webpage
  • Your text here

    4. Numbered Page Navigation Widget

    A very simple yet quite hard-to-get widget for numbering your Pages on Blogger, we all know by default, Blogger doesn’t come with this widget, rather you see links with names : Newer and Older beneath your pages, this widget will help get rid of that, hence make Navigation easier for you and your site visitors
    1. Login to your Blogger Dashboard
    2. Go to Design >> Page Elements
    3. Click Add Gadget >> HTML/JavaScript
    4. Now Copy and Paste the Codes in the box below into it

    Extra Tip

    You can change the Numbers displayed in the Navigation button
    In the codes Find (CTRL + F)         var pageCount=1;
                                                                 var displayPageNum=5
    You only need to change the numbers coloured red to your taste to make your site beautiful .
    As time goes on I will be sharing more posts related to this, so you won’t need to go through stress when trying to apply them for your blog or website. Hope you find these we have listed above  easy and useful in one way or the other, you can still take a second to share it with friends using our Social buttons below. It takes nothing less than 5 seconds to do that. Yep 😉

    1. nice blog bro and also a nice post you have got here. you can also view min. http://www.slimbpublication.blogspot.com

    2. Great tips! But, as for moving to a new website/blog from an already established old one, the major search engines already has an official tag to use to designate the site you want indexed as per duplicate contents. It's called 'Canonical Tag' – Read More: http://www.questechie.com/2009/02/canonical-tag-to-help-search-engines.html

    Leave a Reply

    Your email address will not be published. Required fields are marked *

    You May Also Like