Monday

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.
LOL


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://http://www.editweaks.com/2012/03/4-simple-htmljavascripts-for-your-blog.html" title="Grab This Widget">GRAB THIS HEADLINES </a><a href="http://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
src=”http://mydomainaddress.com/feeds/posts/default 

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 ;)

    ...



    Why Not Share This Post? It Takes Just A Second!!


    Author: Edi Dominic Ifediri

    Best described as a geek with a mixture of skills in drawing comics, Content-Writing, Computing and Mobile technology, this was due to his passion for Arts and Sciences since the age of 14 that he kicked off with the mobile web. He is the Founder/Chief-Editor at EdiTweaks which had almost been noticed as one of Nigeria's Best Tech blogs
    You can add me on Facebook., follow my updates on Twitter or your Connections on LinkedIn
    By the way, if your website/blog needs some tweaking, custom design or Optimization, you can Contact me here

    Come on, hit us with a Comment. Love to hear what you think!

    6 comments:

    1. Great piece bro. Very well written

      ReplyDelete
    2. Thank you @Aunty Chi, and thanks for dropping by

      ReplyDelete
    3. Love this bro, keep them coming

      ReplyDelete
    4. 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: www.questechie.com/2009/02/canonical-tag-to-help-search-engines.html

      ReplyDelete
    5. nice blog bro and also a nice post you have got here. you can also view min. www.slimbpublication.blogspot.com

      ReplyDelete
    6. nice one Bro, I'll try some of them out, thanks
      www.legitstuffs.com

      ReplyDelete


    Your Comments are Welcome.
    You can Use Google Account To Leave a Comment, if You don't have a Google Account, You can add only Your Name, Click COMMENT AS >> Select NAME/URL >> Put your Name, (Leave URL empty if you don't have a website) >> then Write Your Comment in the Comment box and click Publish.

    If you're here to Spam, Sorry, it won't work.

    Let's enjoy and have a Reasonable conversation.
    Thank You.