NGEBLOG YOUK

Background blog bergaya slide show (2)

noreply@blogger.com (Syahenim Kojek) — Mon, 30 May 2011 06:15:00 +0000

Karena buanyak yang masih bingung dan nanya seputar utak atik background blog bergaya slideshow, maka ana putuskan buat bikin posting selanjutnya yang ana rasa mungkin sedikit mudah dipahami dan semoga ngga bikin mumet lagi. sebelumnya, ana mohon maaf yang sebesar-besarnya karena baru sekarang sempat mengupdate dan nongol lagi ke blog ini, semoga bisa berkelanjutan nih. Okeh... ke TKP gan....

Seperti biasa backup dulu template anda, atau lebih amannya, buat experiment, buat blog baru aja deh. pake template minima saja. Disini kebetulan aku pake yang hitam. kalo pake yang putih, silahkan saja. sesuaikan saja antara template dengan backgroundnya. maksudku, kalo pake template minima putih, bakckgroundnye kudu yang bernuansa putih. begitu pula kalo hitam.

kopi kode di bawah ini :

lalu pastekan ke blogmu kayak masang widget yang lain. jangan lupa diberi nama, misalnya, CSS1. Ini akan mempermudah kita untuk mencari script yang kita pasang tadi guna kita selipkan beberapa kode lagi yang akan mengatur script background tadi untuk tapil di front page/halaman muka, halaman posting atau halaman-halaman yang lain.

Bentar, gwa jelasi dulu nih fungsi kodenya. Ganti kode yang berwarna merah dengan alamat url gambarmu. lalu kode yang berwarna biru bisa kamu gantri dengan scroll, artinya backgroundnya ikut bergerak apa bila kita bergerak ke bawah halaman. terus Kode right yang berwarna hijau adalah letak background tadi. perhatikan untuk penempatan gambar, jangan sampai mengganggu kenyamanan pengunjung blog anda. ganti tulisan raight tadi dengan, left, bottom, center, top left, top right, bottom left, bottom right. Selanjutya no-repeat, ini artinya ganbar yang kita tampilkan hanya satu, kalo tulisan no-repeat kita rubah menjadi repeat maka gambar akan ditampilkan beberapa buah. Ini lebih cocok kalau kita memakai background texture atau pattern... wah kepanjangannya????

Kalo udah, simpan templatemu kemudian masuk lagi ke menu edit HTML, centeng Kotak Expand Widget Template, cari nama kode yang tadi kita buat (dalam contoh CSS1) lalu selipkan kode seperti di bawah ini :

<b:widget id='HTML2' locked='false' title='css1' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>

<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
</b:if>
<b:include name='quickedit'/>
</b:includable>
</b:widget>

Simpan template dan perhatikan hasilnya.

Kode <b:if cond='data:blog.url == data:blog.homepageUrl'> adalah kode yang mengatur agar background kita tadi hanya tampil di halaman depan saja dan akan menghilang bila anda menlanjutkan menbaca posting atau mengklik halaman lainnya. perharikan pula penempatan kode ; </b:if>

Selanjutnya, buat lagi css background yang kedua, beri nama CSS2 ganti url gambar dengan url gambar yang lain. kemudian simpan seperti biasa. Cari kode tadi di menu edit html lantas perhatikan penempatan kode seperti di bawah ini :

<b:widget id='HTML6' locked='false' title='css2' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType == "item"'>

<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
</b:if>
<b:include name='quickedit'/>
</b:includable>
</b:widget>

Demikian selanjutnya untuk halaman halaman yang lain. yang penting penempatan kodenya adalah dibaha kode : <b:includable id='main'> dan ditutup dengan kode : </b:if>

Sebenarnya ini hanya akal-akalan saja. Ngga percaya, cari deh di internet, buanyak kok yang nulis soal gimana caranya menampilkan widget di halaman tertentu. nah, aku coba aplikasikan buat css backround, ternyata bisa. Yang penting, sekali lagi, perhatikan gambar yang akan anda pakai buat backround, jangan sampe mengganggu pengunjung blog, jangan sampe kegedean... yang wajar-wajar saja. yang penting, kita tunjukin, walau cuman pake template minima, kita bisa nampil narsis.... hehehehehehe...

