MY DATA: Tutorial blog di blogger untuk pemula

Showing posts with label Tutorial blog di blogger untuk pemula. Show all posts

Tuesday, December 22, 2009

Create navbar

How to create a navbar that are in the navbar footerApa it? to avoid confusion, try to switch the view buddies to the top of this blog! there seen one of his frames to facilitate our bloggers on bloggers sigin, well something like that ... navbar yang saya maksud.

Untuk membuat gambar seperti itu, ada beberapa langkah yang harus sobat lakukan, di antaranya :

1. Jika sobat menginginkan dalam navbar tersebut terpampang foto atau logo ataupun tanda tangan seperti miliknya mas anang, maka buatlah terlebih dahulu foto/logo atau gambar berbentuk tanda tangan, tapi tentunya dalam ukuran yang kecil. Contoh seperti gambar berikut ini :

atau gambar tanda tangan seperti ini

2. jika foto/logo atau gambar tanda tangan sudah selesai di buat, maka langkah selanjut adalah meng upload foto tersebut ke hosting untuk menyimpan gambar, bisa ke blogger ataupun hosting lain. setelah di upload, catatlah alamat gambar tersebut untuk keperluan nanti di simpan di dalam navbar. Contoh alamat foto dan tanda tangan di atas seperti ini :

http://favatar.myfavatar.com/amen24.png

http://amen24.googlepages.com/TandaTangan_03.gif

3. Langkah selanjutnya adalah memasukan kode CSS untuk navbar yang di buat, contoh kodenya seperti ini :

/* kode untuk navbar
--------------------------------------- */

#navbar-bawah img {
/* margin: 0px 0px -8px 0px; */
vertical-align: middle;
}

#navbar-bawah p.info {
float: right;
padding-right:40px;
line-height: 1.5;
height: 100%;
vertical-align: bottom;
}

#navbar-bawah p {
float: left;
margin: 0px;
padding-top:4px;
padding-left:40px;
line-height: 1.2;
vertical-align: bottom;
}

#navbar-bawah a {
color:#00CCFF;
text-decoration:none;
}
#navbar-bawah a:hover{
color: #00FFFF;
}
#navbar-bawah {
align: center;
position: fixed;
border-top: 1px solid #ddd;
border-bottom: 5px solid #003366;
background-color: #114477;
width: 100%;
left: 0px;
text-align: left;
color: #ffffff;
font-family: verdana;
font-size: 12px;
z-index:10000;
bottom:0;
}

# Langkah berikutnya adalah memasukan kode navbar pada body template, contoh kodenya seperti ini :
<br/><br/>
<div id="navbar-bawah">
<p><img border="0" src="http://favatar.myfavatar.com/amen24.png"/>   
<a href="http://template-unik.blogspot.com"><b>Template Unik</b>
</a>  © 2007 |
Design by <a href="http://sibatman.blogspot.com" target="_blank">batman</a>
   <img border="0" src="http://amen24.googlepages.com/TandaTangan_03.gif"/></p>
<p class="info">Powered by <a href="http://www.blogger.com">Blogger</a> |
thanks to <a href="http://www.feedburner.com" target="_blank">Feed burner</a><br/>
Best viewed in Firefox 1.5+ at 1024x768 or higher resolution</p>
</div>

Untuk cara pemasangan kode di atas, silahkan ikuti langkah berikut ini :

Untuk Template Klasik

1. Sign in di blogger

2. Klik menu Template

3. Klik menu Edit HTML

4. Copy seluruh kode template sobat, paste di notepad kemudian save di komputer sobat sebagai backup data

5. Copy paste kode berikut ! simpan antara kode <style type="text/css"> dan kode </style>. atau jika bingung, simpan saja persis di atas kode </style>

/* kode untuk navbar
--------------------------------------- */

#navbar-bawah img {
/* margin: 0px 0px -8px 0px; */
vertical-align: middle;
}

