Showing posts with label Belajar Cara Membuat Blog. Show all posts
Showing posts with label Belajar Cara Membuat Blog. Show all posts

Thursday 24 June 2010

Cara Membuat Blog di Blogger

Membuat Blog di Blogspot / Blogger: "Blog yang sampai saat ini lagi naik daun adalah www.blogger.comUntuk itu,kali ini kita akan membahas membuat blog dari Blogger.Setelah anda masuk halaman www.blogger.com,anda akan di hadapkan tulisan yang cukup besar,contoh dalam versi Indonesia,bertuliskan ' CIPTAKAN BLOG ANDA 'klik bagian tersebut,kemudian,isilah Alamat Email dengan alamat email anda (lebih bagus jika anda sudah mempunyai..

Lihat Posting Aslinya >>

Monday 26 October 2009

Tips Cara Membuat Blog Ringan Saat Loading


Blog Blogger Pemula


Sebagai blogger pemula,saya merasa senang mempunyai sebuah blog,dan sebisa mungkin saya menghias blog tersebut.
Bahkan hampir semua widget saya pasang pada blog tersebut,mulai dari belajar memasang jam,kalender pada blog sampai widget-widget yang sebenarnya saya tidak tahu manfaatnya.
Sampai tidak saya sadari,blog cantik saya tersebut membutuhkan kurang lebih 1 menit baru bisa tampil sempurna.
Secara logika,jika anda mengunjungi suatu blog dimana blog tersebut mempunyai masalah saat loading,apa yang anda lakukan?
Yes,anda akan segera menutup blog tersebut,apalagi blog yang anda belum tahu jelas statusnya.

Tips Trik Membuat Blog Lebih Ringan Loading



Pengunjung,disini menjadi peran utama,karena tanpa pengunjung,suatu blog komersil dibilang tak berarti.
Nah,cara membuat pengunjung akan berkunjung kembali,salah satunya adalah mudahnya akses blog saat tampil/loading,disamping kualitas isi blog tersebut.
Biasanya blog-blog yang sedikit mengalami masalah loading adalah blog bertema advertising,belajar seo,multimedia.
Lain menurut saya,pasti lain menurut anda,so bagaimana menurut anda? setuju?

Nah,jika anda setuju,untuk membius pengunjung agar selalu nyaman berkunjung,cobalah gunakan trik-trik berikut:

  1. Gunakan widget yang sekiranya anggap anda penting saja.
    Misal;Link/blogroll,Tag Cloud,Search,Label,Archive Blog,Stats.
  2. Secara logika,pada setiap komputer sudah menyediakan seperti,jam,kalender.
    Apakah sekiranya widget jam dan kalender pada blog anda diharapkan oleh pengunjung?
  3. Usahakan content/isi blog berupa text.
  4. Kurangi pemakaian gambar ,baik *jpg maupun berformat *swf alias flash yang berlebihan meskipun ukurannya cenderung lebih kecil.
  5. Pakailah script kode yang mempunyai manfaat penting saja.
    Misal;Google Analystic,dll.
  6. Pengunjung,sebagian besar lebih suka blog yang rapi dan tidak awut-awutan.
    Cobalah,bertema sederhana dan simple.

**
Cara-cara diatas saya sarankan hanya untuk blog yang bersifat sosialis dan informatif,tidak berlaku untuk blog pribadi maupun hobby.

Semoga bermanfaat ya dan semoga tambah temen barunya :D

Baca Juga Yang Ini..

Tuesday 19 May 2009

Form Widget untuk Pengunjung


Form Widget untuk PengunjungSering kita alami,ketika ingin mengirimkan pesan kepada pemilik suatu blog/web lewat email.


Kendalanya biasanya,kita harus repot-repot untuk masuk ke account mail kita,baik itu Yahoo mail maupun Gmail.
Akibatnya,respon pengunjung menjadi kurang.


Yang akan kita bahas kali ini,yaitu tentang membuat form untuk pengunjung/visitor blog,yang berfungsi untuk memudahkan pengunjung mengirimkan pesan langsung ke email kita,tanpa pengunjung harus login dulu ke account mail mereka,gimana? praktis khan?

Untuk contohnya anada bisa lihat form ini,di blog temen saya,Mbak Ati di ’cepat-terindex-google.blogspot.com,atau anda bisa lihat contoh form yang telah berhasil Pelajaran Blog buat di bawah ini :



