Lintas Materi: Tutorial

Showing posts with label Tutorial. Show all posts

Thursday, August 3, 2017

Google AdSense

Google AdSense

Google AdSense adalah cara gratis untuk memperoleh penghasilan dengan menempatkan iklan di situs web Anda. Anda juga dibebaskan untuk menghapus iklan yang tidak disukai atau memilih iklan mana yang harus ditampilkan di situs web anda,tentunya yang relevan dengan situs web anda. Cara daftarnya pun cukup mudah anda terlebih dahulu membuat situs web/konten lainya kemudian daftarkan ke Google AdSense.

Jika situs anda disetujui oleh pihak Google AdSense, Selamat !

Pintu anda sudah terbuka untuk mencari dan menerima penghasilan dari iklan yang disediakan.

Friday, January 29, 2010

Link Satu Halaman (Anchor)

Anchor link biasa di sebut juga dengan link dalam satu halaman, berbeda dengan hyperlink pada umumnya yang biasa di gunakan untuk menghubungkan suatu tulisan dengan tulisan lain yang berada pada halaman yang berbeda atau blog yang berbeda, anchor link ini lebih banyak di gunakan untuk halaman yang sama. Contoh : Pada bagian paling bawah blog ini, ada tulisan berupa link yang tertera :

Bagaimana cara membuat anchor link?

Prinsip dasarnya adalah kita menandai terlebih dahulu suatu objek, lalu pada bagian yang lain kita buat link untuk memanggilnya. Kode dasarnya seperti ini :