#navbar-bawah p.info {
float: right;
padding-right:40px;
line-height: 1.5;
height: 100%;
vertical-align: bottom;
}

#navbar-bawah p {
float: left;
margin: 0px;
padding-top:4px;
padding-left:40px;
line-height: 1.2;
vertical-align: bottom;
}

#navbar-bawah a {
color:#00CCFF;
text-decoration:none;
}
#navbar-bawah a:hover{
color: #00FFFF;
}
#navbar-bawah {
align: center;
position: fixed;
border-top: 1px solid #ddd;
border-bottom: 5px solid #003366;
background-color: #114477;
width: 100%;
left: 0px;
text-align: left;
color: #ffffff;
font-family: verdana;
font-size: 12px;
z-index:10000;
bottom:0;
}

6. Copy paste kode berikut persis di atas kode </body> (ganti yang tercetak merah dengan milik sobat) :

<br/><br/>
<div id="navbar-bawah">
<p><img border="0" src="http://favatar.myfavatar.com/amen24.png"/>   
<a href="http://sibatman.blogspot.com"><b>Template Unik</b>
</a>  © 2007 |
Design by <a href="http://kolom-tutorial.blogspot.com" target="_blank">batman</a>
   <img border="0" src="http://amen24.googlepages.com/TandaTangan_03.gif"/></p>
<p class="info">Powered by <a href="http://www.blogger.com">Blogger</a> |
thanks to <a href="http://www.feedburner.com" target="_blank">Feed burner</a><br/>
Best viewed in Firefox 1.5+ at 1024x768 or higher resolution</p>
</div>

7. Klik tombol Simpan Perubahan Template

8. Selesai.

Untuk Template baru (new blogger template)

1. Sign in di blogger

2. Klik menu layout

3. Klik menu Edit HTML

4. Klik tulisan Download Full Template, lalu save data tersebut. Ini untuk berjaga-jaga apabila terjadi kesalahan dalam mengedit kode template

5. Copy paste kode berikut ! simpan di atas kode ]]></b:skin>

/* kode untuk navbar
--------------------------------------- */

#navbar-bawah img {
/* margin: 0px 0px -8px 0px; */
vertical-align: middle;
}

#navbar-bawah p.info {
float: right;
padding-right:40px;
line-height: 1.5;
height: 100%;
vertical-align: bottom;
}

#navbar-bawah p {
float: left;
margin: 0px;
padding-top:4px;
padding-left:40px;
line-height: 1.2;
vertical-align: bottom;
}

#navbar-bawah a {
color:#00CCFF;
text-decoration:none;
}
#navbar-bawah a:hover{
color: #00FFFF;
}
#navbar-bawah {
align: center;
position: fixed;
border-top: 1px solid #ddd;
border-bottom: 5px solid #003366;
background-color: #114477;
width: 100%;
left: 0px;
text-align: left;
color: #ffffff;
font-family: verdana;
font-size: 12px;
z-index:10000;
bottom:0;

6. Copy paste kode berikut persis di atas kode </body> (ganti yang tercetak merah dengan milik sobat) :

<br/><br/>
<div id="navbar-bawah">
<p><img border="0" src="http://favatar.myfavatar.com/amen24.png"/>   
<a href="http://template-unik.blogspot.com"><b>Template Unik</b>
</a>  © 2007 |
Design by <a href="http://kolom-tutorial.blogspot.com" target="_blank">Rohman Abdul Manap</a>
   <img border="0" src="http://amen24.googlepages.com/TandaTangan_03.gif"/></p>
<p class="info">Powered by <a href="http://www.blogger.com">Blogger</a> |
thanks to <a href="http://www.feedburner.com" target="_blank">Feed burner</a><br/>
Best viewed in Firefox 1.5+ at 1024x768 or higher resolution</p>
</div>

7. Klik tombol Simpan Template

8. Selesai.

ok selamat mencoba by KR

Create marquee effects