Selamat berpusing ria...

kembali ke atas

Cara membuat background blog bergaya slide show

noreply@blogger.com (Syahenim Kojek) — Fri, 20 Mar 2009 00:42:00 +0000

Menghias atau mempercantik blog dengan memasang background yang bisa berubah-ubah atau bergaya slideshow barangkali merupakan pertimbangan tersendiri bagi anda yang ingin tampil sedikit beda. Bosan baragkali dengan template lama atau templatenya keliwat canggih ??? apa salahnya kita mencoba membuat, lebih tepatnya mengedit template dari minima klasik biasa, tokh ternyata bisa kita hias sedemikian rupa, kita tambah-tambahin kolom misalnya atau kita hiasi dengan background. Hitung-hitung buat belajar ngobok-ngobokin kode HTML, ya ngga ??? ...

Baik, tanpa berpanjang lebar lagi kita langsung praktek nih ...

PERSIAPAN

1. Buat sebuah blog baru dengan menggunakan template standar dari blogspot yaitu template minima putih biasa yang 2 kolom. Kalo kepengen memakai yang tiga kolom, boleh sobat download di sini. Atau kepengen yang multi kolom alias kebanyakan kolom? download di sini.

2. Setelah blogmu jadi, isi dengan sembarang posting, jangan lupa cantumkan beberapa buah label di kotak labels for this post pada ruang postingmu.

3. Pasang read more nya.

5. Pasang widget label di sidebar blogmu.

Nah, sekarang kita masuk ke tahap pembuatan backgroundnya.

A. MEMASANG BACKGROUND UTAMA

1. Kopi kode di bawah ini, lalu edit dengan menggunakan worpad atau document txt.

background-image:url('http://kojeksyahenim.googlepages.com/serangga.gif');background-color:transparent;
background-attachment: fixed;
background-position:top left;
background-repeat:no-repeat;

Ganti url gambar yang berwarna merah dengan url gambarmu.

kode top left yang berwarna biru bisa kamu ganti dengan top right, bottom left, bottom right, left, center atau right. Sesuaikan dengan besarnya gambarmu. Bila menggunakan gambar berukuran besar ganti saja dengan center.

Kode no-repeat yang berwarna hijau adalah kode yang menyatakan bahwa gambar yang kamu pasang tidak memerlukan pengulangan, Nah, kalau memakai gambar berukuran kecil semisal gambar texture, hapus saja kode no-repeat tersebut.

2. Login ke blogger --> Klik Customize --> Layout --> Edit html. Cari kode seperti di bawah ini :

body {
background:$bgcolor;
margin:0;
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}

3. Rubah kode di atas dengan menambahkan kode hasil editan kamu tadi sehingga hasilnya menjadi seperti di bawah ini : Perhatikan baik-baik penempatan kode hasil editan yang berwarna biru.

body {
background:$bgcolor;
background-image:url('http://kojeksyahenim.googlepages.com/serangga.gif');
background-color:transparent;
background-attachment: fixed;
background-position:top left;
background-repeat:no-repeat;
margin:0;
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}

4. Simpan hasil pekerjaanmu dengan mengklik tombol SAVE TEMPLATE.

B. MEMASANG BACKGROUND HALAMAN DEPAN/FRONT PAGE

Tahap pertama

1. Kopi kode seperti di bawah ini, edit terlebih dahulu dengan menggunakan worpad atau document txt.

Ganti url gambar yang berwarna biru dengan url gambarmu.

Atur letak gambar dengan merubah kode bottom right yang berwarna kuning

Atur pengulangan gambar bila diperlukan dengan menghapus kode no-repeat yang berwarna hijau. Bila tidak biarkan saja, jangan di hapus.

Tahap ke_dua

Tahap ke dua adalah tahap pemasangan kode hasil editan tadi ke sidebar blog anda, caranya sebagai berikut :

1. Login ke blogger --> Klik Customize --> Layout --> add a gadget --> HTML/JavaScript.

