kiat SUKSES Optimalkan WEBSITE/BLOG, Otak atik BLOG,SEO,freeAFFILATE,freePROGRAM,freeSOFTWARE: Trik blogger

Showing posts with label Trik blogger. Show all posts

Monday, July 23, 2007

membuat 3 Kolom

di sini kita akan menambah kolom blog kita menjadi 3,dari berbagai alasan para blogger ingin menambah kolom blognya menjadi 3 kolom,di sini di tuliskan 2 cara penambahan kolom yaitu di sebelah kanan dan kiri kolom posting.yang pertama di sebelah kanan dulu...

pertama tama beckup dulu template anda untuk mengantisipasi kesalahan cara masuk ke template>>>>Edit HTML>>>>klick download full template.setelah selesai baru kita mulai.
jangan lupa centeng dulu kotak kecil yang ada di kanan atas (widget)
kemudian cari kode di bawah ini (untuk memudahkan mencarinya tekan Ctrl+f lalu ketik namaa yang anda cari)oh iya ini untuk blog beta lo ya...

#outer-wrapper {
width: 660px;
margin:0 auto;
padding:10px;
text-align:left;
font: $bodyfont;
}

#main-wrapper {
width: 410px;
float: left;
word-wrap: break-word; /* fix for long text breaking sidebar float in
IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar
float */
}

#sidebar-wrapper {
width: 220px;
float: right;
word-wrap: break-word; /* fix for long text breaking sidebar float in
IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar
float */
}

gimana...!!udah ketemu pastinya..kode di atas merupakan 1 sidebar-wrapper saja.sekarang kita tambahkan sidebar baru dan untuk memaksimal kan panjang dan lebarnya pun kita harus ganti seperti di bawah ini

#outer-wrapper
{
width: 750px;
margin:0 auto;
padding:10px;
text-align:left;
font: $bodyfont;
}

#main-wrapper {
width: 400px;
margin-left: 25px;
float: left;
word-wrap: break-word; /* fix for long text breaking sidebar float in
IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar
float */
}

#sidebar-wrapper {
width: 150px;
float: right;
word-wrap: break-word; /* fix for long text breaking sidebar float in
IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar
float */
}

#newsidebar-wrapper {
width: 150px;
float: left;
word-wrap: break-word; /* fix for long text breaking sidebar float in
IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar
float */
}

nah kemudian karna sudah menambah sidebar baru maka body dan layout nya pun harus kita tambah...cara seperti di bawah

/** Page structure
tweaks for layout editor wireframe */
body#layout #header {
margin-left: 0px;
margin-right: 0px;
}

body#layout #outer-wrapper {
width: 750px;
}

nah sekarang sisa peletakannya kalau mau meletakkannya di sebelah kanan copy kode yang berwarna merah di bawah ini di atas sepertin di bawah ini

nah kalau mau meletakkannya di sebelah kiri liat di bawah ini

yang terakhir sisa merubah nilai

