Wednesday, August 1, 2007

Blue Lover Template (XML)


Template lagiii.....iiiii setelah semalaman kutak-katik kode, akhirnya ada juga yang jadi nih. Nama nya Blue Lover, yo'i karena secara default nya template ini dominan berwarna biru walaupun untuk masalah warna sebenarnya bisa saja di ubah. Agar lebih menarik, coba deh di klik gambar di bawah untuk melihat contoh blog yang memakai template Blue Lover :








Berbeda dengan template-template sebelumnya, template ini sengaja tidak saya masukan fungsi Readmore, ini di maksudkan memberi kebebasan terhadap pemakainya apakah mau memakai Read more versi lama atau yang baru. Tentunya bagi sobat yang menginginkan kecepatan, sobat lebih baik memakai sistem yang baru, tapi bagi sobat yang mempunyai iklan Google Adsense sebaiknya memakai Read more versi yang lama. Untuk memasang fungsi Read more dengan versi yang lama, silahkan sobat baca di sini !
dan bagi yang mau memasang Read more dengan versi baru, silahkan sobat baca di sini !



Dalam hal pewarnaan, saya telah membubuhkan banyak variable warna, sehingga sobat lebih leluasa mengubah warna sesuai keinginan. Tentunya untuk mengubah warna, sobat bisa jumpai di menu Font dan Warna. Bagi sobat yang berminat, silahkan download template nya, kemudian jangan lupa untuk mengekstraknya terlebih dahulu dengan program Winzip sebelum di upload ke blogger.



Jika ada yang bertanya, apakah boleh mengotak-atik template ini sesuai keinginan sobat? jawaban saya yaitu silahkan saja, akan tetapi saya harap sobat tidak menghapus banner untuk blog Template Unik dan kalau berkenan silahkan untuk membuat link ke blog ini, nanti akan saya linkback kalau untuk yang ke blog ini.



Satu hal yang penting untuk di ketahui apabila sobat mau mengganti template, sebaiknya sobat mengcopy terlebih dahulu seluruh aksesori ataupun link yang ada
agar tidak pusing lagi mencari kode-kodenya. Caranya silahkan ikuti langkah-langkah berikut ini :




  1. Sign in di blogger




  2. Klik menu layout




  3. Klik menu Elemen Halaman




  4. Klik tulisan Edit pada setiap elemen




  5. Copy seluruh kode yang ada, kemudian paste pada notepad untuk nanti di masukan lagi apabila sudah mengganti template




  6. Selesai





Apabila sobat tidak mengcopy kode-kode yang sudah di pasang, maka niscaya nanti akan kerepotan dalam hal mendapatkan kembali kode yang sudah dipasang.



Agar tidak terlalu lama membaca, untuk mendownload template Blue Lover, silahkan sobat klik di sini !



Selamat mempunyai wajah baru !



Tuesday, July 31, 2007

Pasang Snaps Shots

Apakah sobat pernah mengunjungi blog yang apabila mouse menyorot link kemudian keluar screenshoot? (artikel yang aneh baru mulai sudah ada pertanyaan) , nah apabila sobat berkeinginan blognya mempunyai fasilitas seperti itu coba deh baca artikel ini sampai selesai.



Untuk mendapatkan tool screenshoot seperti itu, sobat bisa mendapankannya diberbagai situs di internet. Agar tidak berlama-lama mencari, saya ambil contoh salah satunya adalah http://www.snap.com. Berminat tapi masih bingung cara mendapatkannya? silahkan ikuti langkah-langkah berikut ini :




  1. silahkan sobat kunjungi http://www.snap.com

  2. Apabila sobat sudah berada dihalaman situs tersebut, klik tombol Get Started Now

  3. Pilih warna yang di inginkan di bawah tulisan CHOOSE A COLOR THEME, klik saja warna yang tersedia

  4. Pilih Snap shot icon dan trigger di bawah tulisan CHOOSE A SNAP SHOT AND TRIGGER, klik saja pada radio button yang ada

  5. Apabila sobat ingin memasang logo milik sendiri, klik tombol Browse...., kemudian pilih gambar icon yang tersedia pada komputer sobat, apabila tidak mau ya biarkan saja

  6. Pilih ukuran snap shots di bawah tulisan CHOOSE SNAP SHOTS SIZE, beri tanda pada radio button nya

  7. Klik tombol Continue

  8. Masukan alamat blog sobat pada kotak di bawah tulisan Enter Your Site URL. contoh : http://template-unik.blogspot.com

  9. Masukan alamat email sobat di bawah tulisan Enter Your Email

  10. Beri tanda centang pada kotak di samping tulisan I agree to the Terms and Conditions below (kalau mau dibaca, silahkan baca dulu TOS nya)

  11. Klik tombol Continue

  12. Apabila sobat memakai template baru, klik banner logo Blogger, silahkan sign in di blogger dan pilih nama blog yang di inginkan

  13. Klik tombol MENAMBAH WIDGET, maka akan secara otomatis kode dari snaps shots akan di tambahkan

  14. Pindahkan elemen yang baru di tambahkan pada tempat yang di inginkan, karena kode tersebut memuat pula banner dari snapshot

  15. Klik tombol SIMPAN

  16. Selesai.






