tips,trick,tutorial blog

Meletakkan gambar/widget di pojok blog

2009-01-08T19:29:00.000-08:00

maksud judul diatas adalah,kamu akan bisa memasang widget/gambar di pojok blog.bisa di pojok atas maupun pojok bawah.yang lebih kerennya lagi.gambar atau widget itu akan terus berada disana walaupun scroll di arahkan ke bawah.cocok sekali kalo untuk pasang iklan
coba kamu perhatikan gambar di bawah ini;

saya akan ajarkan cara membuatnya:

1.masuk ke blogger
2.layout-edit html-centang expand template widget.
3.cari kode ini ]]></b:skin>
4.taruh code dibawah ini tepat diatas code nomor 3

#Lookj_keren {
position:fixed;_position:absolute;bottom:0px; left:0px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }

tulisan yang dicetak tebal bisa anda ganti sebagai posisi letak gambar
1.bottom=dibawah
2.top=diatas
3.left=kiri
4.right=kanan

5.kemudian cari lagi code ini </body> dan letakkan script di bawah ini sebelum kode tersebut

<div id="Lookj_keren">
<a href="http://alamat blog.blogspot.com">
<img src="http://img361.imageshack.us/img361/1435/pojokyu7.jpg" border="0" /></a>
</div>

tulisan berwarna merah bisa kamu ganti dengan alamat blogmu

tulisan berwarna biru bisa diganti dengan link gambar

menambah script berita di blog

2009-01-04T23:46:00.000-08:00

Kamu tidak ingin ketinggalan bertita bertita terhangat dunia?ya nonton berita donk..tapi kalo gak sempat gimana?hm...gimana kalo pas lagi blogging,sambil baca baca berita tuh..asyik juga kayaknya.jadi kalo ada pengunjung yang datang ke blog kamu gak akan ketinggalan berita berita terhangat.gampang kok cara buatnya

1.login ke blogger
2.masuk ke layout-page element
3.add gadget-add html/java
4.copy kode dibawah ini ke page element blog kamu

<iframe frameborder="0" marginheight="0" marginwidth="0" height="17" src="http://www.metrotvnews.com/newsticker.asp" id="NewsWindow" style="background-color: transparent;" scrolling="no" width="945" allowtransparency="true"></iframe>

lalu letakkan page element tersebut di posisi yang sering dilihat oleh pengunjung..
oh ya berita yang kita ambil disini.berita dari metro TV

Membuat Label Animasi

2009-01-03T23:46:00.000-08:00

Biasanya kalo label yan gada di blog tampilannya seperti ini:

tips(5)
tutorial(6)
widget(7)

kalo hanya seperti itu saja kelihatannya kurang menarik.gimana kalo kita buat menjadi tampilan animasi..coba kamu lihat label yan gada di blog ini.di sebelah kiri atas.klik mouse kamu kesana.bagus kan tampilannya?

cara buatnya gampang kok..ikuti langkah langkah dibawah ini

1.login ke blogger
2.masuk ke layout-edit html
3.cari kode ini

<b:section class='sidebar' id='sidebar' preferred='yes'>

4.copy kode dibawah ini tepat dibawah kode nomor 3

<b:widget id='Label99' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<object type="application/x-shockwave-flash" data="http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf" width="250" height="200" allowscriptaccess="always" >
<param name="movie" value="http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf" />
<param name="bgcolor" value="#ffffff" />
<param name="flashvars" value="tcolor=0x000000&mode=tags&distr=true&tspeed=100&tagcloud=<tags>
<b:loop values='data:labels' var='label'>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url' style='12'><data:label.name/></a>
</b:loop>
</tags>" />
<p>Blogumulus by <a href='http://www.roytanck.com/'>Roy Tanck</a> and <a href='http://www.bloggerbuster.com'>Amanda Fazani</a></p>
</object>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>

5.kemudian save
6.sekarang label kamu sudah berubah menjadi animasi.bagus bukan?

catatan:
jika dirasa penempatan atau ukuran label terlihat kurang pas dengan template kamu.kamu bisa melakukan sedikit perubahan.

a.width="250" untuk mengubah lebar label..tinggal ganti angkanya saja
b.height="200" untuk mengubah tinggi label..tinggal ganti angkanya saja
c.<param name="bgcolor" value="#ffffff" /> untuk mengubah warna background
d.<param name="flashvars" value="tcolor=0x000000& untuk mengubah warna tulisan

membuat daftar isi blog

2009-01-02T23:46:00.000-08:00

Dalam sebuah buku ada yang namanya daftar isi.daftar isi ini berguna untuk menampilkan semua isi yang ada didalam buku tersebut.tentunya daftar isi ini akan sangat berguna sekali untuk pembaca.karena jika banyak tulisan dalam buku itu,mereka akan kesulitan mencari artikel jika mereka harus mencarinya satu persatu.daftar isi ini juga bisa anda tampilkan didalam blog,sehingga akan sangat memudahkan pembaca dalam mencari artikel dalam blog anda.jadi ketika ada pengunjung yang mengklik blog kamu maka akan tampil semua judul postingan beserta tanggal postingan.ok tanpa berlama lama,saya akan ajarkan cara membuatnya
A.langkah pertama
1.sigin ke blogger
2.masuk ke layout-edit html...sebelum kita mengedit blog sebaiknya anda copy dulu semua code html anda ke notepad..supaya jadi backup kalo nanti kita gagal
3.copy kode dibawah ini tepat diatas kode ]]></b:skin>

#toc { border: 0px solid #000000; background: #ffffff; padding:2px; width:495px; margin-top:10px;}

.toc-header-col1, .toc-header-col2,