What is a marquee? Marquee is a program HTML to create text to move or walk. Marquee program is much in demand and in use by the bloggers on the blog because of the nature of this program is dynamic and interesting to see disamping untuk menghemat tempat pada halaman blog.

Marquee ini bisa di buat dengan menggunakan tag ....

Atribut yang sering di gunakan adalah :

BGCOLOR="warna" --> Untuk mengatur warna background (latar belakang) teks

DIRECTION="left/right/up/down" --> Mengatur arah gerakan teks

BEHAVIOR="scroll/slide/alternate" --> Untuk mengatur perilaku gerakan

Scroll --> teks bergerak berputar
Slide--> teks bergerak sekali lalu berhenti
Alternate --> teks bergerak dari kiri kekanan lalu balik lagi ( bolak-balik bo)

TITLE='pesan" --> Pesan akan muncul saat mouse berada di atas teks

SCROLLMOUNT="angka" --> mengatur kecepatan gerakan dalam pixel, semakin besar angka semajin cepat gerakannya.

SCROLLDELAY="angka" --> Untuk mengatur waktu tunda gerakan dalam mili detik

LOOP="angka|-1|infinite" --> Mengatur jumlah loop

WIDTH="lebar" --> Mengatur lebar blok teks dalam pixel atau persen

Agar lebih jelas akan saya sertakan contohnya :

Contoh marquee dari gerakan :

<MARQUEE align="center" direction="right" height="200" scrollamount="2" width="30%">

marquee dari kanan ke kiri

</MARQUEE>

hasilnya :

marquee dari kanan ke kiri
ganti kata "left" dengan keinginan anda yaitu bisa : left, up, down .

Contoh marquee dari perilaku gerakan :

<MARQUEE align="center" direction="left" height="200" scrollamount="3" width="70%" behavior="alternate">

marquee menurut perilaku

</MARQUEE>

marquee menurut perilaku

Contoh marquee dengan variasi hurup dan warna latar belakang :

<div align="left">&ltFONT FACE="georgia" color="White"><B><MARQUEE BGCOLOR="RED" width="70%" scrollamount="3" behavior="alternate">

</MARQUEE></b></FONT></div>

hasilnya :

marquee dengan variasi hurup

Ada variasi lain dari marquee ini, yakni ketika mouse sedang berada di area marquee teks akan berhenti dan ketika mouse di geser kembali ketempat lain maka teks akan bergerak kembali, ini hanya di tambahkan sedikit program pada kolom marquee.

Contoh, silahkan arahkan mouse anda ke area marquee di bawah ini :

<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="50%" height="200" align="center">

silahkan tunjuk ke sini

</marquee>

hasilnya :

silahkan tunjuk ke sini

Contoh marquee yang di dalam nya terdapat link :

<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="100%" height="100" align="center">

<a href="http://rubrik-elektronik.blogspot.com" target="new">Rubrik Elektronik</a><br/>

<a href="http://electronic-rubric.blogspot.com" target="new">Electronic Rubric </a><br/>

<a href="http://kolom-iklan.blogspot.com" target="new">Kolom iklan </a><br/>

</marquee>

hasilnya : Free Template

Kolom iklan

Kang Rohman

Mungkin itu saja beberapa contoh yang bisa di berikan, silahkan anda otak-atik sendiri agar tercipta variasi-variasi dari marquee ini.

ok selamat mencobanya by KR

Create animation banner

Practical way to offer our advertising through banner animation ini.kenapa karna penggunjung eyes will soon see on our banner karna other form of another, Banner is a free and anyone pay each have advantages and kekurangannya

bagi anda yang berminat dengan banner animasi gratis, anda bisa kunjungi http://www.addesigner.com Silahkan daftar (gratis), Jika sudah di terima anda tinggal memilih banner yang di sediakan, trus ya tinggal di masukin ke blog, mau di sidebar atau di dalam postingan tentu bisa.

contoh banner animasi

ok selamat mencoba by KR

Monday, December 21, 2009