Bagi sobat yang memakai template klasik, pada langkah yang ke 12, sobat klik lagi tombol Continue. Klik link READ MORE yang berada di bawah tulisan yang berjudul Put a Snap Shots Badge on your site. Copy kode yang di berikan dan paste pada notepad. langkah terakhir tinggal memasukannya kedalam kode template sobat.



Selamat mencoba !






Sunday, July 29, 2007

Daftar Feedburner.com

Setelah kemarin yang di bicarakan adalah masalah duit, akhirnya kembali lagi deh seperti biasanya yaitu membicarakan soal blog tutorial. Artikel ini saya buat untuk memenuhi permintaan sahabat Setyo beberapa waktu yang lalu pada shoutbox, beliau meminta agar di buatkan tutorial bagaimana caranya memasang banner-banner seperti Add to Google, My Yahoo, dan lain sebagainya. Jawaban singkat dari saya adalah untuk mendapatkan semua banner tersebut (beserta fungsinya) anda harus bergabung dengan http://www.feedburner.com, apa itu http://www.feedburner.com? www.feedburner.com adalah satu situs yang memberikan layanan dalam hal syndikasi atau feed. Menurut berita yang saya baca dari halaman news miliknya feedburner, bahwa sekarang feedburner telah di akuisisi oleh google sehingga kita dapat mengalihkan feed blog kita ke feed yang dari feedburner.


Bagi anda yang ingin blognya lebih cepat terkenal saya sarankan untuk bergabung dengan feedburner, layanannya ditanggung gratis. Bagi yang ingin mendaftar tapi belum mengetahui caranya, silahkan ikuti langkah-langkah berikut ini :

  1. Silahkan kunjungi http://www.feedburner.com.

  2. Klik tulisan Register pada halaman bagian atas

  3. Isi seluruh form yang yang ada

    • Username --> isi dengan username yang diinginkan. contoh : japra
    • password --> isi dengan password yang diinginkan. contoh : japratea
    • Password (again) --> isikan kembali password yang tadi di tulis
    • Email address --> isi dengan alamat email yang sobat miliki
    • Secret Question --> isi dengan pertanyaan rahasia yang jawabannya nanti cuma sobat yang tau. Contoh : siapa nama pacar pertamamu ?
    • Secret Answer --> isi dengan jawaban yang sesuai dengan pertanyaan di atas. Contoh : juleha
    • Klik tombol Sigin


  4. Jika berhasil, muncul ucapan selamat datang (welcome) dari feedburner

  5. Isi kotak di bawah tulisan Burn a feed right this instant dengan alamat blog anda. Contoh : http://template-unik.blogspot.com

  6. Beri tanda pada radio buuton yang tersedia, terserah mau pilih yang mana, kemudian klik tombol Next

  7. Ubah Feed Title dengan Feed Address jika mau di ubah, kalo sudah tinggal klik tombol Active Feed

  8. Ada ucapan Conrats, klik saja langsung tombol Next

  9. Beri tanda centang pada kotak di samping tulisan Clickthroughs serta I want more ! have FeedBurner stats PRO also track (karena sekarang layanan yang PRO pun sudah gratis karena sudah di akuisisi oleh google)

  10. Klik tombol Next

  11. Klik tab Optimize

  12. Silahkan setting yang anda inginkan, tapi yang paling penting adalah anda harus mengaftifkan fitur SmartFeed, karena fitur ini berfungsi agar supaya fungsi dari feed kita kompatibel atau klop dengan berbagai feed reader yang ada

  13. silahkan klik SmartFeed lalu klik tombol Active

  14. Klik tab Publicize, silahkan pilih fitur yang anda inginkan, tapi yang sering di gunakan adalah fitur feedCount coba klik FeedCount

  15. Pilih bentuk style dari feedcount, yang biasa atau yang animasi, beri tanda pada radio button di sampingnya

  16. Klik tombol Active

  17. Copy kode HTML yang di berikan pada text area, paste pada notepad untuk nanti di pasang di blog anda

  18. Klik Chicklet Chooser untuk memilih berbagai banner atau chicklet seperti yang di tanyakan sahabat setyo

  19. Beri tanda pada radio button yang terletak di samping chicklet masing-masing, kemudian copy kode HTML yang di berikan yang ada pada text area, kemudian paste pada notepad. catatan : setiap sobat memberi tanda pada radio button masing-masing chicklet, maka secara otomatis kode HTML yang ada di bagian bawahpun akan berubah, jadi kesimpulannya beri tanda radio button lalu copy kode HTML nya beri tanda lagi lalu copy kodenya lagi

  20. Klik Pingshot, beri tanda pada kotak di samping Ping-O-matic serta Newsgator, klik menu dropdown yang ada, lalu pilih yang sobat inginkan, klik tombol Add, klik lagi menu dropdownnya bila ingin di tambahkan lagi, klik Add kembali

  21. Klik tombol Active

  22. Klik Headline Animator untuk mendapatkan banner animasi

  23. Klik menu dropdown di bawah tulisan Theme, pilih yang sesuai keinginan (yang paling banyak di minati adalah type classic)

  24. Klik tombol Active

  25. Klik menu dropdown di samping tulisan Add to, pilih Blogger blog

  26. Klik tombol Next

  27. Setelah muncul window baru, klik tombol Add to Blogger

  28. silahkan Sign in dulu di blogger

  29. Pilih blog yang mau di pasang banner animasi nya, lalu klik tombol Menambah Widget maka secara otomatis banner animasi akan di tambahkan. catatan : cara ini hanya berlaku bagi yang memakai template baru

  30. Silahkan sign out dari situs tersebut

  31. Selesai