.... <-- anchor="" br="" objek="">
.... <-- anchor="" br="" link="" pemanggil="">
Perhatikan tanda pagar (#) di atas, untuk nama anchor tidak memakai tanda pagar, akan tetapi untuk link pemanggil anchor harus memakai tanda pagar.

Objek dari suatu anchor bisa di tampilkan bisa juga tidak, terlihat dari kode di atas ada tanda berupa titik-titik. Titik-titik tersebut bisa di isi tulisan bisa juga di biarkan kosong, contoh :

<-- anchor="" br="" ingin="" menampilkan="" objek="" tidak="" tulisan.="" yang="">
Blog bagian atas <-- anchor="" br="" ingin="" menampilkan="" objek="" tulisan.="" yang="">
Berbeda dengan objek dari anchor, link pemanggil anchor haruslah di beri tulisan untuk bisa di klik oleh pengunjung, contoh :

Kembali ke atas <-- anchor="" beri="" br="" di="" harus="" link="" pemanggil="" tulisan.="">
Tertarik ingin membuatnya, silahkan ikuti langkah-langkah berikut :

Untuk template klasik :

1. Sign in di blogger

2. Klik menu Template

3. Klik menu Edit HTML

4. Copy seluruh kode template sobat, lalu paste pada notepad, silahkan save dulu untuk backup data

5. Copy kode berikut lalu paste persis di bawah kode <body>

<a name="atas"></a>

6. Copy paste kode berikut di atas kode </body>

<center><a href="#atas"> Kembali lagi ke atas</a> </center>

7. Klik tombol Pratinjau untuk melihat perubahan

8. Jika sudah OK, klik tombol Simpan Perubahan Template

9. Selesai.

Penambahan kode <center> </center> di maksudkan agar tulisan link berada pada posisi tengah.

Untuk template baru :

1. Sign in di blogger

2. Klik menu Layout

3. Klik menu Edit HTML

4. Klik tulisan Download Template Lengkap, silahkan save dulu template sobat untuk backup data

5. Klik kotak kecil di samping tulisan Expand Template Widget

6. Tunggu beberapa saat sampai proses selesai

7. Copy kode berikut lalu paste persis di bawah kode <body>

<a name="atas"></a>

8. Copy paste kode berikut di atas kode </body>

<center><a href="#atas"> Kembali lagi ke atas</a> </center>

9. Klik tombol Pratinjau untuk melihat perubahan

10. Jika sudah OK, klik tombol SIMPAN TEMPLATE

11. Selesai.

Satu lagi yang menarik dari fungsi kode ini, yaitu buat para anda yang suka menulis posting yang sangat panjang, atau merupakan tulisan-tulisan yang berupa karya ilmiah, Kode ini bisa membantu kita untuk membuatkan sebuah navigasi untuk mempermudah pembaca. Misalkan pada setiap pharagrap kita sisipkan sebuah anchor link yang mana anchor link ini bisa berupa tulisan yang terlihat ataupun hanya sebuah objek yang tidak bisa terlihat oleh pembaca. Dan tentunya pada tempat-tempat tertentu kita membuat tulisan berupa link untuk memanggil anchor link. Sebagai contoh saya telah membuat beberapa anchor link pada setiap pharagrap, kode anchor link yang saya sisipkan seperti ini :

<a name="satu"></a> --> pharagrap pertama

<a name="dua"></a> --> pharagrap kedua

<a name="tiga"></a> --> pharagrap ketiga

Kembali ke pharagrap Pertama !

Kembali ke pharagrap Kedua !

Kembali ke pharagrap Ketiga !

Cara Membuat Kategori (Label)

Untuk membuat kategori, di blogger.com di kenal dengan istilah Label. Dengan adanya fasilitas ini kita sebagai pemilik blog hanya tinggal mengisi kotak label yang di sedikan pada setiap posting artikel, sangat simpel dan sederhana.

Bagaimana cara membuat label?

Untuk membuat sebuah kategori atau label, anda hanya tinggal mengisi kotak kosong di samping tulisan Label untuk postingan ini : (sekarang blogger sudah ada yang berbahasa indonesia) yang berada di bawah kotak tempat membuat artikel. Isi kotak tersebut dengan kategori yang kira-kira menurut anda cocok untuk postingan yang kita buat. Contoh : Valentine Day. Satu postingan tidak hanya terpatok hanya pada satu kategori saja, akan tetapi satu postingan bisa mempunyai beberapa kategori. untuk membuatnya tinggal di pisahkan dengan tanda koma ( , )saja, misal untuk postingan artikel blog ini ada yang ber label Blog tutorial, blog tools, aksesori blog, karena postingan tersebut memang cocok dan masuk kedalam ketiga kategori tersebut.

Apakah kategori (label) bisa di tampilkan di sidebar?

Untuk anda para pengguna template baru, Label (kategori) bisa di tampilkan di sidebar, dan biasanya element label ini sudah tersedia ketika baru memasang template. Jika element label belum tersedia, andapun bisa membuatnya sendiri, silahkan ikuti langkah - langkah berikut ini :

1. Sig in di blogger dengan id sobat

2. Klik menu Layout

3. Klik menu Elemen Halaman

4. Klik tulisan Tambahkan sebuah Elemen Halaman

5. Klik tombol yang bertuliskan TAMBAHKAN KE BLOG yang berada di bawah tulisan Label

6. Tulisan Labels di samping tulisan Judul bisa sobat rubah menjadi Kategori jika sobat mau merubahnya

7. Pilih radio button yang sobat inginkan di samping tulisan Menyortir, Alfabetik : jika kategori ingin di tampilkan sesuai dengan abjad alfabetik ( dari A --> Z ), Berdasarkan Frekuensi : jika kategori ingin ditampilkan sesuai dengan banyaknya label (kategori)

8. Klik tombol yang bertuliskan SIMPAN PERUBAHAN

9. Selesai.

Selamat mencoba !

Cara Mengganti Background Blog

Ada satu hal yang saya anggap penting apabila sobat berniat mengganti background latar belakang) yaitu gantilah background dengan warna atau image yang sekiranya tidak membuat tulisan-tulisan kita menjadi susah untuk di baca. Jika tulisan yang tersedia berwarna gelap, maka pilihlah warna atau image yang terang, akan tetapi sebaliknya apabila tulisan yang ada berwarna terang, maka sebaiknya warna atau image background berwarna gelap. Tulisan yang susah untuk di baca oleh pengunjung, tentunya akan membuat pengunjung tersebut malas untuk membaca artikel-artikel yang kita tulis, dan tentunya percuma saja kita memposting artikel jika tidak ada yang mau untuk membacanya.OK, biar tidak menyita halaman langsung saja pada topik utama. Karena kode template sangat bervariasi, yang akan saya jadikan contoh adalah template asli blogger yaitu template minima.

# Mengganti Warna Background

Untuk template minima klasik :

1. Sign in

2. Klik menu Template

3. Klik menu Edit HTML

4. Copy seluruh kede Template, paste pada notepad lalu save untuk backup data

5. Rubahlah kode warna asli template dengan kode warna yang sobat sukai (yang warna merah adalah kode yang harus di rubah) :

body {
background:#fff;
margin:0;
padding:40px 20px;
font:x-small Georgia,Serif;
text-align:center;
color:#333;
font-size/* */:/**/small;
font-size: /**/small;
}

Misalkan jika ingin menjadi warna abu-abu terang, kodenya jadi seperti ini :