Changing Icon Yahoo Messenge

You are bored with your IM icon display is used?, Can kok replaced with a new look following
how
* Log in to your blogger account
Tambah Gadget> HTML / Javascript">* Go to: Layout> Add a Gadget> HTML / Javascript
* Then, copy & paste the script below:

<a target="_blank" href="http://ymgen.com/chat.php?idne=YOUR YM ID">
<img style="" src="http://ymgen.com/ym.php?id2=YOUR YM ID&s2=1" border="0" />

* Rubahlah: YM ID ANDA dengan YM ID Anda sendiri
* Rubahlah: Angka 1 dengan ikon pilihan Anda. Seperti yang anda lihat bellow (mengubah dengan no: 1-28)

dengan pilihan berikut ini

1 2

3 4

Dan masih banyak lagi sesuai dengan nomer nya 1 sampai 28 seperti yang saya terangkan di atas by aladin

Changing the view with the banner Readmore

You have to do is

1. Please login to blogger with your ID.
2. Click Layout.
3. Click the Edit HTML tab.
4. Pd Tick the little box next to "Expand Widget Templates"
5. Find similar code like this:

<div class='post-body entry-content'>
<data:post.body/>
<div style='clear: both;'/> 
</div>

6. Silahkan ganti kode di atas dengan
Contoh seperti ini :

<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + "#more"'>

<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIzt5sRqc_ZLTXuInGYBkkd07G1phRWaAo9Wy6pojfLmg8TIv1fb3ex7qSdkCEj_SlY-r6ZBvT-5dAmcVDmUFG9LJbm7c7hmVthRh9stQ4msSHh1ym_oSM9UlBMZVXxYLyDzPbKIja0t4/[1].png' alt='read more'/></a>

</div>
</b:if>

7. Klik tombol SIMPAN TEMPLATE
8. Selesai.

Tampilan readmore anda akan menjadi baru by aladin

How to remove the shoutbox / comments mix full

How:
1. Log In Admin in the Shoutbox.
2. Click the General Settings Locate the click prune messages.
3. Select reserving 10 posts (for all) or delete all,
Examples of such choices:
Messages pruning

1. Keep latest 10 posts and delete the rest
2. Keep latest 30 posts and delete the rest
3. Keep latest 60 posts and delete the rest
4. Keep latest 100 posts and delete the rest
5. Keep latest 200 posts and delete the rest
6. Keep latest 300 posts and delete the rest
7. Delete all messages in my shoutbox

Confirmation

# Enter account password:
4. Klik Aplly Settings.
5. Selesai.
ok anda tinggal restart blog anda dan akan ada tampilan baru shoutmik anda by aladin

Sunday, December 20, 2009

Displaying the comment box disappears

You find a problem in your comment box, if you are still the original template easy aja

1. you login to blogger
2. click on the settings tab
3. click the comment tab and then navigate to the placement krusor your comments on the form put a hook in the entry below.
4. click save settings.
5. done.

But what if still does not appear on your blog!
easy to change the data you live in it alone html

Caranya anda masuk kembali ke tata letak kemudian akan tampil ruangan edit htmlnya
sebelum anda mulai otak-atik template anda harus klik pada tab download template lengkap untuk sekedar berjaga2 apabila kode yang anda masukan salah kemudian ada kotak kecil expand template widget kemudian anda centang pada kotak kecil tersebut tunggu beberapa saat sampai proses selesai.
kemudian anda cari kode seperti ini di kotak HTML

<p class='comment-footer'>

<b:if cond='data:post.allowComments'>

<a expr:href='data:post.addCommentUrl'
expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>

</b:if>

</p>

hapus kode di atas terus diganti degan kode dibawah ini

<p class='comment-footer'>

<b:if cond='data:post.embedCommentForm'>

<b:include data='post' name='comment-form'/>

<b:else/>

<b:if cond='data:post.allowComments'>

<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>

</b:if>

</b:if>

</p>