Name:
Email Address:
Pesan:


Sekiranya sudah maksud khan? :D

Nah! sekarang saatnya kita menuju langkah pertama membuat form ini.
Adalah www.freedback.com,suatu situs yang menyediakan jasa ini.Ok! langsung aja..


  1. Pertama,kunjungi situs ’www.freedback.com
  2. Klik Tulisan ’Create a Form’
  3. Selanjutnya,isi form sesuai status anda
  4. Klik ’Sign Up’
  5. Pergilah ke email dan cek inbox,aktivasi mail dari ’www.freedback.com’
  6. Lalu anda akan dihadapkan halaman ’Edit Form’ dari ’www.freedback.com’
  7. Klik tulisan Add question,jika anda menginginkan form tambahan,anda bisa tulis "Pesan:","Message",maupun sebuah pertanyaan.
  8. Ikuti dan dapatkan ’Kode HTML’ nya
  9. Copy kode tersebut,dan letakkan pada halaman HTML Anda.
  10. Test! dengan email anda sendiri dan Selesai !


Semoga bermanfaat ya.. :D

Baca Juga Yang Ini..


Monday 11 May 2009

Membuat Tanda Tangan Online


  • Sudahkah anda mempunyai tanda tangan online?


cara membuat tanda tangan onlineWaduh!sebelum tamat riwayat blog ini,cuman gara-gara ga posting beberapa hari,mendingan posting artikel meskipun kurang banyak membantu,dalam belajar menghias blog.

Betul sekali,tanda tangan online anda bisa lihat contoh di bawah ini:
tanda tangan pelajaran blog

Ingin tahu cara membuatnya?

Ya,ada cara praktis untuk membuat tanda tangan seperti diatas,bukan dari Paint da juga bukan dari Photosop.Lalu?
  • Membuat tanda tangan online pada blog


Untuk membuat bentuk tanda tangan diatas secara praktis,kita memakai jasa www.mylivesignature.com.
Tampilan halaman dari www.signature.com seperti ini :

gambar tanda tangan

  • Pertama,masuk situs www.mylivesignature.com
  • Pilih tulisan "Click Here To Start"
  • Lalu akan tampil sebuah halaman dengan 3 pilihan pilih "Using the signature creation wizard".
  • Masukkan Nama,nama ini untuk hasil gambar tanda tangan anda,kemudian "Next Step"
  • Ikuti petunjuk,dan sesuaikan sesuai selera anda
  • Jika anda sudah merasa cocok,klik tulisan "Want to use this signature?"
  • Akan ada 2 pilihan "Generate HTML code" dan "Generate BB code "
  • Pilih "Generate HTML code"
  • Selanjutnya ada 2 pilihan lagi,misal pilihan 1 pilih "Generate a code from my handwritten signature"
  • Copy kode tersebut dan letakkan pada Halaman HTML anda.
  • Selesai

  • Meletakkan Kode pada Akhir Artikel/Postingan


Untuk meletakkan kode tanda tangan Online dari www.mylivesignature.com ini,ikuti langkah berikut :

  • Pilih Dashboard
  • Lalu pilih Pengaturan
  • Pilih Format
  • Tuju Tulisan Templates Posting
  • Letakkan Kode dari www.mylivesignature.com tadi pada kotak tersebut.
  • Simpan Perubahan.
  • Selesai


  • Melihat Tampilan Tanda Tangan Online pada Artikel


Saat hendak posting artikel baru,anda akan melihat tanda tangan/Signature tersebut,tinggal tulis artikel anda diatas kode tersebut.

Sederhana khan?

Jika anda sudah selesai mengikuti langkah-langkah seperti diatas,memang pada artikel sebelumnya (sebelum anda membuat tanda tangan ini),tanda tangan tersebut belum tampil,jika anda akan menampilkannya,tinggal Edit artikel anda,dan letakkan kode tanda tangan tersebut dibawah artikel anda.

Baca Juga Yang Ini..

Monday 4 May 2009

Award Dari Sahabat


Award dari SahabatAkh! akhirnya..masih dapet rizki juga untuk memposting blog yang makin terpuruk ini.
"Award dari Sahabat",artikel kali ini sengaja aku keluar dari topik tentang Pelajaran Blog,sejenak untuk menyampaikan terima kasih kepada blogger-blogger yang mau berpartisipasi dan sedia berbaur dengan blog yang sok menggurui ini.