.toc-header-col3 { background: #B5CBFA; color: #000000; padding-left: 5px; width:250px;}

.toc-header-col2 { width:75px;}

.toc-header-col3 { width:125px;}

.toc-header-col1 a:link, .toc-header-col1 a:visited,

.toc-header-col2 a:link, .toc-header-col2 a:visited, .toc-header-col3 a:link,

.toc-header-col3 a:visited { font-size:100%; text-decoration:none;}

.toc-header-col1 a:hover,

.toc-header-col2 a:hover,

.toc-header-col3 a:hover { font-size:100%; text-decoration:underline; color:#3D3F44;}

.toc-entry-col1, .toc-entry-col2, .toc-entry-col3 { padding-left: 5px; font-size:100%; background:#f0f0f0;}

4.simpan template itu

B.langkah kedua
1.klik page element
2.tambah sebuah element halaman
3.tambah kode html/javascript
4.copy kode dibawah ini dan masukkan kedalam element halaman yang muncul

<div id="toc"></div>

5.letakkan element halaman tersebut tepat diatas element post
6.kemudian simpan
7.tambahkan sebuah elemet halaman lagi
8.beri judul element halaman tersebut..bisa daftar isi atau terserah kamu
9.copy code dibawah ini dan masukkan kedalam element itu

<div id="toclink"><a href="javascript:showToc();"><img src="http://amen24.googlepages.com/folder.gif"/>
  Lihat Daftar Isi !</a><br/><br/></div>
<script style="text/javascript" src="http://amen24.googlepages.com/daftarisi.js">
</script><script src="http://YOURBLOG.blogspot.com/feeds/posts/default?alt=json-in-script&max-results=999&callback=loadtoc"></script>

ganti tulisan yang dicetak tebal dengan alamat blog kamu

10.letakkan element daftar isi tersebut ditempat dimana sering dilihat oleh pengunjung

Membuat text area

2009-01-01T23:46:00.000-08:00

Text area berfungsi untuk menyimpan kode kode html.contohnya seperti ini:

test cara membuat text area...anda bisa menuliskan kode kode HTML di dalam kolom tersebut..bisa meletakkan link banner ataupun pesan tertentu

didalam kolom tersebut kamu bisa menyimpan kode kode HTML yang bisa di copy oleh pengunjung blog.sekarang akan saya ajarkan cara membuatnya.

anda cukup copy code berikut :

1.Text area biasa

<p align="center"><textarea name="code" rows="6" cols="20"> test cara membuat text area...anda bisa menuliskan kode kode HTML di dalam kolom ini</textarea></p>

catatan:
1.kamu bisa mengganti tulisan yang di cetak tebal dengan kode kode yang ingin anda letakkan dalam kolom tersebut.anda bisa meletakkan dalam postingan atau bisa juga diletakkan di dalam page element

2.row="6" ini menunjukkan tinggi dari kolom tersebut.jika ingin kotaknya lebih tinggi,silahkan ganti dengan angka yang lebih besar

3.cols="20" ini menunjukkan lebar kolom

2.Text area Highlight
dengan menggunakan text area ini.pengunjung cukup mengklik tombol highlight all
maka semua text yang ada didalam kolom akan langsung terseleksi,ini sangat memudahkan pengunjung,karena takutnya nanti ada text yang tertinggal jika di seleksi secara manual.

contohnya seperti ini

cara membuatnya..copy code dibawah ini:

<div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Highlight All"> </div><div align="center"></div><p align="center"><textarea style="WIDTH: 300px; HEIGHT: 144px" name="txt" rows="100" wrap="VIRTUAL" cols="55">dengan menggunakan text area ini.pengunjung cukup mengklik tombol highlight all maka semua text yan gada didalam kolom akan langsung terseleksi,ini sangat memudahkan pengunjung,karena takutnya nanti ada text yang tertinggal jika di seleksi secara manual.</textarea></p></div></form>

catatan:
1.ganti tulisan yang dicetak tebal dengan tulisan yang anda inginkan
2.<div align="center"> --> itu menunjukkan tombol highligh akan berada di tengah,jika ingin tombol itu berada di kanan atau kiri,tinggal ganti dengan left atau right
3.Value="Highlight All" --> kata Highlight All adalah kata yang akan muncul di dalam tombol, jadi jika anda ingin merubah tulisan ini silahkan ganti dengan kata yang anda inginkan.
4.<p align="center"> menunjukkan bahwa text area berada ditengah,jika ingin berada di kanan atau kiri tinggal ganti dengan right atau left
5.<text style="WIDTH: 300px"> menunjukkan lebar kolom
6.HEIGHT: 144px menunjukkan tinggi kolom

Memasang kotak shoutbox

2008-12-30T21:51:00.000-08:00

kotak shoutbox,kotak cuap cuap,kotak komentar,kotak curhatan dan masih banyak lagi istilah yang dipakai oleh para blogger.tapi intinya kotak ini berguna untuk menuliskan uneg uneg atau jejak kamu setelah berkunjung kesalah satu blog.jadi nanti pemilik blog bisa membacanya dan kemudian bisa langsung membalas di kotak itu juga.kota ini lebih praktis ketimbang kotak komentar.karena kalo kotak ini bisa diletakkan dihalaman depan,sedangkan kotak komentar adanya di setiap postingan.

cara memasang shoutbox atau kotak ngoceh:

1. Buka situs Shoutmix terlebih dahulu kamu harus daftar.tenang saja gampang kok.cukup klik "create your shoutbox now"
2. Jika pendaftarannya berhasil kamu langsung disuruh milih type shoutbox yang disediakan, terserah kamu milih bentuknya yang gimana. Klik tombol Continue
3. Setelah itu kamu akan mendapat ucapan "Terima Kasih" lalu klik link Go to My Control Panel Now
4. Disitu kamu bisa mensetting terlebih dahulu shoutbox kamu, misalnya Style & Color, Date & Time, dan lain-lain.
5. Jika sudah selesai klik menu Get Codes
6. Jika kamu ingin menaruh shoutbox di blog kamu pilih "Place Shoutbox on Webpage"
7. Atur lebar dan tinggi shoutbox di kolom widht dan hight
8. Kemudian Copy kode yang ada di dalam kotak "generated Codes"

sekarang kita akan meletakkan kode itu dialam blog

1.Login ke blogger-Layout-Add Page Elements
2. Tambahkan element HTML/Javascript.
3.Paste Kode yang telah kamu copy dari shoutbox.com
4.kemudian save..sekarang liat blog kamu.udah tambah satu kotak cuap cuap disana..

selamat ngoceh!!!

Memasang adense(iklan) didalam postingan

2008-12-29T20:27:00.000-08:00

ingin menghasilkan duit dari blog kamu?mudah kok..pasang iklan di blog kamu.banyak kok web yang bersedia membayar kamu apabila kamu mau nampilin iklan mereka di blog kamu.jadi saat ada iklan di blog kamu yang diklik,kamu akan langsung dibayar oleh web tersebut.jika blog kamu berbahasa indonesia,kamu bisa coba mendaftar disini .Tapi kalo blog kamu berbahasa inggris,kamu bisa coba daftar di google adsense,adbrite,atau advertiser.lumayan kan sambil ngeblog bisa ngasilin duit.

sekarang yang jadi masalah,terkadang walaupun blog kita sudah rame pengunjungnya tapi kok kenapa blog kita belum menghasilkan...
berarti peletakan iklan dalam blog kamu kurang maksimal.supaya lebih maksimal.sebaiknya kamu coba untuk memasang iklan didalam postingan.nanti iklan ini akan berada di bawah judul postingan anda.jadi saat pengunjung membaca postingan anda.mereka akan dipaksa melihat iklan anda tersebut.

cara memasang iklan didalam postingan :
1.login ke blogger
2.layout-edit html
3.terus ambil kode iklan yang telah disiapkan di web iklan yang telah anda daftar tadi
4.cari kode dibawah ini

<div class='post-header-line-1'/>

5.sekarang kita akan meletakkan kode iklan yang telah kita dapatkan tepat dibawah kode di no 4...tapi sebelum meletakkan kode iklan tersebut.kita harus memparse kode tersebut terlebih dahulu.liat cara memparse kode disini

6.setelah kode iklan di parse.letakkan kode tersebut dibawah kode no 4

7.kemudian simpan..sekarang kamu sudah bisa melihat hasilnya

Membuat kotak komentar dibawah postingan

2008-12-28T19:57:00.000-08:00

Selama ini untuk memberikan komentar blog,kita selalu harus mengklik "post comment" terlebih dahulu baru kita bisa mengisi komentar disana.itu akan sangat merepotkan.tapi sekarang blogger telah menyediakan cara yang lebih mudah.blogger telah meletakkan kotak komentar tepat dibawah postingan.jadi saat ada pengunjung yang ingin memberikan komentar.merka langsung bisa mengisi komentar tanpa harus klik "post comment" terlebih dahulu

untuk membuatkotak komentar dibawah postingan,ikuti langkah langkah dibawah ini:

1. Login ke http://draft.blogger.com jangan login ke blogger.com ya!!!
2. Trus ke menu Setting-Comments.Kemudian ganti "Comment Form Placement" menjadi "Embedded below post" silahkan lihat gambar dibawah ini :

3.lalu di save
4.kemudian masuk ke menu layout-edit html
5.beri tandang centang pada kotak "Expand widget templates"
6.cari kode dibawah ini

<p class='comment-footer'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
<data:postCommentMsg/></a>
</p>
</b:if>

7.lalu ganti kode itu dengan 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> </b:if>

8.sekarang tinggal di save

nah coba sekarang kembali ke blog anda.terus coba klik salah satu postingan.nah kotak komentar udah ada di blog anda...selamat mencoba

Memasang total post dan total coment

2008-12-27T00:00:00.000-08:00

Anda bisa memasang total jumlah artikel yang telah anda posting dan berapa total jumlah komentar yang telah di tulis dalam blog anda.sehingga pengunjung yang datang bisa melihat dan mengetahui jumlah postingan dan jumlag artikel dalam blog anda.untuk memasangnya cukup copy code code berikut

1.script untuk total post

<script style="text/javascript">
function showpostcount(json) {
document.write('Total Posts : <b>' + parseInt(json.feed.openSearch$totalResults.$t,10) + '</b><br>');}</script>
<script src="http://namablog.blogspot.com/feeds/posts/default?alt=json-in-script&callback=showpostcount"></script>

ganti tulisan yang dicetak tebal dengan alamat blog anda.

2.script untuk total comment

ganti tulisan yang dicetak tebal dengan alamat blog anda

silahkan letakkan code code berikut didala page element blog anda..caranya
1.login ke blogger
2.layout-page element-add gadgedt-add html/javascript
3.paste code code diatas
4.simpan

Seberapa Mahal Blog anda

2008-12-26T00:00:00.000-08:00

Punya blog yang lumayan lama,terkenal,dan banyak pengunjungnya...mau tahu seberapa mahal sih harga blog anda?anda bisa mengecek berapa blog anda dihargai..memang sih kita gak bisa menjual blog kita,tapi setidaknya jika kita tahu harga blog kita.kita jadi bisa menilai seberapa penting sih blog kita tersebut.mari kita cek sama sama blog kita

caranya kunjungi http://www.business-opportunities.biz/projects/how-much-is-your-blog-worth
lalu masukkan alamat blog anda disana.nanti akan keluar harga blog anda dalam dollar.semakin rame dan semakin banyak artikel dalam blog anda..maka akan mahal juga harga blog anda.anda juga bisa mencoba memasukkan alamat blog yang abru anda buat untuk mengetahui berapa harga blog anda.
ok selamat mencoba semoga anda bisa mendapatkan hasil yang memuaskan...

membuat recent comment

2008-12-25T23:36:00.000-08:00

ingin tahu siapa saja yang baru memberikan komentar di blog anda?bisa kok...pasang aja recent comment.widget ini berfungi untuk menampilkan komentar terbaru yang dituliskan oleh pengunjung di blog anda.bagaimana cara membuatnya

1.login ke blogger
2.pilih layout-add page element-add gadgedts-add html/javascript
3.copy code dibawah ini:

<script style="text/javascript" src="http://kendhin.890m.com/comments.js"></script><script style="text/javascript">var a_rc=8;var m_rc=false;var n_rc=true;var o_rc=40;</script><script src="nama blogmu/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"> </script>

catatan:
a.ganti tulisan nama blogmu dengan alamat blog anda.
b.angka 8 menunjukkan jumlah komentar yang ingin ditampilkan
4.kemudian simpan
5.anda bisa mengatur untuk meletakkan widget ini di halaman blog anda.

Menuliskan script dalam postingan

2008-12-24T23:16:00.000-08:00

Jika didalam blog anda,anda ingin memberikan tips tips seputar blog..seperti cara memasang status yahoo messenger di blog, cara membuat random post,cara membuat related post,dan masih banyak lagi...anda harus meletakkan script script didalam postingan anda.seperti kita tahu,untuk meletakkan script didalam postingan tidaklah bisa dilakukan.karena jika anda meletakkan code script tersebut didalam postingan.maka script tersebut otomatis akan langsung dijalankan.lalu bagaimana cara menampilkan script didalam postingan?untuk melakukannya anda harus mem "parse" terlebih dahulu script script tersebut

mem parse disini berarti anda harus mengganti beberapa tanda yang ada didalam script tersebut...

jika tidak ingin repot anda bisa melakukan dengan beberapa cara

1.Gunakan software-software web design, misalnya Macromedia Dreamwaver, Microsoft Frontpage, Namao Web Editor.

Atau bisa juga dengan software-software blogtools seperti post2blog dll.- Trus tuliskan semua kode pada area design, kemudian copy kode-kode tersebut dari area HTML Code. Nha kode-kode dalam area HTML Code tersebut lah yang harus diposting.

2.kunjungi web http://www.blogcrowds.com/resources/parse_html.php

Web ini menyediakan fasilitas untuk memparse code script
anda cukup mengcopy script tersebut ke web itu lalu klik parse..
mudah bukan?

Membuat Recent Post

2008-12-23T23:02:00.000-08:00

Recent post berfungsi menampilkan postingan terbaru.jadi pengunjung yang datang bisa tahu postingan mana yang abru saja ditulis.bagaimana cara membuat recent post.akan diajarkan langkah langkahnya.

seperti biasa anda cukup menambahkan kode berikut di dalam page element blog anda...lihat code dibawah ini:

<script src="http://agsap12.googlepages.com/Postbaru.js"></script><script>var numposts = 10; var showpostdate = true; var showpostsummary = true; var numchars = 100; </script><script src="http://tips-tutorial-blog.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=rp"> </script>

catatan:

1.ganti alamat blog http://tips-tutorial-blog.blogspot.com/ dengan alamat blog anda.

Membuat Menu Dropdown Standart

2008-12-22T02:27:00.000-08:00

Menu Dropdown sangat berguna untuk ditarok didalam blog kita.karena dengan membuat menu dropdown di blog,akan menghemat banyak space di blog kita.dan space space tersubut bisa kita gunakan untuk keperluan lain..seperti pemasangan iklan dan lainnya.coba anda bayangkan jika anda punya 100 link yang ingin ditampilkan di blog.maka akan banyak sekali space di blog yang dibutuhkan.cara Membuat Menu Dropdown Standart :

1.login ke blogger
2.masuk ke layout-page element-add gadgedts-add html
3.copy code berikut :

<span class="fullpost">
<form name="jump">
<select onchange="location=" name="menu" value="GO"> <option value="http://alamat-url1.com">Menu1</option> <option value="http://alamat-url2.com">Menu2</option> <option value="http://alamat-url3.com">Menu3</option></select>
</form>
</span>

4.silahkan ganti tulisan berwarna merah dengan alamat link yang akan anda tarok disana

Contoh Menu Dropdown Standart

Menilai Kualitas Tulisan Anda

2008-12-21T02:50:00.000-08:00

Seberapa bermanfaat dan seberapa berkualitas tulisan anda di blog?anda bisa menilai seberapa berkualitas tulisan anda dengan menambahkan widget "blogratings".dengan blograting ini anda dapat menampilkan rating pada setiap tulisan yang anda post di blog.

blograting bekerja dengan cara mengambil nilai vote jika ada pengunjung yang mengklik icon star.jadi semakin banyak yang klik icon tersebut akan ketahuan seberapa berkualitas tulisan anda.ada 5 pilihan bintang yang bisa anda pilih.Bad,boring,Ok,Good dan excelent.Widgets ini support pada beberapa blog diantaranya Blogger, TypePad, WordPress dan javascript untuk installasi manual.
jika berminat silahkan daftar disini:

http://www.outbrain.com/users/login.vm?r=login

Menampilkan Random Post

2008-12-20T23:15:00.000-08:00

Semakin bertambahnya postingan di blog anda,lambat laun postingan anda yang lama akan tenggelam jauh diantara ratusan postingan anda yang lain.padahal ada beberapa postingan yang menurut anda penting dan banyak di cari oleh pengunjung.Anda bisa menyiasatinya dengan memasang random post.jadi postingan anda yang terdahulu bisa tampil kembali.ok sekarang kita menuju ke langkah cara pembuatannya

1.login blogger
2.masuk ke layout-pahe element-add gadgedts-add hatml/javascript
3.copy kode berikut

<script type="text/javascript">
function pipeCallback(obj) {
document.write('<ul style="text-transform: capitalize;">');
var i;
for (i = 0; i < obj.count ; i++)
{
var href = "'" + obj.value.items[i].link + "'";
var item = "<li>" + "<a href=" + href + ">" + obj.value.items[i].title + "</a> </li>";
document.write(item);
}
document.write('</ul>');
}
</script>
<script src="http://pipes.yahoo.com/pipes/pipe.run?_render=json&_callback=pipeCallback&_id=022620be5e6f6a66359d63edb5055e66&url=http%3A%2F%2Fnamablog.blogspot.com&num=10" type="text/javascript"></script>
<span style="gt;Widget edited by <a href="http://anangku.blogspot.com/2008/08/blogger-random-post-widget.html">Anang </a></span>

ganti namablog.blogspot.com dengan nama blog anda...

4.kemudian save

Membuat kolom blogger Login

2008-12-19T22:49:00.000-08:00

Untuk masuk ke account blogger,kita harus mengetikkan terlebih dahulu alamat blogger.com di browser kita.ternyata ada cara yang lebih cepat untuk masuk ke account kita tanpa mengetikkan terlebih dahulu alamat blogger.caranya adalah memasang kolom login di blog kita.jadi nanti saat kita mau login ke account blog kita,kita tinggal memasukkan user name dan pasword kita di kolom tersebut.lebih praktis bukan?Tenang saja widget ini tidak akan membuat berat blog anda.mau tahu caranya?

1.login ke blog anda
2.masuk ke layout-page element-add gadgedts-add html/java script
3.copy code dibawah ini :

Please enter your username and password to enter your Blogger Dasboard page!<br/><br/><form id="start-login" action="https://www.google.com/accounts/ServiceLoginBoxAuth" name="login" onsubmit="onlogin()" method="post"><input value="http://www.blogger.com/loginz?d=%2Fhome&p=http%3A%2F%2Fwww.blogger.com%2F" name="continue" type="hidden"/><input value="blogger" name="service" type="hidden"/><input value="8" name="nui" type="hidden"/><input value="8" name="naui" type="hidden"/><input value="2" name="fpui" type="hidden"/><input value="3" name="uilel" type="hidden"/><input value="true" name="skipvpage" type="hidden"/><input value="false" name="rm" type="hidden"/><input value="true" name="alwf" type="hidden"/><input value="http://www.blogger.com/login.g" name="roeu" type="hidden"/><input value="0" name="alinsu" type="hidden"/><input value="WbQ8QiJfUvA" name="GA3T" type="hidden"/><div><label for="Email"> Username: <br/><input id="Email" tabindex="1" value="" name="Email" size="20" type="text"/></label></div><div><label for="Passwd"> Password: (<a href="https://www.blogger.com/forgot.g" target="_top" title="Forgot your password?">?</a>) <br/></label><input id="Passwd" tabindex="2" autocomplete="off" name="Passwd" size="20" type="password"/></div><br/><input id="signin-btn-ns" tabindex="0" value="Sign in" class="ubtn ubtn-block" name="submit" type="submit"/></form><span style="font-size: 80%">Widget edited by <a href="http://anangku.blogspot.com/2008/11/blogger-login-form-widget.html">Anang </a></span>

4.kemudian simpan

5.coba lihat blog anda sekarang.akan ada tampilan seperti ini

Menampilkan tanggal hari ini

2008-12-18T19:11:00.000-08:00

coba anda lihat di blog ini bagian kanan atas.disana ada tanggal hari ini.tanggal itu akan berubah mengikuti tanggan pada hari saat anda membuka blog ini.bagaimana cara membuat tanggal seperti itu?

1.Login di Blogger

2.Langsung menuju edit HTML

3.Copy paste kode dibawah, dan simpan diantara kode ]]></b:skin> dan </head>

<script type='text/javascript' src='http://mizwar.blog.googlepages.com/tampil_tanggal.js'></script>

maka akan jadi seperti ini :

]]></b:skin>
<script type='text/javascript' src='http://mizwar.blog.googlepages.com/tampil_tanggal.js'></script>
</head>

