Cara Memasang Gambar

Untuk belajar sesuatu itu memang harus bertahap dari yang sederhana sampai tahap yang cukup sulit, biasanya dalam membuat artikel terkadang kita harus menampilkan gambar, video atau file-file yang lainnya. Oleh sebab itu saya membuat tutorial sederhana bagaimana menampilkan image atau gambar di dalam artikel yang akan di-posting, Langkah-langkahnya adalah sebagai berikut :
langkah 1
Siapkan image atau gambar yang akan di-upload atau dipasang di artikel.

Langkah 2
Siapkan materi yang sesuai dengan gambar, lalu ketikan terlebih dahulu.
misalnya ketik tentang sekilas: Topiknya sejarah blog

Menurut sejarah yang tercatat di dalam wikipedia, istilah weblog diperkenalkan atau lebih tepatnya dipakai pertama kali oleh John Barger pada tahu 1997. Istilah ini disempurnakan lagi oleh Peter Merholz di tahun 1999 yang menyebut isitilah "we blog" menjadi "weblog". Sekarang, weblog lebih dikenal menjadi "blog". Istilah ini mengacu pada website diary online yang ditulis oleh siapa pun dan ditujukan untuk semua orang.

Langkah 3

Memasukan image ke dalam artikel dengan cara klik pada kotak merah pada image berikut dibawah ini

Setelah diklik pada kotak merah maka akan muncul tampilan yang akan digunakan untuk mengambil gambar dari komputer atau dari tempat lain. Tampilan tersebut adalah berikut :

Langkah 4

Setelah muncul tampilan seperti image di atas, selanjut kita akan mencari file image yang tersimpan di dalam komputer lalu klik pada tombol BROWSE (1) pilih image yang akan di tampilkan, setelah sesuai dengan yang kita inginkan lalu pilih Choose a Layout (2) pilih salah satu posisi image yang akan ditampilkan. Jangan lupa juga ukuran image yang akan ditampilkan berapa besarnya pilih di Image Size (3). Setelah memilih posisi dan ukuran image langkah selanjutnya adalah klik UPLOAD IMAGE (4).

Langkah 5
Ketika image sudah ter-upload maka akan ditampilkan pesan seperti gambar berikut :

Tampilan image di atas bahwa menandakan image sudah ter-upload dan anda tinggal klik DONE

Langkah 6

Selanjutnya anda mengatur tampilan image yang di-upload, untuk melebarkan atau mengecilkan image anda tinggal klik image-nya lalu atur seberapa besar atau kecil sesuaikan dengan isi artikel, sebagai contohnya berikut di bawah ini

Menurut sejarah yang tercatat di dalam wikipedia, istilah weblog diperkenalkan atau lebih tepatnya dipakai pertama kali oleh John Barger pada tahu 1997. Istilah ini disempurnakan lagi oleh Peter Merholz di tahun 1999 yang menyebut isitilah "we blog" menjadi "weblog". Sekarang, weblog lebih dikenal menjadi "blog". Istilah ini mengacu pada website diary online yang ditulis oleh siapa pun dan ditujukan untuk semua orang.

Langkah 7
jangan lupa klik PUBLISH POST atau mau disimpan SAVE AS DRAFT

catatan : image yang di upload file-nya adalah file jpg, png, gif dan bmp, maksimum 8 MB

Baca Selengkapnya  »»

Cara Ganti Template 1

Apakah blog kita itu menarik? biasanya selalu muncul dibenak pertanyaan yang simple tapi mempunyai makna yang cukup besar. Supaya tampilan blog menarik alangkah baiknya mengubah tampilan dengan cara mengganti template. Langkah untuk mengganti template

Langkah 1
Lakukan login pada blog kita

Langkah 2
untuk mengubah template klik Tataletak/Layout pada kotak merah pada gambar berikut


Langkah 3
Setelah diklik maka akan muncul tampilan gambar berikut
selanjutnya untuk mengubah tampilan kilik Pick New Template maka akan muncul tampilan berikut yang menampilkan beberapa pilihan template yang sudah ada
Langkah 4
Langkah selanjutnya adalah dari tampilan di atas pilih template yang kita inginkan misal klik Denim setelah dipilih jangn lupa klik Save Template supaya ada perubahan. Setelah di-save maka akan muncul pesan Perubahan blog anda sudah disimpan dan ingin melihat hasilnya klik View Blog/Lihat Blog

Terimkasih semoga membantu

Baca Selengkapnya  »»

Membuat Link

Dalam membuat artikel kita sering mengambil referensi dari alamat web lainnya, dari alamat blog tetangga sebagai sumber acuan, dalam membuat web atau blog sering mendengar istilah Link, kegunaan dari link untuk menampilkan atau memanggil halaman web lain. Untuk membuat link ada beberapa langkah :