body {
background:#E7E3E3;
margin:0;
padding:40px 20px;
font:x-small Georgia,Serif;
text-align:center;
color:#333;
font-size/* */:/**/small;
font-size: /**/small;
}

6. Klik tombol Pratinjau untuk melihat perubahan

7. Jika sudah OK, klik tombol Simpan Perubahan Template

8. Selesai.

Jika sobat kebingungan tentang kode warna, sobat bisa menggunakan bantuan program photoshop, kapan-kapan akan saya posting khusus tentang bagaimana cara mengetahui kode warna.

Untuk template minima baru :

1. sign in

2. Klik menu Layout

3. Klik menu Fon dan Warna

4. Pada gambar teks area sebelah kiri, pilih yang Warna latar Belakang Halaman (biasanya yg pertama sih langsung ini, jadi tidak usah di pilih lagi)

5. Klik warna yang sobat sukai pada gambar warna-warna yang di tampilkan, lalu lihat perubahannya pada gambar di sebelah bawah

6. Jika merasa sudah cocok, klik tombol SIMPAN PERUBAHAN

7. Selesai.

Mudah bukan?

# Mengganti Background Dengan Image

Hal yang pertama tentu saja sobat harus mempunyai file image. Image ini bisa berbentuk imaage biasa, photo, bahkan animasi pun bisa. hal yang kedua adalah menguploadnya ke situs untuk menyimpan gambar, saya anggap sobat sudah bisa melakukannya karena sudah saya bahas pada postingan terdahulu, atau masih bingung? kalau iya, coba baca kembali di sini !

Untuk ukuran gambar, sobat tidak usah membuatnya dalam bentuk yang sangat besar, karena walaupun ukuran asli dari image (gambar) adalah kecil, nanti akan di tampilkan dalam jumlah yang sangat banyak hingga memenuhi layar monitor, contoh saya sudah menguload sebuah gambar dengan ukuran yang kecil saja, gambarnya seperti ini (ukuran gambar dalam ukuran aslinya) :

alamat gambarnya adalah

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

gambarnya seperti ini :

gambarnya sangat kecil bukan? tapi gambar tersebut akan tampil memenuhi layar karena akan di tampilkan dalam jumlah yang sangat banyak.

Untuk cara instalasinya, silahkan ikuti langkah-langkah berikut !

Untuk template minima klasik :

1. Sign in

2. Klik menu Template

3. Klik menu Edit HTML

4. Copy seluruh kede Template, paste pada notepad lalu save untuk backup data

5. Tambahkan kode berikut pada style sheet css sobat (yang warna merah adalah kode yang harus di tambahkan) :

body {
background:#fff url('http://amen24.googlepages.com/pattern_096.gif');
margin:0;
padding:40px 20px;
font:x-small Georgia,Serif;
text-align:center;
color:#333;
font-size/* */:/**/small;
font-size: /**/small;
}

6. Klik tombol Pratinjau untuk melihat perubahan

7. Jika sudah OK, klik tombol Simpan Perubahan Template

8. Selesai.

Kode warna background sengaja tidak saya hilangkan, ini di maksudkan agar apabila background image yang kita pakai gagal di loading oleh komputer pengunjung blog, maka yang bekerja duluan warna background.

Untuk template minima baru :

1. Sign in

2. Klik menu Layout

3. Klik menu Edit HTML

4. Klik tulisan Download Template Lengkap, silahkan save dulu template sobat untuk backup data

5. Klik kotak kecil di samping tulisan Expand Template Widget

6. Tunggu beberapa saat sampai proses selesai

7. Tambahkan kode berikut pada style sheet css sobat (yang warna merah adalah kode yang harus di tambahkan) :

body {
background:$bgcolor url('http://amen24.googlepages.com/pattern_096.gif');
margin:0;
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}

8. Klik tombol Pratinjau untuk melihat perubahan

9. Bila sudah OK, klik tombol SIMPAN TEMPLATE

10. Selesai.

Saya rasa ini sangat mudah dilakukan, karena tidak banyak kode yang harus di tambahkan, Untuk melihat contoh blog yang sudah saya pasang background dengan gambar yang saya contohkan di atas, silahkan sobat klik di sini !

Eh lupa, bagi sobat yang malas membuat gambar, sobat bisa mendownload berbagai gambar pattren di sini.

Selamat mencoba !

Membuat Buku Tamu

