Batarawisnu

Membangun web / weblog secara cepat dan gratis

2008-10-30T21:06:00.000-07:00

Membangun Web, Weblog, Forum, secara cepat gampang dan gratis
bisa pake wordprees jomla atau phpbb atau yang lainnya
Lumayan untuk pembelajaran sebelum mengendalikan web yang betul2 profesional

Pada prinsipnya membangun web memerlukan dua langkah yang kita butuhkan
1. domain name (nama web contoh http://www.namadomain.com)
2. hosting (tempat dimana file-file web yang kita taruh)

ok kita masuk langkah pertama
memiliki domain name secara gratis daftar aja disini http://www.co.cc
selanjutnya ikuti langkah dalam gambar

1. pilih getting anew domain.

2.isi kotak dengan domain yang kita inginkan

3. Kalau ada terdapat tulisan free berarti sudah dapat di lanjutkan
4. create an account now
5. Isi semua kotak yang di canteng

6. Lanjutkan dengan setup server

7.Pilih Manage DNS
8. klik ok
9. sampai disini sedah selesai mendapatkan domain secara free gratis

kita masuk ke Langkah kedua
yaitu membangun sebuah hosting secara free atau gratis

Langkah pertama kita daftar dulu di hosting ini http://www.000webhost.com/

1. Pilih tap Order Now

2. isi aja menurut petunjuknya
3. Disini Hati2 dikit perhatikan server1 sama server2 sama dengan yg diseting dalam domain

4. Pilih fantastico autoinstaller

5. Coba aja install wordpress

6. menunggu 2x24jam web baru dapat di acses tapi bisanya gga sampai segitu

semoga bermamfaat:
gga ada salahnya mencoba ,kita dapat belajar wordpress, mengendalikan forum,
atau yang lainnya sebelum betul2 paham tentang dunia blogging web untuk menjadi yang profesional

Free Domain Name

Free Hosting

How to make Transfarent color for blogger

2008-10-16T20:02:00.000-07:00

Transfarent color for blogger or background

Examples

#content-wrapper {
width: 777px;
margin: 0 auto;
padding: 0 0 5px;
text-align: left;
position: static;
margin-top: 1px;
background-color: #FFFFFF;
filter:alpha(opacity=70); -moz-opacity:0.70; opacity:0.70; -khtml-opacity:0.70;
}

or

#content-wrapper {
width: 777px;
margin: 0 auto;
padding: 0 0 5px;
text-align: left;
position: static;
margin-top: 1px;
background: url (http://.............);
filter:alpha(opacity=70); -moz-opacity:0.70; opacity:0.70; -khtml-opacity:0.70;
}

Note :
Add red color for code opacity
Change blue color for % opacity

Carbon Blogger templates 777px

2008-06-02T08:17:00.000-07:00

Carbon Blogger Templates

Demo

Download

778px Blogger Templates

2007-11-11T05:05:00.000-08:00

Calender swf For Blogger templates

2007-09-09T05:38:00.000-07:00

This Calender For your blog, Formatting SWF 23kb
U Can change Size u want
Calender input from computer

File zip : swf + installation :Here

Free Clock For Blogger Templates

2007-09-08T08:40:00.000-07:00

This Free Clock For your blog, Formating SWF 6kb
U Can change Size u want
Clock input from computer clock

File zip : swf + istallation : here

Black clean xml blogger templates

2007-09-05T08:07:00.000-07:00

-----------------------------------------------
redesign by : http://batarawisnu.blogspot.com/
width: 778px (best for 800x600 and 1024x768)
width: 472px for posting
header: v2.2
2 column header
3 column under header
3 column main (content)
2 column under post
add navigation menu
disable right click mouse
update : 5 september 2007
name: Black-clean (multi elements)
Download Here
-----------------------------------------------

Redesign Split sidebar V12 XML Templates

2007-09-02T04:59:00.000-07:00

-----------------------------------------------
redesign by : http://batarawisnu.blogspot.com/
width: 778px (best for 800x600 and 1024x768)
width: 527px for posting
header: v2.2
2 column header
3 column under header
3 column main (content)
2 column under post
add navigation menu
disable right click mouse
update : 2 september 2007
name: coba2v12(multi elements)
Download Here
-----------------------------------------------

Note : "For Enable Right Click Mouse"
See In Edit HTML and delete code (red color font)

{/style}
{/head}

{body oncontextmenu='return false'}
{div id='outer-wrapper'}{div id='wrap2'}

Redesign Split sidebar V11 XML Templates

2007-08-31T07:06:00.000-07:00

-----------------------------------------------
redesign by : http://batarawisnu.blogspot.com/
width: 778px (best for 800x600 and 1024x768)
width: 487px for posting
header: v2.2
2 column header
3 column under header
3 column main (content)
2 column under post
add navigation menu
update : 31 august 2007
name: coba2v11(multi elements)
Download Here
-----------------------------------------------

