Senin, 30 November 2009

Cara tambah gadget html/javascript ke blog

Gadget html/javascript sangat berguna dalam melakukan customize atau menambah script ke blog anda. Anda hanya perlu melakukan copy script dari komponen-komponen yang akan anda masukkan ke blog kemudian script tersebut dimasukkan (paste) ke gadget html/javascript


Beberapa script yang bisa anda masukkan ke gadget html adalah:

  • Script Page Rank
  • Script Adsense
  • Script Google Translate
  • Script Page Count
  • Script Email subcribe
  • Script Google search
  • Script feed/email reader
  • Script Link
  • Dan script html atau javascript lainnya
  • Script Widget Alexa Toolbar
Untk menambahkan gadget, Lakukan Langkah berikut:

1. Login ke Dashboard, pilih Tata Letak => Elemen Halaman ==>>Pilih Tambah Gadget

2. pada halaman List gadget, pili Html/Javascript

3. Pada kotak dialog berikut, merupakan tempat memasukkan kode (script) html/javascript

4. Setelah kode dimasukkan tekan tombol Simpan. Maka Otomatis Gadget baru akan muncul di blog anda sesuai script yang dimasukkan.

Dalam tutorial kali ini, saya tidak memasukkan kode, karena pada dasarnya prosedur di atas berulangkali dilakukan jadi untuk memudahkan loading halaman, maka prosedur menambah gadget Html/Javascript saya posting, hanya saja script yang akan dimasukkan ke gadget tersebut berbeda-beda sesuai kebutuhan anda.

Cara Memperlebar Halaman Blog

Mungkin sekarang waktunya untuk mengoprek Template kita sob agar tampilan blog kita sesuai dengan kemauan kita. Disini saya akan menjelaskan tentang Memperlebar Halaman Blog agar lebih dinamis dan nyaman untuk baca-baca, sebelum mengoprek Template kita saya akan menjelaskan sedikit tentang elemen yang perlu di lebarkan.

