At the end it is launched. http://balilandandvilla.com There are still some bugs but it looks ok for now. Feel free to register and add your property FREE!
Showing posts with label Website. Show all posts
Showing posts with label Website. Show all posts
Tuesday, September 10, 2013
Tuesday, August 20, 2013
New website is broadcasting
My new website is now on but still under construction. Soon you will have a nice interactive website with you folks.
http://balilandandvilla.com/
http://balilandandvilla.com/
Tuesday, April 23, 2013
New website
For a while I developing a new website and soon it will be online. I wait for all of you to visit it and be member.
Saturday, March 23, 2013
IT people talking about coding
Mark Zuckerberg, Bill Gates, Jack Dorsey (founder of twitter), Chris bosh (American basketball player in NBA), William (from music group Black Eyed Peas), Drew Houston (creator of Dropbox), Gabe Navell (Valve company , legendary counter strike and half life video games creator company), and more others in code.org's presentation youtube video
Wednesday, January 23, 2013
Developer Pages of Big Sites
In this post I wanted to gather together all the lists of developer pages of big sites.
- Facebook : http://developers.facebook.com/
- Twitter : http://dev.twitter.com/
- Youtube : http://www.youtube.com/dev
- Google : https://developers.google.com
- Apple : https://developer.apple.com/
- Android : http://developer.android.com/index.html
- Sony : http://developer.sonymobile.com/wp/
- Mozilla : https://developer.mozilla.org/
- Joomla : http://developer.joomla.org/
- BlackBerry: https://developer.blackberry.com/
- Yahoo : http://developer.yahoo.com/
- PayPal : https://developer.paypal.com/
- LinkedIn : http://developer.linkedin.com/
- Ubuntu : http://developer.ubuntu.com/
I may forget some important sites or platforms but if I remember later on I can add them here again later on...
Friday, December 14, 2012
Most Popular Local Websites in Indonesia
Which websites on top in Indonesia? The local ones. If you wonder which websites are on top and most visited here is a list for you.
Before the list let me say yes in Indonesia too like anywhere in the world top 3 is google, facebook and youtube. But the list below about local websites.
What does it mean 'rank'? Rank means calculating websites visitors and clicks. If their ranks are high means those websites are popular. As you see below on list websites has ranks from 300 to 3000 which means they got thousands even millions clicks and unique visitors monthly.
Global rank is 371 , rank in Indonesia is 8, just behind the yahoo and wordpress which are 6th and 7th.
Global rank is 358, in Indonesia 9th. As you can see it is global rank is higher than Detik while local rank is lower.
Global rank is 725, in Indonesia 12th.
Global rank is 1210, in Indonesia 17th. There is one more website higher than this but it is an indonesian bank website which i think you will not be interested to see here. Selling and buying things, you can put your products there to sell.
Global rank is 1298, in Indonesia 18th.
Global rank is 1742, in Indonesia 22nd.
Global rank is 2001, in Indonesia 23rd. This website also similar like tokobagus..
There is also another local bank before this one but I did not put it on list.
Global rank is 2401, in Indonesia 31th.
Global rank is 2733, in Indonesia 33rd.
Global rank is 3047, in Indonesia 35th.
Note that, this data can change everyday. so when you read this it may change little bit their ranking..
Before the list let me say yes in Indonesia too like anywhere in the world top 3 is google, facebook and youtube. But the list below about local websites.
What does it mean 'rank'? Rank means calculating websites visitors and clicks. If their ranks are high means those websites are popular. As you see below on list websites has ranks from 300 to 3000 which means they got thousands even millions clicks and unique visitors monthly.
Here is Top 10 Indonesian Local Websites
1.Detik
www.detik.comGlobal rank is 371 , rank in Indonesia is 8, just behind the yahoo and wordpress which are 6th and 7th.
2.Kaskus
www.kaskus.co.idGlobal rank is 358, in Indonesia 9th. As you can see it is global rank is higher than Detik while local rank is lower.
3.Kompas
www.kompas.comGlobal rank is 725, in Indonesia 12th.
4.Tokobagus
www.tokobagus.comGlobal rank is 1210, in Indonesia 17th. There is one more website higher than this but it is an indonesian bank website which i think you will not be interested to see here. Selling and buying things, you can put your products there to sell.
5.Viva
www.viva.co.idGlobal rank is 1298, in Indonesia 18th.
6.Indowebster
www.indowebster.comGlobal rank is 1742, in Indonesia 22nd.
7.Berniaga
www.berniaga.comGlobal rank is 2001, in Indonesia 23rd. This website also similar like tokobagus..
8.Kompasiana
www.kompasiana.comThere is also another local bank before this one but I did not put it on list.
Global rank is 2401, in Indonesia 31th.
9.Okezone
www.okezone.comGlobal rank is 2733, in Indonesia 33rd.
10.Kapanlagi
www.kapanlagi.comGlobal rank is 3047, in Indonesia 35th.
Note that, this data can change everyday. so when you read this it may change little bit their ranking..
Tuesday, September 4, 2012
Href link without underline
You may probably wonder how to design your linked texts on your blog or website. Probably wondering how to make them without underlined or different colored etc.. There are two different ways to do it. You have to use css for designing it.
How to do is like that you can just write in between head tags and it will apply all your linked texts or you can just use it for specific link only single one. I prefer not to use underlines. I do not know maybe some of you either not like it. It has some disadvantages but for me it is ok.
For css inside head or external css anyway you write like this below.
How to do is like that you can just write in between head tags and it will apply all your linked texts or you can just use it for specific link only single one. I prefer not to use underlines. I do not know maybe some of you either not like it. It has some disadvantages but for me it is ok.
For css inside head or external css anyway you write like this below.
Iframe
Iframe is inline frame which you can use on your website and blogger posts like here too. You can put your main page or other pages into posts or with gadgets. You can put also some websites there too. What i see is blogger does not allow you put any website there but sites like amazon or ebay can be.
Sunday, September 2, 2012
Robot.txt
Robot.txt is a file a text file which allows robots, search engines crawl your site better. It is not only for google bot but any search engine bots or even can be for any robot whose aim is different than searching.
You can simply write there
User-agent: *
Allow: /
What it means?" User-agent:*" stands for any robot. Allow: / it is allowing robot search your website.
How to create a robot.txt for blogger
On dashboard, settings, search preferences find custom robot.txt. Usually default settings is disabled for it. But you can change it. Click to edit and Enable custom robots.txt content? choose yes. And underneath text area write what i wrote on top.
And top of it there is a message warn you " Warning! Use with caution. Incorrect use of these features can result in your blog being ignored by search engines.". It is true it can cause search engine ignore your site for example if you write there; "Disallow: /" instead of "Allow:/" .
Lets say you want to write it only for google. It can be. Because some malware and malicious robots can enter site if you allow any robot such as email collectors, etc..
User-agent: Google
Disallow:
User-agent: *
Dissallow: /
But this will result only google bot can crawl your site but not other search engines.
How we can use it on website not in the blog. You can use it on html meta tags between head tags. For example <meta content=robots.....
<meta name="robots" content="all" />
<meta name="robots" content="index,follow" />
and if you want they not follow a link you should put inside href tag this rel="nofollow"
You can simply write there
User-agent: *
Allow: /
What it means?" User-agent:*" stands for any robot. Allow: / it is allowing robot search your website.
How to create a robot.txt for blogger
On dashboard, settings, search preferences find custom robot.txt. Usually default settings is disabled for it. But you can change it. Click to edit and Enable custom robots.txt content? choose yes. And underneath text area write what i wrote on top.
And top of it there is a message warn you " Warning! Use with caution. Incorrect use of these features can result in your blog being ignored by search engines.". It is true it can cause search engine ignore your site for example if you write there; "Disallow: /" instead of "Allow:/" .
Lets say you want to write it only for google. It can be. Because some malware and malicious robots can enter site if you allow any robot such as email collectors, etc..
User-agent: Google
Disallow:
User-agent: *
Dissallow: /
But this will result only google bot can crawl your site but not other search engines.
How we can use it on website not in the blog. You can use it on html meta tags between head tags. For example <meta content=robots.....
<meta name="robots" content="all" />
<meta name="robots" content="index,follow" />
and if you want they not follow a link you should put inside href tag this rel="nofollow"
Friday, August 31, 2012
Pop up message box
Maybe you see sometimes some sites have message boxes appears on screen. And you wonder how they do it. Here i want to show you how to do it. But it is not pop up window. It is different thing.
You have to use javascript for this. There are 3 type message box you can make. And for those 3 there are 3 different attribute you have to use.
1. Alert
2. Confirm
3. Prompt
Anyway now how to create one of this? This boxes can appears either on first page load or while you leaving a page or any other action. But you can use them with a button too. So we will use this one now. Later on we can practice other ones. But for now with button click we will see how it works.
Alert
To make a button you use an input and give attribute type as button ( there are different ways also create a button ) and use javascript onclick = alert and type something inside parenthesis. Beside parenthesis you can see some other punctuation marks used there. They are also parts of the code. You can also see there is no ending tag only starting one single tag there.
<input type="button" onclick="alert('Hello World !');" value="Click me!" />
Confirm
Confirmation box has one additional button on it next to ok there is also cancel button.
<input type="button" onclick="confirm('Hello World !');" value="Click me!" />
Prompt
Prompt one when you want user type someting in box you use it. I wrote here my site name but you do not need to write it or change it with yours.
<input type="button" onclick="prompt('Hello World !', 'balilandandvillablogspot.com' );" value="Click me!" />
You have to use javascript for this. There are 3 type message box you can make. And for those 3 there are 3 different attribute you have to use.
1. Alert
2. Confirm
3. Prompt
Anyway now how to create one of this? This boxes can appears either on first page load or while you leaving a page or any other action. But you can use them with a button too. So we will use this one now. Later on we can practice other ones. But for now with button click we will see how it works.
Alert
To make a button you use an input and give attribute type as button ( there are different ways also create a button ) and use javascript onclick = alert and type something inside parenthesis. Beside parenthesis you can see some other punctuation marks used there. They are also parts of the code. You can also see there is no ending tag only starting one single tag there.
<input type="button" onclick="alert('Hello World !');" value="Click me!" />
Confirm
Confirmation box has one additional button on it next to ok there is also cancel button.
<input type="button" onclick="confirm('Hello World !');" value="Click me!" />
Prompt
Prompt one when you want user type someting in box you use it. I wrote here my site name but you do not need to write it or change it with yours.
<input type="button" onclick="prompt('Hello World !', 'balilandandvillablogspot.com' );" value="Click me!" />
Wednesday, August 29, 2012
Drop down menu
Drop down menu is wide range topic. Here let me show you an example for a form with using html codes. For this you need to use select and option elements. I mean they are essential elements you can use other several different elements too depends on what kind of menu you want.
Let me give a very simple example first. You write first this element <select> and close it like this </select>
The result will be like this:
As you see when you click on arrow it does not show anything. To show something when arrow clicked you need to add something more. In between these selects you need to put options. Write there <option> and close it </option>. And repeat it as how many you want. Lets say you want 3 options. Then 3 times repeat it. And between options type what you want to be selected. I wrote me, you, everybody. You can write anything you want.
So it will be like this:
<select>
<option>Me</option>
<option>You</option>
<option>Everybody</option>
</select>
And it will appears like this to user:
You can add several more things inside like you can give links to selections or put this inside form or frame or inputs, buttons etc.. and this is not only way to make drop down menu anyway. But i will update this later on.
Let me give a very simple example first. You write first this element <select> and close it like this </select>
The result will be like this:
As you see when you click on arrow it does not show anything. To show something when arrow clicked you need to add something more. In between these selects you need to put options. Write there <option> and close it </option>. And repeat it as how many you want. Lets say you want 3 options. Then 3 times repeat it. And between options type what you want to be selected. I wrote me, you, everybody. You can write anything you want.
So it will be like this:
<select>
<option>Me</option>
<option>You</option>
<option>Everybody</option>
</select>
And it will appears like this to user:
You can add several more things inside like you can give links to selections or put this inside form or frame or inputs, buttons etc.. and this is not only way to make drop down menu anyway. But i will update this later on.
Saturday, August 25, 2012
A small simple slider example
I want to show here a small example how to make a slider with java script.
First of all you need a host which will keep pictures there. It can be freehost or your self hosting place. Secondly you have to know at least little bit from html and scripting especially javascript. Otherwise you only copy this code and follow instructions to do it.
Why need a host? Because if there is no host server even if you write code and and source is your local machine which is your pc, the result will be like this.
Anyway now how to do it step by step. You need pictures first. More than one picture of course. To make it faster i mean because some technical issues. You need to change format and size of picture or just choose .gif format pictures. Lets make it 3 pictures slider. If you do not know how to change the format or what format is. Just use any picture and later on learn how to change format. Why change it because big size picture can make page load time slower.
Ok if pictures are ready the other issue is where you want to use this slider. Do you have your website or blog. Because both is different issue.
For website, you can directly write codes and load pictures. But blog, you need to upload the pictures somewhere first on net.
Ok now if all done.
First we have to write this. Let me explain what is it first briefly. You written here some variables. If you do not have any clue what it is, no problem. And put this in between head tag. Replace "your picture here" with your picture name whatever its name. If you also do not know it just write click on picture and choose properties. There you go its name and extension there written.
Second you need to put first image inside body tag and write this java script codes.
What we doing here is we put first picture inside body somewhere and later we write a javascript code with functions to slide it to other pictures.
I hope you liked it. Thanks for reading.
First of all you need a host which will keep pictures there. It can be freehost or your self hosting place. Secondly you have to know at least little bit from html and scripting especially javascript. Otherwise you only copy this code and follow instructions to do it.
Why need a host? Because if there is no host server even if you write code and and source is your local machine which is your pc, the result will be like this.
Anyway now how to do it step by step. You need pictures first. More than one picture of course. To make it faster i mean because some technical issues. You need to change format and size of picture or just choose .gif format pictures. Lets make it 3 pictures slider. If you do not know how to change the format or what format is. Just use any picture and later on learn how to change format. Why change it because big size picture can make page load time slower.
Ok if pictures are ready the other issue is where you want to use this slider. Do you have your website or blog. Because both is different issue.
For website, you can directly write codes and load pictures. But blog, you need to upload the pictures somewhere first on net.
Ok now if all done.
First we have to write this. Let me explain what is it first briefly. You written here some variables. If you do not have any clue what it is, no problem. And put this in between head tag. Replace "your picture here" with your picture name whatever its name. If you also do not know it just write click on picture and choose properties. There you go its name and extension there written.
Second you need to put first image inside body tag and write this java script codes.
What we doing here is we put first picture inside body somewhere and later we write a javascript code with functions to slide it to other pictures.
I hope you liked it. Thanks for reading.
Monday, July 30, 2012
Alexa, Quantcast, Complete Rank
How can you know what your website ranking? There are several ways but some websites provide this service. Most famous one is alexa which is a product of amazon. It is the big and most popular one. Other alternatives can be quantcast and complete rank.
How to use alexa? It has a toolbar. So i suggest you to download it and use it. It is more practical. It will tell you any websites rank automatically you visit. Also you can visit the website and get more detailed analyse. For keywords search you can use it too. I always use alexa too.
Quantcast, you need to sign up, register etc.. I do not like it much but it is quiet good an alternative for alexa.
Complete rank i did not check it yet so i do not know much but i will soon.
You can also use google trends for checking keywords.
How to use alexa? It has a toolbar. So i suggest you to download it and use it. It is more practical. It will tell you any websites rank automatically you visit. Also you can visit the website and get more detailed analyse. For keywords search you can use it too. I always use alexa too.
Quantcast, you need to sign up, register etc.. I do not like it much but it is quiet good an alternative for alexa.
Complete rank i did not check it yet so i do not know much but i will soon.
You can also use google trends for checking keywords.
Wednesday, December 28, 2011
Find me on Facebook
http://www.facebook.com/profile.php?id=100001374597627&sk=wall or emailE mail : balilandandvilla@gmail.com
Phone:
Youtube Channel http://www.youtube.com/user/BaliLandandVilla/ Email Me
Subscribe to:
Posts (Atom)