CSS List Style with Image

With CSS you can set the list of different markers in both the ordered list (indicated using numbers or letters) or an unordered list (marked using a bullet) and set the image as a marker list. We know it in the HTML tag to set the display <ol> "ordered list", and to set the display <ul> "unordered list". CSS List Style with Image, to arrange for an image used as a list. The value used is the location URL of the image .

CSS code :

<style type="text/css">
ul  {
list-style-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiv75vMAOtkaNpzkL97Z9bFs47feE2e7Y9lM7LvAZgRLxZka-m4H24NnAiKrl3hToG33o5BQyF865C0EYBF_aoWdTaKsFIo5mKyGb9PTsIcjzd50I1cdmULJy5wPKjPypwSBEbdG7ggRhy/s1600/bunga.jpg');}
</style>
<ul>
<li><a href="http://godheg.blogspot.com/search/label/Tips%20and%20Trick">Tips and Trick</a></li>
<li><a href="http://godheg.blogspot.com/search/label/Blogger">Blogger</a></li>
<a href="http://godheg.blogspot.com/search/label/Blogger"> </a>
<li> <a href="http://godheg.blogspot.com/search/label/Wordpress">Wordpress</a></li>
<a href="http://godheg.blogspot.com/search/label/Wordpress"></a></li>
</ul>

Result :

• Tips and Trick
• Blogger
• Wordpress

Note : The red code is the image url

Read More

How to Upload Javascript File

Uploading .js files to other hosting sites may take much time to load the blogger page. Google code allows you to upload .js files and many other files such as .xml,zip to the google server which is very fast so that your script files will load quickly. Its all free. How to Upload Javascript File ?

Go to http://code.google.com, login with your gmail. Find and click Project Hosting on Google Code section was then locate. Create a new project for a while and then will appear a pop-up like this:

1. Project name = name of your project (it will appear in the url address of Javascript) 

    The project name must be all lowercase
2. Project summary = Summary of Your projeck
3. Project Description = Enter the description of your project 
4. Version control system= Select the Mozilla Public License 1.1 
5. Source code license = Select a version control system (Mercurial)
6. Project label (s) = input label your project 
7. Click the Create Project


After your project have been made :
Click download>>new download, fill the form with :

• Summary  : enter one line summary
• Description : Description of your file

Select your javascript file from your computer

Cilick : "Submit File", wait until your javascript uploaded :

If you want to coppy your javascript link, just right click your mouse (copy link address) 

Read More

How to Create Auto Install Widget

As we know in general is usually the bloggers who often provide tips and tricks how to create a blog widget code just to give it. For the bloggers who have advanced skill will not have problems with HTML code. Auto Install button aims to simplify installation Widget widget code (add widget) on blogger template, so we do not need to bother to copy and paste the code into our template. Auto Install this widget button does not necessarily have to be put in your sidebar, we can put this button anywhere we want, including into the post.

If you want to create a blog tutorial article I suggest to add this button in order to facilitate installing the widget in Blogger.

<form action="http://beta.blogger.com/add-widget" method="post" target="_blank">
<input name="widget.title" value="Widget Title" type="hidden"><textarea cols="5" name="widget.content" rows="3" style="display: none;">Script/Widget Code</textarea><input class="button" name="go" value="Install widget" type="submit">
</form>

Please change the colored text :
1.  Red colored text widget is the title that will appear in the sidebar of the blog. 
2.  Blue colored text is the script / widget code. 
3.  Green  colored tet is the words that will appear on the button that will be 
     ready for the click.

Script/Widget Code

Read More

Getting More Views and Traffic

If you want your post to be indexed by search engines such as Google and Bing, you should set your blog privacy settings to make your blog visible to all search engines. The internet is full of theories as to how you can raise your post’s visibility in search rankings: none will contest that good quality original content with a few well-chosen tags is the best way to get started.

The Privacy Settings control who can and cannot view your blog. You can change your Privacy Settings via your Settings -> Privacy page:

Here, you will see three Site Visibility options:

• Allow search engines to index this site. – This is the setting used by most blogs. It allows everyone to read your blog and enables your blog to be included in search engine results and other content sites.
• Ask search engines not to index this site. – If you want all human visitors to be able to read your blog, but want to block web crawlers for search engines, this is the setting for you.
• I would like my blog to be visible only to users I choose – Select this option to create a private blog. If you want others to be able to view your private blog (and add comments, if you’ve enabled them) you’ll need to invite them to be a viewer.

Tell people in your social networks about your new post

You can do this using WordPress.com’s Publicize feature, which will automatically tell your Twitter followers and Facebook friends as soon as you publish a new post.

If you don’t already have a Facebook account, sign up for one.

To connect your blog to your Facebook account, go to Settings > Sharing in your site Dashboard..

Save your setting, now your blog is connected with your facebook account. Add more service like : Twitter, Yahoo, Linkedin, etc for more traffic.

Read More