Pelajaran Blog|Belajar Membuat Blog|Belajar Menghias Blog,..
menyampaikan terima kasih,khususnya untuk blogger yang telah berkomentar pada pelajaran-blog.blogspot.com,dan bersedia telah memasang link kami.

Specially,buat mas Remba,yang berhasil membuat aku melambung tinggi,karena telah memberikan Award ini,meskipun saya tak pernah tahu apa yang membuat blog ini special di mata mas Remba,yang masih muda tapi berjuta talenta itu.

Award yang diberikan sahabat Remba kepada Pelajaran Blog,merupakan spirit tersendiri,meskipun blog ini tidak banyak membantu blogger-blogger di luar sana,yah...hanya sekedar cari sahabat.

Semoga,dengan ini,Pelajaran Blog,akan lebih semangat ngblog,bukan karena sebuah Award,tapi sebuah kepercayaan dari sahabat-sahabat sesama blogger.

Hidup Blogger! Hidup Pelajaran Blog! Hidup Award! Aaaaaalah! gUbrak KrumpyAnG!

Baca Juga Yang Ini..

Thursday 30 April 2009

Pengaturan Image/Gambar pada Artikel Blog


Pengaturan Image/Gambar pada Artikel BlogSetelah satu jam browsing dan liat-liat status Facebook,melihat respon temen2 FB terhadap blog ini,menambah semangatku untuk selalu posting artikel terbaru,meskipun bukan lagi barang baru,he..


Memang ya,Belajar di Pelajaran Blog,bukan untuk blogger-blogger tingakat menengah dan mahir,melainkan dikhususkan untuk pemula.Oleh sebab itu tutorial pada pelajaran-blog.blogspot.com sangatlah ringan,seperti pelajaran belajar menghias blog kali ini.

Salah satu temen terbaik saya,menghubungi lewat email aku,dia mempunyai kendala masalah gambar/image.
Mulai dari gimana caranya menghilangkan border pada Image,sampai tata letak gambar pada artikel blognya.

  • Menghilangkan border Image


Template asli blogger,menghias,mengatur image dengan sedemikian rupa,sehingga setiap posting dengan menggunakan gambar akan mempunyai sebuah garis tepi/border.Ada yang duka dan ada yang ingin menghilangkannya.

Untuk yang belum tahu bagaimana meletakkan gambar pada Blog,anda bisa baca di "meletakkan object gambar pada blog" di blog ini.
Tapi sekarang masalahnya bukan bagaimana meletakkan object gamabar,melainkan menghilangkan border pada gambar.

Untuk menghilangkan border/garis tepi gambar,anda hanya disuruh menyisipkan beberapa kode.contoh :

<img src="http://alamatURLgambar/" border="0">

Berarti daya harus menuliskan kode tersebut setiap hendak memposting sebuah gambar? ya..repot donk!

Nah solusinya,jika anda ingin menampilkan gambar pada blog terutama di blogspot yang secara otomatis aka ter set tanpa garis tepi/border,bisa ikuti langkah berikut :

Pergilah ke Dashboard,lalu pilih Tata Letak,selanjutnya pilih Tab Edit HTML.
Cari kode seperti di bawah ini:

