Your Ad Here

Minggu, 31 Januari 2010

Template Tutorial

Template Tutorial


Make Your Website Redesign SEO Friendly!

Posted: 29 Jan 2010 11:59 PM PST

Website design or redesign, both the processes have one purpose – to establish a strong web presence and make the website popular on the world wide web. And online popularity is synonymous with only search engine optimization.

Here are some SEO tips to make sure that you attract good amounts of visitor traffic post the design and redesign process.

Analyze your Web Traffic

Before the launch of your website, make sure you install a web analytic program on your current website. Note the existing traffic sources and make sure you retain them while reorganizing the contents of your website and redesigning it.

Optimize the URLs

Whether you are upgrading from a static website to a dynamic website or you are just moving from a dynamic one to another, pay attention to the URLs of the web pages. Avoid long scripts and instead use short and descriptive URLs that contain keywords of your website. This will not help your visitors to make sense but also wins favors with the search engines.

Redirect Non-Functional Links

For all the web pages that you decide to delete during the redesign process and all the URLs that will subsequently become non functional, make sure you place permanent redirects. When someone requests for the old pages, permanent redirects send out browser requests that direct them to the new pages. Permanent redirects work well for pages that have been split up, combined or shifted someplace else.

Think well before your delete web pages altogether. All the associated search engine rankings and incoming links will be lost as well. Moreover, all the websites that have linked to the deleted pages will have to update the broken links at their end and this will erode your online credibility.

Include a Google Sitemap

Create a XML file for the Google sitemap and place it in the roots of your website. Google sitemaps are customized sitemaps for Google that lets its crawlers index the included links and pages more easily and efficiently.

Customize the HTML Tags

The content management system of your website should allow you to customize your web pages including the page titles, meta descriptions and keyword fields. You can include your relevant keywords in these tags in order to increase your appeal with search engines.

Use Semantic Markup Codes

Semantic markup means that your HTML and CSS codes are valid, accessible and conforms to the W3C standards. By making your web pages semantic, you can be sure that the textual contents on your website makes sense even without the images, color schemes, branding, style and design. Because this is how search engines view websites. Semantic markup also includes HTML tags that are loaded with information like the headline specifications, title tags, page titles etc. The content structure along with the semantic markup is what supports the website content to be used for further use.

Monitor after Website Launch

Search engine optimization is an ongoing process. It requires you to monitor your website on regular basis and optimize it across the ever-evolving web. After you have formally launched your website, use the web analytics software to analyze its performance in search engine results and make appropriate improvisations.

Blog Tips and Strategies

Posted: 29 Jan 2010 11:57 PM PST

Even though the internet is a fast paced environment and its getting harder and harder for the average blogger to keep up with it all, fortunately, some blog strategies have remained the same. Here's a reminder, along with a few blog tips.

  • Blog Tips And Strategies
  • Posting Tips
  • Avoid large blocks of text

Be sure to break up your article into readable bites. Most people who use the internet are scanners. So make sure you use descriptive headings within your post to catch their eye. Keep it focused and as short as possible. Try and find a picture that is relevant, to place within your article.

Check Your Spelling and Editing

Misspelling words even happens with the pros and they are given a certain amount of leeway. But for unknown writers it is a stab at their credibility. It looks as if you don't really care, so why should your reader?

Post Regularly

Try and set a regular posting rhythm. Not only will you keep your regular visitors interested, you will also keep the interest of the search engines and their bots. Fresh content equals better search engine rankings and more visitors.

Make Sure Your Post Titles Are What they Say They Are

The search engines read them and then sort and rank them accordingly. That is what is offered up to people who are searching for that particular information. Don't let either of them down.

Include A Signature and A Post Date

Contrary to what you may believe, your posts are not always timeless. Letting your reader know when your article was posted also lets them know how long you have been at it and can give you more credibility. Your signature lets them know exactly who wrote the post.

Other Blog Tips

Include An Author Bio and Picture.

People like to put a face on the writer and their bio gives them a sense of what they are all about. Now unless you are writing exclusively about yourself and your life, don't put out too much personal information. Once you post it out there on the net, it's pretty much out there for good. Even if you decide to delete information later, there are ways for other people to recapture it

Bad Links

Nothing is more frustrating to your visitor when they click on a link that takes them nowhere, or when they are redirected to something completely else.

Keep You Blog Focused