sekarang kita menuju ke langkah ke dua :

1.masuk ke layout-page element
2.copy code dibawah ini :

<script>tampiltanggal();</script>

3.anda bisa bebas meletakkan kode tersebut dibagian mana dari blog anda

selamat mencoba!!

Memasang Widget Translator

2008-12-17T02:18:00.000-08:00

Jika blog anda berbahasa indonesia kebanyakan pengunjung yang datang pasti adalah orang indonesia.tapi kadangkala ada beberapa pengunjung luar negri yang secara gak sengaja nyasar ke blog anda.setelah melihat dan membaca isi dari blog anda,otomatis mereka tidak akan mengerti maksudnya.kerena mereka tidak mengerti bahasa yan ganda gunakan.untuk membuat hal itu tidak terjadi.anda bisa memasang widget translator ke dalam blog anda.

sehingga ketika anda orang luar negri datang berkunjung ke blog anda,mereka tidak akan kebingungan membaca isi dari blog anda.

cara memesang Widget Translator

1. Login ke Blogger trus pilih menu "Layout" atau "Tata Letak"
2. Kemudian klik pada "Add Gadget" atau "tambah gadget=".
3. Lalu pilih HTML/Javascript"
4. Kemudian masukkan script berikut ini kedalamnya.

<script src="http://www.gmodules.com/ig/ifr?url=http://www.google.com/ig/modules/translatemypage.xml&up_source_language=id&w=160&h=60&title=&border=&output=js"></script>