Memasang sebuah buku tamu dalam arti (shoutbox/guestbook) pada sebuah blog adalah hal yang cukup penting menurut saya,karena buku tamu ini merupakan salah satu sarana untuk berinteraksi antara yang mempunyai blog dengan para pengunjung blog anda. Dengan di pajangnya buku tamu di dalam blog, maka para pengunjung dapat mengungkapkan isi hatinya (komentar) tentang blog yang anda buat, yang pasti isi dari sebuah buku tamu ini sangatlah bervariasi bisa merupakan pujian, pertanyaan, sekedar iseng, atau ada juga merupakan kritikan terhadap isi blog anda, dan dengan adanya variasi itulah membuat blog kita menjadi lebih menarik untuk diliat.
Ada banyak situs yang menyediakan layanan untuk membuat buku tamu tau guestbook, tapi saya akan memberikan salah satu penyedia layanan tersebut. Situs penyedia buku tamu yang servernya lumayan bagus yaitu http://www.slide.com. Untuk caranya silahkan anda ikuti langkah-langkah berikut ini :

1.Masuk ke situs http://slide.com
2.Klik Sign Up untuk mendaftar dan mendapat account anda
3.Isikan data-data yang diperlukan-> step by step
4.Kalau sudah Sign In dengan account anda
5.Klik Logo Blog yang ada di slide.com
6.Pilih Guestbook dan klik make a guestbook
7.Isikan data yang ada
8.Klik browser untuk mengunggah foto anda
9.Customize Design guestbook anda dengan skin,themes,approval,dll agar lebih menarik
10.Klik SAVE untuk mendapatkan Code HTML anda

Kemudian langkah selanjutnya masuk ke Blog anda. Ini untuk Blogger baru :

1. Silahkan Login dengan id anda

2. Klik menu Layout

3. Klik Page Element

4. Klik Add a Page Element

5. Klik tombol Add to Blog yang berada di bawah tulisan HTML/JavaScript

6. Tuliskan judul guestbook anda pada form title. Contoh : Buku tamu ku, atau my guestbook atau apa saja yang anda inginkan

7. Copy paste kode HTML guestbook anda di dalam form Content

8. Klik tombol Save Changes

9. Drag & Drop element yang telah anda buat tadi di tempat yang di sukai

10. Tekan tombol Save

11. Selesai

Sedikit tambahan situs penyedia buku tamu yang servernya lumayan bagus dan jarang sekali mengalami down yaitu http://www.shoutmix.com

Cara Memasang Musik di Blog

Banyak orang suka musik ada yang bilang tanpa musik hidup itu sepi tiada musik. Nah, bagi anda yang ingin memasang musik di blog dan ingin didengar pengunjung dan diri sendiri,saya akan berikan langkah-langkah memasang jam di blog.Untuk memasang musik di blog, kita bisa memanfaatkan situs penyedia musik gratisan yang banyak bertabaran di internet, yang penting kita harus pintar-pintar mencarinya. Ada Situsyang menyediakan berbagai pilihan lagu yang bisa kita pilih sesuai dengan selera kita sendiri dan ada juga situs yang tidak menyediakan lagu, tapi kita harus upload lagu dari komputer kita.
Saya akan memberikan contoh pada situs yang ke dua saja kawan...

Ikuti langkah-langkah berikut :

1. Silahkan buka situs www.tunefeed.com

2. Klik kotak di sebelah tulisan widget Color, pilih warna panel navigasi yang sobat sukai

3. Klik tombol yang ada tulisan Click here to share your music

4. Klik tombol yang bertuliskan Add Music or Photos

5. Masukan file foto atau pun lagu yang sobat miliki

6. Klik tombol upload

7. Sambil menunggu proses upload, sobat isi data-data diri sobat pada kolom yang di sediakan

8. Tunggu sampai proses upload selesai

9. jika proses upload selesai, sobat akan di minta untuk mngecek email di berikan tadi

10. silahkan buka email dari www.tunefeed.com bila sudah sampai

11. Klik link ntuk melakukan aktivasi keanggotaan, nah dengan mengklik link tadi otomatis sobat sudah berada pada halaman acount sobat

12. Klik tulisan Share This Tunefeed

13. Pilih volume yang diinginkan pada menu dropdown di samping tulisan Select Volume

14. Pilih mode player, mau autoplay atau tidak pada menu dropdown di samping tulisan auto-play, sebaiknya pilih No

15. Copy seluruh kode yang di berikan pada text area kemudian paste di notepad

16. Klik tulisan Log Out untuk keluar dari halaman account sobat

17. Silahkan close window browser sobat