2. Isi title/judul dengan (misalnya) css1.

3. Pastekan kode hasil editan tadi ke ruang content.

4. Klik save untuk menyimpan hasil hasil kerjamu.

Tahap ke_3

Tahap ini adalah tahapan dimana kita akan mengatur css background yang bkita beri nama css1 tadi untuk tampil di halaman depan saja dan akan menghilang bila kita bergerak ke halaman selanjutnya.

1. Login ke blogger --> Klik Customize --> Layout --> Edit html. Centeng kotak Expand Widget Templates

2. Cari nama css background tadi, lalu selipkan dua buah script seperti tampak di bawah ini. Perhatikan penempatan kode yang berwarna biru

<b:widget id='HTML20' locked='false' title='CSS1' type='HTML'>
<b:includable id='main'>
<b:if cond="data:blog.url == data:blog.homepageUrl">

<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
</b:if>
<b:include name='quickedit'/>
</b:includable>
</b:widget>

Secara default, setiap penambahan elemen halaman yang kita lakukan akan dinamai secara otomatis oleh blogspot denag HTML1, HTML2 dan seterusnya.

CSS1 nama dari elemen halaman yang kita tambahkan tadi untuk memudahkan kita mencari elemen yang bersangkutan di ruang edit HTML. Jadi sebaiknya setiap widget/aksesoris kita beri nama.

Kode

<b:if cond="data:blog.url == data:blog.homepageUrl">

dan kode

</b:if>

adalah kode yang membuat elemen halaman yang kita pilih hanya tampil di halaman depan dan akan menghilang bila kita bergerak ke halaman selanjutnya.

C. MEMASANG BACKGROUND UNTUK HALAMAN SELANJUTNYA

Di sini kerja kita sedikit mudah. Bukankah tadi anda punya kode css background yang anda edit dengan worpad atau document txt lalu anda pasang di side bar dan anda beri nama css1? Nah manfaatkan kode tersebut. Ikuti langkah-langakahnya seperti di mulai dari pengeditan css tersebut hingga css background tersebut terpasang di sidebar blog. Ingat !!! untuk memudahkan kita mencari css backround tersebut, berilah nama misalnya css2.

Untuk mengatur agar css backround yang kita beri nama css2 tadi anda tinggal mengikuti langkah MEMASANG BACKGROUND HALAMAN DEPAN/FRONT PAGE tahap ke_tiga, point 1 sampai 2. Kemudian selipkan 2 baris script seperti tampak pada kode di bawah ini : perhatikan letak penempatan kode yang berwarna biru.

<b:widget id='HTML21' locked='false' title='CSS2' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:blog.pageType == "item"'>

<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>

Nah, ngga terlalu sulit khan bloggers, selamat dech ... sekarang blog anda bisa tampil dengan background yang berbeda pada setiap halamannya.

kembali ke atas

Cara Mengganti Backround Blog dengan gambar

noreply@blogger.com (Syahenim Kojek) — Thu, 19 Mar 2009 10:34:00 +0000

Selain css background yang kita pasang kayak kita masangin widget/aksesrois ke blog dengan cara seperti menambahkan elemen halaman, kita juga bisa menggati backgroung blog dengan langsung mengedit css background yang ada di struktur HTML template kita. Pengen Nyoba ??? ayok ...

1. Login ke blogger
2. Klik Customize --> Layout --> Edit HTML
3. Cari kode seperti di bawah ini :

body {
background:$bgcolor;
margin:0;
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}

4. Hapus kode di atas lalu ganti dengan kode di bawah ini :

body {
background:$bgcolor; background-image:url('http://kojeksyahenim.googlepages.com/serangga.gif');background-color:transparent;
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
margin:0;
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}

5. Ganti url gambar yang berwarna merah dengan url gambarmu

7. Center yang berwarna biru bisa kamu ganti sesukamu dengan, left atau right bila ukuran gambarmu berukuran tidak terlalu besar. Bila berukuran besar biarkan saja tetap center. Sedangkan bila ukuran gambarmu kecil, misalnya kira-kira berukuran 300px × 400 px, kamu bisa menempatkannya di pojok templatemu (blogmu) dengan cara menganti center tadi dengan top left, top right, bottom left atau bottom right.