.post img {

jika sudah ketemu,dibawah kode tersebut khan ada beberapa baris kode yang kurang lebih seperti ini:

border: 1px solid #E3E4E4;
padding: 2px;
background: #fff;


Anda hanya mengganti angka "1px" diatas menjadi angka "0"
sedangkan untuk menentukan jarak image dan text bisar tidak terlalu dekat,gantilah angka"2px" menjadi,misal "10px".

Selanjutnya,Simpan Templates.Selesai,dan setiap anda hendak mempublikasikan sebuah gambar pada artikel tidak akan mempunyai border/garis tepi.

  • Mengatur Tata Letak Gambar/Image


Sekali lagi,untuk blogger pemula,biasanya gambar menjadi kendala,mulai dari border sampai tata letaknya.
Sebenarnya sebuah gambar,dama halnya dengan text,dalam hal ini pengaturan untuk tata letaknya.

Kendala teman saya,saat meletakkan gambar pada artikel,gambar akan menempati alinea baru dan tak bisa berbaur dengan text maupun disamping text selayaknya Drop Caps seperti pada gambar cewek di atas,xixixixi..
Untuk mengaturnya sangat mudah tinggal menyisipkan kode

align="left"

Contoh,

<img src="http://alamatURLgambar/" align="left">

Untuk memperoleh penempatan gambar seperti gambar di atas,disamping text selayak Dropcaps,letakkan kode image pada awal artikel/alinea,dan tuliskan kode tadi.

Penjelasannya njlimet! aku aja bingung mo nyampein gimana..yo wis yo!

Baca Juga Yang Ini..

Thursday 2 April 2009

Cara Membuat Blog


Cara Membuat Blog


Itulah keyword yang mempunyai result tinggi di Google.Anda bisa membuat Blog
di Blogspot,dengan panduan lengkap bagaimana cara membuat blog di
blogspot,disini.

Memang sudah banyak blogger yang mempublikasikan blog mereka,yang memuat tentang Tutorial Blog.
Memang benar,Blogging merupakan aktivitas sekaligus hobi yang menarik.

Dan banyak cara-cara untuk membuat suatu Blog,bisa dari blogspot maupun wordpress,bisa juga di multiply ataupun blogsome,blogdetik,dll.

Oleh sebab itu keyword "Cara Membuat Blog" begitu ramai di optimalkan,ya..SEOlah peran utamanya.

Untuk SEO tingkat awal/supaya blog terindex Google,anda bisa baca disini.
Mungkin itu saja sekilas renungan singkat tentang keyword "Cara Membuat Blog".

Baca Juga Yang Ini..

Monday 2 February 2009

Membuat Fitur Download


www.SnapDrive.net adalah penyedia jasa link download,
Maksudnya,jika anda ingin meletakkan suatu link dalam blog,dan ingin pengunjung mendownload dari blog anda.

Kita mempunyai penampungan file untuk itu,coba dech Register disini
Setelah mempunyai Account dan anda telah mengupload file,baik itu berupa file zip,video,maupun gambar,anda akan mendapatkan kode Html dengan memilih Details pada saat anda baru selesai Upload.

Nah!Kode itu,lalu letakkan di mana yang anda suka,bisa di letakkan di Postingan maupun halaman baru html.

Contoh kode yang diberikan :


<a href="http://www.snapdrive.net/files/452360/Belajar%20Blog.zip">Belajar
Blog.zip
</a>


Tulisan yang berwarna hijau,anda bisa rubah menjadi "Download" atau "Download Disini".

Untuk Hasilnya,lihat aja sendiri.

PR .. :)

Membuat Text Area blok Otomatis


Anda pasti pernah khan mengunjungi suatu situs yang memberikan sebuah kode html,seperti kode Adsense,dll.
Ya,kode akan terblok sendiri,hanya dengan menggerakkan mouse diatas bidang kodenya.
Untuk contohnya lihat di bawah ini :




Ya,khan? ngblok otomatis.
Untuk kodenya kopi paste di bawah ini :

<div>
<form name="PujiantoroStyle">
<p align="left" style="margin-top: 0; margin-bottom: 0"><textarea style="width: 184; height: 120" name="txt" rows="100" cols="55" onmouseover="this.form.txt.select()" readonly ;>
TEXT ANDA DISINI</textarea></p>
</form></div>


Selamat mencoba :)

Membuat Tex Area (3 Macam)



Text Area Biasa


Biasanya text area di gunakan untuk menyimpan kode-kode Html/Javascript ataupun text lainnya agar bisa di copy oleh para pengunjung.

Untuk membuat text area, silahkan anda Copy kode di bawah ini :


<p align="center"><textarea name="code" rows="5" cols="20" readonly>

Aku Orang yang ganteng,kaya,mobilku banyak,istriku banyak,cantik-cantik,orang pada ngiri ama aku karena aku terlalu tampan!! :)

</textarea></p>


Keterangan :
rows="6", menunjukan tinggi dari text area.
Cols="20", menunjukan lebar dari text area.

Hasilnya akan seperti di bawah ini :



Text Area dengan memakai HighLight /Select



Highlight
atau Select All,yaitu dimana saat kita tekan tombol Select All,maka kode dalam text area akan otomatis terblok semua.

Untuk kodenya,copy paste di bawah ini :