Untuk fitur-fitur yang lain lainnya, silahkan anda coba-coba saja sendiri karena jika di terangkan semuanya, saya anggap terlalu banyak. alasan utamanya sih cape ngetiknya bro .

Untuk pemasangan kode-kode HTMl yang tadi di copy pada notepad, saya anggap anda sudah bisa melakukannya, karena sudah sering saya bahas. Yang pake template klasik tinggal paste saja pada kode template nya, bagi yang pake template baru ya tinggal tambah elemen trus pilih yang HTML/Javascript, paste kodenya udah deh.

Satu yang paling terakhir. Seperti yang saya katakan diatas tadi bahwa sekarang feedburner sudah di akuisisi sama google, maka untuk feed blogger bisa di alihkan ke feedburner. Caranya seperti ini :

  1. Sig in di blogger

  2. Klik menu Pengaturan

  3. Klik Feed Situs

  4. Di sebelah tulisan Ijinkan Feed Blog, pilih yang Penuh

  5. Simpan alamat feed dari feedburner pada kotak di samping tulisan posting URL Pengubahan Arah Feed. contoh alamat feed dari feed burner : http://feeds.feedburner.com/TemplateUnik

  6. Apabila anda mempunyai account google adsense, anda bisa menyimpan kode iklan google adsense anda pada kotak di samping tulisan Feed Item Footer

  7. Klik tombol Simpan Pengaturan

  8. Selesai.



Ok deh, semoga dengan bergabungnya anda ke feedburner, blog sobat menjadi cepat terkenal dan ramai di kunjungi.

Rasanya ada yang lupa nih, contoh-contoh banner yang bisa di dapatkan dari feedburner antara lain seperti di bawah ini :


blog tutorial



Add to Google Reader or Homepage



Powered by FeedBurner



Saturday, July 28, 2007

Perkenalkan Situs www.Resepbisnis.com


Setelah sekian lama ngeblog, pengen juga nih ikutan promosi kaya orang lain. Yo'i sobat, maaf nih kali ini saya tidak berbicara tentang blog tutorial ataupun ngasih template, tapi saya mau memperkenalkan tentang www.ResepBisnis.com. Mungkin bagi sobat yang sudah sering mampir di blog ini pernah berkunjung ke situs ini.



Jadi inget waktu dulu ketika saya masih bego-begonya mengenai yang namanya internet, boro-boro tau yang namanya HTML, blog atau segala macemnya, sekedar make search engine pun harus tanya-tanya ke temen satu kerjaan. Flashback dikit ke belakang nih, waktu itu saya lagi mau cari kerjaan, bingung banget. Yeah...ada temen kasih tau "cari aja infonya di internet", saya seketika bengong "emang ada?".
"coba aja cari di google, tinggal masukin kata lowongan pekerjaan trus cari deh". "Wah boleh tuh,ajarin dong caranya". "yeee...gitu aja ga bisa, sini saya ajarin". Kira-kira sepeti itulah sepotong percakapan antara saya dengan teman saya. bego banget kan saya, dan itu terjadi awal tahun 2007 kemarin. yo'i...sobat... jadi buka kartu nih, sebenarnya saya ini masih pemula di alam cyber dibandingkan dengan sobat-sobat yang sudah senior, masih banyak yang harus di pelajari dan di gali tentang dunia cyber ini.




