Tampilkan postingan dengan label Tutortial Blog. Tampilkan semua postingan
Tampilkan postingan dengan label Tutortial Blog. Tampilkan semua postingan

Rabu, 07 September 2011

Create Your's TEMPLATE! Baca donk!


Kreasikan Blog dengan Keinginan Sobat!!,bosen dengan tamplian yang biasa aja???atau bosen memakai template hasil kreasi orang,,nah!! sobat mendarat ditempat yang tepat tidak gagal landing,kalo gagal bisa gawat!!!
Lakukan keinginan membuat sendiri desain anda dengan mudah tanpa terlalu ahli di bidang kode web, maka template generator ini adalah yang anda perlukan, karena mudah digunakan dengan struktur dasar yang mudah dipahami. Berikut review 10+ Template Generator terbaik tersebut.
1. CSSEZ
http://cssez.com
CSSEZ ini adalah generator template online untuk blog wordpress dan movable type. Jika anda ingin menggunakan layanan ini, anda perlu registrasi gratis disini. Beberapa fiturnya yang bagus adalah memilih antara satu sampai empat kolom template, mengatur lebar kolom, padding, margin, border, font dan style link. Anda juga dapat mengupload gambar atau membuat sendiri dengan image maker.
2. Dotemplate
http://www.dotemplate.com
Dotemplate ini menyediakan 12 template XHTML dan CSS compliant dasar gratis yang bisa anda pilih sendiri. Anda bisa memilih salah satu dan kemudian mengkustomisasinya dengan mengubah warna, font, teks, posisi teks dan lain sebagainya pada background, container, footer, menu dan boks. Selain itu anda juga bisa menambahkan efek seperti drop shadow, gradien dan round corner. Layanan ini sangat menarik karena tidak memerlukan pengetahuan html yang terlalu banyak untuk mempergunakannya, selain itu ada pilihan untuk mengupload gambar anda sendiri.
3. Drupal Theme Generator
http://xlecom.com/?q=node/152
Generator ini adalah generator theme berbasis MS Excel untuk situs atau blog drupal yang menggunakan template PHP dan Xtemplate. Layanan ini gratis dan memiliki fitur yang kaya seperti generator theme random color, preview theme langsung, html color assistant, dan integrasi CSS, javascript, PHP dan kode html pada theme dari file eksternal dan lain sebagainya. Selain itu ada 9 theme yang bisa anda dapatkan ketika mendownload generator ini.
4. Eris’ Template Generator
http://www.erisfree.com/d2/apart.php
Generator ini menyediakan 11 skin untuk blog anda dengan tiga pilihan kolom untuk setiap skinnya. Saat ini layanan ini mendukung diaryland, diary-x, movabletype, blogger, wordpress, b2 dan free html site template lainnya. Anda bisa menambahkan tagline, meta tag dan termasuk link ke index, arsip, email, notes, profile, buddylist dan juga 5 entri untuk diaryland, 10 entri untuk movable type, kalender untuk b2, blogroll untuk wordpress, XHTML compliant dan content copyright, webring, chat screen name dan button.
5. Firdamatic
http://www.wannabegirl.org/firdamatic
Generator template online untuk blogger dan movable type ini memiliki pilihan dua dan tiga kolom, anda bisa memasukkan sendiri informasi pada boks relevan pada form online yang tersedian dan klik generate template, selain itu anda juga bisa menambahkan judul situs, url gambar dan memilih huruf dan warnanya.
6. HTML PHP CSS Website Template Generator
http://www.maketemplate.com
Online generator ini mampu membuat template situs PHP, bersamaan dengan file CSS dan HTML. Anda juga bisa mengkustomisasi style sheet, header, sidebar, dan footer dengan menambahkan sendiri font, warna, margin dan alignment pada form online template generator. ANda juga bisa membuat sendiri scriptnya yang bisa anda kopi dan simpan untuk keperluan anda nanti.
7. PsycHo
http://psyc.horm.org
Generator online template open source ini dapat diaplikasikan pada platform blogger, persian blog, dan blogFa. Anda bisa mengatur sendiri judul halaman, warna background body template, judul background, deskripsi, teks, spacing dan memilih hingga 4 pilihan kolom. Anda juga bisa preview template anda dan menyimpan kodenya. Layanan ini mudah digunakan tanpa pengetahuan html yang terlalu banyak.
8. Templatr
http://templatr.cc
Templatr ini menyediakan lebih dari 20 layout dan pilihan formatting untuk berbagai elemen halaman termasuk halaman utama, header, footer, titles, margin, padding, border dan banyak lagi untuk keperluan wordpress blog. Selain itu, layanan ini juga menyediakan upload dimana anda bisa mengupload grafis/gambar . Setelah itu anda bisa mendownload template jika anda telah selesai dan mengaplikasikannya pada blog anda.
9. Weebly
http://www.weebly.com
Generator template yang rapi ini memiliki 15 desain pre-built yang bisa dikustomisasi dengan menambahkan elemen seperti iklan, feed icon, map, contact form, teks dan layout gambar, kolom google dan youtube video dan lain sebagainya. Jika anda sudah selesai anda bisa mempublikasikan situs/blog tersebut pada platform anda.
10. WordPress Theme Generator
http://www.yvoschaap.com/wpthemegen/
Layanan generator online dapat membantu anda untuk membuat sendiri theme wordpress anda dengan mudah tanpa pengetahuan html dan css language. Layanan ini menyediakan pilihan untuk memilih sendiri nama blog, ukuran body, lokasi sidebar dan ukurannya, menambahkan kolom ketiga, layout menu, warna dan skema teks, anda juga bisa menambahkan tag cloud, arsip dan kotak pencarian. Selain itu anda bisa mengupload logo situs anda online dan membuat link-nya dari template. Jika anda telah selesai anda bisa melihat hasil kreasi anda dan mendownloadnya dalam file zip.
Sekian dulu sampai bertemu lagi di postingan berikut
Read More >> Create Your's TEMPLATE! Baca donk!