langkah 1
Siapkan artikel dan kata kunci yang akan dibuat link, misal : sigitpn

langkah 2
Buat kata kunci yang akan dibuat link dan lalu di blok, misal: sigitpn. Seperti tampak gambar berikut

Langkah 3
setelah itu klik ikon link tampak seperti pada gambar berikut pada kotak merah
maka akan ditampilkan tempat untuk memasukan alamat Url yang akan ditampilkan
Langkah 4
masukan alamat url yang akan dituju misal seperti ini :
Langkah 5
Klik OK. Hasilnya akan tampak seperti ini, misal: sigitpn

Tambahan dikit
hasil link bisa diubah jika ingin ditampilkan pada halaman baru, untuk memulai klik tab Edit Html maka akan muncul kode html. Untuk menampilkan halaman baru perlu menambahkan kode html berikut target="new" pada script kode html pada link yang sudah ada seperti berikut ini.

< href="http://www.sigitpn.blogspot.com">sigitpn

lalu kita akan memberikan perintah target="new"

< href="http://www.sigitpn.blogspot.com" target="new">sigitpn

Selamat mencoba......

Baca Selengkapnya  »»

Bagaimana Membuat Text Area

Text Area adalah area atau tempat untuk menyimpan text atau tulisan dengan membentuk area baru biasanya berbentuk kotak yang di dalamnya berisi text atau kode-kode html. Dan digunakan untuk menampilkan perintah, kode-kode html yang dapat di-copy

Untuk membuat Text Area ada beberapa hal yang harus anda ketahui apa saja perintah yang digunakan di Text Area sebagai contoh perintah dibawah ini:

<p align="center"><textarea name="code" rows="8" cols="50"> Tulis text ataupun kode-kode yang anda inginkan di sini, maka nanti tulisan anda akan tampil di dalam text area </textarea>
sebagai contohnya hasil dari kode HTML di atas akan menampilkan seperti berikut :

<br/><embed pluginspage="http://www.macromedia.com/shockwave/download/index.cgi? P1_Prod_Version=ShockwaveFlash" quality="high" title="klik saja disini" type="application/x-shockwave-flash" height="180px" src="http://www.fhqhosting.com/ui/slideku.swf" bgcolor="white" width="180px"></embed><br />

Untuk lebih jelasnya perintah yang digunakan dari Text Area akan dijelaskan sebagai berikut:

1. rows ="10", menunjukan tinggi dari text area, Jika anda ingin mengubahnya misalnya dari 10 menjadi 6 atau yang lainnya
2. cols ="50" menunjukan lebar dari text area
3. <p align="center">
   menunjukan bahwa text area akan berada di tengah, jika ingin text area anda berada di tepi kiri, ganti kata center dengan kata left, bila ingin di tepi kanan, ganti dengan kata right.

Selanjutnya selamat mencoba...........

Baca Selengkapnya  »»

Bagaimana memasang / menampilkan flash di blogger

Setelah blog kita jadi biasanya ada keinginan kita untuk menampilkan blog menjadi lebih menarik, aktraktif. Keinginan untuk membuat tampilan blog lebih wah biasanya terkendala oleh beberapa hal seperti yang saya alami misalnya

1. File yang kita upload seperti apa untuk animasi, sebagai contoh saya menggunakan animasi flash dengan extension swf
2. Tempat untuk upload file flash yang biasanya menggunakan pages.google banyak mengalami kendala, bisa juga menggunakan geocities tapi ketika saya mencoba juga ada kendala. Akhirnya saya menggunakan alamat ini www.fhqhosting.com

Setelah mencoba beberapa kali akhirnya bisa juga menampilkan animasi flash (swf) di blogku ini. Langkah-langkahnya untuk menampilkan animasi flash adalah sebagai berikut :

Langkah 1
Siapkan file flash yang akan ditampilkan ingat jangan lupa file yang diupload extension-nya swf

Langkah 2
Kunjungi alamat web yang akan digunakan untuk upload file swf, untuk contoh ini saya menggunakan alamat berikut www.fhqhosting.com tampilannya seperti dibawah ini


Langkah 3
Selanjutnya adalah melakukan pencarian file swf yaitu klik Browse dan cari file swf dimana anda menyimpannya.

Langkah 4
File sudah ditemukan lalu klik Upload File. Jika sudah ter-upload maka web tempat upload akan menampilkan filenya, seperti contoh pada gambar di atas "File (slideku.swf) uploaded"

Langkah 5

