Make Tag Clouds

Make Tag Clouds

blog

Ayo Sinau 12:42 PM Add Comment

Tag Clouds ...

To make tag clouds, you have already made labels on your site.
Select the Dashboard to Settings and in Page Elements added a new page add the widget, select Label.

After the Edit HTML and then check the Expand Widget Templates.
Search code:

]]></ b: skin>

If you've met, then copy and paste the below code above:

/* Label Cloud Styles----------------------------------------------- */ #labelCloud {text-align:center;font-family:arial,sans-serif;} #labelCloud .label-cloud li{display:inline;background-image:none !important;padding:0 5px;margin:0;vertical-align:baseline !important;border:0 !important;} #labelCloud ul{list-style-type:none;margin:0 auto;padding:0;} #labelCloud a img{border:0;display:inline;margin:0 0 0 3px;padding:0} #labelCloud a{text-decoration:none} #labelCloud a:hover{text-decoration:underline}#labelCloud li a{} #labelCloud .label-cloud {} #labelCloud .label-count {padding-left:0.2em;font-size:9px;color:#000} #labelCloud .label-cloud li:before{content:"" !important}

After that, just below the code:

]]></ b: skin>

copy and paste the code below:

<script type='text/javascript'> // Label Cloud User Variables var cloudMin = 1; var maxFontSize = 20; var maxColor = [0,0,255]; var minFontSize = 10; var minColor = [0,0,0]; var lcShowCount = false; </script>

Then save the template.
The final step, still in search for Edit HTML code below:

<b:widget id='Label1' locked='false' title='cloud' type='Label'> <b:includable id='main'> <b:if cond='data:title'> <h2></h2></b:if> <div class='widget-content'><ul><b:loop values='data:labels' var='label'> <li> <b:if cond='data:blog.url == data:label.url'> <span expr:dir='data:blog.languageDirection'><data:label.name/> </span> <b:else/> <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'> <data:label.name/> </a> </b:if><br /> <span dir='ltr'>(<data:label.count/>)</span> </li> </b:loop> </ul><b:include name='quickedit'/> </div></b:includable></b:widget>

If you have found, replace the above code with the code below:
Would that backup first template to your computer, but believe, yes directly replace.
It Accurate:)

<b:widget id='Label1' locked='false' title='Label Cloud' type='Label'> <b:includable id='main'><b:if cond='data:title'><h2><data:title/></h2></b:if> <div class='widget-content'><div id='labelCloud'/><script type='text/javascript'> // Don't change anything past this point -----------------// Cloud function s() ripped from del.icio.us function s(a,b,i,x){if(a>b){var m=(a-b)/Math.log(x),v=a-Math.floor(Math.log(i)*m)} else{var m=(b-a)/Math.log(x),v=Math.floor(Math.log(i)*m+a)}return v} var c=[]; var labelCount = new Array(); var ts = new Object; <b:loop values='data:labels' var='label'> var theName = "<data:label.name/>"; ts[theName] = <data:label.count/>; </b:loop>for (t in ts){if (!labelCount[ts[t]]){labelCount[ts[t]] = new Array(ts[t])}} var ta=cloudMin-1; tz = labelCount.length - cloudMin; lc2 = document.getElementById('labelCloud'); ul = document.createElement('ul'); ul.className = 'label-cloud'; for(var t in ts){if(ts[t] < cloudMin){continue;}for (var i=0;3 > i;i++) {c[i]=s(minColor[i],maxColor[i],ts[t]-ta,tz)} var fs = s(minFontSize,maxFontSize,ts[t]-ta,tz); li = document.createElement('li'); li.style.fontSize = fs+'px'; li.style.lineHeight = '1'; a = document.createElement('a'); a.title = ts[t]+' Posts in '+t; a.style.color = 'rgb('+c[0]+','+c[1]+','+c[2]+')'; a.href = '/search/label/'+encodeURIComponent(t); if (lcShowCount){span = document.createElement('span'); span.innerHTML = '('+ts[t]+') '; span.className = 'label-count'; a.appendChild(document.createTextNode(t)); li.appendChild(a); li.appendChild(span);} else {a.appendChild(document.createTextNode(t)); li.appendChild(a);} ul.appendChild(li); abnk = document.createTextNode(' '); ul.appendChild(abnk);} lc2.appendChild(ul); </script> <noscript> <ul><b:loop values='data:labels' var='label'> <li><b:if cond='data:blog.url == data:label.url'><data:label.name/><b:else/><a expr:href='data:label.url'><data:label.name/></a></b:if>(<data:label.count/>)</li> </b:loop> </ul></noscript><b:include name='quickedit'/></div></b:includable></b:widget>

Save Template! Done!

How to Show Blogger Links,Widgets in HomePage Only or Post Page Only

How to Show Blogger Links,Widgets in HomePage Only or Post Page Only

blog

Ayo Sinau 2:18 PM 1 Comment

