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!
Labels:
blogger,
blogger tips,
colourful link,
css,
how to,
html,
javascript,
rainbow link
Sunday, 15 December 2013
How To Create Image Slider Blogger (JavaScript)
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.
Labels:
blogger,
blogger tips,
css,
free,
html,
image slider,
javascript,
manage images,
slider
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
Subscribe to:
Posts (Atom)