Redesign Split sidebar V10

2007-08-23T08:28:00.000-07:00

-----------------------------------------------
redesign by : http://batarawisnu.blogspot.com/
width: 778px (best for 800x600 and 1024x768)
width: 527px for posting
header: v2.2
Hide navbar (change with firefox referal)
date under post title
2 column header
3 column under header
3 column main (content)
2 column under post
update : 23 august 2007
name: coba2v10(multi elements)
Download : HERE
-----------------------------------------------

How to Use Read more

2007-08-17T07:27:00.001-07:00

Using Read more.. only for templates split sidebar V4-V5-V6-V7-V8-V9

Paste Code below at post u want cutting (start cutting)
{span class="fullpost"}

paste code below at end cutting (end cutting)
{/span}

Note
: Change { with < and } with>
: Don't use code using bold font
: sorry 4 my bad English

samples Cut 4 font C and D

And u can see like this

Redesign Split Sidebar Blogger Template V9

2007-08-14T09:09:00.000-07:00

-----------------------------------------------
redesign by : http://batarawisnu.blogspot.com/
width: 778px (total)
width: 530px for posting
header: v2.2
add sidebar
date to under post title
2 column header (300px,480px)
3 column under header (3x 258px)
3 column main (content)(120px,530px,120px)
3 column under post (3x 254px)
update : 19 august 2007
name: coba2v9(multi elements)
Download Here

-----------------------------------------------
Note :
Tested Browser : FireFox/IE6/Safari
Tested Screen resolution : 800x600 / 1024x768

Redesign Split Sidebar Blogger Template V8

2007-08-09T08:07:00.001-07:00

-----------------------------------------------
redesign by : http://batarawisnu.blogspot.com/
width: 790 (total)
width: 300px for Sidebar (apply for 300x250 adsense)
header: v2.2
remove label in post bottom
move date to under post title
2 column header
3 column footer
4 column content wrapper
update : 8 august 2007
name: coba2v8(multi elements)
Download here
-----------------------------------------------

Redesign Split Sidebar Blogger Template V7

2007-07-31T04:31:00.000-07:00

-----------------------------------------------
redesign by : http://batarawisnu.blogspot.com/
width: 790 (total)
width: 470px for content (apply for banner adsense)
width: 300px for Sidebar (apply for 300x250 adsense)
move sidebar right (top300px, centerleft160px, centerright126px, bottom300px)
header: v2.2 (3 column)
remove label in post bottom
move date to under post title
hide Blogger navbar
3 column header
3 column footer
update : 31 Juli 2007
name: coba2v7(multi elements)
Download Here
-----------------------------------------------

Redesign Split Sidebar Blogger Template V6

2007-07-31T04:13:00.001-07:00

-----------------------------------------------
redesign by : http://batarawisnu.blogspot.com/
width: 790 (total)
width: 470px for content (apply for banner adsense)
width: 300px for Sidebar (apply for 300x250 adsense)
move sidebar right (top300px, center left160px, center right126px, bottom300px)
header: v2.1
add sidebar bottom
remove label in post bottom
move date to under post title
add blogger navbar
3 column under header v2
3 column footer
update : 31 Juli 2007
name: coba2v6(multi elements)
Download Here
-----------------------------------------------

Redesign Split Sidebar Blogger Template V5

2007-07-21T07:38:00.000-07:00

-----------------------------------------------
redesign by : http://batarawisnu.blogspot.com/
width: 790 (total)
width: 470px for content (apply for banner adsense)
width: 300px for Sidebar (apply for 300x250 adsense)
move sidebar right (top300px, centerleft160px, centerright126px, bottom300px)
header: v2.1
add sidebar bottom
remove label in post bottom
move date to under post title
add blogger navbar
add readmore
3 column under header
3 column footer
update : 21 Juli 2007
name: coba2v5(multi elements)
-----------------------------------------------
Download Hire

Redesign Split Sidebar Blogger Template V4

2007-07-21T07:32:00.000-07:00

-----------------------------------------------
redesign by : http://batarawisnu.blogspot.com/
width: 790 (total)
width: 470px for content (apply for banner adsense)
width: 300px for Sidebar (apply for 300x250 adsense)
move sidebar right (top300px, centerleft160px, centerright130px, bottom300px)
header: v2.1
add sidebar bottom
add readmore
remove label in post bottom
move date to under post title
add blogger navbar
update : 21 Juli 2007
name: coba2v4(multi elements)
-----------------------------------------------
Download here

Redesign Split Sidebar Blogger Template V3

2007-07-16T04:12:00.000-07:00

