make logo blog

nah, Bagi para blogger2 yang sudah mahir menggunakan program desain grafis semisal adobe photoshop ataupun coreldraw serta teman-temannya yang lain, membuat sebuah logo bukanlah sebuah pekerjaan yang sulit, dan mungkin tutorial ini menjadi tidak menarik untuk di baca. But barangkali ada sebagian dari para sobat sekalian yang satu nasib dengan saya, sebenarnya saya pun boleh di katakan tidak awam banget dengan program-program desain grafis tersebut, akan tetapi tak cukup hanya menguasai tentu saja di perlukan suatu daya kreasi atau imajinasi yang tinggi untuk menciptakan sebuah logo.

kalau ada diantara sobat sekalian yang senasib dan sepenanggungan seperti saya (lho ko jadi ngawur ngomongnya)jangan dulu berkecil hati, seperti biasa ada pepatah mengatakan banyak jalan menuju Roma ((irama)kaya postingan dulu...dah basi)untuk membuat logo kita bisa memakai jasa situs di internet, salah satunya yaitu cooltext.com, Silahkan ikuti langkah-langkah berikut ini :
1. Silahkan buka alamat http://cooltext.com
2. Lalu klik tulisan Design a Logo
3. Klik gambar contoh logo yang sobat sukai
4. Tulis tulisan yang ingin di jadikan logo di sampimg tulisan Logo Text. Misal : Blog Tutorial
5. Tulis ukuran yang di inginkan di samping Tulisan Text Size. Misal : 50
6. Klik logo warna-warni disamping kotak yang ada tulisan Text Color untuk memilih warna tulisan (text).silahkan pilih warna yg sobat sukai
7. Pilih format image disamping tulisan file format. sebaiknya .JPG atau .GIF
8. Klik tombol yang bertuliskan Render Logo Design
9. Tunggu beberapa saat ketika proses pembuatan logo berlangsung
10. Lihat hasil logo, sudah cocok apa belum? bila belum cocok, klik tulisan Edit this logo ulangi langkah diatas, rubah yang sobat inginkan. Jika sudah cocok, klik tulisan Download Image untuk kita simpan di PC kita
11. Selesai. Sobat sudah mempunyai sebuah logo.

Agar logo yang kita buat tadi bisa tampil di blog, sobat harus upload gambar tersebut ke blogger.com atau melalui situs lain. Tapi saya lebih suka menyimpannya di situs lain misal www.photobucket.com.

Untuk proses upload di photobucket.com, silahkan ikuti langkah-langkah berikut :
1. Silahkan buka alamat http://www.photobucket.com,
2. Jika belum terdaftar di situs ini, silahkan daftar dulu (gratis bo) dengan meng klik tombol yang bertuliskan Join Now pada sudut kanan atas layar
3. Sekarang saya asumsikan sobat sudah terdaftar (pastilah cara daftarnya bisa kan)
4. Silahkan Sign In dengan Id sobat
5. Bila sudah berada pada halaman Account sobat, Klik tombol yang bertuliskan Browse... Silahkan pilih logo yang tadi di buat
6. Klin tombol yang bertuliskan Upload
7. Tunggu beberapa saat ketika proses upload berlangsung
8. Setelah upload selesai, akan di perlihatkan gambar logo serta kode HTML nya
9. Copy kode HTML yang ada di sebelah tulisan URL Link. Paste pada program notepad
10. Silahkan klik tulisan Log Out untuk keluar dari account sobat. tutup layar browser sobat

Nah sekarang sobat tinggal memasukan kode gambar tadi ke blog ke blog sobat, cuma ada sedikit kode yang harus di tambahkan, karena kode tadi baru berupa Link Image saja. Contoh kode link image : http://i162.photobucket.com/albums/t253/rohman24/logoblogtutorial.jpg. Disini sobat harus menambahkan kode , sehingga kode tadi menjadi seperti ini :



Untuk cara memasukan kode HTML kedalam blog sudah sering di bahas, jika lupa silahkan klik di sini.

Sebagai tambahan, kode HTML di atas adalah kode untuk menampilkan image dengan ukuran yang sebenarnya. Apabila sobat ingin memperbesar atau memperkecil image tersebut, sobat bisa menambahkan beberapa atribut ke dalam kode HTML nya. Contoh : image tadi ingin saya tampilkan dalam ukuran 100px X 40px , maka kode tersebut menjadi seperti ini :

sedikit clue, kode width="..." yaitu untuk ukuran lebar image, jadi untuk memperbesar atau memperkecil image, sobat tinggal menambah atau mengurangi nilainya. kode height="..." yaitu untuk ukuran tinggi image, sobat tinggal menambah atau mengurangi nilainya. Untuk alt="..." yaitu untuk menampilkan tulisan ketika mouse berada pada image tersebut.

Bagaimana sudah bisa kan? pasti bisa, kan sudah di coba. Sekarang bagaimana cara membuat image button? langkahnya sama saja dengan langkah-langkah di atas, cuma pada saat berada di situs cooltext.com yang sobat klik adalah tulisan Desiggen a Button bukan Design a Logo, contoh image button :

good luck yaaa...

READ MORE - make logo blog

blog emoticon

para dedengkot blog nie saya punya jurus jitu buat kalian yang mw naruh emoticon di blog nya.. so cekidot aja yaa.. Biar senyum nya makin lebar, and kalo ketawa makin ngakak dikala posting artikel, saya berikan perbendaharaan wajah-wajah kamu...

img src="http://photos1.blogger.com/blogger/7678/802/1600/wink.gif" /


img src="http://photos1.blogger.com/blogger/7678/802/1600/biggrin.gif" /


img src="http://photos1.blogger.com/blogger/7678/802/1600/cool.gif" /