8. kode no-repeat yang berwarna hijau adalah kode yang menyatakan bahwa image atau gambar yang kamu pasang tidak memerlukan pengulangan. Ini artinya kamu ingin menapilkan hanya satu gambar saja. Kalu kamu memakai gambar kecil berupa motif, atau misalnya

8. Klik Save dan View blog untuk melihat perubahan

Selamat mencoba

kembali ke atas

Trik Memasang Widget di sudut template

noreply@blogger.com (Syahenim Kojek) — Wed, 18 Mar 2009 06:14:00 +0000

Anda lihat kan, beberapa widget/aksesoris blog yang ku pasang di sudut bawah, kanan dan kiri blog ini? Mau tau trik memasangnya? Kita langsung aja ya ...

A. WIDGET/ AKSESORIS DI SUDUT KIRI BAWAH

1. Login dulu ke blogger lalu klik "Layout -->> Edit HTML

2. Cari kode ]]></b:skin> kemudian tempatkan kode di bawah ini di atas kode ]]></b:skin>

#trik_kiribawah {
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); }

Kode yang berwarna biru adalah nama dari script ini, kode bottom yang berwarna kuning bisa di ganti dengan top kemudian kode left yang berwarna hijau bisa di ganti dengan right

4. Langkah selanjutnya yaitu letakkan script berikut ini sebelum kode </body>

<div id='trik_kiribawah'>
<script src='http://widgets.amung.us/classic.js' type='text/javascript'/><script type='text/javascript'>WAU_classic('hu1vhdkrz2pe')</script><br/>
<a href='ymsgr:sendIM?entobet'> <img src='http://opi.yahoo.com/online?u=entobet&m=g&t=9&l=us'/></a>
</div>

5. Kode yang berwarna biru adalah kode widget yang bisa diganti dengan widget lain sesuai selera.

6. klik save lalu view blog untuk melihat hasilnya.

B. WIDGET/ AKSESORIS DI SUDUT KANAN BAWAH

Nah, sekarang kita akan memasang widget/aksesoris lain ke sudut kanan blog kita. Langkah pemasangannya sama dengan langkah langkah di atas. Hanya perlu mengedit beberapa kode saja. Agar lebih jelas saya uraikan aja di sini akal-akalan kita ...

Perhatikan baik baik perubahan 2 buah script/kode di bawah ini :

a. Kode Pertama :

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

a. Kode Ke dua :

<div id='trik_kananbawah'>
<script src='http://widgets.amung.us/classic.js' type='text/javascript'/><script type='text/javascript'>WAU_classic('hu1vhdkrz2pe')</script><br/>
<a href='ymsgr:sendIM?entobet'> <img src='http://opi.yahoo.com/online?u=entobet&m=g&t=9&l=us'/></a>
</div>

Pada kode pertama perubahannya bisa di lihat seperti di bawah ini :

kode #trik_kiribawah { berubah menjadi #trik_kananbawah {

lalu left berubah menjadi right

Pada kode ke dua, nama kodenya yang kita rubah yaitu

menjadi

Jangan lupa menggati kode yang berada di antara kode <div id='trik_kananbawah'> dan kode </div> dengan kode widget/aksesoris yang lain.

Anda juga tinggal mengedit sedikit saja kode-kode tersebut bila ide Anda sama nyelenehnya denganku yaitu "MEMASANG WIDGET/AKSESORIS DI KEEMPAT SUDUT BLOG". Ada yang mau nyoba ...????

Catatan : Terima Kasih untuk KENDHIN yang telah memberi izin untuk mencatut scriptnya.

Back to Top

Cara menghapus tulisan View my complete profile

noreply@blogger.com (Syahenim Kojek) — Mon, 16 Mar 2009 10:42:00 +0000

Bagi anda yangg ingin menghapus tulisan View my complete profile yang berada di bawah profil anda, silahkan ikuti beberapa langkah mudah seperti di bawah ini :

1. Login ke Blogspot

2. Klik Layout kemudian klik Elemen Halaman