Sebelum saya menjelaskan dari masing-masing elemen-elemennya saya mau minta maaf kepada master-master blogger klo saya sok tahu atau sok pintar, saya hanya ingin membagikan ilmu kepada sobat setia blog saya.Okey simak masing-masing penjelasannya y sobat :


  1. Body ==>> elemen/area yang ada di paling belekang yang mencakup keseluruhan sebuah template
  2. #outer-wrapper ==>> elemen ini letaknya di depan body yang berisi elemen-elemen seperti #header, #main, #sidebar-wrapper, dan #footer-Wrapper
  3. #header ==>> karena namanya header ya berarti kepala artinya tempat atau areanya ada di atas Template yang berisi Judul blog dan Deskripsi Blog
  4. #main ==>> elemen yang satu ini isinya tentang artikel yang kita tulis atau post dan kotak komentar
  5. #sidebar-wrapper ==>> klo elemen yang satu ini isinya ya widget-widget yang biasa sob pakai seperti buku tamu trus statistik dll.
  6. #footer-wrapper ==>> elemen ini letaknya ada di paling bawah Template yang berguna untuk meletakkan Widget atau pun yang lain




    Kalau sobat kurang mengerti tentang penjelasan di atas, nih saya kasih contoh gambarnya :



    Nah sekarang sudah jelaskan Bagian-bagian dari Template. kalau memang ada yang kurang, maaf y sobat semua karena elemen-elemen tersebut saya ambil dari Template saya sendiri.

    Oke Penjelasan sudah, Contoh gambar sudah sekarang apa lagi y?? oiya Cara Memperlebar Halaman Blog, ikuti y langkah-langkah di bawah ini :
    • Login ke blogger dengan id sobat
    • Masuk ke Tata Letak ==>> Edit HTML
    • Sebelum mengoprek Backup dulu ya Template sobat dengan cara Download Template Lengkap
    • Setelah selesai membackup Template sobat cari kode yang akan di lebarkan, saya kasih contoh : #Outer-Wrapper, apabila sobat menggunakan Mozilla tekan Shift+F3 agar lebih mudah dalam pencarian
    • Nah setelah ketemu akan ada tampilan kurang lebih seperti di bawah ini
       #outer-wrapper {
      background:#000;
      width:973px;
      margin:0 auto;
      padding:0;
      text-align:left;
      border:2px solid #1A1A1A;
      }

        • Perhatikan tulisan yang bercetak tebal dan miringtulisan tersebut yang mempengaruhi lebar dari #outer-Wrapper. Apabila sobat ingin di perlebar tinggal ganti saja angka yang bercetak Tebal dan miring menjadi angka yang lebih tinggi dari semula.
          • Kalau kira-kira sudah cukup jangan dimpan dulu takut tidak sesuai keinginan maka sobat harus melihat Preview-nya dengan mengklik Pratinjau
          • Nah kalau sobat sudah lihat dan sesuai kenginan baru dech sobat Simpan
          • Kalau untuk elemen yang lain ingin sobat perlebar sobat bisa coba sendiri ya, caranya sama seperti itu qo tanpa ada perbedaan.
          • sekarang selesai dech.
          Apabila Sobat mengalami kesulitan dalam Memperlebar Halaman Blog sobat bisa tanyakan kepada saya, Ingat malu bertanya tersesat di jalan loh, Mungkin hanya sekian dari Trik kali ini. Tunggu ya Trik-trik selanjutnya Terima Kasih.

          Jumat, 27 November 2009

          Cara Membuat Blog Yang Bagus


          Banyak orang mulai tertarik untuk membuat blog. Namun yang menjadi pertanyaan adalah bagaimana membuat blog yang bagus. Tentu jawaban setiap orang bisa bermacam-macam. Apalagi tentang tema dan template blog. Pemilik blog yang masih baru seperti saya masih kebingungan tentang membuat blog yang bagus dan menentukan tema serta template blog. Untuk menjawab pertanyaan tentang membuat blog yang bagus itu harus bagaimana mungkin kita harus berangkat ke belakang untuk menjawab pertanyaan berikut. 

          Apakah blogyang bagus menurut saya sudah bagus menurut orang lain. Apakah blog yang bagus menurut orang lain sudah bagus menurut saya. Jawaban untuk kedua pertanyaan di atas adalah belum tentu. Terkadang bagus menurut saya ternyata jelek di mata pembaca dan terkadang bagus menurut pembaca ternyata tidak bagus menurut saya karena bertentangan dengan idealisme saya akan tema dan isi blog. Kesimpulannya adalah, membuat blog yang bagus adalah blog yang sesuai dengan selera saya. 


          Mengapa harus disesuaikan dengan selera sendiri. Saya pengen punya blogyang tema nya tidak mengekang kreasi dan daya pikir. Saya tidak mau tema blog justru akan memenjarakan ide-ide lain yang ternyata berada di luar tema yang sudah ditetapkan pada awal membuat blog. Terkadang kepikiran juga untuk memberikan sesuatu yang bermanfaat bagi pembaca blog ini. Namun saya yakin semua ini akan berjalan seiring waktu dan proses yang membentuk blog untuk semakin bagus. Mungkin pembaca tidak merasakan sesuatu yang bermanfaat dari blog saya, tapi bisa jadi isi blog ini sangat memuaskan bagi saya dalam mengeluarkan segala aspirasi dalam bentuk tulisan.

          Saya suka blogwalking ke blog lain atau menemukan blog melalui search engine google. Setelah melihat template dan membaca isi blog, biasanya secara otomatis akan terlontar penilaian khusus akan blog yang saya kunjungi. Secara sadar atau tidak, pasti ini juga akan kamu alami. Kadang saya malas berlama-lama berada pada blog tersebut dengan alasan tertentu pastinya. Dan tidak jarang pula saya mampu bertahan membaca isi blog yang saya kunjungi. Mengapa? Jawabannya hanya satu yaitu blog yang bagus dan blogyang tidak bagus. Tapi ini hanya menurut pandangan saya saja. Bisa jadi menurut pandangan si pemilik blog dan kamu akan berbeda pula. Tidak ada pijakan dan jawaban pasti tentang kriteria dan syarat membuat blog yang bagus. 


          Setiap orang yang kamu tanyakan tentang bagaimana cara membuat blog yang bagus tentu akan berbeda jawabannya dan mungkin beberapa jawaban akan sama. Nah, saya hanya berbagi pengalaman saja dan bukan berarti saya sudah berpengalaman. Seperti yang saya katakan, saya juga masih baru mulai ngeblog. Oia, artikel ini hadir karena saya menemukan beberapa pertanyaan yang hampir mirip di Y!A, facebook, inbox email dan perbincangan sehari-hari dengan beberapa teman. Jadi ada baiknya saya tuliskan di sini saja. Mohon maaf karena tulisan ini sangat panjang dan bertele-tele karena memang gaya penulisan saya terbiasa seperti ini yang suka menulis panjang-panjang.

          Pertanyaan lainnya adalah, apa sih yang memuaskan saya dalam ngeblog? Apakah karena melalui blog, saya dapat menumpahkan segala aspirasi pikiran dan ide dalam bentuk tulisan. Ataukah saya merasa puas jika isi blog memberikan manfaat bagi pengunjung dan pembaca blog. Jika kamu memang menulis dengan mempertimbangkan faktor pembaca blogmu, tentu kamu akan dipaksa berpikir keras tentang tema, isi dan template blogyang bagaimana yang mereka suka dan butuhkan. Saya cuma mau bilang, jangan sampai kamu terbebani oleh tema, isi dan template blog yang memuaskan pembaca. Kecuali kamu memang sudah sangat berpengalaman dan ahli (expert) sebagai seorang penulis. 


          Jika memang harus memikirkan pengunjung, bagaimana caranya agar pengunjung bisa berlama-lama dan betah berada di blog kamu. Pertanyaan-pertanyaan tersebut hanya sekedar wacana dan brain storming bagi saya dan kamu yang masih baru dalam dunia blog. Oke, sekarang masuk ke intinya.

          Cara Membuat Blog Yang Bagus

          1. Blog tidak kebanyakan aksesoris
          Terkadang saya menemukan blog yang sangat "cantik dan manis". Blog dilengkapi dengan berbagai aksesoris seperti banner animasi dan flash, pemasangan kalender, jam, ip addres checker, aplikasi pemutar musik dan video, iklan bertebaran dimana-mana, kebanyakan photo serta aksesoris lain yang ga berhubungan dengan tema blog. Saya cuma mau bilang selain membuat blog menjadi berat, blog akan kelihatan seperti pasar tradisional. Terlalu rame dan ribet. Ga semua pengunjung blog yang punya akses internet cepat. Cobalah berpikir tentang ini. Saya sendiri punya akses internet yang terbilang lambat dan lemot. Saya juga ga mau merasa seperti dimata-matai dengan aksesoris status IP pengunjug (ip addres checker). Emang saya maling ya? Jam dan kalender sudah ada koq di taskbar windows komputer. Mau dengar lagu dari winamp juga sudah ada di komputer saya. Ingatlah, widget pemutar musik dan video akan sangat memberatkan loading blog. Kalau saya menemukan blog yang loading halamannya berat dan kebanyakan iklan serta aksesoris berlebihan yang tidak sesuai dengan tema blog, biasanya langsung saya tutup dan say good bye. He..he 


          Namun jika aksesoris tersebut dapat memuaskan dirimu, silahkan saja dipasang, toh itu juga blog kamu dan tidak ada yang melarang. Sebagai bahan pembanding saya berikan satu kisah. Coba perhatikan beberapa blog yang sudah terkenal di Indonesia. Mereka memberikan tutorial tentang cara pasang aksesoris pada blog. Tapi mereka sendiri tidak memasang aksesoris tersebut pada blognya. Mengapa ya? Jawabannya agar tidak keberatan dan blog bisa tampil prima. Blog yang terkenal ini lebih mengutamakan isi yang berkualitas. Bahasa kerennya, content is the king dan aksesoris bisa disesuaikan belakangan.

          2. Isi blog bermanfaat bagi pemilik dan pengunjung blog
          Pada dasarnya blog adalah live journal. Namun saat ini, sudah banyak orang yang menjadikan blog sebagai sumber penghasilan tambahan bagi dirinya. Blog yang bermanfaat adalah blog yang mampu memberikan jawaban atas pertanyaan dari pengunjung. Maksud pertanyaan di sini adalah, pengunjung bertanya pada mesin cari seperti google dan yahoo yang mengantarkannya ke blog kamu. Pengunjung tentunya mencari sesuatu yang bermanfaat baginya. Jika dia tidak menemukan jawaban atas pertanyaannya pada blog tersebut, maka dia akan mencari jawaban ke blog lainnya atau situs web lain. 


          Bukan berarti blog kamu tidak bagus, namun pasti ada pengunjung lain yang datang dengan pertanyaan yang berbeda dan menemukan jawabannya pada blog kamu. Bisa jadi saya mengatakan blog kamu bagus karena saya menemukan jawaban atas pertanyaan saya dan orang lain mengatakan blogkamu tidak bagus karena dia tidak menemukan jawaban atas pertanyaannya. Orang yang sudah terkenal, katakan saja seorang selebritis yang memiliki blog akan tetap ramai dikunjungi. Bisa jadi karena isinya berkualitaas dan bermanfaat bagi pembacanya. Saya menilai, bagus tidaknya isi blog selebritis bukanlah faktor utama yang menjadikannya banyak dikunjungi. Namun tidak lebih dari keinginan para fans yang selalu ingin tahu aktivitas dan apa saja yang terjadi pada selebritis tersebut. 


          Blog seorang politikus dan publik figur akan ramai dikunjungi karena setiap tulisannya bisa jadi adalah berupa kebijakan yang menentukan nasib bangsa. So, semuanya tergantung kebutuhan si pengunjung blog. saya butuh informasi dari kamu maka saya datang berkunjung. Saya tidak memerlukan informasi darimu maka saya saya merasa tidak perlu membaca artikel kamu. Inilah fakta tentang bermanfaat atau tidaknya isi blog bagi pengunjung.

          3. Tata bahasa dan penggunaan gambar
          Gunakan tata bahasa dengan tanda baca dan penulisan yang baku, dapat dimengerti oleh pengunjung yang beragam. Tapi ini hanya saran saja. Banyak koq blogyang menggunakan bahasa sesuka hati menurut selera pemilik blog. Jika itu merupakan kepuasan tersendiri bagi pemilik blog, maka tidak bisa disalahkan juga. Seperti saya bilang tadi, blog tersebut adalah miliknya. Namun bagaimana dengan nasib saya sebagai pengunjung? Tentu saya akan merasa kebingungan dengan gaya bahasa tersebut. Barangkali blog tersebut tidak cocok untuk kamu, tinggalkan saja. Jangan terbebani dengan memaksakan diri untuk mengikuti gaya bahasa penulis blog. Mungkin beberapa suka dan ada juga yang ga suka. Up to you ajalah.


          Penggunaan gambar yang berlebihan berakibat fatal pada loading halaman yang semakin lambat. Boleh menggunakan gambar pada posting, karena gambar akan mempercantik dan menarik pandangan pengunjung yang membaca isi artikel posting. Namun patut dipikirkan kecepatan akses internet semua orang tidaklah sama. Ada yang cepat dan ada yang lambat seperti akses internet yang saya pakai saat ini sangat lambat.

          4. Irit memakai kode script
          Oke, blog ini sudah bagus menurut saya dan menurut pengunjung blog saya berdasarkan survey yang telah saya lakukan. Juri lainnya yang menilai apakah blog saya bagus atau tidak adalah search engine. Jangan sepelekan variabel ini. Sebisa mungkin blog kamu juga harus disukai mesin cari seperti google. Nah, blog yang bagus di mata search engine harus bagaimana? Jangan gunakan widget dengan script dan java script yang tidak disenangi mesin cari seperti google. Kamu boleh saja menggunakannya, tapi sebisa mungkin diirit dan dihemat.

          5. Jangan Menipu Search Engine
          Tidak sedikit saya menemukan blogyang berusaha menipu search engine. Dalam beberapa kasus saya melihat ada blog yang menggunakan script meta refresh tag yang salah kaprah. Waktu refresh disetting terlalu cepat. Kejadian ini saya temui ketika mengunjungi alamat url tertentu tiba-tiba secara otomatis saya dipindahkan ke url lain. Malas deh.. Google tidak suka penggunaan meta refresh tag pada blog


          Penipuan lainnya adalah membuat warna teks yang mirip dengan warna latar belakang teks. Berusaha menjadikan semua teks seperti keyword, inilah harapan dari si pemilik blog. Justru mesin cari sekarang semakin pintar mengetahui dan menghadapi ulah blogyang demikian. Dan usaha penipuan search engine ini akan dibalas oleh google dengan tidak mengindex isi blog pada mesin cari.

          6. Jangan gunakan popup otomatis
          Pernah ga ketika kamu mengunjungi blog dan mengklik satu link, tiba-tiba saja tampil satu atau bahkan sampai tiga jendela baru yang berisi iklan-iklan tertentu. Bagi saya, ini sangat mengganggu kenyamanan dan menjengkelkan. Ada pemilik blogtertentu yang sengaja membuat setting pop up otomatis untuk meningkatkan click popularity dan klik iklan otomatis. Kalau yang ini, saya ga bisa terima. Langsung tutup saja dan never comeback.

          7. Utamakan content blog yang original
          Menulis di blog memerlukan ide dan sumber inspirasi. Seorang ahli (expert) akan sangat mudah menuiskan apa saja di blognya karena karya tulisan tersebut asli dari buah pikiran penulis dengan pengalaman yang sudah segudang. Bagaimana jika saya tidak memiliki keduanya? Jika kamu ingin menulis namun sedang kehabisan ide, kamu bisa copas artikel blog lain atau dari sumber bacaan lain. Jika terpaksa harus copy paste, maka saran saya tuliskanlah itu dengan gaya bahasamu sendiri. 


          Usahakan paragraf pertama dan paragraf akhir dibuat berbeda. Sertakan link sumber artikel. Menyertakan link sumber artikel tidak akan menurunkan pamor kamu sebagai penulis blog. Justru saya suka dan salut dengan pemilik blog yang berani mencantumkan link asal sumber artikel. Namun kurangi porsi copy paste, jangan terlalu sering copy paste isi blog orang lain. Keseringan copas juga berakibat fatal bagi pembacamu. Pengunjung akan berpikir untuk membaca artikel ke sumber aslinya dan perlahan namun pasti akan meninggalkan blogmu.

          8. Navigasi blog yang user friendly
          Navigasi adalah petunjuk dan arah jalan yang ada pada blog. Navigasi yang baik akan membantu pengunjung untuk mengeksplore semua isi blog. Tampilkan menu daftar isi, kategori topik bahasan blog atau disebut label posting, tampilkan kotak pencarian. Jika kamu terbiasa untuk menuliskan artikel yang sangat panjang seperti saya (tergantung mood juga denk), maka menambahkan link read more sangat penting untuk blog agar isi blog tidak terlalu panjang pada halaman utama. Jika tertarik, kamu bisa baca cara membuat read more. Google translate juga penting ditambahkan untuk sewaktu-waktu jika ada pengunjung yang tidak mengerti bahasa Indonesia, namun tertarik membaca blogmu. 


          Fasilitas lainnya yang melibatkan hubungan pemilik blog dan pengunjung adalah seperti kotak komentar dan tagboard atau shoutbox tempat meninggalkan pesan singkat. Jangan lupa untuk menyertakan satu halaman khusus tentang saya dan blog saya, bahasa kerennya profil dan about me serta halaman hubungi saya atau contact. Buat juga halaman khusus untuk buku tamu. Hal ini untuk menjaga kredibilitas pemilik blog di mata pengunjung dan menjaga kepercayaan yang diberikan pengunjung kepada kamu. Pengunjung akan mudah meninggalkan pesan dan tahu ke mana harus menghubungi kamu. Tapi ini juga tergantung pemilik blog. Ambil bagian mana saja yang kamu rasa cocok dengan style blogmu.

          Masih banyak faktor lain yang membuat bagus tidaknya suatu blog. Kamulah yang menentukan bagaimana membuat blog yang bagus, it is you to decide it. Sebagai catatan, kamu tidak harus mengikuti semua persyaratan di atas, ambillah mana saja yang kamu rasa bermanfaat dan sesuai dengan seleramu. Saya hanya sebagai tamu yang berkunjung ke blog kamu. Search engine sebagai media yang merekomendasikan blog kamu untuk saya kunjungi. Semoga saja search engine jatuh cinta pada blogmu


          Tulisan ini hanya sekedar ungkapan hati tentang blog yang bagus menurut saya. Jikapun ada teman yang merasa tidak berkenan akan tulisan ini atau mungkin merasa tergugah, mohon dimaafkan. Mungkin kamu punya ide lain atau ingin menanggapi, silahkan saja. Atau kamu justru merasa sangat bosan membaca tulisan panjangnya sampai 10 kilometer ini? Silahkan memberikan penilaian masing-masing. Saya sangat mengharapkan masukan dari teman-teman tentang membuat blog yang bagus. Salam hangat dan happy blogging for all.

          Software-software untuk membuat suatu website / blog

          Dalam membuat sebuah web site dibutuhkan software2 yg mampu menciptakan suatu design yang unik dan sesuai dengan keinginan/daya kreatifitas designer untuk kepuasan client maupun personal. Saat ini sudah tersedia berbagai macam software2 pendukung untuk kebutuhan web site dari design sampai upload data2 yg pada akhirnya tercipta suguhan karya web & blog dalam dunia maya “internet” yg bisa diliat dengan web browser. Berikut software2 untuk membuat website atau sebuah blog :

          Software Desain : Membuat desain layout homepage, sebagai awal dalam membuat web biasanya para web designer dimulai dengan software ini sebagai tampilan sementara dan variasinya.
          • Adobe Photoshop : Desain berbasis titik ( bitmap )
          • CorelDraw : Desain berbasis vector (garis)
          • Macromedia Firework : Design & terjemahkan/optimalkan bitmap dalam bentuk web
          • Adobe Image Ready : Memotong image dalam format html
          • Adobe Illustrator : Desain berbasis vector
          • Macromedia Freehand : Desain berbasis vector

          Software Efek Desain : Berguna untuk menghidupkan desain yang telah kita rancang.
          • Painter : Memberikan efek lukisan
          • Ulead Photo Impact : Efek frame dan merancangan icon yang cantik.
          • Plugins Photoshop : Memberi efek desain saat mendesain layout homepage di Photoshop.

          Software Animasi : Menambahkan animasi agar kelihatan lebih menarik dan hidup.
          • 3D Studio Max : Untuk membuat objek dan animasi 3D.
          • Gif Construction Set : Membuat animasi file gif
          • Macromedia Flash : Menampilkan animasi berbasis vector yang berukuran kecil.
          • Microsoft Gif Animator : Membuat animasi file gif
          • Swift 3D : Merancang animasi 3D dengan format file FLASH.
          • Swish : Membuat berbagai macam efek text dengan format file FLASH.
          • Ulead Cool 3D : Membuat animasi efek text 3D.

          Software Capture : Untuk mengambil sebagian gambar dr image lain
          • Snagit : Untuk capture dan juga bisa edit hasilnya.

          Software Web Editor : Istilah lainnya adalah CMS (Content Management System), Menyatukan keseluruhan gambar dan tata letak desain, animasi, mengisi halaman web dengan teks dan bahasa script.
          • Macromedia Dreamweaver : Editor yg umum dipakai dgn berbagai fasilatas visual tuk kemudahannya.
          • Microsoft Frontpage : Editor lama, sebelum mengenal dreamweaver bawaan microsoft
          • Joomla : CMS free, dipakai tuk web / blog yg sering update berita.
          • WordPress : seperti joomla hanya tidak selengkap joomla tp lebih mudah pemakaiannya.

          Software Upload : File html diletakkan ( upload ) di suatu tempat ( hosting ) agar orang dapat melihat homepage di internet.
          • FileZilla FTP : free FTP dan banyak dipakai para bloger
          • Cute FTP : FTP yg gw pake cos lebih familiar
          • Macromedia Dreamweaver : Fasilitas Site FTP
          • Microsoft Frontpage : Fasilitas Publish

          Sound Editor : Buat yg berjiwa music bisa menhidupkan web/blog dengan software ini. Tools tuk manipulasi file midi atau wav.
          • Sound Forge : Manipulasi efek file yang berformat mp3 dan wav.
          • Cakewalk : Manipulasi efek untuk file yang berformat midi

          Browser : Untuk menampilkan hasil web / blog dalam local computer atau dunia maya luar.
          • Internet Explorer : Web browsing standar bawaan Microsoft
          • Mozilla FireFox : Browser terbaik yg popular
          • Opera : Browser yang memiliki segudang fitur
          • Netscape : Browser yang memiliki pengaman terhadap virus dan spyware
          • Google Chrome : web yang sangat mendukung untuk blog
          Software2 diatas hanya beberapa bagian software dalam menciptakan sebuah web / blog. Untuk kemudahannya dalam membangun awal sebuah web disarankan mempelajari Macromedia Firework / Photoshop sebagai design dan Mac. Dreamweaver sebagai editornya dan bila sudah jadi bisa di upload menggunakan Cute FTP. N tuk liat hasilnya bisa pake Mozilla.

          Semoga bergona Buat sobat...

          Selasa, 24 November 2009

          Mengenali Fungsi Fungsi Dalam menu Setting Blog


          Sebagai blogger pemula kadangkala kita akan kebingungan dengan fungsi-fungsi yang tersedia pada blogger. Padahal jika diatur dengan baik kita bisa mengoptimalkan blog kita dengan maksimal.


          Pada postingan ini saya akan memberi sedikit penjelasan mengenai fungsi-fungsi dalam menu setting. Supaya teman-teman bisa lebih mudah untuk mengoptimalkan blognya.

          1. Menu Settings -> Basic
          • Blog Tools: untuk restore (import blog), backup (export blog) dan hapus blog secara permanen (delete blog)
          • Title: untuk mengisi judul blog. Judul ini akan muncul di header blog dan halaman search engine (serp)
          • Description: untuk mengisi deskripsi blog. Deskripsi ini akan muncul di bagian header blog
          • Add your blog to our listing: untuk mengatur apakah blog anda mau ditampilkan pada menu blogger seperti blogger play dan next blog atau tidak
          • Let search engines find your blog: Untuk mengatur apakah blog anda mau di index di halaman mesin pencari Google dan Weblogs.com atau tidak
          • Show quick editing on your blog: untuk menampilkan icon quick edit pada postingan yang berfungsi untuk mengedit postingan secara langsung dari halaman blog
          • Show email post links: untuk menampilkan icon berbentuk amplop pada postingan yang berfungsi untuk memperbolehkan pembaca mengirim link artikel kita kepada orang lain via email
          • Adult Content: untuk menentukan apakah blog kita mengandung konten porno atau tidak
          • Select Post Editor: untuk memilih jenis post editor yang ingin anda gunakan
          • Enable Transliteration: untuk mengaktifkan fungsi terjemahan pada post editor kedalam bahasa yang dipilih.
          2. Menu Setting -> Publishing
          • Custom domain: Untuk mengganti alamat dari blogspot.com ke domain sendiri seperti .com, .net, .org, dll
          • Blogspot Address: Kalau custom domain untuk mengganti alamat blogspot ke domain sendiri maka yang ini untuk mengganti alamat blogspot yang satu ke alamat blogspot yang lain. (yang belum terdaftar)
          • Word Verification: kode verifikasi
          3. Menu Setting -> Formatting
          • Show at most: untuk menentukan jumlah postingan yang mau ditampil pada halaman blog
          • Date Header Format: Untuk menentukan format tanggal yang mau ditampilkan diatas judul posting
          • Archive Index Date Format: untuk menentukan format tanggal yang mau ditampilkan pada menu arsip yang terletak di kolom sidebar
          • Timestamp Format: untuk menentukan format waktu yang mau ditampilkan pada postingan
          • Time Zone: untuk menentukan zona waktu tempat tinggal kita. Misalnya (GMT+07.00) Jakarta untuk wilayah Indonesia
          • Language: untuk memilih bahasa yang mau digunakan
          • Convert link breaks: untuk mengatur apakah mau dikonversi kode tag pada post editor secara otomatis. Biarkan Yes saja.
          • Show Title Field: untuk menampilkan judul postingan. Jika pilih No maka blogger akan mengambil beberapa kata pada awal paragraf sebagai judul postingan. Pilih Yes saja
          • Show Link Field: untuk menambahkan link yang berhubungan kedalam setiap postingan. Jika tidak ada, pilih No saja
          • Enable Float Alignment: untuk mengaktifkan fungsi penjajaran pada text dan gambar
          • Post Template: untuk mengisi teks yang mau ditampilkan pada kotak posting
          4. Menu Setting -> Comments
          • Comments: untuk menampilkan kotak komentar
          • Who Can Comment: untuk menentukan siapa yang boleh memberi komentar
          • Comment Form Placement: untuk menentukan dimana letak kotak komentar
          • Comments default for posts: untuk mengatur apakah mau diberi komentar pada postingan baru atau tidak
          • Backlinks: untuk mengatur apakah mau diberi notifikasi jika ada yang memasang link pada artikel kita atau tidak
          • Backlinks default for posts: untuk mengatur apakah mau mengaktifkan fungsi backlinks atau tidak
          • Comments Timestamp Format: untuk memilih format waktu yang mau ditampilkan pada kotak komentar
          • Comment Form Message: untuk menampilkan pesan singkat diatas kotak komentar
          • Comment Moderation: untuk menyaring komentar yang masuk sebelum diposting
          • Show word verification for comments: untuk menampilkan kode verifikasi jika ada yang ingin memberi komentar supaya terhindar dari sistem bot yang melakukan spam
          • Show profile images on comment: untuk menampilkan gambar profil dari komentator yang memiliki blog di blogger
          • Comment Notification Email: untuk mendapatkan pemberitahuan dari blogger melalui email jika ada yang meninggalkan komentar
          5. Menu Settings -> Archiving
          • Archive Frequently: untuk mengatur frekuensi arsip. Misalnya arsip harian, mingguan atau bulanan
          • Enable Post Pages: mengaktifkan halaman posting untuk setiap artikel
          6. Menu Settings -> Site Feed
          • Allow Blog Feed: untuk menentukan jumlah karakter artikel yang dikirim via RSS Feed atau Feed email
          • Post Feed Redirect URL: untuk mengisi alamat URL Feed Anda. Jika belum punya dikosongin aja
          • Post Feed Footer: untuk mengisi teks tambahan pada feed
          7. Menu Settings -> Email & Mobile
          • Blogsend Address: untuk mendapat kiriman postingan ke alamat email Anda setiap kali Anda memposting pada blog Anda.
          • Email posting address: untuk menentukan alamat email blogger yang Anda inginkan. Supaya Anda bisa memposting artikel langsung ke blog Anda via email. Catatan: Jangan memberitahu alamat email ini ke orang lain. Jika tidak, orang lain bisa memposting artikel di blog Anda.
          • Mobile Devices: Untuk memposting artikel ke blog anda via MMS atau SMS dari hp anda. Cara register dan penggunaanya baca disini
          8. Menu Settings -> OpenID
          • OpenId: Secara ringkas, openId semacam identitas anda di internet. Dengan openid anda bisa masuk ke dalam website yang berbeda-beda yang mendukung openid tanpa memasukkan username dan password anda seperti lazimnya. Keterangan lanjut tentang OpenID baca disini aja ya
          9. Menu Setting -> Permissions
          • Blog Authors: memperbolehkan orang lain untuk ikut menulis di blog Anda. Caranya klik Add Authors lalu masukkan alamat email orang yang mau diundang kemudian klik Invite
          • Blog Readers: untuk mengatur siapa yang bisa membaca artikel blog Anda
          Demikianlah penjelasan dari masing-masing fungsi yang bisa diatur pada blog Anda. Semoga gak tambah bingung….

          Membuat Blog Lebih Lebar..


          Setiap template memiliki ukuran-ukuran tersendiri,jika secara kebetulan blog anda mempunyai ukuran yang sangat lebar atau malah kekecilan,nah saya punya solusinya untuk memperperbesar atau memperkecil suatu blog.

          Tapi sebelum melakukan pengediatan saya sarankan untuk membackup template anda. langsung saja pada tahap pengeditannya: 
          • login ke blogger 
          • masuk ke tata letak (layout) >> Edit html 
          • jangan lupa memberi tanda centang pada Expand Widget Template sebelum melakukan pengeditan perhatikan kode-kode berikut:Header blog:  
           #header-wrapper {
          width:660px;
          margin:0 auto 10px;
          border:1px solid $bordercolor; }


          header blog adalah tempat judul blog anda diletakkan.Halaman blog  


           #outer-wrapper {
          width: 660px;
          margin:0 auto;
          padding:10px;
          text-align:$startSide;
          font: $bodyfont; }


          halaman blog adalah lebar dari blog anda.Halaman posting  
           #main-wrapper {
          width: 410px;
          float: $startSide;
          word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
          overflow: hidden;/* fix for long non-text content breaking IE sidebar float */ }


          ini adalah tempat posting anda diletakkan.Sidebar blog  
           #sidebar-wrapper {
          width: 220px;
          float: $endSide;
          word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
          overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ }


          sidebar ini adalah tempat anda meletakkan gedget.Footer blog  

          #footer {
          width:660px;
          clear:both;
          margin:0 auto;
          padding-top:15px;
          line-height: 1.6em;
          text-transform:uppercase;
          letter-spacing:.1em;
          text-align: center; }

          • jika anda ingin mengubah lebar blog anda untuk menjadi kecil atau besar anda dapat mengubah pada text yang berwarna merah sesuai keinginan anda. 
          • jika sudah simpan template 
          • Lihat hasilnya,,,, Ok,,,

          Senin, 23 November 2009

          Cara Membuat Menu Dropdown Sederhana



          Yang terakhir yang telah memperkenalkan sebuah menu drop-down cukup bagus tapi tidak tahu bagaimana menerapkan di Blogger. Setelah mempelajari menu saya melihat komposisi semacam ini cukup kompleks, cukup sulit untuk menulis instruksi harus memiliki beberapa komponen dan menyesuaikan CSS, hasil seperti ini:

          Pertama, Anda memasukkan kode berikut langsung di bawah atau di atas:

          <div id = <body> 'outer-wrapper'>

          <link href='http://dl.dropbox.com/u/11103024/menu.css' media='screen' rel='stylesheet' type='text/css'/>
          <b:section id='menu' maxwidgets='1' showaddelement='no'>

          <b:widget id='HTML91' locked='false' title='Menu' type='HTML'/>
          </b:section>

          Kode di atas akan menambahkan Javascript / HTML blog baru Anda, kembali ke elemen dimasukkan ke dalam halaman dan menjaga utilitas ini:
          Kode 

          <ul class="menu">
          <li class="no_drop"><a href="#">Home</a></li>
          <li><a href="#" class="drop">1 Column</a>
          <div class="dropdown_1column">
          <div class="col_1">
          <ul>
          <li><a href="#"> FreelanceSwitch </a></li>
          <li><a href="#"> Creattica </a></li>
          <li><a href="#"> WorkAwesome </a></li>
          <li><a href="#"> Mac Apps </a></li>
          <li><a href="#"> Web Apps </a></li>
          <li><a href="#"> NetTuts </a></li>
          <li><a href="#"> Design </a></li>
          <li><a href="#"> Logo </a></li>
          <li><a href="#"> Flash </a></li>
          <li><a href="#"> Illustration </a></li>
          <li><a href="#"> More... </a></li>
          </ul>
          </div></div></li>

          <li><a href="#" class="drop">2 columns</a>
          <div class="dropdown_2columns">

          <div class="col_1">
          <h3>Some Links</h3>
          <ul>
          <li><a href="#"> ThemeForest </a></li>
          <li><a href="#"> GraphicRiver </a></li>
          <li><a href="#"> ActiveDen </a></li>
          </ul>
          </div>

          <div class="col_1">
          <h3>Useful Links</h3>
          <ul>
          <li><a href="#"> NetTuts </a></li>
          <li><a href="#"> VectorTuts </a></li>
          <li><a href="#"> PsdTuts </a></li>
          </ul>
          </div>

          <div class="col_1">
          <h3>Other Stuff</h3>
          <ul>
          <li><a href="#"> FreelanceSwitch </a></li>
          <li><a href="#"> Creattica </a></li>
          <li><a href="#"> WorkAwesome </a></li>
          </ul>
          </div>

          <div class="col_1">
          <h3>Misc</h3>
          <ul>
          <li><a href="#"> Design </a></li>
          <li><a href="#"> Logo </a></li>
          <li><a href="#"> Flash </a></li>
          </ul>
          </div></div></li></ul>

          Simpan dan hasilnya.

          Kembali  ke atas </ b: skin> pada template untuk mengedit. Untuk warna merah bisa anda sesuaikan sesuai kebutuhan. dan jangan lupa untuk menghapus biru.  

          Kamis, 19 November 2009

          Tips Menambah Kolom Pada Template


          Kolom template blogger cuma sedikit itu bukan suatu masalah yang besar dan jangan membuat sobat putus asa karena kekurangan kolom lantas gulung tikar dan ogah menjadi blogger karena masih ada solusinya. Masalah kekurangan kolom banyak dialami para sobat yang lain termasuk saya sendiri tapi itu tidak membuat saya putus asa. Mencoba dan mencoba itulah yang saya lakukan hingga akhirnya bisa membuat dan menambah kolom pada template blogger sebanyak yang saya suka.

          Nah untuk sobat yang mempunyai masalah seperti yang saya sebutkan di atas sobat tidak usah bingung karena sobat bisa membuat ataupun menambah kolom pada template blogger sebanyak yang sobat suka asalkan lebar dari template sobat mencukupi dan yang terpenting adalah tampilan dari template sobat tidak rusak itu saja.

          Untuk menambah kolom pada template sebenarnya tidak serumit yang sobat bayangkan, asal ada kode Css dan kode pemanggil kode Css sudah beres.
          Misalkan sobat mau menambah kolom di bagian bawah template tinggal buat kode Css nya dulu yang nantinya diletakkan di atas kode ]]></b:skin>, sebagai contoh lihat kode di bawah ini:

          /* Kode Css Kolom Di bawah Template */

           #bottom  width: 660px; /* lebar kolom */ position: relative;clear:both;> margin: 0 auto; color:#333333; float: left;  background:#F2F2F2 repeat-x;  padding: 0;  }  #bottom a:visited{ color:#DF7F3B;  text-decoration:none;  }  #bottom a:hover{   text-decoration:underline; }  #bottom h2 {  background: #000000; > color: #ffffff;  text-transform: capitalize;  margin: 0 0 10px;  padding: 6px 0 6px 7px;  font-family:Arial, Tahoma, Verdana ;  font-size:14px;  line-height:1.5em;  letter-spacing:0;  }  #bottom ul {  padding: 0;  margin: 0;  }  #bottom ul li {  line-height: 26px;  list-style-type: none;  border-bottom: 1px dashed #031c5d;  }  #bottom1 {   width: 960px  float: left  margin:0;  padding:7px 10px;  border-top:1px solid #a2bce0;  }
             
          Ini adalah kode Cssnya tapi yang paling penting adalah kode yang terletak di atas sendiri dan yang lainnya adalah kode tambahan saja supaya kolom dan link yang nantinya terbentuk menjadi indah. Dan sekarang lihat contoh Kode pemanggil kode Cssnya di bawah ini:

          <div id='bottom'><b:section class='bottom' id='bottom1'/> </div>

          Nah sekarang tinggal penempatan kode pemanggil kode Css ini. Untuk membuat kolom di bagian paling bawah template letakkan kode pemanggil tadi di bawah kode di bawah ini:

          <div id='footer-wrapper'><b:section class='footer' id='footer'/> </div>

          Selesai dech mudah bukan!

          Catatan:
          Jika sobat ingin menambah kolom di bawah kolom posting tinggal tempatkan aja kode penganggil kode Cssnya di bawah kode kolom posting dan kalau mau di atasnya letakkan saja di atas kode kolom posting dan yang terpenting sesuaikan dengan lebar dari template sobat.
          Kode di atas bisa sobat rubah sesuai keinginan sobat, mau dibagi menjadi 2, 3, 4 atau bahkan 5 kolom juga bisa dan saya harap sobat kreatif dalam pembuatan kode-kode template.