Rabu, 24 Agustus 2011

101 How to effectively increase the visitors to our site Part 2!!

Ringkasan ini tidak tersedia. Harap klik di sini untuk melihat postingan.
Read More >> 101 How to effectively increase the visitors to our site Part 2!!

Senin, 22 Agustus 2011

101 How to effectively increase the visitors to our site

101 ways to raise the level of traffic we blog ... is it effective in this way ..One question from my friendI will describe the first level ofsuccess depends on yourself,,, why? Yes of course how greatwillingness to do it and how you want your site to be number one or at least top 10 in several major search engines such as google,yahoobing

without any great length to 101 again this is the way it is,,,WARNINGread carefully and understand!!



Let's See:


1. Join MyBlogLog, add friends, and join communities.
2. Sign up for Technorati and ping it when your blog content changes.
3. Use a ping service like pingomatic to ping RSS aggregators.
4. Submit your blog to all of the directories on Robin Good’s list of RSS directories.
5. Use trackbacks.
6. Leave comments on blogs in related niches.
7. Tell your friends about your blog and specific posts.
8. Put your blog URL in your forum signatures.
9. Create link bait.
10. Tell Your newsletter subscribers about your blog.
11. Write press releases for your blog.
12. Link liberally to other blogs in your posts (many bloggers check who links to them).
13. Tag your posts using Technorati tags or a tag plug-in.
14. Submit your posts to multiple social bookmarking sites using OnlyWire.
15. Use Stumbleupon to stumble your posts.
16. Answer questions on Yahoo answers with the answers on your blog.
17. Answer questions on forums related to your niche with a link to one of your blog posts that answers the question.
18. Set up a feed on MyYahoo so that Yahoo keeps better track of your blog.
19. Make lists (My Top 5…, Ten Things…, etc.). Many of the most popular blog posts are lists like this one.
20. Use pictures. Most of the top trafficed blogs use pictures in their posts.
21. Use video on your blog.
22. Find out what people want to learn about in your blog’s niche and write about it.
23. Be the first to break a news story.
24. Use keyword research to find good keywords to use in your posts.
25. Write controversial posts.
26. Strongly Agree or strongly disagree with other bloggers and write about it with a link to their post.
27. Make it easy for your readers to sign up for your RSS feed.
28. Make it easy for your readers to Digg your posts.
29. Ask your readers to submit your posts to social bookmarking sites (Digg, Reddit, etc.).
30. Interview well known people in your industry (it’s working well for me).
31. Give credit to the blogs that inspire your posts.
32. Don’t be boring.
33. Write for beginners.
34. Participate in group writing projects.
35. Participate in blog memes.
36. Create a blog meme and tag your friends.
37. Participate in blog carnivals.
38. Post at different times of the day.
39. Submit your best posts to article directories.
40. Write Killer Content .
41. Start a group blog. These tend to get more traffic, because more people are creating conent and more people are promoting it.
42. Have guest posters.
43. Create a blog meme and tag an A-list blogger who you like.
44. Submit your blog to regular web directories (like DMOZ, etc.).
45. Join SpicyPage and promote your blog on it.
46. Join a blog webring.
47. Sign up for BlogWoods and promote your blog on it.
48. Join LinkAndBlog and do link and blog challenges.
49. Submit your best posts to Netscape.
50. Exchange Ads (not blogroll links) with complementary blogs