Split Sidebar V3
-----------------------------------------------
redesign by : http://batarawisnu.blogspot.com/
width: 790 (total)
width: 470px for content (apply for banner AdSense)
width: 300px for Sidebar (apply for 300x250 AdSense)
move sidebar right (top300px, center left160px, center right130px, bottom300px)
header: v2.1
add sidebar bottom
remove label in post bottom
move date to under post title
add blogger navbar
update : 13 Juli 2007
name: coba2v3
Original template From
-----------------------------------------------
Blogger Template Style
Name: Split Sidebar Blogger Template
Designer: free blogger template
URL: www.free-web-template.blogspot.com
Date: 18 April 2007
-----------------------------------------------
How to Install This Template (same for V2) Click Here
To Download Click Here

How to Make Post Date Under Post Title

2007-07-15T05:16:00.000-07:00

Post date Under Post Title For Blogger Beta

Go to Edit HTML
Backup your template
Tick Expand Widget Templates

Scroll Down, Find and See Code Below

{b:if cond='data:post.dateHeader'}
{h2 class='date-header'} {data:post.dateHeader/}{/h2}
{/b:if}

(see pic in Block ---->CUT Hire)

--------------------------------------------------------------------------
Scroll UP , Find and See

Paste Under
{div class='post-header-line-1'/}

or Upper
{div class='post-body'}

See picture

Click Preview
Done!

----------------------------------------------------------------------
Note : < = { and > = }

if u r Like, try make Marquee (see picture below)

How to Change Blogger Navbar With Firefox Referral

2007-07-14T02:42:00.000-07:00

Step I

Hide Your Blogger Navbar First , code hire
Copy and Paste code below at UPPER #header

#navfirefox{
height:30px;
background:#C3FE7C url(http://tomirizaldi.googlepages.com/firefox.jpg) repeat-x;
line-height:30px;
margin-top: 0px;
margin-right:0px;
}

------------------------------------------------------------------------------
Step II

Copy and Paste Code Below At UPPER {div id='header'} or {div id='header-wrapper'}

----------------------------------------------------------------------
Step III

Change Red Color code With your FireFox Referral Code (text)

Note : Warning! , backup ALL your template before using this trick
ALL done!!

Redesign For Split Sidebar Blogger Template V2

2007-07-13T08:39:00.000-07:00

Split Sidebar V2
This version Good for AdSense
update from Split Sidebar Blogger template
Header Navigation + Google Search
formating : xml

How To Install

1. Backup your Template
2. Change Your Template With , Download Here
3. Copy and paste Code Below at Upper Header (see Pic )
4. Try to Remove header Description
5. Copy Google Search code Under Header (see pic)
6. Done!!

Add Horizontal Navigation Menu For Blogger

2007-07-11T06:22:00.000-07:00

Copy & Paste Code Below (under #header or #header-wrapper)

Code I

/*
----------------------------------------------- */

#navigation{

height:25px;
line-height:23px;
margin:0 1px;
background:#1B90DF;
color:#ffffff;
}

#navigation li{
float:left;
list-style-type:none;
border-left:1px solid #ffffff;
border-top:1px solid #ffffff;
border-right:1px solid #777D85;
border-bottom:1px solid #777D85;
white-space:nowrap;
}

#navigation li a{
display:block;
padding:0 10px;
font-size:10px;
font-weight:normal;
text-transform:uppercase;
text-decoration:none;
background-color:inherit;
color: #ffffff;
}

* html #navigation a {width:1%;}

#navigation .selected,#navigation a:hover{
background:#80b0da;
color:#ffffff;
text-decoration:none;
}

/*
----------------------------------------------- */

Copy & Paste Code Below ( In Page Elements )

Code II

/*
----------------------------------------------- */

/*
----------------------------------------------- */
Note : Backup Your Templates Before Try This Hack
Source : http://ditani.blogspot.com

Privacy policy

2007-07-09T01:58:00.000-07:00

batarawisnu Privacy Statement

What follows is the Privacy Statement for all batarawisnu websites (a.k.a. blogs) including all the websites run under the http://batarawisnu.blogspot.com/ domain.

Please read this statement regarding our blogs. If you have questions please ask us via our email

Email Addresses

We agree that we will never share you email with any third party and that we will remove your email at your request. If you have any problem removing your email address please contact us via our email.

Ownership of Information

batarawisnu is the sole owner of any information collected on our websites.

Comments/Message Boards

Most batarawisnu websites contain comment sections (a.k.a. message boards). We do not actively monitor these comments and the information on them is for entertainment purposes only. If we are alerted to something we deem inappropriate in any way, we may delete it at our discretion. We use email validation on most of our message boards in order to reduce “comment spam.” These email addresses will not be shared with any third party.

Cookies

Currently we assign cookies to our readers in order to save their preferences. This data is not shared with any third party. Accessing our websites is not dependent on accepting cookies and all major browsers allow you to disable cookies if you wish.

Third Party Cookies