3. Klik Edit HTML

4. Centeng kotak Expand Template Widget

5. Lalu klik Download Template Lengkap untuk membackup template anda

6. Cari dan hapus kode seperti dibawah ini dari template anda:

7. Klik Save untuk melihat perubahan

Selamat berexperiment bloggers...

kembali ke atas

Cara memasang jam

noreply@blogger.com (Syahenim Kojek) — Tue, 10 Mar 2009 07:29:00 +0000

Memasang widget yang satu ini ngga terlalu sulit kok. Tapi apa gunanya memasang jam ke blog? Lumayan donk, buat ngingatin kita jangan sampai lupa makan saking keasikan Ngeblog. Sekalian pajangan buat mempercantik tampilan blog kita.

Ok, kita langsung aja praktek ...

1. Meluncurlah ke www.clocklink.com maka kita akan di bawa ke tampilan seperti pada gambar di bawah ini :

2. Klik ant a clock on your website?, maka kita akan di bawa ke tampilan seperti pada gambar di bawah ini :

3. pada gambar di atas, sebagai contoh, klik Analog

4. Selanjutnya,Pilih model jam yang anda sukai dengan mengklik tombol View HTML Tag, maka akan muncul Cloklink user License pop up window seperti tampak pada gambar di bawah ini :

5. Klik tombol Accept, maka akan muncul tampilan sebagai berikut :

6. Atur warna jam dengan menconteng bulatan kecil di samping masing-masing warna.

7. Klik select by timezone

8. Pilih pilih [GMT+07.00] bila lokasi anda di WIB, pilih [GMT+08.00] atau [GMT+09.00] jika anda berada di area WITA atau WIT pada kotak Timezone.

9. Atur ukuran jam sesuai selera anda dengan memilih ukuran pada kotak Size

10. Kopi kode yang disediakan pada kotak pertama.

Nah, sekarang kita tinggal memasang kode yang kita kopi tadi ke sidebar blog, caranya sebagai berikut :

1. Login ke blogspot.

2. Klik Customize pada Navbar

3. Klik Layout

4. Klik add a gadget

5. pilih HTML/JavaScript

6. Beri nama (misalnya) My Time

7. Pastekan kode yang kita copy tadi ke ruang content

8. klik save.

9. Klik save yang ada di ruang edit layout

10. Klik View Blog unuk melihat perubahan.

Selamat Bloggers, sekarang di blog anda sudah terpasang sebuah jam. Cantik bukan ???? bukan ....

kembali ke atas

Cara memasang pemantau pengunjung yang online

noreply@blogger.com (Syahenim Kojek) — Tue, 10 Mar 2009 07:28:00 +0000

Widget yang satu ini boleh juga dipertimbangkan untuk di pasang pada sidebar blog. Selain untuk meramaikan dan mempercantik tampilan, kita juga bisa memantau berapa sih pengunjung yang sedang online di blog kita.

Pengen segera memasangnya ? Ayok dech kita praktek.

1. Meluncurlah ke http://whos.amung.us/
Maka kita akan di bawa ke tampilan seperti di bawah ini :

2. Kopi kode yang disediakan

Sekarang kita tinggal memasang kode tadi ke sidebar blog kita.
Langkah langkahnya sebagai berikut :

1. Login ke blogspot
2. Klik Customize
3. Klik Layout
4. Klik Add a Gadget
5. Pilih HTML/JavaScript seperti tampak pada gambar di bawah ini :

6. Masukkan kode ke ruang content seperti tampak pada gambar di bawah ini :

7. Klik save

8. Klik View blog untuk melihat perubahan

kembali ke atas

Cara membuat Recent Comment

noreply@blogger.com (Syahenim Kojek) — Tue, 10 Mar 2009 07:25:00 +0000

Memasang Recent Comment kadang diperlukan juga untuk membantu kita memantau secara otomatis siapa saja rekan yang telah memberi komentar pada salah satu postingan kita. Selain itu, rekan yang memberikan komentar sudah tentu akan senang karena linknya nongol di blog kita, apa lagi kalau widget recent comment ini kita pasang di halaman depan blog. Secara tak langsung, kita ikut mempromosikan blog rekan yang tadi memberi komentar.