5.kemudian simpan

Tampilan judul tanpa postingan

2008-12-16T23:56:00.000-08:00

Berapakah jumlah atikel/tulisan yang telah anda tulis di blog milik anda?bagi anda yang telah lama berkecimpung di dunia bloging..pasti tulisan yang ada di blog sudah sangat banyak sekali.hal ini tentu akan merepotkan jika ada pengunjung yang melakukan pencarian artikel di blog anda lalu hasil pencarian menunjukkan ada 100 atikel/tulisan yang berhubungan.akan membutuhkan waktu yang sangat lama memunculkan semua artikel/tulisan tersebut.hal ini akan sangat merugikan pengunjung,mereka harus bersabar menunggu hingga semuanya terbuka..bagaimana jika koneksi yang mereka gunakan sangat lambat.maka halaman blog anda akan terasa lama sekali loadingnya.sudah dapat kita tebak pengunjung akan langsung menutup blog anda dan meninggalkannya begitu saja.kebanyakan pengunjung blog hanya akan menunggu sekitar 20 detik untuk membuka 1 halaman blog.jika lewat dari itu..mereka akan langsung pergi meninggalkan blog anda.

untuk mengatasi hal seperti itu,ada baiknya jika hasil pencarian hanya memunculkan judul beserta tanggal posting.sehingga tampilan halaman blog akan lebih menghemat waktu untuk dibuka.

lihat contoh seperti dibawah ini :

sekarang kita langsung menuju ke langkah langkah pembuatannya

1.kita akan bermain main dengan html template blog anda.untuk memperkecil resiko gagal,ada baiknya anda membackup terlebih dahulu template anda

2.masuk ke layout-edit html-klik "expand widget templates"

3.cari kode dibawah ini:

<data:adStart/>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><data:post.dateHeader/></h2>
</b:if>

<b:include data='post' name='post'/>

perhatikan kode yang dicetak tebal ( <b:include data='post' name='post'/> ).jika susah mencarinya.clik ctrl f dan ketikkan kata yang ingin dicari

4.setelah kita ketemu kode yang dicetak tebal.ganti kode tersebut dengan kode dibawah ini:

<b:if cond='data:blog.homepageUrl !=
data:blog.url'>
<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'>
<data:post.title/></a><br/><br/>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
<b:else/>
<b:include data='post' name='post'/>
</b:if>

5.kemudian klik save(simpan)

6.silahkan lihat hasilnya.coba klik salah satu label di blog anda.maka label tersebut akan menampilkan semua postingan hanya berupa judul dan tanggal postingannya saja.

Memasang "tips of the day" pada blog

2008-12-15T02:18:00.000-08:00

untuk membuat blog kita terlihat lebih profesional,kita bisa menambahkan "tips of the day" di blog kita.tips of the day adalah tips singkat yang ditulis oleh pemilik blog kepada pengunjung.tips of the day bisa berisi tips memasak,tips kesehatan,tips keuangan dan masih banyak lagi.tips tips seperti itu pasti akan sangat menarik perhatian pengunjung sehingga mereka tidak bosan berkunjug ke blog anda.karena mereka bisa mendapatkan tips tips singkat yang berguna ketika berkunjung ke blog anda.tips of the day disini bukan tips yang akan disampaikan setiap hari.melainkan tips tips ini akan selalu berganti ketika pengunjung merefresh atau reload halaman blog anda.

ternyata cara buatnya tidak terlalu susah kok.cukup ikuti langkah dibawah ini:

1.perhatikan kode dibawah ini