This post explains how to show the Blogger widgets( like links,adsense ads,etc) on your blogspot blog Homepage Only or Post Page Only:

Usually, by default.. when we add a widget item like link units, profile, Archives, Adsense ads,Pictures,etc in Blogger blog , it will be displayed in every page of the blog including the homepage, Permalink pages,etc. As you can see, I installed many widgets in this blog in sidebars like Google ads, Donate Me button ,etc which will be displayed in all the pages of the blog.
But, what if you want to display a specific widget like a blog link,ads in only the homepage and not in the post pages and viceversa? If you want to do so, this tip will come in handy...

HOMEPAGE Only widgets,links in Blogger:

→ As usual, if you want to add a new widget/gadget to your blog, just Sign into Blogger dashboard » Layout » Add a Gadget
and select the type of gadget you need and Save the Changes.

Next, we have to add a small piece of code to that widget, so.. it only displays in the Homepage. Just go to Edit html and tick on the 'Expand Widget Templates'.
Notes: Normally, the widgets in the template view starts with this one

<b:widget id= >

For example, The label widget looks something like this:

<b:widget id='Label1' locked='false' title='Title' type='Label'>

and html widget looks like:

<b:widget id='HTML1' locked='false' title='' type='HTML'>

and link list looks like this:

<b:widget id='LinkList2' locked='false' title='Title' type='LinkList'>

(If you want to know exactly what the widget id you need to change, just go to your blog and view the source code and find it.
In Firefox : View » Page Source
In IE : View » Source )

Just below that widget id link, You can see a b:includable tag like this..

<b:includable id='main'>

At this point, most of the task is completed.. Just we have to add a small piece of code below that b:includable tag..

the code is

<b:if cond='data:blog.url == data:blog.homepageUrl'>

and the last thing is, we have to close that b:if tag. Just add this code before the closing tag of b:includable.
Like this:

</b:if> </b:includable>

So, the final code looks similar like the below screenshot:

That's it! and Don't forget to Save the Changes.
Now, your desired widget/gadget can only be visible in Homepage.

Showing in only Post Pages (Permalink pages):

<b:if cond='data:blog.url == data:blog.homepageUrl'>

This will allow you to show a specific widget in only the Post Pages and not in the Homepage.
Just follow the same tutorial above but replace this code.

with this one:

<b:if cond='data:blog.pageType == "item"'>

Showing Widgets on a Specific Blog Post url:

<b:if cond='data:blog.url == data:blog.homepageUrl'>

If you want to dispaly a specific widget on on a particular blog post, just simply follow the above tutorial, but replace this code:

with this one:

<b:if cond='data:blog.url == "Blog Post URL"'>

That's it!
Like this post or have any questions? Comment here..

Get Free One Way Backlinks to your site

Get Free One Way Backlinks to your site

blog

Ayo Sinau 3:09 PM 1 Comment

One way backlinks are very critical to any website success. The more one way backlinks pointing to your site, the more your Google Pagerank and the more amount of traffic you will get. This should also increase your sales,etc.
But the thing is.. getting the right and quality one way backlinks from high pagerank sites is not an easy task, and in this article, we'll find out some of the best ways to get free one way backlinks:

1. Try to write as much quality content as you can... that will encourage the readers to link to your site. The more useful, informative content you post, the more likely people are to link it. But, this method can take a while to really pay off because like all the new websites, you don't get much traffic.

2. Write quality articles and submit them to top article directories like ezinearticles and goarticles. The advantage in this is, you'll not only get a backlink from high pagerank directories, but also you'll find that your articles are used on other people's sites with a backlink to your site.

3. Participate in forums,discussion boards that are related to your website's niche and add a link to your site in the signature. Make sure that you write quality posts, don't spam. This will also help you get some decent traffic to your site.

4. There is absolutely nothing wrong to get a backlink from a related blog post you decide to comment on. This is one of the effective way of one way link building especially if you comment often on blogs. Comment on blogs related to your niche with a link back to your site as your signature.. and Again, make sure you never spam.

5. Submit your site link to major, well known web directories. Getting listed in directories related to your site not only bring you tons of targetted traffic, but will also improve your search engine rankings. Some of the popular directories to get listed in are DMOZ directory and Yahoo directory. You can submit your link to both paid and free directories and they worth your time.

Website translator with flag countries

Website translator with flag countries

blog

Ayo Sinau 9:56 PM 1 Comment

Blog Tips and Trick will discuss about how to install the Translator widget complete with a picture of the flag of each country. Probably most of the bloggers already know how to make or install this Translator widget. but what of the bloggers is a beginner like me, maybe some of the bloggers is a beginner like me still need tips like this. I think this widget is very important also to be installed on the blog page. but can to decorate the blog itself will also be extremely helpful for the visitors. especially for visitors from overseas who are not familiar with the language used on our blog. for the appearance of the widget is something like the image below.