1. Copy kode di bawah ini, lalu edit dengan worpad atau document txt.

Ganti angak 5 (yang berwarna biru) dengan angka lain sesukamu. Ini adalah jumlah komentar yang akan kita tampilkan.

Ganti blogkamu (yang berwarna merah) dengan nama blogmu.

2. Login ke blogspot, klik customize, klik layout, lalu klik add a new gadget, pilih HTML/JavaScript

3. Isi kolom judul atau titele dengan (misal) Recent Comments.

4. Pastekan kode hasil editan kita tadi ke ruang content.

5. Klik Save

6. Klik sekali lagi save di ruang edit Layout.

7. Klik View Blog untuk melihat perubahan

kembali ke atas

Cara Memasang Buku Tamu

noreply@blogger.com (Syahenim Kojek) — Tue, 10 Mar 2009 07:25:00 +0000

Dalam membangun sebuah blog, tak lengkap rasanya bila kita tidak memasang buku tamu ke blog, di samping untuk mempercantik blog, buku tamu merupakan sarana berinteraksi antar sesama blogger. Kita bisa saling mengunjungi dan bersilaturrahmi. Bisa buka kita melakukan sarana promosi lewat buku tamu tersebut, misalnya kita bisa menitipkan link atau email blog bisnis kita di buku tamu blog lain agar pengunjung lain dapat melihat link yang kita berikan dan berkunjung ke blog kita

Kali ini kita akan mencoba memasang buku tamu dari Shoutmix,com. Udah siap ? let's go bloggers ....

1. Meluncurlah ke http://www.shoutmix.com/
maka kita akan di bawa ke tampilan seperti di bawah ini :

2. Klik menu Create, lalu kita akan di bawa ke ruang registrasi seperti di bawah ini :

3. Isi keterangan yang diminta

Shoutbox ID: isi misalnya dengan namamu kecilmu misalnya. nama ini nantinya untuk login ke shoutmix

Choose password: isikan passwordmu

Retype password: isikan dengan password yang sama dgn yang kamu isi sebelumnya

Name: isikan kotak ini dengan namamu

Email: isikan dengan alamat emailmu

Centeng/tandai kotak kecil disamping I have read and agree to the Terms of Service.

Klik CONTINUE

Maka kita akan dibawa ke tampilan berikut :

4. Pilih salah satu model tampilan kotak shoutbok dengan menekan/memberi tanda pada bulatan kecil di samping nama style

5. Klik CONTINUE

Kita di bawa ke tampilan berikut :

5. Klik Control Panel
Kita akan di bawa ke ruang seperti gambar berikut :

6. pada sub menu display, klik Style & Colors untuk mengatur warna dan huruf sesuai keinginanmu. Secara default telah tersedia mode warna pada kotak "Load from preset:" Bila semua pengaturan telah selesai, klik "Save Settings"

7. Klik Settings pada menu paling atas, kemudian pada sub menu display, "klik Date & Time" untuk melakukan pengaturan waktu. Pada kota "Timezone:" cari waktu sesuai nama kota tempat tinggalmu. Tentukan format waktu pada kotak "Format:" lalu simpan dengan mengklik "Save Settings"

8. Klik kembali Sttings di menu paling atas, lalu pada sub menu "Quick Start" pilih "Get codes". maka kita akan di bawa ke tampilan seperti di bawah ini :

Atur tinggi dan lebar pada kotak "Width" dah "Heigt". Sesuaikan dengan tinggi dan lebar sidebar blogmu.

9. Copy selur kode yang berada di dalam kotak Generated codes. Lalu simpan dalam dokumen TXT. Tapi kamu juga bisa langsung memasangnya ke blogmu.

Sampai di sini, kita telah meyelesaikan tahap pertama dimana kita telah mendapatkan script yang akan kita pasang ke blog. Langkah selanjutnya adalah memasangnya ke blog.
Youk ... kita utak-atik lagi...