Don't try to be everything to everybody. Just focus on your targeted audience.

Your RSS Button

Be sure to have one, and that it is easy to find.

Sidebar Content And Links

Keep everything relevant. Studies have shown that offering too many choices to your readers is too confusing and they are less likely to click on them.

The Overall Best Blog Strategy

Own Your Own Domain Name

There are many services that host your blog and give you a domain name for free, and that's a great opportunity to get started. But what about down the road? Its always best to own your own domain name and pay for inexpensive hosting. This way you will retain control over your content and internet destiny, not someone else.

Follow these basic blog tips and strategies, and then improve on them. If you want to be successful at anything, remember the basics and keep learning!

blog tutorial

blog tutorial


Gabung di KR Forum Yuk!

Posted: 29 Jan 2010 11:55 PM PST

Logo-KR-Forum Sudah sejak lama teman-teman kang Rohman menyarankan agar kang Rohman membuat sebuah forum sebagai wadah diskusi seputar blog dan bisnis di internet. Bukannya kang Rohman enggan untuk membuat forum, namun tentu saja harus di pikirkan secara masak-masak mengingat sebuah forum memerlukan space serta bandwidth hosting yang cukup besar.

Namun, sepertinya kang Rohman mencoba untuk merealisasikan permintaan dari teman-teman dengan membuat sebuah forum yang diberi nama KR Forum. KR Forum saat ini masih dalam tahap beta atau percobaan, sehingga ada kemungkinan anda sedikit kurang nyaman dalam penggunaannya, namun tentu saja Forum ini akan terus berbenah agar rekan-rekan menjadi nyaman. Dan tentunya mohon masukan dari teman-teman tentang KR Forum tersebut mengingat kang Rohman belum begitu terbiasa mengelola sebuah Forum.

Selain itu, kini Kangrohman.com mencoba tampil dengan format baru dengan konsep mengetengahkan informasi seputar teknologi yang mungkin akan di minati oleh teman-teman semua.

Akhir kata, gabung Di KR Forum yuk!


Blogger Templates Collection

Blogger Templates Collection


Missed Spring

Posted: 30 Jan 2010 05:04 AM PST

Theme Preview Theme Download Designed By WP Theme Creator XML By Blogger ThemesDATE -------...

[[ This is a content summary only. Visit my website for full links, other content, and more! ]]


Shine

Posted: 30 Jan 2010 04:52 AM PST

Theme Download Designed By Woo Themes XML By Templates Block DATE ------- Install The...

[[ This is a content summary only. Visit my website for full links, other content, and more! ]]


Amatullah's Page

Amatullah's Page


Cara Menambahkan Icons Social Bookmark Pada Postingan

Posted: 30 Jan 2010 06:42 AM PST

Beberapa kali blogwalking ke blog teman-teman tidak  jarang saya menemukan kenyataan bahwa masih banyak blog yang belum memasang tombol share atau icons sosial bookmark pada blog atau postingan. Entah karena belum mengerti manfaat dari widget sosialbookmark ini atau justru karena tidak mengetahui cara memasang widget ini pada template blogger. Padahal banyak keuntungan yang dapat kita peroleh dari widget share ini, diantaranya jika pengunjung mensubmit artikel atau blog kita pada salah satu situs sosial bookmark tentu hal ini akan menjadi sarana promosi blog yang baik, meningkatkan traffic visitors, juga perolehan backlink. yang tentunya akan mendongkrak page rank google dan alexa blog or web sobat.

Nah tutorial kali ini, saya ingin berbagi trik cara menembahkan sosial bookmark pada postingan. Karena trik ini saya terapkan pada blog saya Jejak-Jejak Cinta jadi saya memilih icons sosial bookmark khusus seperti screenshoot berikut:

image

Bagi teman-teman yang ingin mengganti icons sosial bookmark diatas silahkan saja kembangkan kreatifitas sobat, berikut ini beberapa icon lainnya yang bisa sobat gunakan

      

Oke, berikut langkah-langkah cara menembahkan sosial bookmark pada postingan

  • Dalam keadaan log in pada account blogger sobat>>> Klik Tata Letak>>> Edit HTML>>> Expand Template Widget>>> Cari kode ]]></b:skin>
  • Sekarang letakkan kode berikut diatas ]]></b:skin>
/* Social Bookmark
----------------------------------------------- */
div.sociable { margin: 16px 0 0 0; text-align: center; }

