Showing posts with label javascript. Show all posts
Showing posts with label javascript. Show all posts

Thursday, 6 February 2014

How to Make Colourful Link Blogger (Rainbow Link)


This works on Firefox since Chrome has some bugs in JavaScript.

1. Go to Dashboard > Layout > Add widget > HTML/JavaScript

2. Copy this code, click to view : [Click Here]

3. Paste the code in the HTML/JavaScrupt widget and save. Done!

Sunday, 15 December 2013

How To Create Image Slider Blogger (JavaScript)


Pure JavaScript slider, no watermark or back-link to creator website. Why? Because I've edited the script for all user to freely use without problem. The slider looks cool. Click demo below to see example.
View DEMO
1. Click to : [View the Code]
2. Go to Dashboard > Layout > Add Widget > HTML/JavaScript. Copy and paste the code in the box.

3. Edit the code (you also can edit the code via notepad or in the widget box). Use notepad much easier.
as you can see :-
LINK1 = your blog post link
IMAGE-LINK1 = your direct link of the image for slider (must be sized to 700 width x 306 height)
about the #htmlcaption1 = if you want to put your text has different link.
View DEMO

4. Now you can save the widget. Hopefully it's working. You're done. 


Tuesday, 10 December 2013

How To Upload and Host HTML, CSS and Javascript Files


For those who want to share or host the HTML, CSS or Javascript to use in blog, widget, etc. Follow this simple trick (step by step with picture) using Google Drive (because it's free!)

1. Go to Google Drive and sign in using Google Account.









2. Upload your files (example : HTML, CSS or JS.) to the drive. Then, click on Share.

3. Click on Change and click on Public on the web, save.

4. Now, open the link in new tab.


Please READ carefully
5. After you open the link, COPY THE ID of the item. (example : 0Byc6OZ6ZvA6NZXl1eU9PWk9oQUE)

6. Now, change the URL and paste the ID you've copied : googledrive.com/host/PASTE-ID-HERE
You're done!
Tips :-
a) The link is permanent (unless you delete the item, move the item)
b) Save the link in notepad or another places because the link is not saved in your Google Drive.
c) If you don't want to save the link, make sure you know how to copy ID and use googledrive.com/host/
d) To use the link in widget or etc, use <script src="Link-Here" type="text/javascript"></script>

Watch Video