<a href="http://www.o-om.com">
<img border="0" style="float:left; margin:0 5px 5px 0;cursor:pointer; cursor:hand;" alt="http://www.o-om.com" src="http://www.geocities.com/oom_directory/tipsOftheday.gif"/></a>
<font color="#333333"><b>Did You Know...</b>
<script language="JavaScript">
//store the quotations in arrays
tips = new Array(5);
tips[0] = "<i>tips...1</i>";
tips[1] = "<i>tips...2</i>";
tips[2] = "<i>tips...3</i>";
tips[3] = "<i>tips...4</i>";
tips[4] = "<i>tips...5</i>";
//calculate a random index
index = Math.floor(Math.random() * tips.length);
//display the quotation
document.write("\n");
document.write(tips[index]);
//done
</script>
</font>
<a href="javascript:location.reload(true)"> »»</a> <a target="_blank" href="http://www.o-om.com/2007/12/cara-buat-random-tips-of-day.html">(?)</a>
<br/>

catatan penting:
ada beberapa kode yang tidak boleh diubah seperti.

tulisan yang berwarna biru merupakan kode untuk mereload atau merefresh tips tersebut sehingga akan selalu terganti tulisan yang boleh diganti

tulisan yang boleh diganti

1..tulisan yang berwarna merah adalah tampilan text.ini boleh anda ubah sesuai keinginana anda

2. tulisan berwarna hijau merupakan tampilan logo.logo tersebut bisa anda ganti dengan gambar yang anda inginkan.caranya tinggal copy alamat gambar yang telah anda upload dan paste di tempat itu

Bagaimana jika anda ingin menambah tips of the day yang akan ditampilkan.caranya di bawah ini:
kode di bawah ini berarti anda hanya akan menampilkan 5 tips dalam blog anda

tips = new Array(5);
tips[0] = "<i>tips...1</i>";
tips[1] = "<i>tips...2</i>";
tips[2] = "<i>tips...3</i>";
tips[3] = "<i>tips...4</i>";
tips[4] = "<i>tips...5</i>";

jika anda ingin menambah 7 tips ataupun 20 tips..tinggal ganti "new Array"menjadi "(7)" kemudian tinggal tulis aja tips2 nya sebanyak 7.yang harus di ingat adalah jumlah tips dihitung mulai dari 0(nol) bukan 1 (satu)..makanya hasilnya akan jadi seperti ini :

tips = new Array(7);
tips[0] = "<i>tips...1</i>";
tips[1] = "<i>tips...2</i>";
tips[2] = "<i>tips...3</i>";
tips[3] = "<i>tips...4</i>";
tips[4] = "<i>tips...5</i>";
tips[5] = "<i>tips...6</i>";
tips[6] = "<i>tips...7</i>";

2.setelah anda selesai mengedit kode tersbut..silahkan copy kode tersebut kedalam blog anda.caranya :

masuk ke layout-page element-add gadgets-add htm/java code-langsung paste kode tadi disana.lalu save

3.anda bisa melihat blog anda sekarang.tips of the day telah muncul di blog anda.coba reload atau efresh blog anda maka tips of the day akan langsung berganti ke tips lainnya

source : o-om.com

membuat related post(tulisan yang berhubungan)

2008-12-14T22:28:00.000-08:00

Banyak manfaat yang bisa kita dapatkan bila kita meletakkan related post di blog kita.pengunjung jadi bisa membaca artikel lain yang masih berhubungan dengan artikel yang sedang dia baca.letaknya di setiap akhir postingan.
cara untuk membuat related post cukup mudah kok.ikuti langkah langkah berkut ini:

1.login ke blogger

2.masuk ke bagian layout-edit html

3.centang pada kotak "expand widgets template"

4.kemudian copy script dibawah ini :

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

<div class='widget-content'>
<h3>Related Posts by Categories</h3>
<div id='data2007'/><br/><br/>
<script type='text/javascript'>

var homeUrl3 = "<data:blog.homepageUrl/>";
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;

maxNumberOfPostsPerLabel = 100;
maxNumberOfLabels = 3;

function listEntries10(json) {
var ul = document.createElement('ul');
var maxPosts = (json.feed.entry.length <= maxNumberOfPostsPerLabel) ?
json.feed.entry.length : maxNumberOfPostsPerLabel;
for (var i = 0; i < maxPosts; i++) {
var entry = json.feed.entry[i];
var alturl;

for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
alturl = entry.link[k].href;
break;
}
}
var li = document.createElement('li');
var a = document.createElement('a');
a.href = alturl;

if(a.href!=location.href) {
var txt = document.createTextNode(entry.title.$t);
a.appendChild(txt);
li.appendChild(a);
ul.appendChild(li);
}
}
for (var l = 0; l < json.feed.link.length; l++) {
if (json.feed.link[l].rel == 'alternate') {
var raw = json.feed.link[l].href;
var label = raw.substr(homeUrl3.length+13);
var k;
for (k=0; k<20; k++) label = label.replace("%20", " ");
var txt = document.createTextNode(label);
var h = document.createElement('b');
h.appendChild(txt);
var div1 = document.createElement('div');
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById('data2007').appendChild(div1);
}
}
}
function search10(query, label) {

var script = document.createElement('script');
script.setAttribute('src', query + 'feeds/posts/default/-/'
+ label +
'?alt=json-in-script&callback=listEntries10');
script.setAttribute('type', 'text/javascript');
document.documentElement.firstChild.appendChild(script);
}

var labelArray = new Array();
var numLabel = 0;

<b:loop values='data:posts' var='post'>
<b:loop values='data:post.labels' var='label'>
textLabel = "<data:label.name/>";

var test = 0;
for (var i = 0; i < labelArray.length; i++)
if (labelArray[i] == textLabel) test = 1;
if (test == 0) {
labelArray.push(textLabel);
var maxLabels = (labelArray.length <= maxNumberOfLabels) ?
labelArray.length : maxNumberOfLabels;
if (numLabel < maxLabels) {
search10(homeUrl3, textLabel);
numLabel++;
}
}
</b:loop>
</b:loop>
</script>
</div>

</div>
</b:if>

5.cari kode berikut

<data:post.body/>

6.paste script yang tadi anda copy tepat dibawah tulisan "<data:post.body/>"

7.jika anda menggunakan read more..biasanya akan ada 2 buah kode.nah letakkan kodenya dibawah kode yang pertama.

8.kemudian di save..silahkan lihat hasilnya....

cara memasang yahoo messenger di blog

2008-12-13T03:29:00.000-08:00

Saya berapa kali ditanyain oleh orang melalui Yahoo messenger tentang cara nampilin status Yahoo Messenger.Makanya kali ini saya akan mencoba memberitahu cara nampilin status YM
kita di blog.Jadi setiap kali pengunjung yang datang ke blog anda akan tahu apakah anda sedang online atau offline.

Caranya gampang sekali..

anda hanya perlu meletakkan sepotong script di dalam HTML kita.Scriptnya adalah:

<a href="ymsgr:sendim?andi.kaneshir0">
<img border=0 scr="http://opi.yahoo.com/
online?u=andi.kaneshir0&m=g&t=2"/></a>

Setelah anda copy script itu...silahkan ganti id yahoo saya andi.kaneshir0 dengan id yahoo anda.lalu andapun bisa menampilkan variasi gambar mulai dari angka 0 sampai 5.untuk gambar yang saya pake di blog ini,saya pake gambar 2 dengan kode t=2....kamu bisa ganti dengan t=1,t=2,t=3,t=4,t=5...bisa anda coba sendiri...

Jika anda menggunakan blogger..cara masukin scriptnya adalah sebagai berikut:
1.login ke account blogger anda

2.pilih layout-page element-add page element-add HTML

3.letakkan script itu disana...

Selamat mencoba...

cara membuat search engine di blog

2008-12-12T02:17:00.000-08:00

Search engine adalah mesin pencari yang bisa anda gunakan untuk mencari apapun.alangkah praktisnya kalo di blog kita tersedia fasilitas search engine...maka jika ada pengunjung yang datang,mereka tinggal mengetikkan judul artikel yang ingin mereka baca di search engine yang telah kita sediakan blog.dalam sekejap judul tulisan yang mereka ketik akan muncul.hal ini akan sangat menghemat waktu ketimbang harus mencari satu persatu didalam arcieve blog.pengunjung akan senang dan mereka pasti akan datang lagi lain waktu.hal ini akan menjadi nilai plus untuk menaikkan traffic blog anda.
masalahnya sekarang..gimana cara memasang fasilitas pintar itu?tenang saja dalam artikel ini saya akan menunjukkan cara membuat search engine di blog.