18. Tugas selanjutnya yaitu memasukan kode HTML yang sudah diberikan ke dalam blog. Untuk caranya sudah saya bahas pada tulisan di atas

19. Selesai

Selamat mencoba dan sukses kawan........

Thursday, January 28, 2010

Cara Memasang Web Statistik

Statistik merupakan salah satu bagian dari blog tool dan juga sebagai aksesori blog yang banyak di gunakan para blogger yaitu dengan memasang statistik. Dengan adanya statistik di blog, dengan demikian kita yang mempunyai blog ataupun yang berkunjung ke blog kitapun dapat mengetahui berapa pengunjung yang pernah berkunjung ke blog kita.
Cara yang mudah yaitu kita menggunakan situs penyedia statistik. Di internet banyak sekali situs penyedia statistik gratis, sebagai contohnya adalah situs http://www.sitemeter.com. Berikut adalah contoh tool yang bisa kita pilih :

Untuk mendapatkan Staistik silahkan ikuti langkah berikut :

1. Silahkan kunjungi situs http://www.sitemeter.com.

2. klik tulisan Sign Up untuk melakukan pendaftaran

3. klik tombol bertuliskan Next

4. Klik tombol Next lagi

5. Isi semua tabel yang ada lalu klik tombol Next lagi

6. Isi lagi tabel yang ada, lalu klik tombol Next lagi

7. klik tombol Next lagi

8. klik tombol Next lagi

9. Setelah ada keterangan proses sign up selesai, anda harus melakukan veryfikasi, silahkan buka email anda.

10. Buka email yang datang dari sitemeter.com, di dalamnya ada username dan password anda untuk login ke sitemeter.com

11. Silahkan login dengan id anda

12. Bila sudah login, Klik menu Manager

13. Klik Menu Meter Style untuk memilih gaya dari site meter anda

14. Pilih style yang anda sukai, kemudian klik tombol Select

15. Klik menu HTML Code

16. Klik tulisan Adding site Meter to a Blogger.com Site

17. copy semua kode HTML yang di berikan lalu paste pada Notepad

18. Klik menu Logout untuk keluar dari situs tersebut

19. Selesai, tinggal memasukan kode yang kita dapat ke dalam blog kita

Kemudian kita memasukan kode yang sudah kita dapat ke dalam blog, ikutilah langkah- langkah berikut :

1. Login di blogger dengan ID anda

2. Klik menu layout

3. Klik Elemen Halaman

4. Klik Tambahkan sebuah Elemen Halaman

5. Klik TAMBAHKAN KE BLOG pada menu HTML/JavaScript

6. Tulis Judul site meter anda pada isian di sebelah form judul (bila ingin ada keterangan. kalau tidak, ya kosongkan saja)

7. Copy & paste kode Site meter pada kolom isian

8. Klik tombol Simpan Perubahan

9. Klik Elemen yang baru anda buat tadi, tahan lalu pindahkan ke tempat yang anda inginkan ( di drag & drop)

10. Klik tombol PRATINJAU untuk melihat perubahan yang baru di lakukan

11. Bila sudah cocok dengan perubahan tadi, klik tombol SIMPAN

12. Selesai

Cara Pasang Jam di Blog

Pasang Jam
Agar blog anda tampak cantik dan menarik untuk di lihat, maka anda bisa memasang beberapa aksesori blog, salah satunya adalah dengan cara memasang jam. Jam ini bisa anda dapatkan secara gratis. Silahkan kunjungi pada situs http://clocklink.com

Silahkan ikuti langkah-langkah berikut ini :

1. Silahkan kunjungi situs http://www.clocklink.com
2. Jika sudah berada pada situs tersebut, silahkan klik tulisan Want a clock on your Website ?
3. Silahkan anda melihat-lihat dulu model dari jam yang tersedia, yaitu mulai dari Analog, Animal, Animation, dll
4. Jika di rasa sudah menemukan model jam yang anda sukai, klik tulisan View HTML tag yang berada di bawah jam yang anda sukai tadi
5. Klik tombol yang bertuliskan Accept
6. Pilih waktu yang sesuai dengan tempat anda di samping tulisan TimeZone. Contoh : untuk indonesia bagian barat pilih GMT +7:00
7. Set ukuran jam yang anda sukai di samping tulisan size
8. Copy kode HTML yang di berikan pada notepad
9. Paste kode HTML yang di copy tadi pada tempat yang anda inginkan
10. Selesai

Cara Membuat Text Berjalan (Marquee Text)