Translator widget that you see as in the example picture above, the form will display its flag march elongated when we put it in part as the header, navbar and the like. because forms appearance of the widget itself will follow the hall from where the widget itself. for example, this widget you put on the side bar of your blog. the form of this widget will not elongate, but will form part of the width square. depending the side bar.

Without the need to talk again swapped, for those of you who are interested in installing the widget translator plus 34 this flag. way is as follows.

1. You login to blogger, then go into the menu layout / layout>> page element.
2. Add a new gadget by clicking the add a gadget by selecting the gadget HTML / javascript.
3. The next step is, you copy all existing code below.

<br /> <center><table border="1"><tr> <td><form action="http://www.google.com/translate"><script language="javascript" type="text/javascript"> <!-- document.write ("<input name=u value="+location.href+" type=hidden>") // --> </script><input value="yours website" name="u" type="hidden"/><br /> <noscript><input value="yours website" name="u" type="hidden"/></noscript><br /> <input value="en" name="hl" type="hidden"/> <input value="UTF8" name="ie" type="hidden"/> <input value="" name="langpair" type="hidden"/><br /> <input onclick="this.form.langpair.value=this.value" title="Andorra / Catalan" value="en|ca" type="image" height="20" src="http://1.bp.blogspot.com/__v4nth5_ki0/SP-fM7vwhSI/AAAAAAAAHl0/ZoZkfhEb01M/s320/Andorra+-+Catalan+-+ad_flag.png" width="30" name="langpair"/><br /> <input onclick="this.form.langpair.value=this.value" title="العربية / Arabic" value="en|ar" type="image" height="20" src="http://photos1.blogger.com/x/blogger2/6075/564571464515337/1600/z/358406/gse_multipart12399.png" width="30" name="langpair"/><br /> <input onclick="this.form.langpair.value=this.value" title=" България / Bulgaria" value="en|bg" type="image" height="20" src="http://2.bp.blogspot.com/__v4nth5_ki0/SMiXtQx-uLI/AAAAAAAAG6I/RuLPDhnFMXY/s320/Bulgaria+-+bg_flag.png" width="30" name="langpair"/><br /> <input onclick="this.form.langpair.value=this.value" title="中文（简体） / Chinese (Simplified)" value="en|zh-CN" type="image" height="20" src="http://photos1.blogger.com/x/blogger2/6075/564571464515337/1600/z/546049/gse_multipart12397.png" width="30" name="langpair"/><br /> <input onclick="this.form.langpair.value=this.value" title="中文（繁体） / Chinese (Traditional)" value="en|zh-TW" type="image" height="20" src="http://photos1.blogger.com/x/blogger2/6075/564571464515337/1600/z/208681/gse_multipart12398.png" width="30" name="langpair"/><br /> <input onclick="this.form.langpair.value=this.value" title="Hrvatska / Croatian" value="en|hr" type="image" height="20" src="http://1.bp.blogspot.com/__v4nth5_ki0/SMhVoigYF0I/AAAAAAAAG5s/naE3NObTVZs/s400/Croatia+-+hr_flag.png" width="30" name="langpair"/> <br /> <input onclick="this.form.langpair.value=this.value" title="Česká Republika / Czech Republic " value="en|cs" type="image" height="20" src="http://4.bp.blogspot.com/__v4nth5_ki0/SMiX9aMIL3I/AAAAAAAAG6o/4-RYadolKWQ/s320/Czech+Republic+-+cs_flag.png" width="30" name="langpair"/><br /> <input onclick="this.form.langpair.value=this.value" title="Danmark / Denmark" value="en|da" type="image" height="20" src="http://2.bp.blogspot.com/__v4nth5_ki0/SMiX9nD1NZI/AAAAAAAAG6w/ZnIBEtLIHEw/s320/Denmark+-+da_flag.png" width="30" name="langpair"/><br /> <input onclick="this.form.langpair.value=this.value" title="Suomi / Finnish" value="en|fi" type="image" height="20" src="http://2.bp.blogspot.com/__v4nth5_ki0/SMiZwsOFndI/AAAAAAAAG8w/VlBr_zN32q8/s320/Finland+-+fi_flag.png" width="30" name="langpair"/><br /> <input onclick="this.form.langpair.value=this.value" title="Français / French" value="en|fr" type="image" height="20" src="http://photos1.blogger.com/x/blogger2/6075/564571464515337/1600/z/327620/gse_multipart12413.png" width="30" name="langpair"/><br /> <input onclick="this.form.langpair.value=this.value" title="Deutsch / German" value="en|de" type="image" height="20" src="http://photos1.blogger.com/x/blogger2/6075/564571464515337/1600/z/734899/gse_multipart12400.png" width="30" name="langpair"/><br /> <input onclick="this.form.langpair.value=this.value" title="Ελλάς / Greek" value="en|el" type="image" height="20" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFUwr8Wz_9Fi4-1xB-btPg3iItZxoVvd9MFv8XCHB5KPvxQvJKbVcEWg3jdgGp3cjJW9u7RCyhMmm0HB5bZG-ydR_EEQKHbOSC92bmHfab0YB-R6DeTQfEpqFJiqAZDhV1CfY3Xl4f_BWP/s320/Greek+Flag+36x24.png" width="30" name="langpair"/><br /> <input onclick="this.form.langpair.value=this.value" title="ישראל / Hebrew" value="en|iw" type="image" height="20" src="http://4.bp.blogspot.com/__v4nth5_ki0/SP-fNBP-7LI/AAAAAAAAHmE/fJeA_Sbl9w4/s320/Israel+-+il_flag.png" width="30" name="langpair"/><br /> <input onclick="this.form.langpair.value=this.value" title="Hindi / India" value="en|hi" type="image" height="20" src="http://4.bp.blogspot.com/__v4nth5_ki0/SMiYu9muwaI/AAAAAAAAG7Y/lO6YgNdyHM4/s320/India+-+hi_flag.png" width="30" name="langpair"/><br /> <input onclick="this.form.langpair.value=this.value" title="Bahasa / Indonesian" value="en|id" type="image" height="20" src="http://4.bp.blogspot.com/__v4nth5_ki0/SP-fNKvGgZI/AAAAAAAAHl8/UESh2PimM5U/s320/Indonesia+-+id_flag.png" width="30" name="langpair"/><br /> <input onclick="this.form.langpair.value=this.value" title="Italiano / Italian" value="en|it" type="image" height="20" src="http://photos1.blogger.com/x/blogger2/6075/564571464515337/1600/z/306145/gse_multipart12401.png" width="30" name="langpair"/><br /> <input onclick="this.form.langpair.value=this.value" title="日本語 / Japanese" value="en|ja" type="image" height="20" src="http://photos1.blogger.com/x/blogger2/6075/564571464515337/1600/z/443122/gse_multipart12402.png" width="30" name="langpair"/><br /> <input onclick="this.form.langpair.value=this.value" title="한국어 / Korean" value="en|ko" type="image" height="20" src="http://photos1.blogger.com/x/blogger2/6075/564571464515337/1600/z/581031/gse_multipart12403.png" width="30" name="langpair"/><br /> <input onclick="this.form.langpair.value=this.value" title="Latvija / Latvian" value="en|lv" type="image" height="20" src="http://2.bp.blogspot.com/__v4nth5_ki0/SP-fNX2rCXI/AAAAAAAAHmM/1LRWqh7YQBA/s320/Latvia+-+lv_flag.png" width="30" name="langpair"/><br /> <input onclick="this.form.langpair.value=this.value" title="Lietuvos / Lithuania" value="en|lt" type="image" height="20" src="http://2.bp.blogspot.com/__v4nth5_ki0/SP-fNrJizVI/AAAAAAAAHmU/kdaran4uffk/s320/Lithuania+-+lt_flag.png" width="30" name="langpair"/><br /> <input onclick="this.form.langpair.value=this.value" title="Nederland / Dutch" value="en|nl" type="image" height="20" src="http://1.bp.blogspot.com/__v4nth5_ki0/SMiZWUAFSOI/AAAAAAAAG74/lsNT2NI_oFI/s320/Netherlands+-+nl_flag.png" width="30" name="langpair"/><br /> <input onclick="this.form.langpair.value=this.value" title="Norge / Norwegian" value="en|no" type="image" height="20" src="http://2.bp.blogspot.com/__v4nth5_ki0/SMiZWYWSvEI/AAAAAAAAG8A/7sOoou7far0/s320/Norway+-+no_flag.png" width="30" name="langpair"/><br /> <input onclick="this.form.langpair.value=this.value" title="Pilipinas / Philipines" value="en|tl" type="image" height="20" src="http://1.bp.blogspot.com/__v4nth5_ki0/SP-f7gyN2aI/AAAAAAAAHmc/x_LSaXlHtCs/s320/Pilipnas+-+ph_flag.png" width="30" name="langpair"/><br /> <input onclick="this.form.langpair.value=this.value" title="Polska / Polish" value="en|pl" type="image" height="20" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUV2mGkoTr7b8WIGgNvQEdVi1l9HbEuOR02UvXc6niPpZ069EuGqXFcmxGbGsnRL0l3LrfdJsu06w2eekjSlqp0_IdqYxQegH-zPtGPetKwZa5Nf8lfNWwd85e_RClbnaD1j3dQzUMPAiz/s320/Polish+Flag+36x24.png" width="30" name="langpair"/><br /> <input onclick="this.form.langpair.value=this.value" title="Português / Portuguese" value="en|pt" type="image" height="20" src="http://photos1.blogger.com/x/blogger2/6075/564571464515337/1600/z/670301/gse_multipart12404.png" width="30" name="langpair"/><br /> <input onclick="this.form.langpair.value=this.value" title="România / Romanian" value="en|ro" type="image" height="20" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVu9mV5p6gh4HaGpsP9B9LUjroNA51k24Y66AZM_7w3GyOY95HBb_q9zClKYvH-B5E-tB7BxjXAGD9aTHD0OgS8OARaKR9GkpUt7NEdDsIcI1wDJzY7LcxmRbLX3ge-dlpHhTvaq52xAhN/s320/Romainian+Flag+36x24.png" width="30" name="langpair"/><br /> <input onclick="this.form.langpair.value=this.value" title="Русский / Russian" value="en|ru" type="image" height="20" src="http://photos1.blogger.com/x/blogger2/6075/564571464515337/1600/z/111692/gse_multipart12405.png" width="30" name="langpair"/><br /> <input onclick="this.form.langpair.value=this.value" title="Србија / Serbia" value="en|sr" type="image" height="20" src="http://3.bp.blogspot.com/__v4nth5_ki0/SP-f7_imioI/AAAAAAAAHmk/ytbpoyJHbmo/s320/Serbia+-+si_flag.png" width="30" name="langpair"/><br /> <input onclick="this.form.langpair.value=this.value" title="Slovenčina / Slovak" value="en|sk" type="image" height="20" src="http://4.bp.blogspot.com/__v4nth5_ki0/SP-f79KzfyI/AAAAAAAAHms/-I315jcpHN0/s320/Slovak+-+sk_flag.png" width="30" name="langpair"/><br /> <input onclick="this.form.langpair.value=this.value" title="Slovenija / Slovenia" value="en|sl" type="image" height="20" src="http://1.bp.blogspot.com/__v4nth5_ki0/SP-f8P0fwiI/AAAAAAAAHm0/Lzeh8mXiWvE/s320/Slovenia+-+si_flag.png" width="30" name="langpair"/><br /> <input onclick="this.form.langpair.value=this.value" title="Español / Spanish" value="en|es" type="image" height="20" src="http://photos1.blogger.com/x/blogger2/6075/564571464515337/1600/z/998398/gse_multipart12407.png" width="30" name="langpair"/><br /> <input onclick="this.form.langpair.value=this.value" title="Sverige / Swedish" value="en|sv" type="image" height="20" src="http://1.bp.blogspot.com/__v4nth5_ki0/SMiZwrYspyI/AAAAAAAAG8o/uVUWBAyZkVc/s320/Sweden+-+se_flag.png" width="30" name="langpair"/><br /> <input onclick="this.form.langpair.value=this.value" title="Україна / Ukraine" value="en|uk" type="image" height="20" src="http://3.bp.blogspot.com/__v4nth5_ki0/SP-f8Bg1AMI/AAAAAAAAHm8/b4jhQQPSvj4/s320/Ukraine+-+ua_flag.png" width="30" name="langpair"/><br /> <input onclick="this.form.langpair.value=this.value" title="tiếng Việt / Vietnam" value="en|vi" type="image" height="20" src="http://2.bp.blogspot.com/__v4nth5_ki0/SP-gZakjpuI/AAAAAAAAHnE/fwfNZkisDOA/s320/Vietnam+-+vn_flag.png" width="30" name="langpair"/><br /> </form></td> </tr> </table></center>><br /> <br />