span.sociable_tagline { position: relative; }
span.sociable_tagline span { display: none; width: 14em; }
span.sociable_tagline:hover span {
position: absolute;
display: block;
top: -5em;
background: #ffe;
border: 1px solid #ccc;
color: black;
line-height: 1.25em;
}
.sociable span {
display: block;
}
.sociable ul {
display: inline;
margin: 0 !important;
padding: 0 !important;
}
.sociable li {
background: none;
display: inline;
list-style-type: none;
margin: 0;
padding: 1px;
}
.sociable ul li:before { content: ""; }
.sociable img {
float: none;
width: 35px;
height: 35px;
border: 0;
margin: 5px 5px; /*jarak antar icons*/
padding: 0;
}

  • Letakkan kode berikut dibawah kode <data:post.body/>

<!-- Star Social Bookmark --><div class='sociable'>
<span class='sociable_tagline'>
</span>
<li><a expr:href='&quot;http://digg.com/submit?phase=2&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Digg'><img alt='Digg' class='sociable-hovers' src='http://2.bp.blogspot.com/_5yyQgf23Pco/S1ipyQjafCI/AAAAAAAABIY/X5rAbYhpfno/s320/digg.png' title='Digg'/></a></li>
<li><a expr:href='&quot;http://delicious.com/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Delicious'><img alt='Delicious' class='sociable-hovers' src='http://4.bp.blogspot.com/_5yyQgf23Pco/S1ips7jKTcI/AAAAAAAABIA/AwTGeTNl1tQ/s320/delicious.png' title='Delicious'/></a></li>
<li><a expr:href='&quot;http://www.facebook.com/share.php?u=&quot; + data:post.url + &quot;&amp;t=&quot; + data:post.title' target='_blank' title='Facebook'><img alt='Facebook' class='sociable-hovers' src='http://1.bp.blogspot.com/_5yyQgf23Pco/S1ip0OGyhCI/AAAAAAAABIo/oZPuLgBkpr8/s320/facebook.png' title='Facebook'/></a></li>
<li><a expr:href='&quot;http://www.mixx.com/submit?page_url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Mixx'><img alt='Mixx' class='sociable-hovers' src='http://4.bp.blogspot.com/_5yyQgf23Pco/S1i9Gk0HenI/AAAAAAAABLQ/D5BNFpKtb9o/s320/mixx.png' title='Mixx'/></a></li>
<li><a expr:href='&quot;http://google.com/bookmarks/mark?op=edit&amp;bkmk=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Google'><img alt='Google' class='sociable-hovers' src='http://2.bp.blogspot.com/_5yyQgf23Pco/S1ip2m9pNBI/AAAAAAAABJA/Llz8rTUkUmQ/s320/google.png' title='Google'/></a></li>
<li><a expr:href='&quot;http://www.furl.net/storeIt.jsp?t=&quot; + data:post.title + &quot;&amp;u=&quot; + data:post.url' target='_blank' title='Furl'><img alt='Furl' class='sociable-hovers' src='http://2.bp.blogspot.com/_5yyQgf23Pco/S1ip1iQFZxI/AAAAAAAABI4/kwhxzaMQupE/s320/furl.png' title='Furl'/></a></li>
<li><a expr:href='&quot;http://reddit.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Reddit'><img alt='Reddit' class='sociable-hovers' src='http://2.bp.blogspot.com/_5yyQgf23Pco/S1jAk3GYBOI/AAAAAAAABLY/BuLB3qK0U1E/s320/reddit.png' title='Reddit'/></a></li>
<li><a expr:href='&quot;http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='StumbleUpon'><img alt='StumbleUpon' class='sociable-hovers' src='http://1.bp.blogspot.com/_5yyQgf23Pco/S1i8IxdjmdI/AAAAAAAABLI/6Is3ZzZQTDI/s320/stumble.png' title='StumbleUpon'/></a></li>
<li><a expr:href='&quot;http://technorati.com/faves?add=&quot; + data:post.url' target='_blank' title='Technorati'><img alt='Technorati' class='sociable-hovers' src='http://3.bp.blogspot.com/_5yyQgf23Pco/S1iqFfVXSyI/AAAAAAAABKQ/8mO0V0oaLtM/s320/technorati.png' title='Technorati'/></a></li>
</div> <!-- Indahnya Berbagi. http://amatullah83.blogspot.com--><!-- End Social Bookmark -->

  • Simpan template. Selesai