Membuat Style Marquee
Marquee adalah suatu program HTML untuk membuat teks bisa bergerak atau berjalan. Program marquee yang ini banyak sekali diminati dan di pakai oleh para blogger di dalam blognya karena sifat programnya yang dinamis serta menarik untuk di lihat. Berikuta saya berikan tuotorial bagaimana caranya membuat text berjalan (marquee).

Contoh marquee berjalan dari kanan ke kiri. Kanan Kekiri
Marquee ini bisa di buat dengan menggunakan tag <marquee>...</marquee>.

Atribut yang sering di gunakan adalah :

BGCOLOR="warna" = Untuk mengatur warna background text

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

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

Scroll adalan suatu teks bergerak berputar.
Slide adalah suatu teks bergerak sekali lalu berhenti.
Alternate adalah suatu teks bergerak dari kiri kekanan lalu balik lagi.

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

SCROLLMOUNT="angka" = mengatur kecepatan gerakan dalam pixel, semakin besar angka semakin cepat pula gerakan text itu.

SCROLLDELAY="angka" = Untuk mengatur waktu tunda gerakan dalam detik.

LOOP="angka|-1|infinite" = Untuk mengatur jumlah loop.

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

Contoh marquee dari gerakan:

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

</MARQUEE>

Bila mengganti gerakan dari kiri ke kanan,atas ke bawah,atau bawah ke atas. Tinggal mengganti directionnya ="rigth" diganti dengan kata "left" dengan keinginan anda yaitu bisa : left, up, down .
Jika anda ingin text bergerak mempunyai background warna yang anda sukai, berikut contoh scriptnya :

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

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

Cara Membuat Link Text

Untuk anda para pengguna Blogger baru, ada beberapa perbedaan dalam membuat link.
Salah satu langkah membuat link :

1. Login di blogger dengan ID anda

2. Klik menu Layout

3. Klik Page Elements

4. Klik Add a Page Element

5. Klik ADD TO BLOG pada menu Link List

6. Tulis Judul link pada pada isian di sebelah form Title. Contoh dalam blog saya Adalah “ Link partner” atau silahkan terserah anda

7. Isi nomor link yang ingin anda tunjukan di blog anda pada form Number of Links to show in list, jika anda ingin membatasi jumlah link yang akan di tampilkan, jika anda tidak mau membatasi silahkan di kosongkan saja.

8. Pada form Sorting, silahkan anda pilih sort Alphabetically bila ingin link anda di urutkan berdasarkan huruf alphabet ( mulai dari A -> Z ), atau pilih sort revers Alphabetically apabila anda menginginkan Link yang anda buat di urutkan secara terbalik ( mulai dari Z -> A ). Bila anda tidak menginginkan keduanya, yakni Link yang tampil sesuai dengan yang anda buat, silahkan pilih Don’t Sort

9. Tulis alamat URL yang akan di Link pada form New Site URL. Contoh : http;//sgh-technology.blogspot.com

10. Tulis nama atau tulisan yang ingin muncul pada link yang anda buat pada form New site Name. contoh : Technology Information.

11. Klik Add Link, jika link yang anda buat lebih dari satu. Silahkan isi semua form sesuai dengan langkah di atas.

12. Klik SAVE CHANGES bila sudah selesai

13. Bila anda ingin menempatkan Link yang anda buat tadi, silahkan arahkan mouse anda ke kotak link yang baru anda buat, lalu tekan mouse sambil di tahan pindahkan (ditahan terus digeser)ke tempat yang anda ingin tempatkan Link tersebut.

14. Klik SAVE. Selesai

Membuat ReadMore Post di Template Klasik

Read More adalah suatu kata yang asing bagi para new blogger. Read More adalah suatu kata bahasa inggris yang berarti baca selengkapnya dan penggalan suatu artikel anda yang panjang. Okelah kalo begitu..
Silahkan ikutilah langkah2 berikut ini :

* Login ke blogger.com dengan id sobat

* Klik menu bertuliskan Template

* Klik menu Edit HTML

* jangan lupa Copy seluruh kode template milik sobat lalu paste pada notepad dan kemudian simpan, untuk membuat back up data. Ini dimaksudkan apabila terjadi kesalahan dalam template setelah kita otak-atik, kita masih punya cadangan data untuk mengembalikannya.

* Copy kode HTML di bawah, kemudian paste persis di atas kode </style> :

<MainOrArchivePage>

div.fullpost {display:none;}

</MainOrArchivePage>

<ItemPage>

div.fullpost {display:inline;}

</ItemPage>