1.login ke blogger.com

2.masuk ke layout-Page element

3.didalam menu page element pilih add a gadget

4.setelah itu muncul layar baru...klik HTML/Javascript

5.copy kode tersebut

<form action="http://nama-blogmu.blogspot.com/search"
method="get"> <input class="textinput" name="q" size="30" type="text"/> <input value="search" class="buttonsubmit" name="submit" type="submit"/></form>

ganti tulisan "nama-blogmu.blogspot.com" dengan alamat blog anda.
untuk memeperkecil ukuran panjang kotak search engine..tinggal ganti angka 30 nya

membuat tulisan berjalan

2008-12-11T03:10:00.000-08:00

Bagi anda yang sering berkunjung ke blog ini pasti sering melihat efek tulisan berjalan yang berada di bagian atas.Sebenarnya untuk membuat efek ini tidaklah sulit karena kita tidak memerlukan keahlian HTML yang tinggi.efek tulisan seperti ini biasanya disebut marquee.Efek inipun ada bermacam macam.Anda tidak hanya bisa membuat tulisan berjalan kekiri tapi andapun bisa membuat tulisan berjalan kebawah dan keatas.
baiklah saya akan langsung mengajarkan anda bagaimana cara membuat efek seperti ini.
Yang perlu anda lakukan adalah menyalin script ini ke HTML blog anda.

1.membuat tulisan berjalan kekiri

<marquee direction="left">text</marquee>

2.membuat tulisan berjalan ke kanan

<marquee direction="right">text</marquee>

3.membuat tulisan berjalan ke bawah

<marquee direction="down">text</marquee>

4.membuat tulisan berjalan ke atas

<marquee direction="up">text</marquee>

Sebagai catatan..trik memakai teks berjalan seperti ini sangat efektif jika kita ingin tulisan kita bisa di lirik oleh pembaca.karena tulisan yang bergerak seperti ini lebih menarik mata pembaca daripada teks yang diam..semoga bermanfaat...

menjadwal postingan

2008-12-11T01:53:00.000-08:00

Kadang kala kita sibuk dengan pekerjaan sehari hari..sehingga blog yang kita buat menjadi gak terurus.tulisan gak terupdate..hal tersebut bisa menurunkan traffic blog kita.karena yang dicari pengunjung adalah article baru.
sedangkan ketika ada pengunjung yang datang ke blog anda dan tidak menemukan article baru maka mereka akan segera meninggalkan blog anda.
ada cara untuk mensiasati hal tersebut.trick ini sangat cocok bagi anda yang sangat sibuk dengan pekerjaan dan tidak sempat mengupdate isi blog anda.
fasilitas ini sudah disediakan oleh blogger.com jadi anda tidak perlu memasang software khusus.
saya akan mengajarkan langkah langkahnya

1.siapkan article article anda..bagi anda yang sibuk dan hanya sempat megupdate di akhir pekan..maka siapkan kira-kira 7 article.

2.login ke blogger.com

3.masuk ke halaman posting

4.masukkan article pertama...kemudian diabagian bawah ada tulisan "post option"
klik tulisan tersebut..maka akan muncul waktu posting tulisan anda.lihat gambar dibawah ini

5.anda tinggal atur saja waktunya..terserah anda.misalnya saat posting tanggal 11 desember..maka anda tinggal atur menjadi tanggal 12 desember.

6.maka otomatis postingan anda tersebut akan di publish pada tanggal 12 desember besok

7.lakukan langkah langkah tadi untuk article lainnya.atur tiap hari hanya 1 article.karena hal ini akan membuat search engine senang..dan blog anda bisa jadi search engine friendly

8.setelah semua article di posting.maka anda tinggal menunggu 7 hari berikutnya untuk memposting article anda yang lain

9.trick ini sangat sangat bermanfaat...silahkan mencoba!!!

Menghilangkan Navbar(navigation Bar)

2008-12-11T01:18:00.000-08:00

Sebelum saya menerangkan lebih jauh lagi..ada baiknya saya terangkan dulu apa itu navbar(navigation bar)..sudah siap murid murid?(kayak guru aja)

Navbar atau navigation bar adalah suatu fasilitas yang disediakan olehblogspot untuk melaporkan kecurangan atau kejahatan yang dilakukan oleh seorang blogger.misalnya saja content blog anda melanggar TOS atau content anda berbau SARA atau content anda merugikan orang lain.Navbar ini sendiri letaknya ada dibagian paling atas blog anda.

coba anda lihat blog anda bagian atas...lihat gambar dibawah ini

ada beberapa orang yang merasa terganggu dengan keberadaan navbar ini sehingga mereka mencoba menghilangkan navbar tersebut.apakah melanggar TOS?sejauh ini belum ada blogger yang di banned karena menghilangkan navbar.berarti anda boleh melakukannya donk?

sebenarnya ada beberapa template yang sudah menghilangkan navbar tersebut secara otomatis.tapi bagi anda yang memiliki template dengan navbar diatasnya.berikut cara untuk menghilangkannya:

1.seperti biasa anda harus login dulu ke blogger.com

2.masuk ke bagian layout dan kemudian edit html

3.copy script berikut kedalam tag head

#navbar-iframe {
display: none !important;
}

misalnya seperti ini :

-----------------------------------------------
Blogger Template Style
Name: 3ttb03
Designer: aaaaa
URL: http://free-templatesblogger.blogspot.com
Date: Februari 2008
----------------------------------------------- */