I hope you enjoyed this tutorial comments are welcome see my result

Mas Doyok!

Mas Doyok!


Membuat Label Di Atas Judul Postingan Untuk Mempercantik Blog

Posted: 29 Jan 2010 03:24 PM PST

Banyak cara yang dilakukan untuk membuat blog berbeda. Jika kita jeli, kita bisa melakukan beberpaa perubahan dasar yang sangat mudah sehingga blog kita tampil berbeda dan juga menraik. Kali ini saya memberikan trik bagaiamana membuat label berada di atas judul postingan. PErhatikan foto di bawah ini untuk lebih jelas.

 
Untuk membuat seperti itu sangat mudah.
- Login ke blogger
- Tata Letak
- Edit HTML
- Centang Expand Templates Widget
- CSS untuk label agar lebih menarik.
Tambahkan kode berikut ini di atas ]]></b:skin>
.labelpost{
padding:5px 5px 5px 0;
margin:0;
font-size:16px;
color:#000;
font-weight:bold;
line-height:1.4em;
}

- Kemudian letakkan kode berwarana berikut ini di bawah <div class='post hentry'>
<div class='labelpost'><b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'> <a expr:href='data:label.url' rel='tag'><data:label.name/></a> <b:if cond='data:label.isLast != &quot;true&quot;'> , </b:if> </b:loop> </b:if> &#187; </div>

Yang berwarna merah pada ke dua kode adalah bentuk kecocokan target. Anda bisa menggantinya. Semoga bermanfaat.

Kontes SEO Beritajitu.com SCAM!!

Posted: 29 Jan 2010 12:30 PM PST

http://3.bp.blogspot.com/_GxuemnBfQlA/S04Bc13z7cI/AAAAAAAAA_Y/oY8d0ocjVpY/s320/scam-main_Full.jpgMengingat :
Bahwa banyaknya blogger Indonesia yang telah mengikuti kontes seo mengembalikan jati diri bangsa yang dimulai tanggal 14 Juli 2009 s.d 21 Desember 2009 ( selama 160 hari)
Menimbang :
  • Tidak ada kejelasan mengenai tanggal dan waktu penyerahan hadiah
  • Tidak pernah diresponnya email, telepon ataupun Ym! dari para pemenang dan blogger indonesia
Memutuskan :
Kami para peserta kontes seo mengembalikan jati diri bangsa memutuskan bahwa kontes seo mengembalikan jati diri bangsa yang diselenggarakan oleh beritajitu.com adalah SCAM!!
Keputusan ini dapat kami tarik kembali dengan memposting sebuah artikel postif bila hadiah telah kami terima dengan utuh sesuai kesepakatan awal.
Kami meminta kepada segenap blogger Indonesia untuk memposting artikel ini diblog masing-masing atau di facebook masing-masing. (silakan di copy paste)

Semoga saja ini tidak akan terjadi lagi di kontes-kontes seo yang lain.

Sabtu, 30 Januari 2010

Will My Readers Leave If I Accept Guest Posts? - DailyBlogTips

Will My Readers Leave If I Accept Guest Posts? - DailyBlogTips


Will My Readers Leave If I Accept Guest Posts?

Posted: 29 Jan 2010 09:05 AM PST

questions and answersThis post is part of the Friday Q&A section. Just use the contact form if you want to submit a question.

Busing asks:

Are there more risks than benefits associated with swapping guest posts with competitor blogs? Could you find that regular readers call less often, having been directed away from your blog to one that actually better meets their needs? Is this more likely if your blog has a bigger following than the other blog?

Overall the risk you are talking about is the one of having your own visitors stop visiting your blog after they discover the one of a “competitor” through a guest post you accepted. Is this a real risk? In my opinion, no, and for several reasons.

First of all if your content is good (and it should be, else all other tactics will fail), your visitors will return no matter what. Even if all your posts contain links to other useful blogs, sites and resources your readers will come back because they’ll want more of that. If your content adds value to your readers, they are coming back no matter what.

The second reason is the fact that bloggers on your same niche should be seen as partners rather than competitors. If you had a website selling a product or service, then yes another website on the same niche should be seen as a competitor, because once the visitor purchases the product of the competitor he won’t be looking for what you have to offer anymore.