Untuk mempercepat pencarian kode </style>, silahkan sobat klik menu Edit yang ada pada bar menu browser, kemudian klik Find (on this page)..., lalu tulis </style> trus klik tombol find next, maka secara otomatis akan di bawa ke kode tersebut.

* langkah selanjutnya adalah, silahkan copy kode berikut lalu paste setelah kode <BlogItemBody> :

<MainOrArchivePage><br/>

<a href="<BlogItemPermalinkURL>">Read more!</a>

</MainOrArchivePage>

Lagi-lagi Untuk mempercepat pencarian kode <BlogItemBody>, silahkan sobat klik menu Edit yang ada pada bar menu browser, kemudian klik Find (on this page)..., lalu tulis <BlogItemBody> trus klik tombol find next, maka secara otomatis akan di bawa ke kode tersebut.

* Klik tombol yang bertuliskan SAVE SETTINGS

* Langkah selanjutnya adalah klik menu Setting

* Klik menu Formatting

* Dibagian bawah menu tersebut ada kotak di samping tulisan Post Template, nah isi kotak kosong tersebut dengan kode di bawah ini :

<div class="fullpost">

</div>

Sebenarnya langkah diatas tidak wajib dilakukan,akan tetapi ini di maksudkan agar ketika kita mau posting artikel, kode tersebut akan muncul secara otomatis tanpa harus di tulis dahulu, tentunya ini akan lebih mempermudah dan tidak harus selalu mengingat kode tersebut.

* kemudian jangan lupa klik tombol Save Settings

* Selesai

Cara Posting Artikel<
Bagaimana cara memposting suatu artikel agar ada menu Readmore atau baca selengkapnya.

* Klik menu Posting

* klik menu Edit HTML, nah di sana secara otomatis akan tampak kode yang kita simpan tadi, yaitu :

<div class="fullpost">

</div>

simpanlah artikel anda yang ingin di tampilkan sebelum kode <div class="fullpost">, kemudian simpan sisa keseluruhan artikel setelah kode <div class="fullpost"> dan sebelum kode </div>

Agar lebih jelas lagi, saya berikan contoh aja ya...,misal artikelnya begini :

Dunia ini penuh rintangan dan cobaan yang berat. Namun, kita sebagai umat-NYA tidak boleh takut untuk menghadapi rintangan dan cobaan yang berat ini.
<div class="fullpost">
karena Allah SWT tidak akan memberikan cobaan yang melebihi kemampuan umatnya.
</div>

Hasilnya yang akan tampak pada blog kita adalah seperti ini :

Dunia ini penuh rintangan dan cobaan yang berat. Namun, kita sebagai umat-NYA tidak boleh takut untuk menghadapi rintangan dan cobaan yang berat ini.Read more..!

Sedikit penjelasan dengan kata Read more! Sebenarnya bisa kita ganti sesuai dengan keinginan kita, misalkan kita rubah menjadi Baca selengkapnya..., Selengkapnya.., Lanjutannya... atau apa saja yang penting kata tersebut bisa memberitahukan kepada para pengunjung bahwa artikel kita ada kelanjutannya. Selamat mencoba ya......

Wednesday, January 27, 2010

Cara Optimalisasi Blog

1.Daftarkan Blog Anda ke Search Engine
Ada banyak mesin pencarian yang digunakan banyak orang di internet belakangan ini, ini merupakan salah satu media yang cukup bagus untuk mempublikasikan blog anda, maka dari itu segeralah daftarkan blog atau website anda ke dalam mesin pencari seperti google,Yahoo,MSN dan masih banyak lainnya.

2.Melalui Email
Cara yang satu memang klasik tapi cukup ampuh untuk memberikan informasi kepada seluruh relasi yang dimiliki tentang blog yang sudah kita buat. Kelemahan cara yang satu ini adalah terkadang email yang dikirimkan tersebut bersifat iklan dan mungkin saja ada yang mengnggapnya sebagai spam. Tapi permasalahan itu dapat diatasi dengan penggunaan kata-kata yang tidak terkesan menjadi sebuah iklan dan tidak berlaku bagi relasi yang sudah benar-benar mengenal kita, karena pemberitahuan yang melalui email ke email ini akan dianggapnya sebagai sebuah berita penting tentang perkembangan teman atau relasi tersebut.