Selesai tapi jangan lupa untuk menyimpannya ok

Saturday, December 19, 2009

Create the navigation menu under the header

1. Log in first to your buddy blogspot.
2. KLik "Page Element" & Click "Edit HTML"
3. Centangkan "Expand Widget Templates"
4. Copy the code below and put it right above the code ]]></b:skin>

.glossymenu{
position: relative;
padding: 0 0 0 34px;
margin: 0 auto 0 auto;
background: url(http://i730.photobucket.com/albums/ww306/gozhilaq/Menu-background-1.gif) repeat-x; /*tab background image path*/
height: 46px;
list-style: none;
}
.glossymenu li{
float:left;
}
.glossymenu li a{
float: left;
display: block;
color:#000;
text-decoration: none;
font-family: sans-serif;
font-size: 11px;
font-weight: bold;
padding:0 0 0 16px; /*Jangan Dirubah kode Jarak ini*/
height: 46px;
line-height: 46px;
text-align: center;
cursor: pointer;
}
.glossymenu li a b{
float: left;
display: block;
padding: 0 20px 0 8px;
}
.glossymenu li.current a, .glossymenu li a:hover{
color: #fff;
background: url(http://i730.photobucket.com/albums/ww306/gozhilaq/Menu-kiri.gif) no-repeat;
background-position: left;
}
.glossymenu li.current a b, .glossymenu li a:hover b{
color: #fff;
background: url(http://i730.photobucket.com/albums/ww306/gozhilaq/Menu-kanan.gif) no-repeat right top;
}

5. Lalu copy code di bawah ini dan letakkan tepat di atas kode <div id='content-wrapper'>

<ul class='glossymenu'>
<li class='current'><a href='URL-Blog-Kamu'><b>Home</b></a></li>

<li><a href='URL-Link-Tujuan1'><b>Judul-Tujuan1</b></a></li>
<li><a href='URL-Link-Tujuan2'><b>Judul-Tujuan2</b></a></li>
<li><a href='URL-Link-Tujuan3'><b>Judul-Tujuan3</b></a></li>
<li><a href='URL-Link-Tujuan4'><b>Judul-Tujuan4</b></a></li>
<li><a href='URL-Link-Tujuan5'><b>Judul-Tujuan5</b></a></li>
<li><a href='URL-Link-Tujuan6'><b>Judul-Tujuan6</b></a></li>
<li><a href='URL-Link-Tujuan7'><b>Judul-Tujuan7</b></a></li>

</ul>

Pada teks yang berwarna merah anda isi url tujuan yang di inginkan.
Pada teks yang berwarna biru anda isi dengan judul sesuai dari tujuan dari link tersebut.

Contoh : <li><a href='http://sibatman.blogspot.com'><b>TutoriaL</b></a></li>

Dan seterusnya.....

6. Simpan Lalu lihat hasilnya

7. Selesai

How to make read more

1. Sign in to Layout - Edit HTML.

2. Love the check (tick) on cekbox "expand widget templates"

3. Look for this code in your blog template (approximately where the 1 / 4 the lower part of html code):

<div class='post-body entry-content'>
kalo ketemu maka dibawahnya ada kode ini :
<p><data:post.body/></p>

4. Kalau sudah ketemu, hapus kode yang ini <p><data:post.body/></p>
diganti dengan yang seperti ini :
<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>

<p><data:post.body/></p>

<a expr:href='data:post.url'>Read More......</a>
</b:if>

Tulisan "Read More....." itu bisa diubah, misalnya jadi "Baca Selengkapnya".

5. Simpan hasil pengeditan.
6. Kemudian pilih menu Setting lalu pilih Formatting
7. Pada kotak Post Template isikan kode berikut:
<span class="fullpost">

</span>

8. Kemudian Simpan.

9. Ketika memposting, disana ada 2 tab pilihan, yang "Compose" dan "Edit Html", pilih Yang "Edit HTML", Maka secara otomatis akan tampak kode seperti berikut :
<span class="fullpost">

</span>
10. Letakkan abstraksi posting atau artikel yang akan ditampilkan dihalaman utama (sebelum tulisan "Readmore") diatas kode ini : <span class="fullpost">
sementara sisanya yaitu keseluruhan posting letakkan di antara kode <span class="fullpost"> dan </span>

11. Selesai. Silakan periksa hasilnya.

Hiding view guest book

The way is easy enough to follow the way you live below

1. Log into your Blogger account, select "Layout" then "Page Elements",
2. Click the "Add a Gadget" (which aja okay), then select "HTML / JavaScript",
3. Copy-paste the code below:
<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLMjp5D0StRkzHWE_DHSPNfnQauZi2lF8qB1mJAa2Avtccp4kko-TKKxplB1wzCdjUHs4U2fPr1LDhIccMERKj-mEZ4jbmd6H5PxcFsQ81wjVhbvVHVuuPcXUmxQ9Ilju9UF-gJ_npB54v/') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #A5BD51;
background:#F5F5F5;
padding:10px;
}
</style>
<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>
<div id="gb">
<div class="gbtab" onclick="showHideGB()"> </div>
<div class="gbcontent">

<br/>
Mau tampil seperti ini?<br/>
Click aja disini.....:
<a href="http://sibatman.blogspot.com/">

</a>
<div style="text-align:right">
<a href="javascript:showHideGB()">
[close]
</a>
</div>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script>

Yang berwarna merah anda ganti dengan kode html shout mix anda dan lihat hasilnya bereskan, oh iya saya sudah tidak pasang cara di atas lagi biasa ganti suasana :)

The way that html code can appear in the posting

You want html code that you create can appear in the posting how easy it was even easier in my opinion you only live just copy and paste the html code that you created in this site http://centricle.com/tools/html-entities/
and the results you copy and pastekan on your post easy to see how the results are not

Friday, December 18, 2009

Memilih template

Bagi anda yang sudah melakukan beberapa setting-an seperti posting terdahulu, langkah selanjutnya yang perlu anda lakukan adalah memilih template. Sekilas tentang template Template adalah desain-desain halaman web ataupun blog beserta seluruh komponennya (misal : gambar, stylesheet, dsb) baik berupa file statis maupun file dinamis yang berupa program atau aplikasi yang berjalan sebagai aplikasi web. Seperti yang anda lihat sekarang, seperti banner diatas, background warna putih, kolom-kolom di samping kanan, serta semua yang sobat lihat sekarang adalah salah satu bentuk dari desain template. Memilih template yang cantik sangatlah perlu, karena dengan tampilan template yang menarik untuk di lihat maka akan membuat para pengunjung dari blog kita menjadi betah untuk berlama-lama berada di blog kita selain tentunya isi dari blog kita juga sangat menunjang.

Silahkan anda login terlebih dahulu seperti biasa dengan memakai user name milik anda

Klik "Tata Letak" (bila anda menggunakan blogger baru) atau klik "Template" (bila anda menggunakan template classic).

Klik "Pick New Template", silahkan anda pilih template yang anda suka. Sebelum memutuskan dalam memilih "template" ini, sebaiknya anda lihat terlebih dahulu satu persatu contoh layout yang di sediakan dengan cara meng klik tulisan "preview template". Jika di rasa sudah menemukan yang paling anda sukai, silahkan klik tulisan "Save template" yang ada di sebelah kanan atas, beres dah.

Cara setting blog

Bagi anda yang baru membuat blog, ada beberapa settingan / pengaturan yang harus di lakukan agar blog kita bisa di kenali mesin pencari semisal Google,yahoo, Msn serta teman-temannya yang lain. Bila belum tahu apa yang harus di setting, silahkan ikuti langkah-langkahnya :

Silahkan anda Login ke blogger.com dengan user name dan password milik anda
Klik judul blog yang mau di setting ( jika anda sudah mempunyai beberapa blog)
Klik Pengaturan, trus klik Dasar. Beberapa form yang harus di isi pada menu Dasar :

Judul ⇒ isi dengan judul blog anda. Contoh : Blogspot Tutorial

Uraian ⇒ isi dengan deskripsi blog anda. Contoh : disini kita akan berbagi pengalaman dan pengetahuan seputar Blog

Tambahkan blog Anda ke daftar kami? ⇒ pilih ya agar setiap posting kita selalu masuk di daftar Blogger.com.

Biarkan mesin pencari menemukan blog Anda? ⇒ pilih ya

Tampilkan Editing Cepat di Blog Anda? ⇒ pilih Ya

Tampilkan Link Posting Email? ⇒ Sebaiknya pilih ya, tapi pilih tidak juga tidak apa-apa

Konten Dewasa? ⇒ Pilih tidak. Kalau pilih ya berarti blog anda di anggap blog untuk dewasa (semacam blog porno)

Tampilkan Mode Compose untuk semua blog Anda? ⇒ pilih Ya

Aktifkan transliterasi? ⇒ pilih Tidak, jika anda ingin ada button untuk mengubah biasa ke hurup hindi (India), pilih ya jika sebaliknya)

