Mengganti Background Blog Dengan CSS

Background atau latar belakang pada blog adalah bagian yang paling dasar pada blog, banyak template blog yang sama yang banyak dipakai, maka untuk memberi ciri khas pada blog Anda hal yang paling dasar dan yang paling mudah adalah mengganti warna background pada blog Anda atau dengan tambahan gambar pada background blog Anda.Kali ini Saya akan menulis tutorial singkat blogspot tentang mengganti background dengan CSS, Mau tau caranya?perhatikan dibawah ini.Langkah pertama adalah masuk menu Layout (tata letak) kemudian masuk menu Edit HTMLLalu cari CSS dari body seperti dibawah inibody {background:$bgcolor;margin:0;color:$textcolor;font:x-small...

Cara Pasang Iklan Di Blog (KumpulBlogger)

Anda sudah merasa lama didunia perbloggeran?, Anda merasa tidak mendapatkan apa-apa dari blog selain kepuasan hati?. Jangan salah blogger juga bisa dijadikan sumber penghasilan lho, Antara lain dengan cara memasang iklan di blog Anda dengan jasa periklanan Indonesia kumpulblogger.com, Anda tidak perlu bersusah-susah mencari iklan sendiri tinggal daftar terus pasang scriptnya di blog Anda karena kumpulblogger.com sudah mencarikan iklan untuk Anda jadi Anda tinggal terima beresnya saja.Apalagi kalau blog Anda pengunjungnya sudah banyak pasti uang akan mengalir dengan sendirinya. Kumpulblogger.com menghitung setiap text link atau banner yang disediakan...

Menampilkan Next Page Hanya Judul Postingnya

Bukan apa-apa tapi hanya iseng-iseng ingin menulis di blog ini saja (ehh tapi sebenernya emang Saya bercita-cita sebagai penulis lho ). Dengan maksud ingin membagi-bagikan sedikit pengetahuan Saya mengenai mengotak-atik blog di blogspot Saya akhirnya menulis artikel ini dengan diawalai doa Saya mantap menulis artikel ini untuk Sobat-sobat sekalian semoga bermanfaat.Oke langsung aja ke topik pembicaraan yaitu menampilkan next page dengan judul postinganya saja di main blog. Gimana maksudnya next page sih?Maksud Saya "next page" itu adalah halaman dari blog selain halaman depan itu loh! apabila Anda mengklik link "Older post" atau "Posting lama"...

Menonjolkan Teks Tertentu Pada Postingan

Seringkali jika kita baca buku tutorial seperti misalnya tutorial HTML, tutorial Bahasa Pemrograman dan buku-buku tutorial yang lainya kita menjumpai seperti kode-kode atau script yang ditonjolkan dengan memberi background dan pembatas yang beda dengan teks-teks yang lainya yang ada di buku yang berguna untuk mempermudah para pembaca buku membedakan script-script dengan tulisan yang lainya. Begitu juga di blog jika Anda menulis tentang tutorial yang memungkinkan untuk menulis kode-kode HTML dan script-script yang lainya agar pembaca lebih mudah untuk membedakan.Contoh seperti dibawah iniHANYA CONTOHPOSTINGAN YANG DITONJOLKAN DISINIHANYA CONTOHDan seperti iniKesepian hati… Adakah benar adalah lorong waktu kebahagiaan ? Kesunyian hati… Adakah sungguh adalah suara merdu saat usia senja ? Aku...

Bagian-bagian Pada Template Minima

Taukah Anda tentang bagian-bagian dasar pada layout atau template blogger? terutama pada template default blogger yaitu minima template. Terutama bagi Anda para blogger pemula pasti kebingungan untuk mengetahui nama bagian dan kegunaanya pada layout blogger (ya maklum dong mas namanya baru pemula), nah maka dari itu Saya kan membagi sedikit pengetahuan Saya kepada Anda bagi yang belum tau dasar-dasar layout.Lihat gambar dibawah ini yang merupakan capture dari layout minima untuk memperjelasnyaNah terlihat pada gambar diatas adalah capture dari template dasar blogger yang belum termodifikasi, terlihat pada gambar diatas terdapat bagian bagianya...

Emoticon Smiley Untuk komentar Blogspot

Semenjak Blogger membuat sistem kotak komentarnya "Embedded Comments form" Atau kotak komentar langsung dibawah komentar populasi para komentator semakin meningkat, tidak seperti dulu jika ingin menulis komentar harus mengklik link post comments yang akan membuka jendela baru atau jendela pop-up. Dulu jika ingin membuat kotak komentar dibawah postingan harus pakai jasa pihak ke-3 misalnya haloscan, tetapi yang menggunakan jasa haloscan berbondong-bondong memindah kotak komentarnya menjadi default blogger lagi karena blogger sudah membuka sistem "embedded comments form".Nah semakin meningkatknya para komentator di blogger maka semakin meningkat...

Cara Mudah Posting Code HTML

Pasti Anda bingung pada waktu posting Code HTML di blog Anda, pasti yang muncul bukan codenya melainkan hasil dari code HTML-nya, nah untuk yang ingin menulis tentang tutorial blog pasti code HTML banyak diposting, Nah untuk para penulis yang belum tau caranya posting code HTML nih saya kasih caranya.Caranya cukup mudah, Encode saja code HTML di situs dibawah inihttp://centricle.com/tools/html-entities/http://www.opinionatedgeek.com/DotNet/Tools/HTMLEncode/Encode.aspxNah caranya cukup mudah tinggal taruh code HTML yang ingin di posting lalu klik tombol "Encode", Nah hasil dari Encode itu yang Anda posting di Blog Anda.Sekian Artikel yang cukup pendek ini semoga dapat membantu And...

Memodifikasi Selection Teks

Mungkin Blog Anda mengandung sumber informasi bagi orang dan memungkinkan orang itu harus mencetaknya (print) misalnya Anda menulis artikel tentang Sumber bahan pembelajaran yang dibutuhkan oleh para pelajar dan pelajar itu membutuhkan untuk dicetak. Kadang orang lain menseleksi text yang dibutuhkan saja, nah maka dari itu supaya lebih menarik kita memodifikasi selektion text supaya terkesan lebih indah jika Ada orang lain yang menseleksi atau memblock text yang dibutuhkan pada blog Anda.Mau ?Baca dibawah ini...Pertama yang harus kita lakukan adalah baca doa supaya berjalan dengan lancar, setelah itu minum obat anti mabok biar gak mabok ntar diperjalanan (kaya mau naik pesawat aja)Kalau langkah diatas sudah Anda lakukan, pastikan sudah Log In ke blogger dan masuk menu Layout (tata letak) kemudian...

Tambahan Icon Pada Label Atau Category

Berkaitan dengan artikel yang kemaren yaitu tambahan Icon pada post footer dan artikel kali ini hampir serupa mengenai tambahan icon, seperti yang kita tau Label/category adalah pengelompokan beberapa artikel yang terkait, dan sebagai icon yang cocok adalah Folder karena folder adalah tempat untuk mengelompokkan file-file terkait atau kelompok file tertentu. Sekarang saya akan membuat artikel yang cukup ringan tapi semoga bermanfaat bagi para blogger untuk membuat blognya lebih hidup dan menarik! Istilah dalam iklan di TV adalah lebih punya taste gitu loh!. Maka dari itu ijinkanlah saya membuat artikel untuk menambah Icon pada Label/category.Sebenarnya...

Tambahan Icon Pada Post Footer

Terinspirasi dari blognya pencuri code yang bernuansa Seo Contest sapa lagi kalau bukan blognya kang noval, dalam blog kang noval tersebut post-footernya menarik karena ada tambahan Iconya, jadi post footer akan kelihatan sedikit lebih expressif.Jika belum tau apa itu post footer area lihat aja gambar diatas, Nah post footer adalah informasi dari postingan yang kita tulis di blogger yang tempatnya dibawah postingan kita, dalam post footer area terdapat infromasi-informasi tentang postingan yang ada diatasnya, misalnya siapa penulisnya, jam berapa dipublikasikan, sudah ada berapa komentar, artikel tersebut masuk dalam kategori apa dan juga yang...

Vertikal Navigator Menu

Masih ingatkah sama Horisontal Navigator menu yang Saya posting sebelumnya?. Diantara Navigator menu dan Vertical menu mempunyai perbedaan bentuk, yaitu jika navigator menu horisontal menunya memanjang kesamping (horizontal) dan jika vertikal menu memanjang kebawah (vertikal), menu ini cocok jika dipasang di sidebar karena bentuk menunya memanjang kebawah, lain halnya dengan horisontal menu yang bentuknya menyamping cocok jika dipasang di header.Disini saya akan coba membuat menu vertikal simple namun stylish dan tidak memakan waktu yang lama untuk loadingnya karena tidak disertai gambar untuk backgroundnya.tidak perlu memakan waktu yang lama...

Memodifikasi Pesan Perintah Pada Widget Followers

Widget Followers adalah widget baru dari blogger blogspot yang mempunyai fitur memberikan informasi postingan (updatetan) terbaru pada blog yang diikuti pada dashboard para blogger yang mengikuti blog tersebut, Sebagaimana langganan Feed via Email jika ada postingan terbaru dari blog yang sudah di subscribe maka akan ada informasi di Email orang yang mensubscribe blog tersebut.Widget ini mempunyai tampilan standart seperti ini, jika dalam keadaan Log InDan jika tidak keadaan Log In tampilanya akan sepertiAda perbedaan Antara kedua gambar pada waktu Log In dan tidak, diantaranya adalah jika keadaan Log In Pesanya "STOP FOLLOWING" dan jika keadaan...

Menambah Dua Kolom Diatas/bawah Post Body

Mengotak-atik template blogspot adalah hal yang paling menyenangkan apalagi kalau kita berhasil mengotak-atik template blogspot sehingga menjadi bagus dan menarik, pasti lebih senang lagi. Nah kembali ke topik yaitu "Menambah dua kolom dibawah/diatas post body", pengertian post body sendiri yaitu area di blog Anda untuk postingan Anda.Coba perhatikan gambar dibawah ini muncul dua kolom baru dibawah post blog.Sehingga jika Anda menambahkan dua kolom dibawah postingan, Anda dapat menyimpan gadget/widget di atas/bawah postingan misalkan adsense, iklan, atau widget yang lainya (baca disni untuk gadget/widget blog).Apakah Anda ingin menambahkan dua...

Membuat Header Penuh Dengan Body

Satu lagi nih tutorial desain atau otak-atik template blogspot yaitu mengubah ukuran header yang biasanya penuh dengan outer wrapper kini saya coba akan buat tutorial sederhana biar header blog bisa penuh dengan body.Nah coba lihat perbedaan header blog ini, atau bisa kamu lihat Capture dibawah ini..Dari capture diatas terlihat Header Blog memanjang memenuhi area body blog dan Header tidak satu area dengan post body dan sidebar.Gimana dari keterangan diatas apakah Anda ingin mengubah header blog Anda menjadi penuh dengan body?Oke langsung saja ke tutorial cara membuat header blog penuh dengan body blogPertama yaitu pastikan sudah log in ke blogger...

Merubah Tampilan Headings Blog

Heading yang mempunyai arti kepala, pasti kepala tempatnya diatas.. ya iyalah masa di bawah.. he.. he.. Seperti halnya juga headings di blog yang tempatnya diatas tapi jangan salah Saya kali ini tidak membahas tentang header blog tapi melainkan headings yang biasa ditulis dalam code HTML dan CSS adalah seperti h2, h3, h4 dan sebagainya, Contoh headings di blog adalah seperti judul posting, judul sidebar, tanggal posting dan judul blog.Seperti biasa tutorial kali ini saya akan coba membahas tentang cara memodifikasi CSSnya, untuk merubah tampilan headings di blog kita hal yang harus kita lakukan adalah mengotak-atik CSS (cascading style sheets) dari yang standar ke bentuk yang kita inginkan.Oke langsung saja Saya akan jelaskan satu persatu dan cara memodifikasinya...Masuk menu Layout kemudian...

Cara Menampilkan Satus G-Talk (Google Talk)

Satu lagi setelah kemaren membuat tutorial cara menampilkan status YM dan menampilkan Status Camfrog.. Kali ini akan membahas cara menampilkan status G-Talk atau Google Talk ini, Seperti Senior saya kang jaloee dia lebih suka berchatting atau ngobrol lewat G-Talk dari pada pkai YM (Yahoo Messenger).Berhubung ada kaitanya dengan pemasangan di blog Saya coba Memberi informasi sedikit tentang cara menampilkan status G-Talk di Blog kita...Mari ikuti langkah-langkah dibawah ini..Buka situsnya Google yang ini (disini)Kemudian Log In dengan Account Google kamuSetelah Log In ada Generate Code yang harus kamu pasang di blog kamu..Cara pasang di blog seperti...