Pengaturan Image/Gambar pada Artikel Blog

Setelah 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.. Membuat Drop Caps pada Artikel Blog Membuat Meta BlogCatalog Rangkuman Pelajaran Programming

Read more > Pengaturan Image/Gambar pada Artikel Blog

Membuat Drop Cap pada Artikel Blog

Seperti yang aku pernah janjikan minggu lalu,kali ini kita akan bahas bagaimana ya caranya membuat Drop Caps pada Artikel Blog? Yup!jika anda membuat Drop Caps pada Ms Word hanya dengan pengaturan pada Format?lain halnya dengan blogger yang tidak menyediakan fitur tersebut. Makanya,untuk sekedar menghias blog,kita main-main sama yang namanya Drop Caps ini,aaaalah!Oh iya..tadi pagi-pagi sempet liat blognya temen di cepat-terindex-google.blogspot.com,dan makasih banget buat mbak ati yang sudah memuat artikel dan link saya,dan..udah!udah! koq malah curhat!mana topiknya!!@#$!12!! Ok! langsung aja ya.. Sebenarnya banyak cara yang bisa anda pilih untuk membuat Drop Caps ini,bisa dengan CSS,maupun yang lain. Drop caps-drop caps..,kaya apa sich? Misal saya akan menuliskan sebuah kalimat seperti ini: Saya sekarang sedang belajar membuat Drop Caps di Pelajaran Blog,saya nanti bisa membuat Drop Caps pada setiap artikel saya pada blog,jangan lupa,belajar membuat Drop Caps di Pelajaran Blog. Jika saya ingin membuat Drop Caps dan memperbesar huruf "S" di atas,saya hanya menuliskan kode berikut : <span style="float: left; color: black; font-size: 50px; line-height: 30px; padding-top: 5px; padding-right: 5px; font-family: arial;">S</span>aya sekarang sedang belajar membuat Drop Caps di Pelajaran Blog,saya nanti bisa membuat Drop Caps pada setiap artikel saya pada blog,jangan lupa,belajar membuat Drop Caps di Pelajaran Blog. Maka hasinya nanti akan menjadi seperti ini : Saya sekarang sedang belajar membuat Drop Caps di Pelajaran Blog,saya nanti bisa membuat Drop Caps pada setiap artikel saya pada blog,jangan lupa,belajar membuat Drop Caps di Pelajaran Blog. Mudah khan? Anda hanya menisipkan kode seperti di atas,pada setiap anda menuliskan artikel pada blog. Untuk lebih efisien anda fokuskan menulis artikel pada halaman html bukan tulis/compose!. Baca Juga Yang Ini.. Menghilangkan Tulisan Subscribe To/Tulisan Langganan Posting Atom Menghilangkan Navbar pada Blog Membuat Navbar Blog Fleksible

Read more > Membuat Drop Cap pada Artikel Blog

Rangkuman Pelajaran Programming