a. Login ke blogspot
b. klik customize
c. klik layout
d. Klik Add d Gadget
e. pilih HTML/JavaScript
d. Isi kotak "Title" dengan nama sesukamu, misalnya "Buku Tamu"
e. Pastekan kode yang kotak copy dari shoutmix.com tadi ke ruang "Content"
f. Klik save untuk menyimpan
g. atur letak shoutboxmu dengan aksi drag n drop pada ruang edit conten
h. klik save
i. klik view blog untuk melihat perubahan

Selamat bloggers ... anda sekarang telah punya buku tamu. Selamat Mencoba ...

kembali ke atas

Cara membuat recent post

noreply@blogger.com (Syahenim Kojek) — Tue, 10 Mar 2009 07:24:00 +0000

Cara untuk memasang recent post ke blog anda sangatlah mudah. Tidak terlalu berbelit-belit dan bikin kepala anda mumet. Bahkan, anda yang baru pertama kali ngeblog sekalipun dapat dengan mudah memasangnya. Karena memasangnya sama persins dengan kita memasang widget atau aksesoris ke sidebar blog kita. Yaitu menkgopi lalu mempastekan kode atau script Recent Post tersebut. Lantas apa gunanya Recent post tersebut?. Ya tentu saja untuk memudahkan pengunjung membaca atau mencari postingan yang kita buat, karena Recent post tadi hanya menampilkan judulnya saja, katakanlah semacam daftar isi atau mirip-mirip daftar isi yang memuat judul-judul tulisan kita.

Baik, sekarang kita langsung praktek :

1. Kopi kode di bawah ini :

2. Edit dengan worpad atau document txt.

3. Ganti anga 25 yang berwarna biru dengan angka sesuai seleramu. Angka ini adalah jumlah judul posting yang akan kita tampilkan

4. Ganti alamat blog yang berwarna merah dengan alamat blogmu.

5. Setelelah selesai kita edit, Login ke blogspot, klik customize, lalu klik layout, kemudian klik add a new gadget, pilih HTML/JavaScript.

6. Beri judul pada kolom titele (misal ) Recent Post.

7. Pastekan kode hasil editan kita tadi ke ruang conten.

8. Klik Save.

9. Klik selaki lagi save yang ada di ruang edit layout.

10. view blog untuk melihat perubahan.

Sip kan Blogger ....

Ok dech, selamat mencoba

kembali ke atas

Cara mengganti backround blog dengan css background

noreply@blogger.com (Syahenim Kojek) — Tue, 10 Mar 2009 07:08:00 +0000

Salah satu cara untuk mempercantik tampilan blog adalah dengan memasang background berupa image atau gambar. Baik itu gambar hasil olahan sendiri maupun hasil mendownload dari internet. Agar tampilannya menjadi hidup dan segar, dibutuhkan sedikit kejelian dalam pemilihan gambar yang akan kita pergunakan untuk background blog. Pilihlah gambar yang sesuai dengan template blog kita. Jangan memaksakan untuk memasang sebuah gambar, sementara kita kebingungan menentukan warna font yang pas untuk tulisan kita nantinya.

Pemasangan css background ini terbilang sangat mudah, sama persis seperti kita memasang widget/aksesoris ke sidebar blog. Ok bloggers, kita praktek youk ...

1. Kopi kode di bawah ini lalu edit dengan document txt atau worpad :

Keterangan :

a. Ganti utl gambar (yang berwarna merah) dengan url gambarmu;
b. Kode Center (yang berwarna biru) adalah kode untuk menentukan letak image atau gambar;
d. Kode no-repeat; (yang berwarna hijau) adalah kode yang mengatur peengulangan gambar, kalau kita memakai gambar berukuran kecil hapus saja kode ini, bila kita memakai gambar berukuran besar maka kode ini jangan di hapus.

2. Setelah kode selesai kita edit, sekarang kita tinggal memasangnya ke blog dengan cara sebagai berikut :

a. Login ke blogspot
b. Klik Customize
c. Klik LAyout
d. Klik Add a Gadget
e. Pilih HTML/JavaScript
f. Isi kolom title atau jududl dengan nama sesuai selera anda
g. Pastekan kode yang kita edit tadi ke ruang content
h. klik save
i. Klik view blog untuk melihat perubahan