Kita akan mencari alamat file flash tersebut supaya bisa dipanggil dan dijalankan, caranya klik pada file yang sudah ter-upload misalnya slideku.swf, kemudian copy alamatnya misal : http://www.fhqhosting.com/ui/slideku.swf supaya aman biar tidak bolak balik lebih baik dipaste-kan di notepad (ini kebiasaan saya seperti ini jika ada alamat bagus copy dulu lalu paste di notepad dan simpan)

Langkah 6

Setelah file sudah ter-upload dan sudah meng-copy alamatnya, selanjutnya animasi flash mau ditampilkan dimana jika ingin ditampilkan di Add a Gadget terlebih dahulu anda harus ke bagian Layout lalu klik Add a Gadget pilih Html/Javascript, lalu tuliskan kode html yang ada pada text area tapi jika anda capek menulis silahkan copy perintah yang ada di text area dan paste-kan di Html/Javascript lalu Save. (Sebagai catatan sesuaikan alamat tempat menyimpan file-nya misalnya http://www.fhqhosting.com/ui/slideku.swf anda bisa ganti sendiri)

<embed pluginspage="http://www.macromedia.com/shockwave/download/index.cgi? P1_Prod_Version=ShockwaveFlash" quality="high" title="klik saja disini" type="application/x-shockwave-flash" height="180px" src="http://www.fhqhosting.com/ui/slideku.swf" bgcolor="white" width="180px"></embed>

Cara memasang flash pada artikel
Dan jika anda ingin menampilkan animasi dalam postingan anda, ini juga dapat dilakukan caranya klik pada Edit Html dan masukan kode html sebagai contoh anda bisa copy paste. Jika Sudah kembali lagi ke bagian Compose, Ups kok belum terlihat... betul, supaya bisa terlihat sebagai langkah terakhir jangan lupa di PUBLISH POST. Bagaimana mudahkan selamat mencoba dan semoga berkenan

<span><br /><div align="center"><br /><embed src="http://www.fhqhosting.com/ui/slideku.swf" quality="high" allowscriptaccess="always" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" width="360" align="middle" height="360"></embed><br /></div></span>

Catatan :
>> ganti alamat ini http://www.fhqhosting.com/ui/slideku.swf dengan alamat dimana file flash disimpan
>> ganti Width ="360" dan height = "360" sesuaikan dengan file flash anda yang akan ditampilkan
contoh Tampilan dari memasang flash

Baca Selengkapnya  »»

Bagaimana Memposting Artikel

Setelah blog yang kita buat selesai untuk tahap selanjutnya adalah bagaimana memposting artikel ke dalam blog. Untuk memulai memposting terlebih dahulu login ke Blogge, sengaja saya memulai dari awal karena banyak dari temen-temen yang belum mahir atau masih belajar sperti saya juga.
langkah-langkahnya untuk memulai adalah
Langkah 1
Login terlebih dahulu ke Blogger masukan email dan password anda seperti pada gambar lalu tekan MASUK.
Langkah 2
Setelah login anda benar maka akan menampilkan bahwa sukses login ke blog yang telah anda buat dan tampak pada gambar berikut :
Selanjutnya kita akan memposting artikel misalnya, untuk memulai silahkan klik ENTRI BARU pada kotak merah.

Langkah 3
Setelah anda melakukan Klik pada ENTRI BARU maka akan muncul tampilan seperti berikut
lalu isikan Judul sembarang sesuai dengan topik yang anda inginkan, setelah judul diisi lalu ketikan isi dari artikel yang anda inginkan. Jika sudah diketikan semua dan sudah diedit lalu Ketikan pada Label Untuk Entri Ini ketikan sembarang sesuai dengan isi topik ini dimaksudkan sebagai kata kunci (tag) ketika pencarian di blog anda atau melalui google.

Langkah 4
Jika ketikan artikel anda benar-benar selesai selanjutnya anda bisa klik TERBITKAN ENTRI artinya bahwa ketikan anda akan diterbitkan diblog anda, tapi jika klik SIMPAN SEKARANG maka hasil ketikan anda akan tersimpan dan belum bisa dilihat di blog artinya disimpan dalam bentuk DRAFT. Ketika diklik TERBITKAN ENTRY maka akan ditampilkan gambar berikut:
Langkah 5
Selanjutnya untuk melihat hasil postingan anda klik pada LIHAT BLOG maka akan ditampilkan hasil dari postingan anda. jika anda ingin menambah postingan klik EDIT ENTRY sedangkan ingin membuat Postingan baru Klik BUAT ENTRY BARU.

Selanjutnya silahkan anda mencoba dan sering-sering membuat artikel dan akan terbiasa dan akan semakin mahir. semoga membantu anda untuk mengembangkan blog anda.

Baca Selengkapnya  »»