CSS,PHP,HTML,JAVASCRIPT dan ASP Memanfaatkan situs penyedia ilmu programming dalam belajar cara membuat blog/web,pasti tidak lepas dari CSS,PHP,HTML,Javascript maupun yang lain,meskipun sekarang sudah sebagaian besar didukung oleh WYSWYG (what you see what you get) seperti pada blogger. Ya..paling tidak kita harus menguasai salah satunya khan? Jika sebelumnya Pelajaran Blog membahas tentang Apa itu CSS?,Apa itu Javascript?,Apa itu HTML? dan yang lain,tapi kali ini kita membahas situs-situs penyedia ilmu gratis tetang hal-hal tersebut di atas, Situs Penyedia Ilmu Programming Gratis Pelajaran Blog merekomendasikan situs-situs di bawah ini untuk media pembelajaran,karena mudah dipahami,akurat dan lengkap,terutama untuk pemula. #1 Belajar CSS Anda bisa kunjungi : http://www.w3schools.com/css/ http://www.learn-css-tutorial.com/ http://csseasy.com/ #2 Belajar PHP Anda bisa kunjungi : http://www.learnphp.org/ http://www.phpbuddy.com/ http://www.scripts.com/php-scripts/ #3 Belajar HTML Anda bisa kunjungi : http://www.w3schools.com/html/DEFAULT.asp http://www.davesite.com/webstation/html/ http://www.html.net/ #4 Belajar Javascript Anda bisa kunjungi : http://userscripts.org/ http://www.w3schools.com/JS/default.asp #5 Belajar ASP Anda bisa kunjungi : http://www.asp.net/ http://www.w3schools.com/asp/default.ASP http://www.learnasp.com/learnasp/ **uNTUK YaNg LaIn,gOOGLInG aJa Ya.. Semoga bermanfaat.. **bocoran artikel selanjutnya.."Membuat Dropcaps Pada Artikel di Blog",tapi rencana..khan bisa berubah,so..update truz yach.. Baca Juga Yang Ini.. Apa itu HTML? Apa itu Javascript? Apa itu CSS?

Read more > Rangkuman Pelajaran Programming

Membuat Meta BlogCatalog

Sekali lagi sebagus apapun blog,jika tak terindex mesin pencari sama saja bohong khan? itu sebabnya kali ini Pelajaran Blog membahas tentang membuat meta blogcatalog. Awalnya memang tidak bisa di pastikan bahwa meta ini bisa di jadikan referensi agar cepat terindex mesin pencari,Google pada khususnya. Tapi setelah beberapa hari,salah satu teman terbaik saya,yang menyebut dirinya "Cah Donorejo",seperti nama yang dia pakai saat berkomentar pada blog ini,memberi tahu saya bahwa meta yang diberikan BC,sangat efektif dan memang terbukti cepat terindex Google. Seberapa akuratkah meta BlogCatalog? Jika kurang yakin,ketikkan kata kunci "Supaya Cepat Terindex Google" pada www.google.com,inget ya bukan www.google.co.id(jika terset google.co.id,pilih tulisan "Google.com in English") dan ketikkan kata kunci di atas. Supaya cepat terindex google" di Google ,http://cepat-terindex-google.blogspot.com/,klik disini untuk melihat. menempati posisi pertama. Klik link tersebut untuk menuju halamannya dan klik kanan lalu "View Source",disitu dia meletakkan beberapa meta,dan meta blogcatalog salah satunya. **Tapi,jika sudah berubah wajar dunk,khan algoritma google juga selalu berubah-ubah. Ini membuktikan bahwa setelah dia meletakkan meta BC,bukan sesuatu yang sulit untuk cepat terindex mesin pencari. Bagaimana saya bisa mendapatkan Meta BlogCatalog? Contoh dari meta ini(saya ambil dari meta BC dari blog ini) seperti di bawah ini: <meta content='9BC9206xxx' name='blogcatalog'/> Untuk mendapatkannya cukup mudah,anda hanya kunjungi http://www.blogcatalog.com/,setelah itu Sign Up,di sebelah kanan bagian atas(jika belum berubah). Setelah itu,tulis dan isikan form seperti yang diinstruksikan,untuk username,biasanya BlogCatalog tidak mengizinkan 2 kata nama yang dipisahkan dengan spasi. Setelah anda mengisi semua form dan data dari blog anda,lalu klik tombol "Submit Blog". Tunggu beberapa saat dan akan muncul halaman link setelah anda memferivikasi email dari BC tentunya. Copy salah satu kode link BlogCatalog kedalam HTML anda. Lalu dimana Meta nya? Meta ini oleh BC,diletakkan paling bawah,copy kode tersebut dan letakkan pada halaman HTML anda di bawah kode <head> Simpan.Selesai. Baca Juga Yang Ini.. Membuat Meta y_key SEO,Mengatur / Mengubah Format Title Supaya Blog / Web TerIndex Google

Read more > Membuat Meta BlogCatalog