Kembali ke.....promosi.. apa itu www.ResepBisnis.com ?. Resep bisnis.com adalah satu situs yang menjual berbagai e-book dan software. produk utama dari dagangannya adalah e-book mengenai cara-cara pembuatan Website di internet. Mungkin bagi yang baru mengunjungi situs ini, sobat banyak menjumpai kata-kata yang bombastis tentang jadi jutawan lewat internet, sobat pasti meragukannya kan? kalau iya, sama seperti saya. Saya pun tidak seratus persen mempercayainya. Trus apa yang membuat saya bergabung dengan situs ini? yang membuat saya tertarik adalah mengenai belajar membuat webite nya itu lho. Website di sini sedikit berbeda dengan blog. Dalam e-book nya ini di terangkan secara detail dari awal pembuatan desain gambar menggunakan adobe photoshop, trus mengeditnya melalui dreamweaver, sampai menguploadnya ke webhosting. Pokoke lengkap abis deh, dan yang lebih menarik lagi adalah website yang di buat adalah bersifat profesional karena menggunakan script-script PHP, sehingga bagi sobat yang ingin membuat website yang bersifat bisnis sangat cocok sekali karena sistem keamanan datanya sangat baik.



Selain e-book utama, tentunya sobat akan di berikan puluhan e-book penunjang lainnya, serta tentunya berbagai software penunjang dalam pembuatan website pun udah langsung di berikan. Kalo penasaran, ini nih nama-nama e-book serta software yang akan sobat dapatkan :



  • How to build HTML



  • Search Engine Optimization Made Easy



  • Instant Site Maker



  • Java Scripts



  • Java Buttons



  • Web Template



  • Banner



  • Meta Tag Master



  • Script Web Affiliasi



  • Script Web Reseller



  • FletMail



  • Image Capture



  • IP Ad Web Sender



  • Instant Software Downloads



  • The Building of a Better Website



  • Magic Subscriber



  • Reprint Rights Magic



  • Instant eMail Scramble



  • Pure Profit Software



  • PopUps Generator



  • 99 Websites You Should Have Bookmarked..But Probably Don't



  • Intraday Basic



  • The TrafficJam Formula



  • The Affiliate Marketing Success Road Map



  • Newbie's Guide to Online Fortunes



  • How to Write and Publish Your Own eBook in as little as 7 Days



  • Internet Copycatting



  • Download Page Generator



  • Scroll Pops



  • PHP Instant Scripts



  • Wholesalers 2000 - Extreme Mega Edition



  • Website4Sale Secrets



  • 101 Auction Secrets Revealed



  • Don-Lapre Info Reports



  • Auction Prophet



  • Millenium Info Reports



  • The Cash Flow Deluxe : Info-Software Programs



  • Using NLP On eBay



  • Cyber Tactics 101



  • Internet Traffic Virus 2.0



  • Internet Success Ladder



  • Free Advertising System



  • Yahoo Secrets Revealed



  • 57 Free eBook Articles



  • WebPage-O-Matic (Personal Edition)



  • WebPage-O-Matic (Business Edition)



  • eZine Assistant



  • Priority Mailer



  • Internet Marketing Toolbar Pro



  • Cheap But Good



  • eBook Gold v3



  • Web Site and E-zine Promotion Made Easy



  • Amazing Marketing Tactics



  • TRAFFIC VIRUS



  • TYPEITIN SOFTWARE



  • KILLTIMER v4.9 SOFTWARE



  • WEB-O-RAMA SOFTWARE




  • CREATING PROFITABLE CLASSIFIED ADS



  • CASH FLOW REPORTER HOW TO SERIES



  • MAIL ORDER SERIES OF REPORTS



  • ;eBiz Tips Tricks



  • INTERNET DETECTIVE 5.0



  • TAKE THE INTERNET BY STORM



  • FILLOUT MANAGER



  • EXPRESS MAIL SERVER



  • EMS KEY GENERATOR



  • WEBFORCE



  • 5000+ ADSUBMITTER



  • DOUBLE YOUR BUSINESS



  • SEARCH ENGINE TACTICS



  • TARGETED DIRECT EMAIL GUIDE



  • OFFSHORE REPORT



  • 000 CLASSIFIEDS



  • AUCTION TIPS



  • 167 REPORTS



  • UNLIMITED PROFITS



  • INTERNET OPTIMIZER



  • CYBCASH SOFTWARE



  • LIST MANAGER



  • ARACHNOPHILIA



  • INSIDER SECRETS



  • MAKE YOUR ADS PULL LIKE CRAZY



  • INTERNET MARKETING PORTFOLIO



  • EARN A FORTUNE



  • ;WEBCELERATOR



  • CREATE YOUR OWN INFO PRODUCTS



  • AD/SALES LETTER TIPS



  • CHECKER SOFTWARE



  • 101 SECRETS



  • ONE MILLION ITEMS WHOLESALE



  • INTERNET TIPS REVEALED



  • Using TV



  • Legal Forms



  • Business Reports



  • Consumer Reports



  • Reference Reports



  • Well Known Books



  • Well Known Books



  • Volume 2 of the E-Business Encyclopedia Set



  • Volume 3 of the E-Business Encyclopedia Set



  • Historical Stuff






  • Banyak banget kan, ampe saya cape ngetikinnya. kalo ada yang bertanya "Emang bener semuanya bisa di dapet?" jawabnya bener bangee...eet, di jamin 100% ga boong. Trus berapa mahar yang harus di bayar untuk mendapatkan semua ini? mahar yang harus di bayar adalah sebesar Rp.100.000,- (seratus ribu). Yo'i men cepe ceng ko ahong bilang. Kabar lain yang menggembirakan yaitu ketika proses kita masih belajar, apabila sobat menemui kesulitan tentang isi materi yang ada di dalam e-book
    mereka, sobat hanya tinggal mengirimkan email ke tim support nya resep bisnis.com, dan tentunya akan mendapatkan respon dari mereka, keren kan?



    Satu lagi nih yang paling menggembirakan yaitu tentang UUD (Ujung Ujungnya Duit), selain dapet ilmu dalam hal membuat website, sobatpun bisa berbisnis yaitu
    mengajak orang lain untuk bergabung, caranya tentu tidak kuno seperti multi level marketing yang ada di lingkungan kita, caranya cukup dengan memberikan Link khusus yang kita punyai. Contoh nyata yaitu ya kaya saya ini nih lagi ngajakin sobat buat gabung. Berapa duit yang akan kita dapet? uang yang kita dapet adalah sebesar 50 % dari hasil penjualan alias Rp.50.000,- dari satu orang. Sebagai motivasi saja nih, blog saya ini menurut tracker yang saya pasang berkisar 250 pengunjung sehari, bayangkan dari 250 orang itu ada saja setiap hari yang mendaftar lewat link saya. mau main matematika, OK. kalo ambil minimal saja nih, satu orang satu hari Rp.50.000 X 30 hari = Rp.1.500.000 (satu juta lima ratus ribu rupiah), itu teh kalo satu hari cuma satu orang, coba kalo 2 orang tinggal di kaliin aja deh sendiri. Ga percaya? nih saya kasih bukti email dari www.resep bisnis tentang pemberitahuan ada yang membayar lewat link saya. Sebagai motivasi aja nih, postingan ini saya post pada tanggal 29 juli 2007, gambar yang saya kopy langsung dari microsoft exprees outlook saya nih tertanggal 28 juli 2007 (kemarin coz), coba klik gambarnya agar terlihat jelas :














    Kalo ada yang bertanya, kenapa bukan scan dari buku tabungannya..he..he..he.. soalnya bukunya ada pada istri saya di bandung,sedangkan saya ada di jakarta jadi terpaksadeh copy email pemberitahuannya saja. Trus terang nih, penghasilan saya dari resep bisnis lebih besar ketimbang penghasilan saya dari Google Adsense, hasilnya pun tidak usah menunggu cek ampe akhir bulan, setiap ada yang transfer duit langsung deh bisa di gunain, makanya setelah di pikir-pikir emang bener tuh yang dikatain pemilik Resep bisnis yaitu Mesin Pembuat Uang Otomatis. saya lagi tidur ngorok, pas pagi bangun trus liat email, eh tau-tau ada pemberitauan ada yang transfer duit ke kita, yang ngirim siape ngga tau, yang tau cuma nama serta alamatnya doang, orangnya tidak tau siapa. Tertarik mengikuti jejak saya? silahkan
    klik di sini ! atau klik banner di bawah untuk mendaftar dan memulai bisnis baru di internet :









    Selamat berjuang sobat !



    1st Template Unik (XML)


    Ada tambahan template nih, judulnya rada norak : 1st Template Unik, tapi saya suka dhenk dengan nama itu. mau lihat screenshootnya, coba klik gambar di bawah ini :








    Tertarik? kalau iya, silahkan baca dulu petunjuknya ! template ini sudah saya pasang
    sistem Readmore versi baru, sobat hanya tinggal menambakan kode <span id="fullpost"> .... </span>
    pada saat posting, tapi jangan lupa postingnya harus pada posisi Edit HTML bukan pada posisi Compose. Agar lebih jelas coba baca lagi di sini !



    Mengingat pengalaman yang lalu bahwa ada yang kesulitan menempatkan gambar pada bagian header, maka sebentar saya bahas tentang bagaimana menempatkan kode gambar pada header, kurang lebih caranya seperti ini :




    1. sign in di blogger




    2. Klik Layout




    3. Klik Edit HTML




    4. cari kode berikut :




    5. #header {

      margin: 0 2%;

      color: $headerTextColor;

      padding: 0;

      font: $headerFont;

      height:150px;

      background-color:$headerBgColor;

      }



      tambahkan alamat gambar yang sudah sobat miliki! contoh :



      misal alamat gambarnya seperti ini :



      http://i162.photobucket.com/albums/t253/rohman24/banner_4.gif



      maka penambahan kode seperti ini :



      #header {

      margin: 0 2%;

      color: $headerTextColor;

      padding: 0;

      font: $headerFont;

      height:150px;

      background-color:$headerBgColor;

      background:url('http://i162.photobucket.com/albums/t253/rohman24/banner_4.gif');

      }




      itu nanti gambar akan memenuhi seluruh ruang header, jika gambarnya kecil maka gambar akan di tampilkan ulang alias berderetan, kalau ingin gambar tampil seperti gambar aslinya (yang tampil cuma satu gambar) kodenya ada sedikit tambahan, seperti ini :



      #header {

      margin: 0 2%;

      color: $headerTextColor;

      padding: 0;

      font: $headerFont;

      height:150px;

      background-color:$headerBgColor;

      background:url('http://i162.photobucket.com/albums/t253/rohman24/banner_4.gif') no-repeat top center;


      }


      kode yang diatas akan menampilkan gambar pada posisi tengah bagian header. kode height:150px; adalah untuk menyesuaikan dengan tinggi gambar yang sobat miliki, nilainya silahkan ubah sesuai dengan tinggi gambar yang sobat miliki.




    6. Klik tombol Simpan Perubahan




    7. Selesai.






    Langkah ini berlaku juga untuk template Denim yang kemarin lusa saya berikan.



    Tidak seperti template Denim yang kemarin, template ini sudah saya masukan banyak variable agar sobat lebih mudah mengatur Font dan warna, bila tidak suka dengan warnanya, silahkan sobat masuk ke halaman Font dan warna ubahlah warna sesuai dengan keinginan sobat.



    Agar tidak berlama-lama berimprovisasi, untuk mendownload template ini, silahkan klik di sini !



    Selamat mendownload ria !



    Friday, July 27, 2007

    Daftar Google Sitemap

    Senada dengan postingan kemarin lusa yaitu agar blog kita lebih diperhatikan oleh mbah Google, salah satu caranya adalah dengan mendaftarkan blog milik anda ke Google sitemap.

    Google, google, dan google lagi yang dibicarakan, ada apa dengan google? Memang tak dapat dipungkiri bahwa sebagaimana kita ketahui si mbah google ini merupakan situs yang mempunyai search engine atau mesin pencari terkenal di dunia untuk saat ini, ribuan atau bahkan jutaan website/blog bersaing memperebutkan perhatian mbah google agar situs miliknya di tempatkan pada urutan teratas pencarian. Dan tentunya apabila website/blog kita di tempatkan pada urutan teratas, niscaya website/blog kita berkesempatan di banjiri oleh pengunjung dari bebagai penjuru dunia, bukankah itu yang selama ini kita harapkan?


    Dengan mendaftar ke Google sitemap maka setiap artikel yang kita posting akan secara otomatis di tangkap oleh google. Ada satu hal yang perlu di ketahui yaitu anda harus mempunyai account email di google, akan tetapi anda tidak perlu kawatir karena tak seperti waktu dulu yaitu untuk membuat email di google harus di invite oleh orang lain, sekarang sudah bisa sendiri. Bagi yang belum punya bikin dulu deh, jalan yang mudah adalah coba login di google dengan email yang di berikan untuk Blogger.com, nah nanti akan secara otomatis di suruh upgrade ama ntuh mbah google dan di suruh melengkapi formulir bikin account di google.

    Agar intermezonya tidak terlalu panjang, bagi yang mau daftar Google sitemap silahkan ikuti langkah-langkah berikut ini :

    1. Login di google dengan ID GMAIL sobat, silahkan kunjungi Google sitemap

    2. Setelah berada di halaman account sobat, alihkan perhatian ke halaman sebelah atas ! di sana terdapat kotak isian di samping tombol Add Site, isilah kotak tersebut dengan alamat blog anda. Contoh : http://template-unik.blogspot.com

    3. Klik tombol Add Site

    4. Klik link Verify your site

      verify

    5. Klik menu dropdown yang ada, pilih metode yang di inginkan. Biar mudah pilih saja yang Add a meta tag

      add a meta tag

    6. Copy meta tag yang di berikan, lalu paste pada notepad atau text editor yang lainnya agar mudah di gunakan nantinya.

      metatag

    7. Silahkan masuk ke account blogger dan tuju blog yang di daftarkan tadi

    8. Copy paste meta tag yang di berikan tadi, sebaiknya di bawah kode <title><data:blog.pageTitle/></title> untuk template baru atau di bawah kode <title><$BlogPageTitle$></title> untuk template klasik, jangan lupa klik tombol Simpan perubahan.

    9. Bila sudah selesai, tuju kembali Goggle site map, lalu klik tombol Verify

      tombolverify 

    10. Jika semua berjalan dengan baik, akan ada tulisan  “You've successfully verified http://NamaBlogAnda.blogspot.com/

    11. Selesai.

     
     
    Bila anda mempunyai beberapa blog, anda tinggal memasukan lagi ke Add Site, ikuti seperti langkah sebelumnya.

    Semoga blog anda tampak lebih menarik di mata mbah google.

     

    Update : Tutorial ini sudah di tambahkan bantuan gambar agar lebih mudah di fahami.

    Tambahan : Sekarang webmaster tool sudah terintegrasi dengan blogger, silahkan login k webmastertool dan anda akan melihat blog dalam akun gmail tersebut, untuk selanjutnya tinggal ikuti seperti langkah di atas.

    Wednesday, July 25, 2007

    Ubah Lebar Kolom Template


    Lagi-lagi soal template nih. Mungkin ada beberapa dari sobat sekalian ada yang merasa sangat menyukai suatu template, akan tetapi ada ganjalan yakni lebar kolom yang ada tidak sesuai keinginan kita, baik itu lebar kolom sidebar atau pun mainbar (kolom tempat posting). Ada kalanya lebar kolom dari suatu template di rasa terlalu lebar ataupun terlalu sempit, nah jika sobat mengalami hal yang demikian, lumayan nih ada tips buat mengakalinya supaya lebar kolom menjadi sesuai dengan keinginan kita sendiri.



    Untuk mengetahui lebar kolom suatu template, kita bisa mengenalinya melalui style sheet CSS nya. Akan tetapi tentu saja ada perbedaan antara satu template dengan template yang lainnya, ini tentunya terserah kepada si designer template nya sendiri. Sebagai contoh untuk bagian header, jika menurut standar template blogger di dalam style sheet CSS nya di namakan header, akan tetapi untuk template-template hasil buatan designer lain di luar blogger ada yang menamakan Banner ataupun nama-nama yang lainnya. Sebuah nama tentu tidak akan berpengaruh terhadap hasil yg di dapat, nama ini di pakai hanyalah agar mudah untuk di ingat atau di kenali oleh sang pemakai template apabila ingin melakukan editting template.



    Agar tidak terlalu membingungkan, saya ambil contoh template minima 3 kolom yang bisa di download di sini !.Setelah melihat perkembangannya ternyata template ini banyak yang menyukainya. Jika sobat tidak puas dengan lebar kolom pada template tersebut, silahkan deh ikuti tips berikut biar lebar kolomnya sesuai dengan keinginan sobat. Dimanakah letak kode-kode untuk mengatur lebar kolom ? saya berikan contoh :





    #header-wrapper {

    width:900px;

    margin:0 auto 10px;

    border:1px solid $bordercolor;

    }



    #outer-wrapper {

    width: 900px;

    margin:0 auto;

    padding:10px;

    text-align:justify;

    font: $bodyfont;

    }

    #main-wrapper {

    width: 435px;

    margin-left: 20px;

    margin-right: 20px;

    float: left;



    }


    #sidebar-wrapper {

    width: 220px;

    float: right;

    }


    #newsidebar-wrapper {

    width: 200px;

    float: left;

    }





    Seperti yang terlihat pada kode-kode diatas, yang mempengaruhi lebar kolom adalah
    yang saya cetak merah. Width tentu saja dalam bahasa indonesia adalah lebar,
    jadi gampangkan untuk mengenalinya. 900px adalah nilai lebar yaitu sebesar 900 pixel.



    Agar lebih faham, kode-kode diatas saya uraikan :



    #header-wrapper {

    width:900px;

    margin:0 auto 10px;

    border:1px solid $bordercolor;

    }



    Ini artinya header-wrapper mempunyai lebar sebesar 900px dan mempunyai border (saya artikan border adalah bingkai atau garis tepi) sebesar 1 pixel dengan garis yang solid (solid = garis penuh. dashed = garis putus-putus. dotted = garis berupa titik-titik) dengan warna border yang bisa di ubah-ubah (pada bagian font dan warna).



    header-wrapper adalah hanya penamaan saja, tidak mutlak. Jika di ganti dengan nama kepala juga tidak apa-apa. width:900px; berarti lebarnya sebesar 900 pixel. nah nilai 900 pixel inilah yang bisa di ubah sesuai keinginan sobat, mau ditambah nilainya biar lebih lebar, atau di kurangi biar lebih kecil. Akan tetapi saran saya, nilai dari header ini harus sama dengan nilai dari lebar body agar terlihat bagus. border:1px solid $bordercolor; adalah agar bagian header mempunyai garis tepi sebesar 1 pixel, jika ingin lebih tebal sobat tinggal tambahin nilainya, atau jika sobat menginginkan garis tepi ini tidak ada maka sobat hapus saja kode ini.





    #outer-wrapper {

    width: 900px;

    margin:0 auto;

    padding:10px;

    text-align:justify;

    font: $bodyfont;

    }


    Ini artinya outer-wrapper mempunyai lebar sebesar 900px, jarak sela sebesar
    10 pixel dengan align nya adalah rata kiri-kanan dan jenis huruf yang bisa di ubah-ubah melalui panel huruf dan warna.



    outer wrapper hanyalah nama saja. width:900px; berarti lebarnya 900 pixel. 900 pixel ini adalah lebar yang di sediakan untuk kolom-kolom yang ada, sebut saja dalam hal ini kolom main-wrapper, sidebar-wrapper, dan newsidebar-wrapper. Jadi dengan kata lain outer wraper adalah hasil penjumlahan lebar kolom main-wrapper, sidebar-wrapper,
    dan newsidebar-wrapper. Apabila sobat memasukan content yang melebihi lebar kolom masing-masing, maka secara otomatis pula melebihi spek dari lebar yang di sediakan oleh outer wraper dan yang terjadi adalah salah satu kolom akan melorot ke bawah dan ini membuat blog kita menjadi kurang sedap untuk di pandang mata. Jadi apabila sobat ingin mengubah lebar salah satu kolom di antara yang tiga, maka lebar dari outer wraper pun harus di ubah dan di sesuaikan.




    #main-wrapper {

    width: 435px;

    margin-left: 20px;

    margin-right: 20px;

    float: left;



    }




    Ini artinya kolom main-wrapper mempunyai lebar sebesar 435 pixel dengan margin kanan sebesar 20 pixel, margin kiri 20 pixel dan kolom ini di letakan sebelah kiri.



    main-wrapper adalah kolom halaman posting, apa-apa yang kita posting maka akan masuk ke halaman ini. width: 435px; berarti lebar kolom ini sebesar 435 pixel, tapi karena menggunakan margin-left dan margin-right, maka lebar kolom sebenarnya adalah sebesar 475 pixel. Akan tetapi yang 40 pixel hanyalah jeda saja agar batas kolom menjadi terlihat tidak bersentuhan. Apabila sobat merasa kolom ini terlalu sempit atau kekecilan, maka sobat bisa menambahkan nilai, contoh 550 pixel. Apabila sobat berniat merubah kolom ini, kolom outer-wraper pun harus di tambah nilainya. contoh tadi apabila main-wrapper ingin menjadi 550 pixel, maka 550px-475px=75px. ini berarti kolom outer-wraper harus di tambah sebesar 75px, jadi 900px+75px=975px.




    #sidebar-wrapper {

    width: 220px;

    float: right;

    }




    Ini artinya kolom sidebar-wrapper mempunyai lebar sebesar 220 pixel dan di tempatkan sebelah kanan layar.



    Kolom sidebar-wrapper adalah kolom sidebar atau kolom tempat di mana kita menyimpan berbagai aksesoris atau yg lainnya. width: 220px; berarti mempunyai lebar sebesar 220 pixel, apabila ingin di persempit atau di perlebar, maka kita hanya
    perlu mengubah nilai pixelnya saja. Cuma apabila merubah nilai kolom ini, jangan lupa untuk mengubah nilai space yang di sediakan oleh outer-wraper. contoh : apbila kolom ini ingin diperbesar menjadi 250pixel maka tambahan pixel adalah sebesar 30 pixel, nah jangan lupa untuk menambahkan pula pada kolom outer-wraper.



    #newsidebar-wrapper {

    width: 200px;

    float: left;

    }





    Ini artinya kolom newsidebar-wrapper mempunyai lebar kolom sebesar 200 pixel dan di tempatkan pada layar sebelah kiri.



    Seperti halnya sidebar-wrapper, kolom newsidebar-wrapper pun adalah tempat menyimpan berbagai aksesori ataupun blog tool. kolom ini di buat agar kita bisa lebih banyak memuat berbagai aksesori yang kita inginkan. Kolom newsidebar-wrapper ini lebarnya sebesar 200px, nah bila berniat merubahnya maka tinggal merubah nilai pixelnya saja, tapi jangan lupa untuk menambahkan pula pada kolom
    outer-wraper.




    Coba bandingkan antara dua blog ini, silahkan klik di sini ! dengan yang di sini !



    Selamat berbingung ria !