#header-wrapper
{
width:660px;

#footer {
width:660px;

menjadi....

#header-wrapper
{
width:750px;

#footer {
width:750px;

kemudian silahkan anda liat hasilnya...
selamat mencobaa..

menghilangkan navbar blog

mungkin banyak teman teman yang kurang menyukai adanya tampilan navbar logo blogger yang berada di paling atas dan mungkin juga sedikit menganggu desain template kita yang bagus.bagi yang ingin menghilangkannya tidak terlalu rumit cuckup dengan mengcopy kode di bawah ini

atau bisa juga kode ini

kemudian login ke blog anda,lalu klick>>>template>>>editHTML
kemudian paste kan tersebut di bawah yang letaknya ada di atas.selesai dech..
selamat mencoba

Monday, July 16, 2007

Menampilkan MP3 Player

di sini saya akan cara menampilkan MP3 Player pada blog,sesuai permintaan teman-teman.sengaja saya menampilkan MP3 Player di blogku harapan agar bisa merubah suasana menjadi betah di depan komputer dengan music music pilihanku tentunya (kan gw yang buat ,heheh)ya,,udah kita lansung aja.memulai dengan langkah :
1 . tentunya harus register dulu pada web yang bersangkutan.silahkan klick di sini oh iya jangan lupa pilih yang free
2 . langkah ini tentunya kamu sudah melalukan registrasi,ok silahkan login dengan username dan password yang kamu isi saat kamu mendaftar.

3 . gimana..udah masuk...? (masuk ke area member maksudnya hehheeh)kalau udah silahkan klick upload di bagian menu atas.
4 . kemudian lihat di bagian sebelah kiri upload option.kamu bisa pilih sesuai keinginanmu atau menambahkan folder,selanjutnya klick add fileskemudian pilih file keinginan anda,perlu di ketehui bahwa bukan hanya file MP3 aja yang bisa di upload,lihat jenis file yang bisa di upload ( jpg, jpeg, png, gif, bmp, txt, mp3, mp4, wav, wma, wmv, rar, zip, tar.gz, swf, xml, xspf, flv, m3u, asf, 7z, rm, esp, avim, flac, ogg, bsp, res, mdl, spr, wad, tga, xls, doc, ods, odt, pdf, tsk, fla, as, avi, izh, m4a, acc, mkv, jp2, j2k, ani, dvr-ms, ppt, mpg, divx
jadi semua jenis file di atas bisa di upload.(jadi kamu dapat mempublikasikan file file kamu ke kawan2 pencari gratisan yang dapat mengdownload file kamu secara gratis juga,(dasar mata gratisan,hahahh),oh iya kecuali file MP3..gimana caranya...?sabar ya..mau buat kopi dulu..hoho
*setelah semua file kamu sukses ter upload silahkan kembali ke menu atas klick Myfileskemudian klick detailsyang terletak di samping file kamu,selanjutnya liat pada linking codesterus klick HTML code(lalu copy dan pastekan ke blog kamu)ingat..ini kecuali file MP3,
5 . lanjutt..untuk file MP3 hanya bisa untuk player MP3(tidak untuk di publikasikan)ok di lain waktu kita bahas selanjutnya untuk web yang mendukung semua file untuk di pulikasikan..lanjut lagi setelah file file MP3 kamu upload, "sama dengan di atas"klck Myfileskemudian select all(letaknya di atas deretan semua file)kemudian pada form(kotak)pilihan select files actionpilih create palylist(mp3 only)lalu tunggu sejenak sambil minum kopsus,heheh..
6 . nahhhh kemudian sisa kamu edit color player sesui keinginanmu.di situ ada 4 pilihan:
*Graphic equalizer graphics?(ceklis kalu ingin menampilkan equalizernya)
*Autostart player?(auto star atau nga)
*Shuffle playlist?(ini sufflenya kalau ingin di aktifkan ceklis aja)
*Auto-scroll? (Manual scrollbar when unchecked)(scrollnya ,pemilihan lagu dengan system roll).kalau udah oke,klick preview player
7 . setelah merasa cocok atau sudah sesui dengan keinginan baik warnanya atau lebar dan tingginya...tapi untuk ukuran blog sepertinya kebesaran,nah kamu bisa rubah angka lebar dan tingginya pada codenya nanti,untuk mendapatkan codenya klick tombol sebelah kananlalu copy dan paste ke blog kamu...."jika mau menambah lagu /file mp3nya silahkan ulangi kembali seperti semula"
maaf tidak di sertai gambar untuk lebih memudahkan,blog aku udah terlalu berat soalnya,,hehehheh.selamat mencoba,bila kesulitan titip pesan aja di shoutbox.

Friday, June 15, 2007

Menampilkan Language Translation

disini kita akan menampilkan langaunge translation pada blog
tapi terkadang apabila mengganti bahasa pada blog kita,sementara tulisan di blog kita dalam bahasa indonesia (gaul)sistem translet kebingungan meng artikannya ke dalam bahasa yang di pilih akhirnya bercampur bahasanya...hahhahahha.
jadi kalau anda minat silahkan ikuti panduannya:

silahkan anda copy kode di bawah ini:

<br /><form action="http://www.google.com/translate"><br /><br /><script language="JavaScript"><br /><br /><br /><br /></script><br /><br /><br /><noscript><input name="u" value="<span style=">http://tips-for-new-bloggers.blogspot.com</span>/" type="hidden" /></noscript><br /><br /><br /><input name="hl" value="en" type="hidden"><br /><br /><br /><input name="ie" value="UTF8" type="hidden"><br /><br /><br /><input name="langpair" value="" type="hidden"><br /><br /><br /><input name="langpair" value="en|ar" title="Arabic" src="http://photos1.blogger.com/x/blogger2/6075/564571464515337/1600/z/358406/gse_multipart12399.png" height="20" type="image" width="30" onclick="this.form.langpair.value=this.value"><br /><br /><br /><input name="langpair" value="en|zh-CN" title="中文（简体）/Chinese (Simplified)" src="http://photos1.blogger.com/x/blogger2/6075/564571464515337/1600/z/546049/gse_multipart12397.png" height="20" type="image" width="30" onclick="this.form.langpair.value=this.value"><br /><br /><br /><input name="langpair" value="en|zh-TW" title="中文（繁体）/Chinese (Traditional)" src="http://photos1.blogger.com/x/blogger2/6075/564571464515337/1600/z/208681/gse_multipart12398.png" height="20" type="image" width="30" onclick="this.form.langpair.value=this.value"><br /><br /><br /><input name="langpair" value="en|fr" title="Français/French" src="http://photos1.blogger.com/x/blogger2/6075/564571464515337/1600/z/327620/gse_multipart12413.png" height="20" type="image" width="30" onclick="this.form.langpair.value=this.value"><br /><br /><br /><input name="langpair" value="en|de" title="Deutsch/German" src="http://photos1.blogger.com/x/blogger2/6075/564571464515337/1600/z/734899/gse_multipart12400.png" height="20" type="image" width="30" onclick="this.form.langpair.value=this.value"><br /><br /><br /><input name="langpair" value="en|it" title="Italiano/Italian" src="http://photos1.blogger.com/x/blogger2/6075/564571464515337/1600/z/306145/gse_multipart12401.png" height="20" type="image" width="30" onclick="this.form.langpair.value=this.value"><br /><br /><br /><input name="langpair" value="en|ja" title="日本語/Japanese" src="http://photos1.blogger.com/x/blogger2/6075/564571464515337/1600/z/443122/gse_multipart12402.png" height="20" type="image" width="30" onclick="this.form.langpair.value=this.value"><br /><br /><br /><input name="langpair" value="en|ko" title="한국어/Korean" src="http://photos1.blogger.com/x/blogger2/6075/564571464515337/1600/z/581031/gse_multipart12403.png" height="20" type="image" width="30" onclick="this.form.langpair.value=this.value"><br /><br /><br /><input name="langpair" value="en|pt" title="Português/Portuguese" src="http://photos1.blogger.com/x/blogger2/6075/564571464515337/1600/z/670301/gse_multipart12404.png" height="20" type="image" width="30" onclick="this.form.langpair.value=this.value"><br /><br /><br /><input name="langpair" value="en|ru" title="Русский/Russian" src="http://photos1.blogger.com/x/blogger2/6075/564571464515337/1600/z/111692/gse_multipart12405.png" height="20" type="image" width="30" onclick="this.form.langpair.value=this.value"><br /><br /><br /><input name="langpair" value="en|es" title="Español/Spanish" src= "http://photos1.blogger.com/x/blogger2/6075/564571464515337/1600/z/998398/gse_multipart12407.png" height="20" type="image" width="30" onclick="this.form.langpair.value=this.value"><br /><br /><br /></form><br />

jangan lupa ganti kode URL"http://www.syamcollection.blogspot.com/"dengan alamat URL blog anda.
kemudian pastekan pada Dashboard, go to Template-> Page Elements. Add a “Page Element” and select “HTML/JavaScript”.

Untuk bahasa inggris

anda harus meng copy alamat URLnya tersendiri caranya:
silahkan anda klick dulu di Google Language Tools
akan muncul seperti gambar di bawah

pada teplate a web page isi dengan alamat URL blog anda
kemudian kilck translate.
setelah blog anda muncul dengan bahasa inggris,,copy URL nya lalu simpan sementara di notpad anda.
kemudia satukan dengan kode image di bawah ini:

untuk United Kingdom kodenya:

<br /><a href="<span style=">translated page URL</span>" title="English"><img border="0" alt="Google Translation" src="http://photos1.blogger.com/x/blogger2/6075/564571464515337/1600/z/212122/gse_multipart16503.png" /></a><br /><br /></form><br />

untuk United States of Americ kodenya:

<br /><a href="<span style=">translated page URL</span>" title="English"><img border="0" alt="Google Translation" src="http://photos1.blogger.com/x/blogger2/6075/564571464515337/1600/z/724501/gse_multipart16505.png" /></a><br /><br /></form><br />

ganti kata"translated page URL"dengan kode URL yang anda copy tadi lalu pastekan ke add page element anda (seperti contoh di atas).....selamat mencoba

Menampilkan Favicon (logo) URL

Apakah anda berminat menampilkan gambar anda yang cantik dan ganteng di URL blog anda seperti contoh gambar di samping..
kalau memang berminat mari kita lihat panduan nya semoga mudah di mengerti,pertama upload image (foto)cantik anda pada form browse di samping anda,kemudian download, sekarang anda sudah mempunyai image logo untuk URLnya,foto yang anda download tadi terpecah menjadi 2 yaitu image file gif.dan png.yang ber ukuran 16x16.anda bisa pilih salah satunya
selanjutnya ...??sabar yaaa...

sebelum nya saya kesulitan menampil kan logo URL ada blog,bingung mau menggunakan imageshack apa..biar menemukan alamt URL nya.karena tidak semuanya bisa meng upload image Favicon.dan akhirnya saya bisa meng upload melalui Google Page Creator.
sekarang anda bisa upload di google page creator.
silahkan anda login dengan username dan pssword google anda.kemudian lihat di sebelah kanan di sana ada tulisan upload ..silahkan upload image favicon yang anda download sebelum nya..

setelah sukses anda bisa meng copy alamat URL nya.caranya klick kanan pada file image favicon yang sukses terupload tadi.kemudian pilih copy link pastekan ke notpad anda sementara.
sekarang anda sudah mendapatkan code linknya.....
selanjutnya anda cari kode di bawah ini:

pada template>>edit HTML,jangan lupa download dulu tempalte anda ke notpad untuk mengantisipasi kesalahan.
sudah ketemu bukan,,,? nah kalau sudah ketemu copy code di bawah ini:

pastekan di bawah code sebelumnya,jangan lupa ganti code "URL of your icon file"dengan code alamat URL image favicon anda.contoh:

http://yourname.googlepages.com/iconname.ico

yorname adalah username pada saat anda login
iconname.ico adalah nama file image favicon anda

jadi nya seperi ini:
http://yourname.googlepages.com/iconname.ico"/>

sekarang anda sudah bisa mencobanya sendiri..

Wednesday, June 13, 2007

menampilkan id yahoo

ada 5 macam style ID yang yang di tampil kan di sini,(style 1),(style2),(style3),(style4),dan style5)bagi anda yang ingin menampilkan ID yahoo ke blog nya,silahkan copy code linknya...

Catatan :setelah anda copy code linknya ,jangan lupa ganti kata "YOURID"dengan menuliskan ID Yahoo anda sendiri kemudian paste ke blog anda

copy link di bawah ini:

**************************************************

copy link di bawah ini:

**************************************************

Copy link di bawah ini

**************************************************

Copy link di bawah ini

**************************************************

Copy link di bawah ini

Menampilkan pooling pada blog

menampilkan pooling pada blog agar setiap pengunjung yang mampir bisa memberi pendapat tentang blog tersebut..
dan untuk membuatnya seperi ini:
silahkan anda login di sini

kemudian isi kotak kosong di samping Poll Question dimaksukkan tulis kata utama anda contoh(begaiamana pendapat mu tentang blog saya) kemudia klick continue liat gambar di samping.

setelah itu isi form yang anda ingin kan seperti gambar di bawah kemudian klick create pool

kemudian anda sudah bisa meng copy kode html nya dan pastekan ke blog anda.
kalau anda mau mengganti style yang sesuai ke inginan , harus login dulu dengan meng klick tombol login...selamat mencoba....

Tuesday, June 12, 2007

Menampilkan counter hit pada blog

free web counter

ingin tau menampilkan hit counter seperti di atas di blog anda..?tujuannya agar anda tau seberapa banyak yang mengunjungi blog anda,caranya tidak terlalu rumit,sekejap lansung bisa..caranya klick di sini menuju web loginnya.

setalah anda sudah masuk silahkan isi formnya untuk login seperti gambar di samping,masukkan email,alamat web blog,dan counternya mulai angka 0,anda bisa pilih stylenya,kemudian pilih Every page hit,dan jangan lupa beri tanda pada i agree to the policies sebagai tanda setuju.kemudian klick tombol Submit.setelah itu akan muncul seperti gambar ini
di sini anda sudah bisa meng copy code nya,dan apabila masih kurang cocok dengan stylenya anda bisa pilih di change style kemudian liat perubahannya di

paling bawah..mudah kannnn........
selamat mencoba

Menampilkan Game pada blog

karena hoby main game ,sehingga suka ber lama lamaan di depan komputer bisa sampai ber jam jam,nah ini ada beberapa koleksi my Game,apabila anda suka,,silahkan copy linknya,dan pastekan ke blog anda,selamat berGame ria.heheheh.

Game soccer