Klik tombol Simpan Pengaturan . Selesai

4. Klik Publikasi untuk mengatur menu Publikasi :

Alamat BlogSpot ⇒ isi dengan nama blog anda. Contoh : kolom-tutorial. Biasanya alamat yang tercantum adalah langsung alamat blog anda, jadi jangan di ubah aja.

Klik tombolSimpan pengaturan. Selesai

5. Klik Format untuk mengatur menu format :

Tampilkan ⇒ pilih angka posting yang ingin anda tampilkan. Missal : Tampilkan : 6 posting, berarti posting yang akan tampil di halaman blog sobat adalah sebanyak enam posting. Pilih posting (jangan hari) pada menu pulldown.

Format Header Tanggal ⇒ pilih model tanggal/bulan yang anda sukai, Format tanggal/bulan ini akan selalu muncul diatas postingan kita.

Format tanggal Index Arsip ⇒ pilih model untuk peng-arsip-an yang anda sukai.

Format Timestamp ⇒ Pilih bentuk waktu yang anda sukai.

Zona Waktu ⇒ Pilih zona waktu yang sesuai. Contoh untuk WIB : [UTC-+7.00]Asia/Jakarta.

Bahasa ⇒ Pilih bahasa yang di inginkan.

Tampilkan Field judul ⇒ Pilih ya