How to add a PAYPAL DONATE button

How to add a PAYPAL DONATE button

blog

Ayo Sinau 5:14 AM Add Comment

Adding a Paypal donation button to your blog will give your loyal readers a chance to support(encourage) you by donating a few bucks.
If you don't have a paypal account yet,.. you can get a Free Paypal account here.

so,let's see how to put a Paypal donation button in your blog...


1.First,Log in to your Paypal account.
First,Log in to your Paypal accoun
2.Click on the 'Merchant Services' tab (see at the top of the page).

Click on the 'Merchant Services' tab (see at the top of the page)
3.Scroll down the window and you will see an option "Donations" in the right sidebar.Click on it!
Scroll down the window and you will see an option

4.Now,you will see some options like Donation name/service ,donation id,etc etc...
The first field (Donation name/service) is the only thing that is required and all the remaining fields are optional.
Enter that first field,choose a button style,scroll down the window and click on "Create a button Now"
click on

5.Now,you will see some html code... Copy it and sign in to your blogger dashboard »» Click on the layout »» Add a Page element »» html/javascript »» and paste that html code and SAVE THE CHANGES.

Here is how the button will look in your sidebar

Read more function

Read more function

blog

Ayo Sinau 12:56 PM Add Comment

If you feel your views on the blog post too long so that makes full view on the main page of your blog, then you can shortly so as not to meet the home page blog and also to tidy up and beautify the appearance of your blog.
By installing scripts read more or learn more, with automatic appearance can make a long your posting be seen a half on the main page of your blog. And will appear type read more ...
under your posting which when clicked will open a full whole your posting.
Now follow these steps to make it :