img src="http://photos1.blogger.com/blogger/7678/802/1600/mad.gif" /


img src="http://photos1.blogger.com/blogger/7678/802/1600/sad.gif" /


img src="http://photos1.blogger.com/blogger/7678/802/1600/ohmy.gif" /


img src="http://photos1.blogger.com/blogger/7678/802/1600/tongue.gif" /


img src="http://photos1.blogger.com/blogger/7678/802/1600/smile.gif" /

note: sebelum img src tambahin (<) ex: ) ex: />

Selamat menghiasi postingannya...

READ MORE - blog emoticon

anchor link

Apa itu Anchor Link ?

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. Masih bingung? memang saya juga sama bingungnya kalau membaca sekilas tentang pengertian tadi, agar tidak sama-sama bingung akan saya beri contoh yang nyata. Pada bagian paling bawah blog ini, ada tulisan berupa link yang tertera :

->> Kembali lagi ke atas <<- Nah apabila sobat meng klik link tulisan tersebut maka secara otomatis yang akan tampil pada layar monitor sobat adalah halaman yang paling atas dari blog ini, tidak percaya? silahkan buktikan ! Kelebihan anchor link dengan link biasa adalah link ini tidak memerlukan loading ulang untuk memanggil obyek yang telah di tandai sebagai anchor.Contohnya seperti link yang berada paling bawah blog ini, jika sobat mengkliknya maka tidak memerlukan waktu lebih dari satu detik halaman atas dari blog ini akan di tampilkan. 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 : .... <-- objek anchor .... <-- link pemanggil anchor 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 : <-- objek anchor yang tidak ingin menampilkan tulisan. Blog bagian atas <-- objek anchor yang ingin menampilkan tulisan. Berbeda dengan objek dari anchor, link pemanggil anchor haruslah di beri tulisan untuk bisa di klik oleh pengunjung, contoh : Kembali ke atas <-- link pemanggil anchor harus di beri 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





6. Copy paste kode berikut di atas kode



Kembali lagi ke atas

7. Klik tombol Pratinjau untuk melihat perubahan

8. Jika sudah OK, klik tombol Simpan Perubahan Template

9. Selesai.


Penambahan kode 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





8. Copy paste kode berikut di atas kode



Kembali lagi ke atas

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 sobat 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 :


--> pharagrap pertama

--> pharagrap kedua

--> pharagrap ketiga

Mau membuktikan? Ok, coba deh klik masing-masing link berikut :

Kembali ke pharagrap Pertama !

Kembali ke pharagrap Kedua !

Kembali ke pharagrap Ketiga !


mau lihat contoh blog yang memakai kode ini juga, silahkan klik Di sini !

Menarik bukan? Selamat mencoba deh ! good luck yaaa

READ MORE - anchor link

add video on your blog

Haloo.. kali ini saya akan edikit membagi ilmu tantang blog.. bagaimana cara untuk Memuat video diantara artikel?? Nah cekidot aja yaa.. selain untuk memperindah artikel itu sendiri, juga video ini bisa berfungsi sebagai media yang efektif dalam menyampaikan sesuatu kepada para pengunjung. Terlebih apabila anda merupakan seorang pebisnis yang dengan video ini dapat lebih memperjelas tujuan anda di banding dengan hanya sebuah tulisan.

dibawah ini adalah contoh sederhana dari video , silahkan anda klik tombol icon Play untuk mengaftifkannya.
Untuk membuat sebuah video, kita bisa menggunakan situs layanan pembuatan video, salah satunya adalah http://www.youtube.com. Ikuti langkah-langkah berikut ini :
1. Untuk daftar silahkan kunjungi http://www.youtube.com
2. Setelah berada di situs tersebut, klik tulisan Sign Up yang berada pada layar bagian atas
3. Isi semua data diri anda pada form yang di sediakan, jangan lupa beri tanda tik/cek pada kotak di samping tulisan »» Sign me up for the "Broadcast Yourself" email - I agree to the terms of use and privacy policy. lalu klik tombol Sign Up
4. Setelah berhasil, anda diminta untuk veryfikasi, silahkan cek email yang anda daftarkan tadi untuk melakukan veryfikasi
5. Jika email dari youtube.com sudah masuk, silahkan buka lalu klik tulisan Confirm your email addres
6. Dengan meng klik tulisan tadi, secara otomatis anda sudah masuk kedalam halaman account anda dan siap untuk upload video
7. Klik tulisan Upload Video yang berada pada layar sebelah atas
8. Isi form yang di sediakan
9. Klik tombol bertuliskan Continue Uploading
10. Klik tombol Browse, masukan file video yang ingin anda masukan
11. Beri tanda tik/cek pada radio button, public »» jika video anda bisa dilihat oleh umum. Private »» Jika video anda bersifat pribadi yang hanya bisa di lihat oleh orang yang anda tunjuk
12. Klik tombol Upload Video, tunggu beberapa saat sampai proses upload selesai
13. Setelah proses upload selesai, anda tinggal mengcopy kode HTML yang di berikan. lalu paste pada Notepad
14. Silahkan klik Log Out untuk keluar dari situs tersebut
15. Selesai. anda sudah mempunyai video yang bisa di simpan pada artikel anda

Untuk memasukan kode video yang telah anda copy tadi, caranya yaitu anda tinggal posting artikel seperti biasa lalu sisipkan kode tersebut pada tempat yang anda inginkan. Cuma saat copy n' paste kode tersebut posisi posting harus pada Edit HTML jangan pada posisi Compose. Jika sudah selesai memasukan artikel, Tinggal klik Publish dan video anda siap di lihat oleh para pengunjung blog anda.

good luck yaaa  semangaaatt!!!!

READ MORE - add video on your blog