Showing posts with label html. Show all posts
Showing posts with label html. 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. 


Thursday, 12 December 2013

Top 5 Best Free HTML Templates


Download top five(5) best HTML templates, FREE! for your web pages, server and more. Credit to the makers.

1. Deep Red

Download :-
Link 1 : [MEGA]
Link 2 : [Dropbox]
Link 3 : [Google Drive]












2. Eco

Download :-
Link 1 : [MEGA]
Link 2 : [Dropbox]
Link 3 : [Google Drive]













3. Effekt

Download :-
Link 1 : [MEGA]
Link 2 : [Dropbox]
Link 3 : [Google Drive]













4. Kids

Download :-
Link 1 : [MEGA]
Link 2 : [Dropbox]
Link 3 : [Google Drive]













5. PaperMag

Download :-
Link 1 : [MEGA]
Link 2 : [Dropbox]
Link 3 : [Google Drive]











How to create Web Server (Windows 7) : [Click Here]
How to create Web Server (Windows 8/8.1) : [Click Here]
That's it. Have fun. Check out other tutorial in the sitemaps! Thank you.
How to download? [Click Here]

Wednesday, 11 December 2013

How To Create HTML Files Easily


Creating HTML is easy, if you know what you doing. For people like me, I'm also not so good in editing html (still learning). So today, I'm gonna show you the easiest way for lazy people like me editing HTML.

(Offline Method)
1. Notepad (Well most beginner user don't know, right?)

-Type anything in the notepad and save as (select type : All files) and make sure the last input is .html at the name.


-This is the standard html editor.. in history. Nowadays, there's ton of software for editing html.






(Online Method)
2. quackit.com (Easier, fun and you can even create tables, form, etc in html)

-Edit, create anything, put everything to the html easily, they even gave out to you some sample templates if you want (at the option)

-After you've finished editing, check at left top corner, click on "Source" and select all, copy and paste to notepad and save as .html format. (see first picture)





What the use of this html? For Website :-
Windows 7/8 Web Server : [Click Here]
Windows 7/8 FTP Server : [Click Here]

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