1.Go to Layout menu and then select Edit HTML
2.Checked cekbox the "expand widget templates"
3.Click Ctrl F to open search box

<data:post.body/>

4.Copy n Paste following code into the search box

<b:if cond='data:blog.pageType != "item"'><a expr:href='data:post.url'> Read More..</a><br /> </b:if>

You can change the text to be read more read more or with yours creation own ..
6.save edits
7.Then select the Settings menu and select the format
8.in the Post Template box, enter the following code:

<span class="fullpost"> </span>

9.Then Save.
10. When posting, there are 2 tabs option, the "Compose" and "Edit Html", select
the "Edit HTML", then the code will automatically appear as follows:
<span class="fullpost"> </span>

Place the post or article that will appear the main page (before the words "Readmore") above this code: while the remaining place amongst the entire post <span class="fullpost">

code and </span>

Good luck ...

How to backup your "Widgets"

How to backup your "Widgets"

blog

Ayo Sinau 4:10 PM Add Comment

Be like my promise at my previous post that is i will posting how to backup the data in the widget / page element.

If emerging question do we require to back up the data in page element? the answer is very require to. Because if you change your old template with new template, hence the data in page element will follow to be vanished, and you'd lose all data be like : guest book, blog accessory, blog tool, and also all which have been attached in your blog forever.