Tampilkan kolom link ⇒ pilih ya, tapi seandainya pilih tidak juga tidak apa-apa.

Aktifkan perataan float ⇒ pilih ya, tapi seandainya mau pilih tidak juga tidak apa-apa

Klik tombol Simpan Pengaturan. Selesai

6. Klik Komentar Untuk mengatur menu komentar :

Komentar ⇒ pilih tampilkan, ini agar artikel anda dapat di komentari oleh pengunjung

Siapa yang Bisa Berkomentar ? ⇒ Pilih Siapa pun - termasuk Pengguna Anonim. Ini di maksudkan agar setiap orang bisa berkomentar tidak terbatas kepada anggota blogspot saja.

Default Komentar untuk Posting ⇒ pilih Posting baru memiliki komentar.

Link balik ⇒ Pilih tampilkan. Ini dimaksudkan agar kita mengetahui apabila ada yang memasang link pada artikel kita.

Default Link Balik untuk Posting ⇒ pilih Posting baru Memiliki Link Balik.

Format Timestamp Komentar ⇒ pilih format jam yg singkat. Contoh: 8.00 PM.

Tampilkan komentar dalam sebuah window popup? ⇒ pilih Ya. Supaya ketika di klik oleh pengunjung, halaman blog anda tidak menghilang/tertimpa halaman komntar.

Aktifkan moderasi komentar? ⇒ pilih Tidak (sebaiknya).