3. Iklankan Pada Website Yang Terkenal
Cara ini juga sangat ampuh,terang saja karena sudah terkenal gitu loh....! Hanya saja mungkin kita harus mengeluarkan bajet/biaya untuk mendapatkan layanan ini, sebut saja program yang terkenal saat-saat ini yaitu Google dan yahoo. Untuk menimalisasi biaya kita dapat saja memilih program beriklan berdasarkan anggaran dari seberapa banyak target pengunjung per-click (Pay Per Klik)=Pembayaran Per Klik. Misalkan kita dapat menentukan anggaran biaya Rp.100.000 perbulan dengan target click sebanyak 10.000 pengunjung blog atau website anda.

4.Komunitas Blogger
Aktiflah terus dalam setiap forum,group,komentar,dan sebagainya dalam komunitas blogger juga akan menjadi pilihan para blogger agar dapat lebih dikenal luas. Cara yang satu inipun ampuh untuk mendongkrak traffic ke halaman blog kita.Semakin kita rajin dalam forum,komentar,dan lain sebagainya maka nama blog kita akan sering dilihat dan dibaca oleh orang banyak. Salah satu penyedia jasa komunitas blogger yang trkenal dan yang paling banyak dipakai adalah IZEA, yang memberikan layanan interaksi dan publikasi bagi para blogger diseluruh dunia.

5. Update Artikel

Update terus artikel yang terbaru dan tidak membosankan, agar pengunjung tidak bosan dengan blog anda dan semakin banyak banyak konten dalam blog anda itu semakin bagus.
Beberapa tips untuk mengoptimalkan blog anda :
-Update Secara Rutin Blog Anda
-Fokuslah Pada Satu Topik Bahasan
-Buatlah Seinformatif Mungkin
-Jangan Menampilakan Informasi Yang Basi
-Buatlah Konten Yang Jelas dan Dimengerti
-Pakailah Judul Posting Yang Menarik
-Cermati Tulisan Sebelum Di Posting
-Pentingnya Kuantitas
-Pakai RSS (Really Simple Syndication)

Cara Posting dan Publish Artikel

Anda bisa meng-copy artikel atau menulis artikel yang sesuai dengan judul blog yang anda buat.

Kemudian akan tampil seperti dibawah ini

Anda klik Lihat Blog untuk melihat postingan artikel yang anda buat dan untuk melihat blog anda. maka akan tampil halaman blog anda.

Membuat Blog

Langkah-langkah :
Pada sebuah tab baru anda buka www.blogger.com maka akan muncul halaman utama blogger.com
Selanjutnya anda klik Buat Blog

Kemudian Isikan Lengkap halaman nama tampilan yang tampil seperti dibawah ini. jangan lupa juga, setelah di isi dengan lengkap anda harus mencentang bagian : Saya menerima persyaratan dan layanan dan jika sudah di centang anda klik Lanjutkan

Langkah selanjutnya anda isikan data-data yang diperlukan. Berikan nama blog anda yang menarik sesuai dengan konsep dari blog yang anda buat dan juga beri nama blog yang mudah anda ingat. agar orang mudah menemuan blog kita. Jika sudah anda klik Lanjutkan

Pilih sebuah template yang mana saja karena nanti kita akan menggantinya dengan template yang lebih anda sukai. Jika sudah memilih klik Lanjutkan

Kemudian akan tampil halaman seperti dibawah ini, berarti blog yang anda buat sudah jadi. Dan anda klik Mulai Bloging

Saturday, January 23, 2010

Langkah Merakit PC

1.Alat dan Bahan

Alat:
-Obeng (+)
-Tang dan diagonal cutter untuk memotong kabel

Bahan:
-Monitor
-Keyboard
-Mouse
-Cassing dan Power Supply
-Motherboard
-Hard Disk
-VGA Card
-Sound Card
-Floppy Diskette
-DVD/CD ROM
-Processor dan Socket
-Memory

2.Prosedur ( Langkah – Langkah )

-Siapkan wadah untuk meletakan mur
-Siapkan obeng (+)
-Pasang processor dan memory di motherboard
-Buka tutup casing dan keluarkan semua isinya ( Skrup dan Pin )
-Memasang Hard Disk,CD-Rom,dan Floppy Diskette Drive
-Memasang Graphic Card
-Konektor kabel power dari Power Supply ke Motherboard
-Memasang kabel Power Fan pendingin yang terdapat diatas processor
-Memasang kabel kabel data
-Pasang kabel data dari motherboard ke hard disk
-Setelah itu kabel data dari Motherboard ke Floppy Diskette dgn CD-Rom Drive
-Memasang kabel Port Serial dan Pararel
-Pasang Kabel Power untuk Hard Disk

Lintas Materi