Many the way to back up the data in Widgets / page element, but i'm limitation of time to comment it in detail, hence I will try explain just two way, that is backing up directly from Page element and also backup from template source code.

• Back up widgets From Page Element

Back up widgets in this way be in fact very disturbing, however than we lose various accessory and also tool which have been attached, wiser likely to do so.

Please follow the steps below :
1. Login to blogger with your ID

2. Click Layout.

3. Click menu Page Elemet, you will see the page be like this ( just example):



4. At representative of above seen the article edit which I give red circle, You must click at Edit in each the page element, hence will emerge popup window figuring in the code have in input to that. Pay attention the picture below :



5. Copy the code inside there, and paste to Notepad.

6. Repeat the step above at all the elements.

7. Finish.


There is the step how to back the data inside page element. This is the other way to backup your widgets.

• Back up widget through Template Source Code
I think this way is more quickly and efisian, you need a few time to do this. This is the steps :
1. Visit your blog address.

2. After you at your self blog, click the menu View at the bar menu. See the picture below :



3. After click the menu View, will be out the sub menu, then click Source.

4. if your browser is Internet Explorer, so there is automatically will out the notepad with your template source code. If your browser is Mozilla Firefox or Opera, so there is out the new page with your template source code For example, see the picture below :



5. Save your template source code.

6. Finish.


If your question, where is the widgets code? there is always begin with :

And in terminating with code :

For example, in my template source code. there are code be like this :



So, my widget code is like this :


I hope with this post you become know how to backup your widget template. So, if you want change your template with a new template. Please don't forget to backup your template and your widgets too.

See you in my next post.

How to change the template

How to change the template

blog

Ayo Sinau 3:39 PM Add Comment

At this opportunity, I will discuss about how to change template in blogger.com. First matter to be in considering in changing template is you have to make a backing up your old template, this good for if you feeling not match with your newly template. if you not yet known the way to back up template, please read at the post how to backup template, and also don't forget to back up your widgets (this is very important). For back up your widgets, please read at the post how to backup your widgets.


To change the template, of course you must had a new template to uploaded. If still not yet had, you can download for free template at Bloger templates or at other sites. Have ready for changing your old template with newly template? Please follow the steps below :

1. Login to blogger with your ID

2. After entering the dasboard page , click Layout.

3. Then click edit HTML tab

4. Click the Download full template link. Save your template:

5. Click browse... button. Choose your new template. and then click Upload button.


browse button image