Tampilkan verifikasi kata untuk komentar? ⇒ pilih Ya. ini di maksudkan agar terhindar dari software robot dengan tujuan melakukan spam.

Tampilkan gambar profil dalam komentar? ⇒ pilih ya. Supaya gambar komentator yg punya id blogger, dapat menampilkan fotonya.

Email Pemberitahuan Komentar ⇒ isi dg alamat email anda, ini di maksudkan agar setiap ada yang berkomentar pada artikel anda, anda dapat kiriman email dari blogger.com sebagai pemberitahuan.

Klik tombol Simpan Pengaturan. Selesai

7. Klik Arsipkan Untuk mengatur menu Arsipkan :

Frekuensi Arsip ⇒ pilih Bulanan.

Aktifkan Halaman Posting? ⇒ pilih ya.

Klik tombol Simpan Pengaturan . Selesai.

8. Klik Fedd Situs untuk mengatur menu feed situs :

Izinkan Feed Blog ⇒ pilih Penuh.

Posting URL Pengubahan Arah Feed ⇒ di isi dengan alamat feed penggati semisal alamat feed dari feed burner, jika belum punya, di kosongkan saja.

Footer Feed Posting ⇒ Silahkan di isi dengan kode iklan yang anda punya, misal kode iklan dari Google adsense dsb, namun jika tidak punya, silahkan kosongkan saja.

Klik tombol Simpan Perubahan. Selesai.

Sekarang anda dapat melihat hasilnya dengan perubahan pertama dari blog anda
lain waktu akan saya buat kan lagi cara memasang / memilih template baru.

How to Create a Blog on Blogger

D probably one among you who still do not understand about making a blog on blogger how easy kok.

First please click on the banner below

Klik tanda anak panah yang bertuliskan " CIPTAKAN BLOG ANDA "

Isilah Alamat Email dengan alamat email anda (tentunya yang valid)

Isikan kembali alamat email anda tadi pada form Ketik ulang alamat email

Tuliskan password yang anda inginkan pada form Masukkan sebuah password

Isikan kembali password anda tadi pada form Ketik ulang sandi (password)

Isi Nama Tampilan dengan nama yang ingin anda tampilkan

Tulis tulisan yang tertera pada form Verifikasi Kata. Beri tanda tik/cek pada kotak di pinggir tulisan Saya menerima Persyaratan dan Layanan.

Klik gambar anak panah yang bertuliskan "LANJUTKAN"

Tuliskan judul blog yang anda inginkan (nanti bisa di rubah lagi) pada form Judul Blog

Tulis nama situs anda pada form Alamat Blog (URL)

Tulislah tulisan verifikasi yang ditampilkan pada form Verifikasi kata, jika sudah selesai klik gambar panah yang bertuliskan "LANJUTKAN".

Pilihlah gambar (template) yang anda inginkan (nanti bisa di rubah lagi), kemudian klik gambar anak panah yang bertuliskan "LANJUTKAN"

Setelah keluar tulisan "Blog Anda telah di iptakan". Klik gambar panah bertuliskan "MULAI POSTING". Silahkan anda tuliskan semau anda, jika sudah selesai klik tombol "MEMPUBLISKAN POSTING".

3. Isi ( Content ) blog :

Bagi para pemula, biasanya mereka bingung setelah daftar membuat blog apa yang harus di isi( diposting ) dalam sebuah blog. Isi ( content ) dari sebuah blog tentu saja terserah kepada si pemilik blog itu sendiri, apakah mau di isi puisi, perjalanan hidup, teknik, ataupun apa saja. Nah di sini saya menyarankan, isilah blog anda tersebut dengan minat ataupun hoby serta keahlian anda sendiri, karena tentu saja di luar sana banyak sekali orang yang tentunya sama minat dan hoby nya dengan anda, sehingga mereka akan tertarik untuk membaca tulisan-tulisan anda.

Semoga bisa membantu .

MY DATA