#navbar-iframe {
display: none !important;
}
/* Variable definitions
====================

4.setelah itu simpan...sekarang anda bisa lihat hasilnya

Menghilangkan Tanda tang dan obeng

2008-12-10T23:34:00.000-08:00

Kadang ada beberapa blog yang kita miliki ada tanda obeng dan tang di sudut sudut template blog kita(udah kayak montir aja) hahaha....
Sebenarnya itu bukan merupakan suatu masalah, karena tanda tersebut hanya muncul jika pemilik blog sedang login di account blognya dan hanya muncul di komputer orang tersebut. Jadi orang lain tidak bisa melihatnya. Dan kalau pemilik blog tersebut sudah "sign out" maka tanda tersebut tidak akan muncul lagi.sebenarnya blogger memberikan tanda tersebut sebagai alternatif cepat untuk mengedit blog kita hanya dengan mengklik tanda tersebut.ini ada tips untuk menghilangkan tada obeng dan tang tersebut.silahkan disimak...

1.login ke blogger dengan menggunakan account anda

2.masuk ke menu Edit Html.cari tulisan berikut ini

]]></b:skin>

untuk mencari satu persatu pasti akan sulit kan?caranya.tekan ctrl+f lalu ketikkan tulisan tersebut.lalu enter.

3.copy kode berikut tepat diatas tulisan ]]></b:skin>

ini kodenya :
.quickedit{
display:none;
}

4.setelah itu simpan dan coba liat lagi blog anda.tanda tang dan obeng tadi akan langsung hilang

cara menggunakan blogger

2008-12-10T22:54:00.000-08:00

setelah anda punya blog?anda sudah bisa mulai memposting semua tulisan anda
kedalam blog baru anda.lihat disini cara membuat blog dengan blogger.tapi ada beberapa orang yang belum begitu mengerti cara menggunakan blogger.maka dalam artikel kali ini saya akan mencoba mengajarkan anda bagaimana cara menggunakan blog pada blogger.

1.Posting
satu hal penting yang ada pada blog adalah content.untuk mengisi content itu kita harus mempostingnya kedalam blog.untuk melakukan posting,login terlebih dahulu ke blog anda.setelah masuk,anda tinggal pilih new post(entri baru).biasanya saat mulai mendaftar kita sudah bisa langsung posting.jadi tidak perlu repot repot.didalam menu post ini anda bisa memasukkan tulisan,gambar ataupun video.nanti akan saya buatkan artikel khusus cara memasukkan gambar,video dan segala macam...

A.Create post
untuk membuat tulisan baru.silahkan ketikkan tulisan di kolom ini.setelah anda selesai menulis.lalu tekan publish post(letaknya di bagian bawah)
kalo ingin menyimpan tulisan anda.bisa klik Save Now

B.Edit post
untuk mengedit tulisan yang anda buat

C.Moderate Comment
untuk mengatur comment pada blog

2.setting(pengaturan)
didalam menu ini ada banyak option yang bisa anda ubah ubah.tapi kalo anda belum begitu mengerti biarkan begitu saja.gak jadi masalah kok

3.Layout
menu ini isinya page element,font and color,edit HTML,pick new template

A.page element
menu ini adalah menu yang dapat anda gunakan untuk mengatur tata letak element element halaman yang ada di blog anda.disini juga anda bisa menambahkan banyak fitur fitur element yang disediakan oleh blogger.

B.Font and color
Disini anda dapat mengubah jenis huruf dan warna huruf pada blog anda

C.Edit HTML
disini anda dapat menambah dan mengedit template blog anda.

D.Pick new Template
kalo ingin mengubah template blog anda,anda bisa klik bagian ini.tapi template yang disediakan hanya template bawa'an dari blogger.kalo ingin template yang bagus bagus.bisa klik free template

4.View Blog
jika anda ingin melihat blog anda bisa klik menu ini

Demikianlah sedikit cara penggunaan blogger.saya harapkan setelah membaca artikel ini,anda jadi mengerti cara pengoperasian blog pada blogger.

Memasang Widget pada Blog

2008-12-10T02:18:00.002-08:00

Blog yang kita miliki tidak hanya sebatas wadah untuk menampung semua tulisan kita atau bahkan curhatan kita.namun kita juga bisa berkreasi dan menunjukkan kreativitas kita dalam mempercantik tampilan blog kita sehingga pengunjung yang datang ke blog kita tidak jenuh dan mau berlama lama berada di blog kita.untuk mempercantik blog kita,kita bisa menambahkan berbagai macam pernak pernik atau sering di sebut widget.banyak widget yang bisa kita tambahkan dalam blog kita seperti kalender,jam,ramalan cuaca dan masih banyak lagi.

cara menambah widget pada blog

1.login ke blogger.com
1.masuk ke bagian layout-page element-add a gadgets/add page element
2.nanti akan muncul banyak sekali element
3.pilih html/java script
4.akan muncul kolom baru.disini anda bisa meletakkan kode htnml yang telah anda dapatkan
5.kemudian save perubahan yang telah anda buat

sekaang blog anda sudah bertambah satu widget

Cara Mengganti Template

2008-12-10T02:18:00.001-08:00

kadang kala kita jenuh ataupun bosan dengan tampilan blog kita.ada rasa ingin mengubah suasana blog kita dengan suasana baru.anda bisa mengubah tampilan blog anda,caranya ganti template blog anda dengan yang baru.anda bisa pilih pilih template di free template blogger

oh ya ingat,blog yang anda gunakan adalah blog dengan tampilan baru(new template) bukan tampilan lama(classic template).

cara mudah membedakan new template dan classic template:
1.new template mengunakan (xml) sedangkan classic template menggunakan (Html)
2.new template memiliki page element sedangkan classic template tidak memiliki page element.

tapi jika anda tetap ngotot dan suka sekali sama template yang hanya bisa dipasang di classic template,anda terpaksa harus mengubah terlebih dahulu template anda.dari new template ke classic template

cara mengganti template (new template)
1.setelah anda mendapatkan template yang anda inginkan.ambil kode template tersebut dengan carameng kopynya.
2.login ke blogger.com
3.masuk ke layout-edit html
4.nah di kolom tersebut berisi template lama anda
5.sekarang hapus template yang lama,lalu paste template baru yang tadi anda copy kesana.
6.coba preview.lihat apakah anda sudah puas dengan tampilannya?jika sudah puas anda bisa save template tersebut.

catatan:
ketika anda mencoba untuk mengganti template.widget widget yang telah anda pasang sebelumnya otomatis akan terhapus.jadi pastikan dulu,jika anda benar benar sreg dengan satu template dan berencana menggunakannya dalam waktu yang lama.baru anda pasang widget ke blog anda.jika tidak,kan sayang jika widget anda terhapus semua.

Menampilkan daftar Link di Blog

2008-12-10T02:18:00.000-08:00

menampilkan daftar link
anda bisa juga menambahkan daftar link atau alamat web teman teman anda di blog.orang orang biasa menyebutnya dengan blogrool.dalam tips,trick,tutorial blog kali ini akan diajarkan cara Menampilkan daftar Link di Blog

cara menampilkan daftar link

1.login ke blogger.com
1.masuk ke bagian layout-page element-gadgets
2.nanti akan muncul banyak sekali gadgets..
3.pilih daftar link
4.atur letak daftar link sesuai dengan yang anda inginkan.
5.kemudian save perubahan yang telah anda buat

sekarang coba anda kembali ke blog anda tadi.lihat sekarang daftar link sudah muncul di blog anda.

Membuat label Blog

2008-12-10T01:07:00.000-08:00

Apa itu label?kalo kita beli barang di supermarket,disetiap barang pasti ada label harga,label jenis barang dan lain lain.nah di blog juga ada hal seperti itu.jadi label disini untuk mengelompokkan jenis jenis postingan dalam blog anda.bisa anda lihat contohnya ada di blog ini.

blogspot sendiri telah menyediakan fasilitas seperti ini.jadi anda bisa memanfaatkannya dengan mudah.dengan memasang label,maka akan mempermudah pengjung blog membaca artikel artikel yang telah anda tulis.dalam tips dan trik blog kali ini akan diajarkan cara membuat label

cara memasang label pada blog:

ada2 cara :
A.melalui menu posting
1.login ke blogger.com
2.klik new post
2.sekarang anda ada didalam menu posting.lihat dibagian paling bawah kiri.disana ada tulisan label
3.anda bisa menuliskan label di kolom tersebut.nanti label yang telah anda tulis disana otomatis akan langsung tersimpan dengan sendirinya.

B.melalui menu dasboard
1.login ke blogger.com
2.anda akan langsung masuk ke menu dasborad.klick edit post di bagian blog yang akan anda tambahkan label
3.di menu edit post akan muncul daftar tampilan semua tulisan/postingan anda
4.centang setiap postingan yang ingin anda tambahkan label
5.setelah itu klik bagian atas yang bertuliskan label.pilih new label..tuliskan nama label yang ingin anda gunakan.maka otomatis postingan yang tadi anda pilih telah tertempel label.

setelah pembuatan label selesai,sekarang kita akan memunculkan label label yang telah kita buat ke dalam blog.caranya:
1.masuk ke bagian layout-page element-gadgets
2.nanti akan muncul banyak sekali gadgets..
3.pilih "label"
4. atur letak label sesuai dengan yang anda inginkan.
5.kemudian save perubahan yang telah anda buat

sekarang coba anda kembali ke blog anda tadi.lihat sekarang label sudah muncul di blog anda.

Membuat Blog Di Wordpress

2008-12-09T22:19:00.000-08:00

Dipostingan terdahulu sudah diajarkan cara membuat blog di blogger ...Bagaimana sudah di praktekkin?mudah kan?heheheh
Kali ini saya akan mengajarkan membuat blog di wordprees...wordprees adalah salah satu layanan yang menyediakan blog gratis.sama dengan blogspot.ok langsung kita mulai langkah langkahnya:

1.Silahkan buka www.wordpress.com
maka akan muncul tampilan seperti di bawah ini

2.klick sign up now

3.muncul form isian...silahkan isi data data anda di form ini

A.user name : (user name disini bukan nama untuk login tapi nama blog anda.dalam wordpress satu acount hanya bisa untuk satu blog.berbeda dengan blogger yang memperbolehkan 1 account untuk banyak blog.jadi si kolom user name langsung isikan alamat blog anda)

B.Pasword(kata sandi)
isi dengan kata sandi yang mudah di ingat.

C.confirm
ulangi lagi pasword yan gtadi anda ketikkan

D.Email adress
isi dengan email anda.email yang masih aktif

E.Legal flotsam
centang kotak yang bertuliskan Legal flotsam sebagai tanda anda setuju untuk mendaftar

F.Beri tanda titik pada menu “Gimme a blog”

G.kemudian klik next

H. Blog Title
Isi judul yang sesuai dengan blog yang akan anda buat

i. Language
Pilih Bahasa Indonesia.

j. Privacy
Kasih tanda tik (biasanya sudah ada otomatis).

4. Klik Sign Up

5. Akan muncul pesan sebagai berikut:

Your account is now active!
You are now logged in as (username Anda).
An email with your username, password, Akismet API key and important links has been sent to your email address.
Write a post, change your template or visit the homepage.

berarti sekarang blog anda sudah tercipta...anda sudah bisa mulai posting disini.

catatan:
kelebihan dan kekurangan wordpress:

Kekurangan:
1.1 acount yang anda miliki hanya bisa dipakai untuk membuat 1 blog.jadi jika anda ingin membuat blog lagi,anda diharuskan mendaftar alias membuat account lagi

2.tidak bisa dipasangi java script.jadi jika anda menggunakan wordpress,anda tidak bisa memasang iklan seperti adsense, Adbrite, dll.tapi tidak ada masalah bagi anda yang memang murni ngeblog bukan untuk mencari penghasilan.

Kelebihan
1.comment friendly
memiliki kotak komentar yang lebih praktis karena langsung terletak dibawah postingan.jadi pengunjung langsung bisa berkomentar di kotak komentar tersebut.

2.Posting terbaru akan muncul beberapa saat di Dashboard (Menu Utama) seluruh pemakai wordpress.com, apabila posting Anda cukup menarik Anda juga berkesempatan masuk BOTD (best of the day) yakni 10 posting terbaik hari itu dan akan muncul selama sehari di Menu Utama (Dashboard) seluruh pemakai wordpress.com. Untuk BOTD ini diklasifikasi berdasar bahasa. Pastikan Anda memilih Bahasa Indonesia pada saat mendaftar.

Cara membuat Blog

2008-12-09T21:17:00.000-08:00

Sebenarnya membuat blog gak sesulit yang anda bayangkan.anda tidak perlu pemahaman yang mendalam tentang kode HTML dan juga tidak harus mengerti tentang bagaimana cara membuat web.karena semuanya
sudah disediakan oleh layanan penyedia blog.tapi bukan berarti pemakai blog orang orang yang
gak mengerti bahasa HTML.hanya saja blog lebih praktis daripada website.kalo anda mengerti
sedikit HTML akan sangat membantu untuk memperindah blog anda.
walapun mudah...tapi masih banyak orang yang belum tahu bagaimana cara untuk membuat blog.saya akan mencoba untuk mengajarkan langkah langkah membuat blog..artikel kali ini saya akan mengajarkan cara membuat blog dengan blogspot
1.masuk ke www.blogger.com

2.klik create your blog now

3.pertama kali anda harus membuat account baru di blogger.disini diperlukan alamat email yang masih aktif.lalu isi password(password ini nantinya digunakan untuk login ke dalam accountblogger).selain itu isi pula "Display Name","word verifiation"..jika sudah beri tanda centang pada kotak "accepteance of term" yang berarti anda telah menyetujui kesepakatan yang diberikan.lalu klik continue(lanjutkan)

4.di halaman berikutnya akan muncul halaman nama alamat blog anda.isi dengan nama yang sesuai dengan anda.nanti alamat blog anda menjadi www.namakamu.blogspot.com..sebagai saran,jika nanti anda akan membuat blog tentang computer.buatlah alamat blog dengan meletakkan tulisan yang berhubungan dengan komputer.ini agar blog anda mudah dikenali oleh search engine.jika sudah klik tombol continue

5.di halaman ini anda disuruh memilih template untuk blog anda.pilih saja sembarangan.nanti kalo blog anda sudah jadi anda dapat mengganti template ini sesuai selera anda.mau cari
template yang cocok buat blog anda silahkan klik free template

6.setelah anda mencapai tahap ini..saya ucapkan selamat.sekarang blog anda sudah tercipta.anda sudah bisa mulai posting.anda tinggal klik "start posting".

Demikianlah sedikit tips dari saya semoga bermanfaat!!!

Apa itu blog

2008-12-09T21:08:00.000-08:00

Jika anda mendiskripsikan apa itu blog...anda akan menemukan blog adalah sebuah website pribadi yang dikelola oleh seseorang dan diupdate oleh pemiliknya secara kontinyu..
pada awalnya blog digunakan bagi mereka yang berada jauh dari keluarga dan kerabat sehingga dengan adanya blog,mereka bisa bercerita dan menuliskan pengalaman hidup mereka kepada keluarga dan kerabat.

Di dalam blog,seseorang tidak hanya dapat mencantumkan tulisan tapi dapat disertai dengan gambar bahkan video.Jadi walaupun berada di tempat yang jauh..orang tersebut masih dapat berhubungan dengan keluarga dan kerabat.

Didalam blog,seseorang dapat dengan bebas berkreasi.karena sepenuhnya blog itu milik mereka sendiri.Ia adalah seorang penulis,merangkap editor,merangkap reporter dan merangkap pemilik.
awal perkembangan blog adalah saat pertama kali ditemukan Jhon barger pada bulan desember 1997.jhon barger menggunakan istilah weblog untuk menyebut website website yang berupa catatan harian seorang websurfer.semenjak itu mulai bermunculan blog blog.tapi jumlahnya masih dapat dihitung dengan jari..

Blog pertama yang muncul kemungkinan besar adalah halaman "what news" pada browser Mosaic yang dibuat oleh Marc anderson.Mosaic adalah browser pertama sebelum kehadiran internet explorer.
lalu pada januari 1994,justin hall mulai membuat website pertamanya.yang kemudian dikenal sebagai awal munculnya blog.sampai pada tahun 1998 mulai bermunculan blog tapi masih belum terlalu banyak.karena sekitar tahun itu masih sedikit sekali orang yang menguasai bahasa HTML untuk membuat website.Sedangkan untuk membuat web dibutuhkan keahlian dan pemahaman tentang bahasa HTML.

Akhirnya pada tahun 1999 sebuah perusahaan Silicon Valley bernama Pyra Lab meluncurkan layanan Blogger.com yang memungkinkan siapapun menciptakan sendiri blognya secara gratis.Bahkan dengan blogger anda tidak perlu memahami bahasa HTML semua sudah disediakan dalam tool toll yang ada di blogger.karena gratis akhirnya memunculkan dan menambah populasi blog hingga berjumlah 100.000-an...semenjak itulah orang orang mulai suka membuat blog.pada awalnya blog hanya berisi cerita cerita seperti diari pribadi pemiliknya. tapi sekarang blog digunakan untuk keperluan komersial seperti mengenalkan produk produk maupun jasa sampai pemasangan iklan untuk mendapatkan uang tambahan.nanti akan saya buatkan satu articel khusus tentang bagaimana cara menghasilkan uang dari blog.

itulah sedikit sejarah singkat perkembangan blog dari awal hingga sekarang.semoga bisa menambah sedikit wawasan anda tentang blog...

MenambahGambar Dalam postingan

2008-12-09T02:18:00.000-08:00

Supaya terlihat lebih menarik kadangkala kita ingin meletakkan gambar didalam postingan kita.katanya gambar lebih jelas daripada tulisan.bagaimana cara memasang gambar pada postingan:

1.login ke blooger
2.klik New Post
3.sekarang anda sudah berada didalam halaman posting

4.untuk menambah gambar dalam postingan,cukup klik "add image" letaknya dibagian atas.

5. kemudian akan muncul kolom baru lagi..

6.pilih choose.silahkan ambil salah satu gambar yang ada di dalam harddisk anda

7.atau kalo mau ambil gambar dari web..silahkan letakkan alamat webnya dibagian "URL"

8.dibagian Choose layout anda bisa memilih posisi gambar.bisa di center(tengah),left(kiri),right(kanan) dan disamping kanannya ada ukuran gambar yang ingin ditampilkan

9.setelah yakin dengan gambar yang dipilih,langsung klik "upload image"

10.tunggu beberapa saat sampai akhirnya gambar anda tampil dalam postingan