6. Usually go out commemoration that your data in your widgets will be delete forever (so don't forget to backup your widgets).

For example, the image will show like this :



7. Click at Convirm & Save button.

8. Finish. Please look he result.



Now you have had the new face. However of course your template is still empty, So next step is inserting your widgets manually through page element menu.

Enjoy your new blog face.

Tutorial in creating blog in Blogspot

Tutorial in creating blog in Blogspot

blog

Ayo Sinau 3:32 PM Add Comment

1. What is Blog?
Blog is short for "Web log", which is a a web application containing note or writing that are usually called "post" and displaying on the web pages. The posts are often displayed orderly based on the age or based on the time when the writing is written and published, so when you view a blog, you will first find the latest posts, top to bottom of the web page and the first to the last page, if the blog has had more than one web page.
For the first time, blog was created as the online private notes, but along with its development and popularity, blog has various types of contents or writings such as tutorial (e.g. this blog), sharing, business, etc. In general, blogs seem not to have the difference with the sites on the Internet.
The blog platform or used to be called blog machine has been created in such a way by blog designers or developers in order to be user friendly, so the knowledge of HTML, PHP, CSS, etc that was a must to create a web application, now with blog, everything is so easy as 1, 2, 3.
2. How to create blog in blogspot

One of the free blog providers that is quite popular today is blogspot or blogger, where you have to register through blogger.com and you get the domain name as sub domain of blogspot, e.g. yourname.blogspot.com.
Why should you create blog in blogger.com, not in other free blog providers? Actually, there is no “should”, but blogger.com has more advantages than other providers do. One of the advantages is the easiness in operating so that blogger.com is good for the beginners. Other advantages are the freedom in editing and replacing the templates to make the best display, custom domain which means that you can replace the domain with your own but with the blogspot hosting, e.g. yourname.blogspot.com can be changed into yourname.com, but still in the same hosting, i.e. the free blogspot hosting.
It should be emphasized from the beginning that the Internet is highly dynamic, so it is very possible that this practical guide to create blog in blogspot will not be relevant anymore as changes occurring, whether to the platform, coding, or anything else that you see right now in blogger.com
To reduce something unneeded to write, below is how to create blog in blogger.com.
Creating Email
One of the conditions required in creating blog is to have an active email address. If you do not have an email, please register at gmail. Since Blogger is one of Google services, when you want to register at Blogger, you had better use Google Email or gmail. If you need a simple guide to create an email, please use Google search engine to search for the best guide.
Sign up for a blog at blogger
1. Please visit http://www.blogger.com
2. After registration page open, go to the right bottom of the page where you can change the language to your own to make you easier to understand the instructions, but in this tutorial, I use English for more global targeting. Please login by using your username and password of your gmail (your email account is allowed to use for login to blogger).

3. Click "CREATE A BLOG" button
4. Enter your Blog Title in the field next to "Blog Title", and your expected blog address in the field next to “Blog address (URL). Need to remember that when you enter your expected blog address, you have to be sure of it as you cannot replace it in the future, except you use Custom Domain facility. Check for the availability. If your expected blog address is not available, replace with your new one and so on until you get it. Then type the character you see next to "Word verification", below blog address point and click CONTINUE for the next steps.

5. Choose a starter template, meaning that you can replace this template in the future and then click CONTINUE.

6. You will see "Your Blog has been created!" meaning that now you have a blog and you are ready to start Blogging, by clicking "START BLOGGING".

7. You will soon be in the post editor, where you can write anything as you may have thought about before. (it is recommended to directly write for your first post to avoid "Blogger Anti-Spam Robot" that can result in your blog locked. For instance, you can write a very short entry if you have not prepared an entry: "Hello World!", and anything else you want. Click "PREVIEW" button to view how your post will be displayed, then click "PUBLISH POST" if you want your entry to be published.
8. Click "View Post" to see your blog. Below is the example of the blog display created
9. Done

IP Address Tracer

IP Address Tracer

blog

Ayo Sinau 2:36 PM Add Comment

For my friend who likes to be accessory blogs, there's more as an accessory toolsekaligus blog nih blog. This tool serves to track the IP address (Internet Protocol), the visitors of our blog. In addition to the IP address, this tool also can track your browser and operating system used by visitors.

To obtain this tool, my friend can get it at many sites on the Internet. To avoid confusion searching, I take the example of one of them is http://www.ipnow.org. One example of which is owned view this site are as follows:





Interested in installing this? Please follow the steps below:
1. Please open the site http://www.ipnow.org

2. Under the heading Custom Image is a view that can be selected. Take for example: click the Custom Graphical Image Info

3. Choose a backround color and text color desired by pal

4. Click the Create My Image

5. Wait a while until the process is complete

6. Copy the code under the heading Linked Image, paste in notepad for later in the input to the blog

7. Please close the site


For how to enter the code in the copy before, please follow the instructions!

For classic template:
1. Sign in blogger

2. Click the Template menu

3. Click the Edit HTML

4. Copy the entire code of your template, then paste in notepad, please save used for data backup

5. Copy the code in notepad and paste in place of a buddy want

6. Click the Preview button to see changes

7. If it is OK, click Save Template Changes

8. Done.



For a new template:
1. Sign in blogger

2. Click the Layout menu

3. Click the Element menu page

4. Click on Add a Page Element

5. Click ADD TO BLOG in HTML / javascript

6. Copy the code in notepad, then paste in the fields

7. Click SAVE CHANGES

8. Move the new elements that made the place a buddy want, and click the Save button

9. Done.

How can I make my blog load faster?

How can I make my blog load faster?

blog

Ayo Sinau 8:04 PM Add Comment

The speed at which your blog loads is critical to attracting more readers to your blog. If your blog takes a long time to load, many readers may leave your blog before they have the chance to read it. Here are a few tips and tricks that will help your blog load faster and attract more users:
Posts
Your blog's load time can be affected by the number of posts you display on your main page. You can easily edit the number of posts displayed of the main page from the Settings | Formatting tab. You can then select the number of posts you want to display on the main page. We recommend displaying 10 or fewer posts on the main page.


Third Party JavaScript and Links
For optimal blog load speed, we recommend using Google/Blogger widgets, JavaScipt and links. However, if you need to use third party JavaScipt and links, your blog will load much faster if you put all JavaScript at the bottom of your blog. If you have third party JavaScript and links in your sidebar, put them in at the bottom of the sidebar.
Images and Media
Learn even more ways Google products work together.
The more images, videos and other multi-media you have on your blog the longer it will take to load. However, images and other multimedia are important to attracting users to your blog, so it is important to optimize the load speed of your images and media. Here are a few tips to increase the load speed of your media:
• Decrease the size of your images or use thumbnails that link to the full-size image.
• If you use third party images, consider uploading them to Picasa Web Albums via the Blogger post editor.
• If you have a large number of images to display, you can upload all your images (from a vacation or event) to a Picasa Web Album and link to the album in your post or sidebar.
Other suggestions
• If you've added any custom CSS to your blog, make sure you put it at the top of the page.
• The most important content of your blog that catches readers attention should load the quickest. To help you identify which items are taking the longest to load you can use Stopwatch. To use Stopwatch, enter your blog's URL into the text box and click "Start StopWatch". Stopwatch will then open your blog in a frame and will record the time it takes for everything on your blog to load, including images, videos, widgets, etc. Take note of the items that take the longest to load and modify them appropriately using our suggestions.

Adding Live Traffic Tracking Tool to Blog

Adding Live Traffic Tracking Tool to Blog

blog

Ayo Sinau 3:12 PM Add Comment

Want to know where are your visitor come from for live? If yes, you can add blog tool from http://feedjit.com. With web or blog tool from http://feedjit.com, you can know your visitor come from. Easy install to blog and without signup before, grab the code and add to your sidebar and you have a live tracking tool for free.

Below is the example widget from feedjit.com :

This is the steps to add widget Live Traffic Feed to your blog :


1. Login to blogger with your ID.
2. At the dashboard, click Layout.
3. Click Page Element tab.
4. Click Add a Page Element.
5. Click ADD TO BLOG for HTML/Javascript.
6. Copy and then paste the following code :



7. Click SAVE CHANGES button.
8. Done. Now you have a tool for tracking your visitor come from.



Now you have a tool to track your visitor.

Add Yahoo Mesenger to Blog

Add Yahoo Mesenger to Blog

blog

Ayo Sinau 12:44 PM Add Comment

Do you know what is Yahoo! messenger? I sure you is surely knew it. Yahoo! messenger is one of yahoo.com service very popular in the world. Then what his relation with blog? some blogger wish to be in his blog attached yahoo ! messenger icon , hence if him online in yahoo! messenger can in knowing by his blog visitor and also can easy to in contacting for chatting. If you ask to me, can yahoo! messenger icon add at blog? the answer is can, and not only that, we can choose icon what is will add. The choice is differentiated in 10 choice, you remain to choose style ID which which is compatible according to your :

This is the style ID of yahoo! messenger icon :

 

Allright, to placed the yahoo! messenger icon just place this code at your sidebar :


For example. If your yahoo ID is bapabadut@yahoo.com, your ID is bapabadut, So the code for yahoo! messenger icon with choice Style ID 9 is as follows :

Now, how to place the code to your blog. Follow the teps :

1. Login to blogger with your ID.
2. After entering the dasboard page , click Layout. Please saw the picture :
3. Click at Page Element tab. See the picture below :
4. Click at Add a Page element.
5. After emerging pop up window , click add to blog button for the things HTML/JavaScript. See the picture following :
6. Copy and paste the code below into available column :
7.   Change YOURID with your yahoo ID and StyleID with number of your choice.
8.   Click Save
9. Finish. Please see the result.
   

If you still comfused with step above, i have the easy way to do this. Just click the button below, login to your blog and the code will add to your blog automatically, please Change YOURID with your yahoo ID and StyleID with number of your choice:

Enjoy with your yahoo! messenger icon. see you at may next post.

Add Pull Down Menu

Add Pull Down Menu

blog

Ayo Sinau 10:46 AM Add Comment

How to Make a Pull-Down Menu in Sidebar Blogger Blogspot and WordPress,Does system pull down menu or drop down to the archives that can be implemented for other menus like to link your blog friends? The answer of course could. But with a little extra code.The trick is as easy as installing a pull-down menu for Archives / archive blog.Follow the simple way as follows:

A. PULL-DOWN MENU IN NEW BLOGGER (TEMPLATE XML)1. Log into blogger.com2. Click Layout / Design -> Add Gadget -> Javascript / HTML -> copy / paste the code below into the box provided.3. Click Save. Done.B. PULL-DOWN MENU IN OLD BLOGGER (TEMPLATE CLASSIC)1. Log into blogger.com by ID and password as usual.2. Click the title of your blog, and click on TEMPLATE.3. Between BEGIN and END SideBar SideBar pairs following code (copy and paste):

Then click SAVE.