With content based websites, however, the same is not true. Web visitors can consume a very big amount of information, so the fact that a visitor will read another blog on your same niche does not mean that he won’t read yours, too. He can read both. Heck, if he is interested in the niche he will probably read ALL the good quality blogs around.

On top of that there is also the fact that blogs on your same niche will make the niche grow. If you blog about green tea, for example, it would be a positive thing if other blogs about green tea popped around, because they would bring more readers to the niche, would get more people exposed to it, and in the long run you would gain from that effect as well.

In summary: I would not be worried about accepting guest posts from blogs on your same niche. You should see this as an opportunity to network and grow together with your fellow bloggers.


Original Post: Will My Readers Leave If I Accept Guest Posts?

Mas Doyok!

Mas Doyok!


Perbedaan Blogger atau Wordpress

Posted: 29 Jan 2010 09:00 AM PST

Saat berniat blogging, mungkin anda bingung mau membuat blog dimana. Sebab banyak sekali pilihannya. Mulai dari blogger,wordpress,multiply, blogdrive, indosiar, boleh, detik, dan dagdigdug, dan lainnya.
Di antara sekian banyak pilihan tempat blogging itu, kali ini mari kita ulas dan obrolkan tentang dua penyedia blog yang paling banyak dipakai saat ini, Blogger.com dan wordpress.org.

Hal ini sama jika Anda menggunakan blog gratis Wordpress.com. Untuk yang satu ini lebih sensitif karena Anda dibatasi dalam berekspresi seperti memonetisasi dalam blog yang mengakibatkan blog Anda langsung disuspend.

Apa saja kesamaan keduanya? Dan apa pula yang menjadi kelebihan
keduanya? Dan sudah tepatkah pilihan anda dengan membuat blog
di blogger atau wordpress.org?

1. Mudah digunakan. Keduanya sama-sama mudah digunakan. Semudah anda mengetik di program pengolah kata. Sebelum posting dipublikasikan, anda pun bisa melihat review-nya terlebih dulu. Membuatnya pun tidak sulit. Kita tinggal mengikuti petunjuknya yang cuma dalam beberapa langkah, maka jadilah blog kita.
2. Tersedia pilihan template (theme). Keduanya sama-sama punya pilihan theme. Namun, secara jumlah, pilihan lebih banyak terdapat di Wordpress.

Meskipun sama-sama sebuah platform blog dan memiliki fungsi yang sama yaitu sebagai jurnal yang up to date, namun kedua platform tersebut memiliki banyak perbedaan.
Anda mungkin bertanya-tanya, apa sih perbedaannya?

Berikut perbedaan antara Blogger dan Wordpress :
1. Wordpress dapat mengimport postingan yang ada pada Blogger / Blogspot sebaliknya Blogger tidah bisa mengimport postingan yang ada pada Wordpress.
2. Wordpress menyediakan form komentar yang user friendly sedangkan Blogger agak ribet untuk memberikan sebuah komentar, tapi jika Anda bisa mensettingnya tentu saja bisa user friendly
3. Blogger menyediakan menu Drag Drop yang mudah untuk di gunakan, sedangkan Wordpress sulit Drag Drop edit element halaman.
4. Blogger support Google Adsense yang mudah untuk kita gunakan pada Edit elemat halaman, sedangkan Wordpress tidak mensupport Google Andsense, meskipun banyak yang menyediakan plugin google Adsense
5. Wordpress lebih unggul dalam kasus menanggulangi spam karena telah di lengkapi dengan plugin anti spam, Sedangkan Blogger dapat di lakukan dengan moderation order dari commenting systemnya.
6. Apabila Anda telah mempunyai domain dan hosting sendiri software Wordpress telah tersedia dan siap di install di cPanel Anda. Sedangkan Blogger tidak tersedia disana. Tetapi Anda juga bisa menggunakan domain Anda dan hosting pada Blogger.

Di samping itu, blogger memiliki keunggulan pada:
1. Bisa mengubah desain. Dengan mengedit berkas style (CSS), kita bisa mengubah desain seperti yang kita inginkan.
2. Bisa dibuat adsense. Mayoritas peraup uang dari Adsense yang menggunakan blog gratis, biasanya memakai blogger. Mungkin karena blogger dan adsense adalah sama-sama milik Google. Jadi lebih mudah untuk disetujui adsense-nya. Wordpress pun sebetulnya bisa, tapi harus memakai yang versi berbayar.

