Creating the Automatic Refresh on Blog.. In the trick this time, we will make the refresh function on the blog, which is created automatically. Where we will set the time for the blog should be refreshed. The trick is easy anyway...
By applying this trick you do not need to press the refresh button on the browser to refresh the blog, because it will be done automatically, according to the specified time. To get started you just put the code below. Want to know how.....
Well here's a trick of his... please follow:
1. Log in to blogger.
2. Choose a Design click edit HTML
3. Find the code <head>
4. Put the script below under the code <head> and above the code </head>
For the classic template... enter this code:
<meta http-equiv="refresh" content="10">
For the new template, enter the following code:
<meta http-equiv="refresh" content="10"> </meta>
5. Save your template.
A little explanation about the above code, content="10" ----> number ten (10) indicates that the refresh process will be done in a span of 10 seconds. So this number should be set not too fast because it can cause annoyance to the reader if too fast refresh.
Hi, friends! Advance, I've posted about a trick to solve How to Make Blog Fast. That's Boost Blog Speed with CSS Compressor. But, now I will discuss some problems to make blog faster. Who don't want their blog become light, surely all of bloggers want it because our visitors can browse our blog easier.
Based on my experience, there are some tricks to make blog fast:
Picture
Did you know, pictures with large size can make our blog become slower. So, it's better for you to decrease the use large-size picture. Both in template and also posts. You can use Photoshop Save for Web & Device trick.
Widget
Over usage widget was one of problems which makes blog become slower. Especially if the widget contains heavy scripts. It's good for you to delete some widgets which unuseful such as clock, music player, pet, games, and so on. Use useful widget such as related posts, most popular articles, or maybe Google Friend Connect.
CSS and Javascript
As we knew, CSS and javascipt can make our blog become good looking. But the side effect is it can make our blog become slowly. So you should decrease the usage or compress it for your blog. To compress Javascript, you can use Javascript Compressor.
Epilog How to Make Blog Fast and Faster: I think good blog should have a good looking and fast loading. But, don't reduce your creativity on blog. Stay blogging!
Blogging is one way to provide valuable information for visitors. For that you can display your blog with an interesting display of the content so that visitors like your content. So I'll give you tips for you to make your blog look more interesting. These tips are added icon before the title of your blog post. Of course you can make it by editing the HTML code. Come learn how to do ...
1. Find the image you wish to view. Set the image size so that its size 50x50 pixels. then upload the picture and copy the image link.
2. Create HTML code for your image. Here is your link inputs obtained from the uploaded images.
Now you can see the animated image before the post title. You can also apply this trick unttuk make statements before the post title. Good luck! http://templatetrick.blogspot.com/
This time I will give a trick to make effects on images. This effect is known as the mouse over effect on image ..... or the effects of the mouse on the image. So if you put your cursor over the image then the image will be brightened or dimmed otherwise. It's like transparency effects.
Want to display your image with a touch of animation? then this trick can be useful for you. Well follow these steps for how to make it.
1. Login to blogger
2. When you're posting, enter this code.
<img src="Enter your image URL here" style="opacity:0.2;filter:alpha(opacity=40)"onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100"onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=40" />
3. Put your url in the red text!
the effect will look like this ..... from dim to bright ...
4. You can also create this effect from bright to dim with this code:
<img src="Enter your image URL here" border="1" style="opacity:1;filter:alpha(opacity=100)"onmouseover="this.style.opacity=0.4;this.filters.alpha.opacity=40"onmouseout="this.style.opacity=1;this.filters.alpha.opacity=100"/>
Several months ago I made an auto reload script for CBox, there are some of my friends who ask about how to put it on the blog. It is quite complicated, and much to be changed. And yesterday I tried, I found a script that uploads have disappeared, I also do not know why. But now I have to make it again with a more simple, and easy to install. Just go ahead ...
For how to set it up, still the same with auto reload CBox installing the first version that you can see here (How to Install Auto Reload/Refresh On CBox). Only difference is, you enter the script is the script below:
<script type="text/javascript">
var fdsarc_timeSet=10; /* time for refresh in second*/
var cboxmain_height=270; /* CBox Main height */
var cboxform_height=90; /*CBox Form height */
var fdsarc_autoLoad=true;
var fdsarc_infoText='Auto-refresh:';
var fdsarc_cboxmainID='http://www3.cbox.ws/box/?boxid=3319825&boxtag=9hzp17&sec=main';
var fdsarc_cboxformID='http://www3.cbox.ws/box/?boxid=3319825&boxtag=9hzp17&sec=form';
var fdsarc_onOptionText='ON';
var fdsarc_onOptionTitle='Click to check automatically for new messages';
var fdsarc_offOptionText='OFF';
var fdsarc_offOptionTitle='Stop automatic checking for new messages';
</script>
Create Rating Post on Blog - Today we will try to make a rating on each post. Rating function itself which provides an assessment of the visitors to your posts. so you will know whether your post is qualified or not. Well if more people who give ratings that will help you see if there is one less desirable posts. You can find out, and fix your post.
Than just lip we just created its news ratings. Just follow the tutorial below.
1. Login to blogger
2. Choose Design and click edit HTML
3. Expand widget templates.
There are various ways to promote your blog in increasing traffic. But the actual promotion of your blog is all located on a post or the content of your article. You can promote your blog by adding social bookmarking icons, so that your article can be disseminated. There are various types of buttons that can be mounted like Digg, Yahoo, Twitter and others. I am here to give tips on how to show the Twitter blog post.
If someone likes your post, they will click on your Twitter to post the topic on their accounts so that their friends will get information about your topic. There are two types of twitter buttons available that you can place it on the blog post. Well the following will be taught how to put this button:
Login to blogger.
Click Design and click Edit HTML
Expand Widget Templates
Find the code below: <data:post.body/>
Add the following code before or after the above code
For the full twitter like the image above, add this code:
<script type="text/javascript">
tweetmeme_url = '<data:post.url/>';
</script>Retweet this button on every post blogger
<script src="http://tweetmeme.com/i/scripts/button.js" type="text/javascript">
</script>
Hi, guys! Usually when we have a TLD (Top Level Domain) and use paid hosting, we will save any files into our hosting. Whereas, the hosting has limited place. So, we have to spare place by limit the uploading some files such as picture, script, CSS, etc. But, I think tha's not true. Because it can limit our creativity in blogging activity. So, how to solve it?
You can save your picture files in a free hosting such as Blogger. Wait, How? Use Blogger as a free image hosting? Yups, that's correct. In Blogger Free Images Hosting Tip, I will share to you how to use Blogger free images hosting.
1. Create a static pages at [Posting --> Edit Pages --> New Page]
2. Upload your images normally at this page
3. Then after your images have been finished in upload, right-click your mouse. Choose "Copy link address"
4. Hoopla! You've gotten the image link. You can paste the link address wherever you want.
NOTE: DON'T "PUBLISH" THIS PAGE, JUST "SAVE" IF YOU'VE FINISHED
Creating a Random Post - Have you heard about the random post..? Well, he... Posts that can be displayed at random. Who were randomized wrote here is the title of her posts. There is much to put recent post (including this blog he..e..), Whereas the front page already displayed the same title. Rather than showing recent post, wrote'd better install these gadgets is Random Post. How to make it pretty easy.. You just follow these steps:
1. Login to blogger.
2. Then select Design
3. Add gadgets
4. Click on Edit HTML and JavaScript
5. Enter the code below:
<script type="text/javascript">
function pipeCallback(obj) {
document.write('<ul style="text-transform: capitalize;">');
var i;
for (i = 0; i < obj.count ; i++)
{
var href = "'" + obj.value.items[i].link + "'";
var item = "<li>" + "<a href=" + href + ">" + obj.value.items[i].title + "</a> </li>";
document.write(item);
}
document.write('</ul>');
}
</script>
<script src="http://pipes.yahoo.com/pipes/pipe.run?_render=json&_callback=pipeCallback&_id=ac99ebe0691031008a48d750fdbeaa67&url=http%3A%2F%2Fyourblog.blogspot.com&num=10" type="text/javascript"></script>
<span style="gt;Widget edited by <a href="http://blogtrikdantips.blogspot.com/">Blog Trik dan Tips</a></span>
6. Replace the red text with your blog URL.
7. Save the code
Toolltip is a box that displays information from your link when the mouse cursor is directly above it. This time we will create a tooltip like the picture beside this. This tooltip will display information about the url and title (title) in the blue box. If you've not immediately wrote us practice patience ...
1. Login to blogger
2. Choose Layout
3. Click on Edit HTML
4. Find the code
5. Paste the code below before code above:
This time we will create a zoom effect of images (example: The picture above). The image will be enlarged if your cursor is above it. Now the trick is probably less common, but if your blog has a lot of pictures of course the trick is to try .... Want to know how to do ...
Okay without further ado get on with it:
1. Login to blogger
2. Select Design and click Edit HTML
3. Backup your template first
4. Click on expand widget templates
5. Find this code ]]></b: skin>
6. If already can paste the code below the above code ]]></b: skin>
Maybe you have to think hard and find an article how to make a comment on a post into a single view that can be seen easily. You'll want to know how to make it.
You just read this post because I will teach you how to make the comment quickly and easily be seen by you.
1. Login to blogger
2. Choose a Design.
3. Add the gadget, click on the HTML / Javascript
4. Enter the code below into the gadget:
5. Replace http://blogandtipsblog.blogspot.com/ on the code with the URL of your blog
then replace the code: a_rc = 10 by number of comments that you wish to view such change to 16 so it looks like this: a_rc = 16
Previously we've made a text area, but this time we will create a more unique text area again. The function of the text area that is put your writing in a special box.
Can not wait to make the text area? Just follow the steps below. You only need to add script on your template. This first step then the code below:
1. Login to blogger.
2. Choose a Design and click edit HTML
3. Find the code ]]></b:skin>
4. Enter the code below the text area, the above code ]]></b:skin>
5 When posting do not forget to add the code teksarea on you like this article
1. Log in to your blogger account
2. Go to Design --> Edit HTML
3. Backup first your template, because we'll make some changes.
4. Click on "Expand Widget Templates"
5. Copy and paste the code below above </head>
<script type="text/javascript">
//<![CDATA[
var relatedTitles = new Array();
var relatedTitlesNum = 0;
var relatedUrls = new Array();
function related_results_labels(json) {
for (var i = 0; i < json.feed.entry.length; i++) {
var entry = json.feed.entry[i];
relatedTitles[relatedTitlesNum] = entry.title.$t;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
relatedUrls[relatedTitlesNum] = entry.link[k].href;
relatedTitlesNum++;
break;
}
}
}
}
function removeRelatedDuplicates() {
var tmp = new Array(0);
var tmp2 = new Array(0);
for(var i = 0; i < relatedUrls.length; i++) {
if(!contains(tmp, relatedUrls[i])) {
tmp.length += 1;
tmp[tmp.length - 1] = relatedUrls[i];
tmp2.length += 1;
tmp2[tmp2.length - 1] = relatedTitles[i];
}
}
relatedTitles = tmp2;
relatedUrls = tmp;
}
function contains(a, e) {
for(var j = 0; j < a.length; j++) if (a[j]==e) return true;
return false;
}
function printRelatedLabels() {
var r = Math.floor((relatedTitles.length - 1) * Math.random());
var i = 0;
document.write('<ul>');
while (i < relatedTitles.length && i < 20) {
document.write('<li><a href="' + relatedUrls[r] + '">' + relatedTitles[r] + '</a></li>');
if (r < relatedTitles.length - 1) {
r++;
} else {
r = 0;
}
i++;
}
document.write('</ul>');
}
//]]>
</script>
6. Find (Ctrl + F) some code which looks like this
10. Write Related Posts as the name of the widget. Click if you finished
11. To show the widget only in next page (not in homepage), go back to Design --> Edit HTML, click on "Expand Widget Templates"
12. Find (Ctrl + F) Related Posts, and add some blue code. So the code will be like this
Maybe when you visit a blog, there are some social bookmarking widgets under the title of the post or at the end of the post (ie in the footer). If you do not already know about social bookmarking buttons, you can visit Social Bookmarking Widget Provider. Now how do you enter this key in the template under the posts. Well it was easy just follow these steps:
1. Visit Addthis.com to register.
2. Fill in the required data and click create account
3. Click Get Your Button.
4. Please select the HTML code and copy it.
5. Login to blogger.
6. Click Design and click edit HTML
7. Click on expand widget templates
8. Find this code: <b:includable id='post' var='post'> and paste the social bookmarking code below.
9. Save your template and see the results .....