Selamat bloggers ... sekarang blog anda semakin kereennn ....

kembali ke atas

Cara Membuat Blog di blogspot.com

noreply@blogger.com (Syahenim Kojek) — Tue, 10 Mar 2009 03:17:00 +0000

Membuat blog itu mudah dan menyenangkan, Ngga percaya? percaya aja dech. Kalo udah ketagihan, aku ngga tanggung jawab ya. Ok, Mau ngeblog di mana nih? Gimana cara membuat blog ? Mau nulis Apa? Gak usah dipikirin. Yang penting anda punya komputer dan terkoneksi ke Internet atau lewat warnet mungkin, yang terpenting anda bisa mengoperasikan komputer dan paling tidak pernah atau mengenal internet.

Blog ini kubuat untuk belajar membuat blog di blogspot.com. Semoga apa yang aku paparkan nanti mudah dimengerti oleh anda, karena aku juga sedang dalam proses belajar, kritik dan saran selalu kutunggu.

Baik, Ayo kita mulai.

Untuk membuat blog di blogspot.com, kamu sebelumnya harus sudah punya alamat email di google.com, Bagi yang belum punya account di google.com, bisa membaca tutorialnya di sini. Bagi yang sudah, ikuti langkah-langkah di bawah ini.

1. Meluncurlah ke http://www.blogger.com/
Maka anda akan dibawa ke tampilan seperti gambar di bawah ini :

2. Kik tanda panah bertuliskan CIPTAKAN BLOG ANDA
Maka, anda akan di bawa ketampilan seprti di bawah ini :

3. Isi Kolom yang disediakan :

a. Alamat Email : Isi dengan alamat emailmu. Misalnya namaanda@gmail.com
b. Ketik Ulang Alamat Eail : Isi dengan alamat email yang sama.
c. Masukkan sebuah password : isi dengan passwordmu/kata sandi
d. Ketik ulang sandi : Isi dgn passwordmu/kata sandi yang sama
e. Nama tampilan : isi dengan namamu (misalnya)
f. Masukkan verifikasi kata ke kotak yang disediakan
g. Penerimaan persyaratan : conteng kotak kecil di samping kalimat Saya menerima Persyaratan dan layanan
h. Klik tanda panah bertuliskan LANJUTKAN

Maka anda akan di bawa ke tampilan berikut :

4. Isi kolom yang disediakan :
a. Judul blog : buat judul blogmu
b. Alamat blog (URL) : isi dengan namamu,
c. Klik Cek Ketersediaan untuk melihat apakah alamt url yang kamu buat diizinkan oleh blogspot.com, kalau belum, ganti dengan nama uyang lain
d. Klik tanda panah bertuliskan LANJUTKAN

Maka kamu akan di bawa ke ruang pemilihan template seperti gambar di bawah ini :

5. Pilih template yang kamu sukai dengan menconteng kolom kecil di samping nama template

6. Klik tanda panah bertuliskan LANJUTKAN

maka akan muncul tampilan seperti gambar di bawah ini :

7. Klik tanda panah bertuliskan MULAI BLOGGING.

Maka anda akan dibawa ke ruang postingan seperti tampak pada gambar di bawah ini :

a. Judul : isi dengan judul blogmu
b. Tulis beberapa kalimat di ruang pengetikan
c. isi kotak kategori dengan kata article (misalnya), boleh dengan nama lain
d. Kalau sudah selesai, tekan tombol TERBITKAN ENTRI

Kemudian anda akan di bawa ke tampilan berikut :

8. Klik Lihat blog untuk melihat hasilnya.

Selamat, sekarang anda telah menjadi seorang blogger

Tips dan Trik Membuat Blog

noreply@blogger.com (Syahenim Kojek) — Tue, 10 Mar 2009 00:58:00 +0000

Hallo blogger, terimakasih telah mau berkunjung ke blog ini. Di sini terdapat beberapa tips dan trik yang mungkin akan dapat membantu anda dalam membuat, membagun dan mengelola blog di blogspot.com (draft)