Sedang wordpress memiliki kelebihan antara lain:
1. Adanya fitur kategori. Adanya kategori akan mempermudah pemilik dan pengunjung blog. Pemilik blog mudah untuk menentukan cakupan topik yang akan dibahas. Bagi pengunjung, fitur ini memudahkan untuk mencari topik tertentu yang diminati. Di wordpress, fitur ini secara otomatis muncul. Di blogger pun sebetulnya bisa dimunculkan, tapi perlu sedikit usaha.
2. Mudah untuk berkomunikasi. Menurut saya ini merupakan salah satu kelebihan terpenting wordpress. Yaitu bisa melakukan pingback atau trackback. Sebab, pada hakikatnya setiap pemilik blog adalah makhluk sosial. Suka untuk bergaul dengan pemilik blog lainnya. Selain berkomentar, melakukan pingback dan trackback adalah cara lain berkomunikasi dengan pemilik blog lainnya.
3. Ada statistik. Di wordpress tersedia plug in yang bisa menampilkan statistik, baik secara harian, mingguan, maupun bulanan. Ada juga informasi tentang jumlah pengakses setiap halaman beserta kata kuncinya. Semua informasi ini penting untuk memantau perkembangan blog anda. Sehingga anda pun bisa mengambil tindakan tepat untuk perkembangan blog anda.


Jika Anda mencari solusi yang lebih permanen, gunakan Wordpress. Perlu Anda ketahui Wordpress selain yang gratisan juga ada yang versi berbayar yaitu Wordpress.org. saya sangat menyarankan menggunakan platform Wordpress.org untuk keperluan ngeblog Anda terutama yang digunakan untuk kebebasan berkspresi seperti monetisasi atau hal lainnya. Tapi saya ngga menyarankan untuk menggunakan blog untuk memuat hal-hal yang berbau spam, plagiatisme


Wordpress.org menawarkan script gratis yang bisa didownload di http://wordpress.org/download/latest.zip di mana Anda bisa menempatkan script tersebut pada server hosting sendiri. Untuk menggunakan platform wordpress.org tentunya Anda harus menyiapkan dana untuk domain dan hosting sekitar 250 ribu untuk satu tahun atau Anda bisa mencoba domain gratis di co.cc dan hosting gratis di byethost.com


Salah satu faktor yang sangat penting dari Wordpress.org ini adalah tersedianya banyak plugin-plugin gratis untuk meningkatkan performa blog. Plugin-plugin ini yang pasti tidak tersedia di blogger.com, jadi ini adalah perbedaan antara keduanya. ada plugin yang ditawarkan di Wordpress.org untuk membuat blog Anda lebih unggul pada mesin pencari dan banyak jenis plugin lainnya untuk berbagai kegunaan dibanding dengan blogger.com yang tidak memiliki plugin.

Satu hal lagi yang perlu diingat, inti perbedaan antara Wordpress dan blogger.com adalah bahwa dengan Wordpress Anda memiliki kontrol penuh atas blog Anda, sedangkan pada blogger.com Anda tidak memilikinya. Memiliki kontrol penuh blog Anda adalah hal paling penting yang harus Anda punya jika Anda membangun sebuah blog untuk keperluan bisnis dan jangka panjang.
Bagaimana dengan Anda? Mau menggunakan yang mana? Atau Anda masih bingung?

Membuat Halaman Penuh Tanpa Sidebar di Blogger/Blogspot Pada Halaman Tertentu

Posted: 28 Jan 2010 07:28 PM PST

Di awal postingan ini saya mempersilahkan Anda mengunjungi Lesehan Wae: Forum Blogger Tanya Jawab, dan cobalah diam beberapa saaat disana. Apa yang Anda dapatkan? Sebuah komunitas blogger, adanya interkasi bertanya suatu hal dan beberapa blogger segera menjawab. Itu tentu sudah pasti, namun jika kita lihat dari sisi penampilan, banyak blogger yang bertanya, "Bagaimana membuat halaman postingan itu penuh? sedangkan sidebar hilang..."



http://edgarkhachatryan.com/new/wp-content/uploads/2009/05/blog_logo1.jpg

Sebenarnya setiap kali ada yang bertanya saya sudah selalu mengarahkan mereka ke cara Membuat Header Berbeda Untuk Postingan Tertentu, namun masih banyak yang belum bisa mengerti. Baiklah akan saya bahas ulang dan semoga bisa ditangkap karena pada dasarnya cara kerjanya sama saja. Agar lebih jelas saya terangkan dahulu bagian-bagian kode dan cara penerapan di list akhir.