51.eittsssss!!!!to be continued..hehehe
Read More >> 101 How to effectively increase the visitors to our site

Sabtu, 20 Agustus 2011

Terbukti!!! Mendapatkan Alexa Rank Dalam 3 HARI

Kembali di Knowledge Is My Life,,,Salam !!pa kabar,,Saya adalah seorang blogger pemula bisa disebut NEWBIE lah, Maksud saya nulis postingan ini bukannya curhat,,tapi pengalaman HIDUP sebagai blogger selama 2 BULAN saja,,,,hehehe,,pengalaman hidup cuma 2 bulan,,,

Sobat Mungkin Memiliki Blog yang umurnya lebih dari 1-2bulan bukan??atau baru??,,Alexa rank Akan kita dapatkan pada minggu pertama ,paling cepet 3 hari uda dapet Rank ,,paling 28 jutaan lah(terbukti 3 blog gw)
tapi ada yang belum dapet rank setelah 3-7 atau sebulan hari umur blog itu,,KENAPA????
1.Tidak adanya Promosi Blog,Visitor is every Thing for my blog,,Menurut gw itu
2.Jarang bgt posting artikel atau apapun buat diperbaharui di blog kita!!!(gw saranin yg gk niat blogging gk usa coba" deh sayang domain namenya tw!),nah gw kemaren abis jalan" sambik blogwalking dibeberapa Forum blog,,gw liat lebih dari 80% blog author yg kommen disitu gk ada yg UPTODATE alias JADUL BGT
isi kontennya padahal umur blognya uda 2-3 tahun,Alexa ranknya Unvailable!!,,gw kesel bgt nih apa SPAM BLOGGER keq gini kan ngerugiin bgt buat google juga yg uda setia nemenin dan promosiin blog kita ampe ke index ama dia,selain ngebuang" bandwith blog dan google,,pasti masih banyak lagi kerugian yg didapet
3.Content Is The King,,,,,!!!nah,,buat konten dan artikel blog anda seperti melayani seorang raja ,secara hati" dan takut salah,yg penting BIBIT BEBET BOBOTnya,,,Originality 100%,,OK!
4.Join ke beberapa Forum diskusi,,banyak koq mulai dari indonesia sampai keluar negri juga!!!!!
5.yang kelima mungkin sobat bisa nambahin menurut sobat sendiri,Kreatifitas #1 di dunia maya!

Nah Mugkin Ini Aja yang bisa saya berikan maklum baru belajar juga,sebenernya gw gk pantes ngeceramahi para pendahulu gw,tapi gw hanya gk tahan ngeliat blogger indonesia jadi SPAM Internet,,Maju terus Blogger Indonesia!!

Read More >> Terbukti!!! Mendapatkan Alexa Rank Dalam 3 HARI

Rabu, 17 Agustus 2011

Know the basics of seo for Beginner

Observing the importance of Search Engine Optimization (SEO) in building a good site to make Didi inevitably learn and actualize it in the management of this blog.Basically, SEO is the capacity of a site to be displayed in the SERP (search engine results page), search results pages that appear on search engine sites. It is easy for visitors in search of everything needed information on the internet. SEO Empowerment is a vital step to attract visitors and improve the quality of a site.Why SEO is becoming vital in the management of a site?This fact has been widely reviewed the webmaster who is good about SEO at various sites. Clearly search engines is the first step taken by many people to get information. Just by typing in some keywords (keywords) of the required information on the site search engine, we have presented various data readily visible.Referring to the search results, of course, the results on the first page will direct more visitors to enter the site. Well, that's where we are required to maximize the role of search engines to attract more visitors. So the science of SEO is basically a compilation of data received on a site search engine sites. The results of the data that appears on the SERP is based purely on the ranking index page the site search engine.Here we need to analyze the workings of a search engines compile the data a site. Google is the search engine leader in the management of this century the site index data. Basic search with spyder or main program crawlers widely used search engines is to optimize a search on the keyword (keyword). Many factors into the calculation of the search system (SERP) on Google, including meta keywords, meta description, links are connected, pagerank, quality content, and many other things.Make sure that we manage sites indexed in various web directoryIn this post, Didi will not fully discuss the above components.What we need to remember, in optimizing the function of search engines for our website is how many sites we have indexed in various search engines / web directories. The most important thing we must do is submit the URL to our site on various web directories and maximize the keywords that we use in the use of meta keywords that are good for our site. Because the use of keywords on each site is different of course, according to the focus of the sites we manage.With the inclusion of our website on many web directories / search engines, it will at least help us in the management of other SEO elements. For this initial data we use when we register the site URL and site description should represent the proper use of keywords. Although Google search for keywords in all pages of a website, some sections such as the webpage title and headings more important role than the other pages. Meta keywords used must have a good correlation also with the description that we use.Quantity and good quality content that creates a better SERP as well.Because Google is reading every word on all pages of the site, with the quantity and good quality content will certainly develop the potential of the keyword that these sites have. So it can increase the SERP our site on search engines.Again with the quantity of content that many make a site rich in keywords (keywords) needed information seekers. The better the keyword focus on the content of a site, then the index page rank keyword we will be getting up. So it can be further maximize SERP our site on search engines.A good quality content will also create a significant increase link popularity, which will surely have an impact on rising index ranking SERP our site on search engines.Presumably there are many other factors to optimize the role of search engine traffic in order to achieve a great visit. Although Didi is also still in the learning stages of SEO, at least what the basis of a good SEO management slightly covered in brief above. Presumably also, the webmasters who are willing to visit also willing to add what is lacking in this paper.
Read More >> Know the basics of seo for Beginner

Senin, 15 Agustus 2011

Eliminate Blogspot NAVbAR from header!

Due to a request from one reader, I ended up writing this article,but may have many ways this on the internet
but I will give way super short and super friendly with SEO and that is certainly legal for blogspot, so do not be afraid if you use thisway will be banned by blogspot OK, straight to the scene



Eliminating Navbar or Navigation Bar, on Blogger or Blogspot Navbar appears by default at the top of every Blogger. Navbar features has a number of facilities:


[B]: takes you back to www.blogger.com.
Search Blog: search the blog you're visiting. And search results will appear on blog pages.
Flag Blog: testimony can be encountered here
NextBlog: takes you to the blogs of others at random, especially the newly updated blog contentnya.
[Email address]: if you have logged in you will see the account (account) you, that your email address.
Dashboard: if you are already logged in, then you will see a link (New Post & Customize) that brings on your dashboard.
Sign In / Out: This option for you, if you want to log-in or log-out.
That is a brief description of the features of this Navbar. Some bloggers need the existence of other part does not need it, and want to eliminate it. And I am one of those who need it.


But if you want to remove the Navbar on your blog. It's easy enough to add 2 tag on your HTML, this tag taruhlan 2: <noscript> </ noscript> and put <body> middle.


The format is so <noscript> <body> </ noscript>


or it could be so <noembed> <body> </ noembed>


Then the Navbar will not look again at the top of your Blogspot.


Good luck and Good Luck!
Read More >> Eliminate Blogspot NAVbAR from header!

Kamis, 11 Agustus 2011

Promo dan sebar Virus Situs anda di seluruh Iklan gratis!

Kali ini saya akan memberikan beberapa situs yang sangat bagus dan cocok untuk newbi blog karena dapat kita peroleh dengan gratis,,ini semua terinspirasi oleh diri saya sendiri yang berhasil meningkatkan polularitas situs saya dengan cepat walaupun tanpa posting perhari pun

tapi semua hancur saat google memvonis situs saya dengan kata Banned<kesalahan saya

tapi semua situs ini ada valid bagi google dan gratis,

Situs Iklan Baris Lainnya


Berikut adalah beberapa situs iklan baris lain yang patut juga anda coba untuk mempromosikan produk/jasa/situs anda dengan efektif!




Read More >> Promo dan sebar Virus Situs anda di seluruh Iklan gratis!

Rabu, 10 Agustus 2011

Think twice in deciding a free domain

in this post I heard from a friend of mine, who said that co.ccdomains in deindex by google but I also believe it is actually less,but after a few days to hear the sudden this blog is not indexedanymore as google and other search engines others, why searchengines go to deindeks blog? as a benchmark average of eachsearch engine is google, well what would the word if it happens,but do not worry may deindeks co.cc already ended so no need to really worry about it,

Remember that just happens more to blogs that use auto submitsearch engines and social networking
essentially we must be honest in building a blog
without cheating at all

Just posting this again today because I can not think fasting is much more to create and link the sentences

thanks




Read More >> Think twice in deciding a free domain

Mengkompres Blog agar loading cepat

Hari ini saya terbangun dari tidur mendengar orang-orang membangunkan sahur,,,sebelum itu saya mendapatkan ide postingan untuk blog ini yaitu:baca aja diatas,,hahahaha

Kompres Code CSS Untuk Mempercepat Loading Blog, kecepatan loading blog adalah salah satu bagian dari SEO kenapa? ya kebayang dong ketika seseorang membuka blog kita loadingnya sangat lambat sudah barang tentu langsung gerak mouse dan close wah sayangkan dan pasti males mau berkunjung kembali ke blog kita. banyak cara untuk mencapainya agar blog kita cepat dan mudah diakses, pokoknya yang SEO Friendly deh lengkapnya cari di google deh,.hhehehe
untuk Mempercepat Loading blog ada beberapa cara diantaranya yaitu mempercepat loading blog dengan CSS external berupa file Css yang kita upload di webhosting maupun dengan cara mengkompress kode CSS kita baik manual maupun otomatis bahkan bisa juga dengan kode HTML-nya juga dikompress. lebih jelasnya lagi mendingan sambil praktek aja ya, kali ini khusus untuk kompress code CSS agar loading blog kita cepat. untuk membandingkannya sebaiknya cek dulu kecepatan blognya disini lalu bandingkan setelah dikompress.
  1. buka akun blogger sobat masuk ke layout pilih edit html kemudian download sebagai jaga-jaga kalau nanti ada yang error.
  2. copy semua kode CSS dari setelah kode <b:skin><![CDATA[ sampai pada kode sebelum ]]></b:skin>
  3. kompress kodenya di CSS Kompressor dengan pilihan Compression mode = pilih ‘Normal’ Comment handling = pilih ‘Don’t strip any comments’. sedangkan untuk Compression mode = pilih ‘Super Compact’ Comment handling = pilih ‘Strip all any comments’ akan lebih bagus lagi tapi mungkin akan sedikit merubah pada blog anda.
  4. paste-kan kembali diantara kode pada step ke-2 hasil compress tadi
  5. simpan dan tes kembali kecepatanya lalu lihat blog anda tentunya akan semakin cepaat loadingnya. ini sudah saya praktekkan di beberapa blog saya dan hasilnya bagus.
sampai disitu sudah cukup tapi ada yang lebih lagi kalo dirasa masih kurang ini langkahnya:
  1. kompress kode CSS seperti diatas jika belum dikompress kalo perlu mode Super Compact.
  2. copy semua code diantara kode <body> ……………………………. </body>
  3. buka HTML Compressor kompress lalu copy dan pastekan diantara kode pada no-2 diatas.
  4. simpan dan lihat hasilnya.
sebagai catatan kode pada blog kita akan kelihatan berantakan tapi tenang itu dikarenakan codenya tanpa spasi kalau mau rapi ya manual bercanda jangan marah ya,,hehehe. selamat mencoba ya semoga sukses dan pengunjungnya kesengsem sama loadingnya.

buat next gw bakal lanjutin yaitu kompres javascript!!


Read More >> Mengkompres Blog agar loading cepat

Selasa, 09 Agustus 2011

Be careful in determining how to promote your Website!



In this post I will give my little experience to the reader a newbie,because of the sensitivity of the search engines like google,yahoo, and bing very high, therefore I am affected by it and as a result of this blog was banned, I was thinking of ways and finallyreplace the domain name of this blog and got away withselection google, but the result is we have to start all over again

to know that your blog or your website banned or not I will give you a site that is Iwebtools.com tools
in addition to checking the status of your blog, there are also many other tools that can be very useful to optimize your SEO

but if you want or choose a google account can accesswebsmaster and see if your blog is banned or not

Just short of a feeling I might be able to escape from the searchengine selection banned in because it's probably just luck ...thanks

Read More >> Be careful in determining how to promote your Website!

Senin, 08 Agustus 2011

Sepintas Search Engine Optimizer(SEO)

Mungkin Artikel ini sudah sangat banyak kita jumpai di Search engine dimana-mana.....Yahh mungkin para blogger ingin memberikan sedikit ilmu kepada anda atau juga mungkin hanya kedok belaka yang ingin dipuji dan menaikkan popularitas blognya,seperti yang memberikan link untuk melihat artikel tersebut terus kita dituntun ke blog yang gak tau asal usulnya dan kebenarannya,,,,yah namanya juga usaha orang ya,,gk usa di ambil pusing aja enjoy aja,,,

Let's Begin,,,kata-kata voldemorlt di HP part 2,,,inspirasi gw,segera mulai apapun dengan usaha keras,bagi para blogger yang ingin mendongkrak terus blognya selalu melakukan 2 cara,,Evil  or Good,,

Seperti kata-kata diatas sobat blogger dapat melakukan 2 cara yaitu:1.SEO black hat,,2.SEO white hat
Apa itu.....???
SEO black hat yaitu para webmaster mencoba untuk menguasai sebuah keyword tetapi dengan artikel atau post yang tidak relevan dengan keyword tersebut. Sedangkan unutk SEO white hat, para web master mencoba untuk membuat artikel atau post sebaik mungkin dan unik agar berbeda dengan yang lain yang membuat artikel atau post tersebut mempunyai nilai tersendiri di robot search engine.

Terserah sobat mo pilih yang mana,,,tapi gw punya masukan buat para blogger-blogger yang cinta Good
1.Berusaha membuat artikel atau post yang seunik mungkin dengan menggunakan kata-kata sendiri. Bukan tidak boleh melakukan copas dari situs tetangga, tapi hal tersebut tidak baik dan hanya bersifat sementara. Kalau memang “terpaksa” copas, diusahakan untuk diberikan beberapa modifikasi agar membedakan dengan artikel atau post aslinya.
2.Mencari backlink yang relevan dengan postingan yang ada. Untuk backlink dari situs sendiri saya menggunakan plugin yang sudah ada, Related Post ( YARP ). Untuk backlink dari situs tetangga, mencari web atau blog yang mempunyai topik serupa. Disini bisa dilakukan teknik SEO black hat dan SEO white hat. Dengan SEO black hat, kita secara brutal mencari backlink dari berbagai situs baik itu relevan dengan postingan kita atau tidak. Berbeda dengan SEO white hat, kita secara alami mencari artikel atau posting dari situs tetangga yang relevan.


3.Memberikan penekanan-penekanan terhadap isi tulisan kita. Hal ini terlihat dari adanya suatu kata atau phrase yang dicetak tebal atau miring.
4.Jika postingan kita menggunakan gambar, maka jangan lupa untuk memberikan title dan alt dari gambar tersebut yang relevan dengan judul postingan.


5.Memberikan tag post yang sesuai dengan judul dan topik. Seperti postingan ini, saya memberikan tag “search engine optimizer” dan “SEO”.

6.Berdoalah agar pengguna internet mampir ke situs anda, hehehehe.

SEO yang saya gunakan untuk situs ini. Masih banyak sekali teknik-teknik yang ada dan bisa dieksplorasi sendiri oleh webmaster. Silahkan mencoba dan mencoba sampai Sobar menemukan teknik yang benar-benar cocok untuk sobat semua..See You......

Read More >> Sepintas Search Engine Optimizer(SEO)

Kamis, 14 Juli 2011

Pentingnya Memperbaiki Error Pada Widget Blog Archive

Masih berhubungan dengan masalah ketidak-validan template Blogger dimata Validator W3, kali ini ada sedikit info tentang widget Blog Archive atau Arsip Blog, yang mungkin saat ini juga sedang kalian pasang di blog kalian. Widget ini mengandung banyak Error jika ditampilkan dalam bentuk Hirearcy. Dan hal ini tentu saja semakin membuat blog kita tidak valid.
Hal ini disebabkan karena kode pemanggilan database blogger yang memakai huruf besar dalam penulisannya. Dalam struktur template yang valid, kode-kode javascript dan juga database harusnya hanya menggunakan huruf kecil.
Sayangnya, kita ngga akan bisa memperbaiki penulisan kode tersebut, karena kode tersebut ditanamkan pada mesin Blogger, dimana stylesheet tersebut adalah kode default untuk semua pengguna mesin Blogger. Sampai saat ini, satu-satunya cara untuk mengatasi masalah Error pada Widget ini, adalah dengan mengganti jenis tampilannya menjadi Flat.
So, ada baiknya kalian juga memperhatikan mengenai masalah kevalidan widget yang satu ini di blog kalian. Kenapa? karena semakin valid blog kita, akan semakin mudah juga bagi Bot dari Search Engine dalam mengindeks blog kita.
Semakin mudah search engine mengindeks konten blog kita, semakin besar juga peluang blog kita menduduki Top 10 hasil pencarian pada search engine kan?
Happy Blogging..
Read More >> Pentingnya Memperbaiki Error Pada Widget Blog Archive

Mempercepat Loading Form Komentar

Selain mengandung banyak error dan ngga valid XTML, sebenarnya form komentar default blogger juga mempunyai permasalahan lain. Terdapat kejanggalan dalam cara penulisan kode pemanggilan iframe form tersebut. Kenapa gw bilang janggal ?, karna pemanggilan iframenya dibuat terpisah menjadi dua bagian.
formkomentar
Kode src yang biasanya digunakan untuk memanggil data external, entah kenapa dibuat terpisah dengan tautan link menuju halaman form komentar yang asli di Blogger. Dan ini membuat loading form komentar menjadi lambat.
Efeknya mungkin ngga akan terlihat ketika pengunjung membaca konten post kita sampai habis terlebih dahulu. Why?, karna saat dia selesai membaca artikel, form komentar memang udah berhasil di loading dengan sempurna. Tapi, kalo kita bandingkan lama loading form komentar dengan widget-widget lainnya, dijamin pasti akan terlihat seberapa lemotnya iframe tersebut.
Seringkali, elemen sidebar lebih duluan tampil dibanding form komentar. Hal ini tentu saja membingungkan, karna seharusnya, form komentar adalah elemen yang tampil pertama kali setelah konten post, sesuai dengan letak kodenya yang berada persis dibawah kode main post blog. Baru setelah itu, kode sidebar dan footer.
Dan kalo blog kalian mengalami masalah yang persis seperti pembahasan sebelumnya, berikut ini ada cara untuk memperbaiki "kejanggalan" form komentar tersebut.
1. Masuk ke menu Edit HTML blog kalian, kemudian berikan tanda centang (check mark) pada kolom Expand Widget Template. (jangan lupa untuk membackup blog terlebih dahulu, untuk berjaga-jaga dari kesalahan nantinya)
2. Carilah kode seperti ini di template kalian :
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
3. Perhatikan kode diatas. Kode data:post.commentFormIframeSrc dan src yang seharusnya bisa ditulis bersamaan, malah dibuat terpisah, dengan target src iframe yang dibiarkan kosong.
Dan karna browser biasanya cenderung lambat dalam merespon kode src yang null alias kosong, maka kita harus mengganti struktur penulisannya menjadi lebih benar. Bagaimana caranya?
--> Pindahkan kode data:post.commentFormIframeSrc kedalam target src yang kosong, seperti ini :
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='data:post.commentFormIframeSrc' width='100%'/>
4. Save template, dan cek kinerja form komentar kalian sekarang.
Read More >> Mempercepat Loading Form Komentar

Mengkompres Gambar Agar Blog Tetap Indah dan Ringan

Kehadiran image/gambar dalam sebuah situs memang sangat dibutuhkan. Selain memperindah, sebuah gambar juga mampu berkata lebih banyak ketimbang teks yang berjibun di situs kita. Terlebih jika sebuah situs berfokus kepada konten mengenai tutorial, gambar adalah sebuah konten wajib yang harus ada didalam postingannya.
Tapi permasalahannya menjadi berbeda ketika sebuah situs akhirnya menjadi berat, lantaran gambar-gambarnya yang berukuran besar. Ini bisa dilihat pada situs-situs mengenai tutorial photoshop, seperti psdtuts, photoshoplady, dsb.

Adakah cara mengatasinya?

Untuk yang mempunyai program Photoshop pada komputernya, kalian bisa menggunakan pilihan Save For Web Devices (CTRL+SHIFT+ALT+S) yang sudah ada. Tools yang disediakan ini mampu mengecilkan ukuran file gambar, dengan menurunkan kualitas gambar ke kualitas yang paling mendekati gambar asli.
Berikut adalah contoh hasil gambar yang dikompress menggunakan Save for Web Devices :

Jay chou2  

Gambar disebelah kiri berukuran 30kb, dan setelah dikompress, ukurannya menjadi hanya 14kb saja. Hasilnya tidak terlalu jauh berbeda kan dengan yang aslinya?
Lalu bagaimana dengan yang ngga punya sotosop ? kalian bisa memakai software Image Resizer sebagai alternatif.
Dari hasil uji coba, software yang satu ini bisa menghasilkan kualitas gambar yang ngga jauh beda dengan yang dihasilkan oleh tools Save for Web Devices nya photoshop. Cara pakainya pun mudah koq.
1. Download dulu softwarenya melalui link ini :
http://www.ziddu.com/download/12644093/ImageResizer_Portable_4.0.1.5_Multilingual.paf.exe.html (7mb)
2. Jalankan file installernya.
3. Kalo udah, jalankan deh programnya.
software-image-resizer
4. Dimenu utama, masukkan file gambar yang ingin kalian perkecil, kemudian tekan tombol next untuk masuk ke pengaturan selanjutnya.
software-image-resizer-2
Pada menu pengaturan, pilihan resize yang di berikan sangat lengkap. Kalian bisa merubah ukurannya sesuai dengan standar profile ataupun dengan resolusi yang kalian inginkan sendiri. Kemudian, juga ada pilihan preview untuk melihat bagaimana hasil gambar yang akan dihasilkan nantinya.
Pengen berimprovisasi lebih dengan gambar yang kalian resize tersebut?, kalian bisa memasukkan efek ke dalamnya, dan masih banyak lagi fitur-fitur lainnya. Pokoke, software ini bisa dibilang software wajib untuk kalian yang ingin blognnya tetap ringan walaupun memakai image yang lumayan banyak.
Read More >> Mengkompres Gambar Agar Blog Tetap Indah dan Ringan

Cara Memasang Template Valid XHTML

Ada beberapa hal penting yang harus Anda lakukan sebelum menginstal template ini di blog Anda.
1. Hal pertama yang harus Anda lakukan adalah meng-backup semua widget yang ada pada template Anda yang lama. Kenapa? karena kita akan mengatur ulang semua kode error pada template dengan cara menghapus bagian <body> htmlnya.
Jika tidak dibackup, nantinya anda akan kesulitan ketika memasangnya kembali. Jadi, pastikan Anda sudah membuat backup semua widget yang ada.
2. Masuk ke menu Design -> Edit HTML, kemudian beri tanda centang pada kotak Expand Template Widget.

Selanjutnya, hapus semua kode yang berada antara <body> dengan </body>
<body> Hapus semua kode yang ada di bagian ini </body>
Save template, dan pilih Hapus Widget (delete widget) jika ada warning yang muncul.
3. Ekstrak file zip template yang telah anda download sebelumnya, dan upload file XML-nya ke blog Anda. Jika peringatan muncul lagi, pilih Hapus opsi Navbar.
4. Sekarang, masuklah ke menu Page Elements, dan masukkan kembali semua widget yang sebelumnya sudah anda backup. Setelah itu, beralih ke menu Settings -> Basic, dan ubahlah pengaturan untuk Show Quick Editing menjadi No

5. Kembali lagi ke Edit HTML (Beri tanda centang pada Expand Widget Template). Gunakan CTRL + F untuk mencari kode <b:include name='quickedit'/>, dan hapus semua kode tersebut dari template anda.
6. Jika anda menggunakan widget arsip blog dari blogger, jangan menggunakan tampilan hirearcy. Anda sebaiknya menggunakan tampilan Flat.
7. Simpan template Anda, dan kunjungi www.validator.w3.org untuk memeriksa blog Anda.
Apakah blog Anda valid sekarang?

Apa yang harus dilakukan agar template tetap valid?

1. Jika Anda menggunakan fitur Jump Break (read more) default dari blogger, pastikan untuk mengubah kode
<!--more--> menjadi <!-- more --> pada mode Edit HTML sebelum anda mempublikasikan post. (berikan spasi pada teks "more")
2. Jangan menaruh gambar pada posting yang muncul di halaman depan (jika menggunakan fitur Read More dari Blogger). Gambar harus ditempatkan setelah kode <!-- more -->
3. Selalu berikan tag alt pada setiap gambar di blog Anda, termasuk gambar pada postingan.
4. Ingatlah untuk menghapus kode <b:include name='quickedit'/>, setelah Anda menginstal sebuah widget baru di blog Anda.
Read More >> Cara Memasang Template Valid XHTML