<div>
<form name="Select All code">
<p align="left" style="margin-top: 0; margin-bottom: 0"><textarea style="width: 184; height: 120" name="txt" rows="100" wrap="VIRTUAL" cols="55" readonly>

Aku Orang yang ganteng,kaya,mobilku banyak,istriku banyak,cantik-cantik,orang pada ngiri ama aku karena aku terlalu tampan!! :)

</textarea></p>
</div>
<p align="left" style="margin-top: 0; margin-bottom: 0">

<input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Select All">


Contoh hasilnya :




Yang berperan penting untuk highlightnya sebenarnya hanya pada kode


<input onclick="javascript:this.form.txt.focus();this.form.txt.selec()">


jadi,jangan sampai dirubah ya :)



Text Area Select Otomatis



Anda pasti pernah khan mengunjungi suatu situs yang memberikan sebuah kode html,seperti kode Adsense,dll.

Ya,kode akan terblok sendiri,hanya dengan menggerakkan mouse diatas bidang kodenya.


Untuk kode dan contohnya lihat disini

Selamat mencoba :)


Baca Juga Yang Ini..

Menghapus/menghilangkan sebagian Fitur Komentar

Ada cara sederhana yang belum semua orang tahu termasuk saya kemarin,bagaimana,agar salah satu posting,atau sebagian posting,tanpa ada keterangan komentar,sedangkan yang lain masih utuh.

Saya pernah,mengalami,saat aku mau bikin halaman profil tapi koq ada tulisan "komentar (0)" di bawahnya.
Khan ga seru ya?Gmn ya?aku nyoba ngilangin komentar pada edit posting,eh! Koq komentarnya ilang semua!?
Nah!ada solusinya nich,gmn kita bisa menentukan posting mana yang akan kita kasih tulisan komentar sama box komentarnya,dan yang mana posting yang pingin kita kosongin tulisan sekaligus komentarnya.
Coba dech ikutin langkah berikut :


ilustrasi:

menghilangkan komentar blogger.


Klik tulisan Pilihan Posting/Opsi Entri di sudut kiri bawah kotak posting,setelah itu tampil radio button 2 pilihan :


Ijinkan dan Jangan ijinkan.


Anda hanyalah memberi tanda pada radio button di samping tulisan tersebut, jika anda memilih ijinkan,maka kotak komentar nantinya akan muncul dan pembaca postingan tersebut tentu saja bisa memberi komentar.


Nah jika anda tidak menginginkan kotak komentar muncul, maka anda tinggal memilih opsi Jangan diijinkan.


Untuk mengembalikan ke keadaan seperti semula,mulailah dengan langkah yang sama,seperti di atas hanya nantinya akan keluar 3 radio button,tentunya ada 3 pilihan :

Ijinkan,
Jangan ijinkan, tayangkan yang telah ada dan
Jangan ijinkan, sembunyikan yang telah ada.

Tergantung sesuai keinginan anda.

Semoga bermanfaat ya..

Menambah / Meletakkan Element Baru di bawah Header Blog


Kadang kita mengalami kesulitan saat ingin menambahkan elemen baru yang berada persis di bawah Header pada Blog.

Kesulitan itu kadang salah satunya disebabkan oleh template yang sudah di tentukan oleh Blogger,sedangkan kita menginginkan elemen baru yang dapat berada persis di bawah header.

Untuk itu,cobalah trik di bawah ini:

Penting :Backup dulu HTML anda kedalam Notepad,maksudnya jika nanti tidak sesuai dengan keinginan anda,Anda bisa mengembalikan lagi seperti semula.

Pilih tab Edit HTML

Lalu cari kode yang hampir sama dengan kode di bawah ini:


<div id='header-wrapper'>
<b:section class='header' id='header' maxwidget="1" showaddelement="no">
<b:widget id='Header1' locked='true' title='test (Header)'
type='Header'/>
</b:section>
</div>


Jika sudah ketemu,anda hanya merubah kode yang berwarna merah diatas sehingga kode akan menjadi seperti di bawah ini :


<div id='header-wrapper'>
<b:section class='header' id='header' maxwidget="2" showaddelement="yes">
<b:widget id='Header1' locked='true' title='test (Header)'
type='Header'/>
</b:section>
</div>

Simpan Template,dan lihat hasilnya.