Many of our advertisers use cookies in order to determine the number of times you have seen an advertisement. This is done to limit the number times you are shown the same advertisement. batarawisnu does not have access to this data.

Traffic Reports

Our industry-standard traffic reporting records IP addresses, Internet service provider information, referrer strings, browser types and the date and time pages are loaded. We use this information in the aggregate only to provide traffic statistics to advertisers and to figure out which features and editorials are most popular.

Legal proceedings

We will make every effort to preserve user privacy but batarawisnu may need to disclose information when required by law.

Business Transitions

If batarawisnu is acquired by or merges with another firm, the assets of our websites, including personal information, will likely be transferred to the new firm.

Links

batarawisnu websites frequently link to other websites. We are not responsible for the content or business practices of these websites. When you leave our websites we encourage you to read the destination site’s privacy policy. This privacy statement applies solely to information collected by batarawisnu

Materials Use

batarawisnu Blog will not be liable for any damages and or problems with use of the Tips-Trick,Tutorials and all materials

Notification of Changes

When batarawisnu makes changes to this privacy policy we will post those changes here.

Contact Information

If you have any questions regarding our privacy policy, please email at allintopology@gmail.com.

Redesign For Split Sidebar Blogger Template

2007-07-06T23:17:00.000-07:00

redesign for
-----------------------------------------------
Blogger Template Style
Name: Split Sidebar Blogger Template
Designer: free blogger template
URL: www.free-web-template.blogspot.com
Date: 18 April 2007
-----------------------------------------------
change
-----------------------------------------------
by : http://batarawisnu.blogspot.com/
width: 790 (total)
width: 470px for content (can apply for banner adsense)
width: 300px for Sidebar (apply for 300x250 adsense)
fixed bug IE 6
hidden (remove) navbar blogger
date : 07-07-2007
formating xml
Download Here
-----------------------------------------------

How To Hidden Navbar For Blogger Beta

2007-07-05T13:19:00.000-07:00

Copy and Paste Code Below Under body

/* CSS to hide navigation bar */
#navbar {
height:0px;
visibility:hidden;
display:none
}

Like This, (example)
----------------
body {
font: $bodyFont;
text-align: center;
margin: 0px;
padding: 0px;
background-color: #CCCCCC;
color: $textColor;
background: $bgColor;
}

/* CSS to hide navigation bar */
#navbar {
height:0px;
visibility:hidden;
display:none
}
--------------------

Kubrick JPG Radio

2007-05-30T03:48:00.001-07:00

This Image JPG Radio for Kubrick Blogger Templates
Download

Kubrick JPG Ungu

2007-05-30T03:45:00.001-07:00

This JPG Image Ungu For Kubrick Blogger Templates
Download

Kubrick JPG Gold 2

2007-05-29T05:07:00.001-07:00

This JPG Image Gold 2 For Kubrick Blogger Templates
Download

Kubrick JPG Navy blue

2007-05-23T04:05:00.000-07:00

This JPG Image Navy Blue For Kubrick Blogger Templates
Download

Kubrick JPG Mutiara

2007-05-22T17:46:00.001-07:00

This JPG Image Merah For Kubrick Blogger Templates
Download

Kubrick JPG White

2007-05-22T17:43:00.001-07:00

This JPG Image White For Kubrick Blogger Templates
Download

Kubrick Merah JPG

2007-05-21T08:40:00.001-07:00

This JPG Image Merah For Kubrick Blogger Templates
Download

Kubrick Gold JPG

2007-05-21T08:31:00.001-07:00

This JPG Image Gold For Kubrick Blogger Templates
Download

Kubrick Disney JPG

2007-05-20T05:48:00.000-07:00

Only Header+BGColor+BGWide+Footer DisneyKubrick template Blogger
Download

Kubrick Black JPG

2007-05-20T05:06:00.000-07:00

Only Header+BGColor+BGWide+Footer Black For Kubrick Templates
Download

How to Change Images Blogger Templates

2007-04-25T18:11:00.001-07:00

Change Your Blog Template to Kubrick 3 Columns Template. (download from hire)
After UR Finish Change Template , Download JPG Images U Want Use and Extract RAR File
Upload Images to GooglePages or Other
For Googlepages Upload Images, klick Upload--->Browse--->Chose Images File (JPG) ,After upload Complete , Right klik file -->Properties, and copy /paste File Location (best-->save in txt file ),
All JPG File (4 File)

Then Log in To Blogger , Go To Template , Edit HTML, Scroll Down
Change Background
at body Change HTTP://................ Address.... (copy paste New file location for bgcolor.jpg)
at #outer-wrapper Change HTTP://.......address.....( for file bgwide.jpg)
at #header-wrapper change HTTP://........address......(for file header.jpg)
at #footer-wrapper change HTTP://..........address.........(for file footer.jpg)

last click Preview
then Click Save template