Ada Dua CSS
Seperti pada postingan terdahulu, jika kita menggunakan trik ini maka akan ada 2 css untuk satu id widget atau section. Yang pertama dipanggil tanpa syarat dalam keadaan umum. Yang kedua adalah dipanggil untuk syarat tertentu saja, dalam hal ini kita memberikan syarat untuk alamat postingan yang kita tentukan. Yang perlu diperhatikan ketika kita nanti menambah css jangan hilangkan css asli.

Lebar Area Postingan
Untuk mengatur lebar area postingan Anda harus mengetahui kodenya terlebih dahulu. Pada umumnya memiliki kode main-wrapper. Nah, yang perlu Anda ketahui, main-wrapper ini berada pada bagian outer-wrapper atau bisa hanya dengan kode wrap saja yang istilahnya sebagai wadah/nampan bagian-bagian template yang terdiri dari main wrapper dan sidebar. Oleh karena itu main-wrapper tidak boleh lebih lebar dari outer-wrapper. Saya misalkan kode-kode dari template minima. Jika pada bagian css ada titik-titik itu berarti kode css lain yang tidak saya tuliskan. Dalam hal ini yang saya sertakan adalah dalam hal lebar saja (berkode: width)
CSS Outer
 #outer-wrapper {
  width: 660px;
...............................
  }


CSS Main-wrapper
#main-wrapper {
  width: 410px;
...............................
  }

Nah, pada kode di atas lebar main-wrapper adalah 410px, lebih kecil dari lebar nampannya yakni 660px. Bukankah masih ada sisa? Ya kita pastikan sisa lebar itu adalah milik sidebar. Jika kita tulis cssnya
#sidebar-wrapper {
  width: 220px;
..............................
}

Jadi lebar area sidebar (220) ditambah area postingan (410) adalah 630px, masih lebih kecil dari batas yakni 660px. Sisa 30 px adalah untuk margin, yakni jarak antara tepi kiri dengan area postingan, jarak area postingan dengan sidebar dan jarak area sidebar dengan tepi kanan.

Nah, intinya ketika nantinya Anda ingin membuat lebar area postingan penuh maka dalam penentuan css Anda tidak boleh lebih lebar dari area wadahnya. Jika misal area outer-wrapper adalah 660px, maka sebaiknya Anda memberikan angka 640px untuk lebar pada postingan tertentu. Karena untuk pengaturan warna, garis dan lain-lain dibuat sama hanya ada efek melebar saja kita hanya membuat kode css lebar nantinya untuk postingan tertentu. Id Section sama hanya penempatan yang berbeda.
Misalkan kita tulis seperti ini:
#main-wrapper {
  width: 640px;
  }

Menghilangkan Sidebar
Karena jatah area wadah yang 660 px sudah diambil 640 px oleh area postingan, otomatis maka sidebar area tidak kebagian tempat dan akan jatuh ke bawah. Sekarang tugsa Anda adalah menghilangkannya. Seperti biasa kita gunakan kode display: none untuk menghilangkan suatu item. Jika tadi kita akan menambahkan satu css lagi untuk id area postingan, maka sekarangpun akan ada satu lagi css untuk id area sidebar yang nantinya anya dipanggil untuk postingan tertentu.
Penulisan css untuk menghilangkan sidebar:
#sidebar-wrapper {
  display: none;
}

Penerapan: Pembuatan Area Postingan Penuh dan Penghilangan Sidebar
Jika Anda sudah memahami penjabaran di atas, mari ktia lakukan penerapan langsung.
1. Login ke blogger
2. Tata Letak
3. Edit HTML
4. Cari kode </head>
5. Letakkan kode berikut ini di atas </head>
   <b:if cond='data:blog.url == &quot;http://urlpostingananda.com/urlpostingananda.html&quot;'>
    <style>
#sidebar{
display: none !important;
}
    #main-wrapper{
width: 640px;
    }
    </style>
    </b:if>
Ganti yang berwarna merah pertama dengan alamat postingan yang ingin Anda buat penuh area postingannya dan hilangkan sidebarnya. Ganti warna merah kedua dengan lebar yang telah Anda perhitungkan. Semoga bermanfaat......

Oke Time

Archives