Introducing Qawker For WordPress

One month ago, Gawker Media launch a full-blown re-design to all their blogs including Lifehacker and Gizmodo. Rather than going for a traditional post-above-post blog layout, their designers tried to reinvent the wheel. Although the new layout has received plenty of criticism from readers, I actually found the revamp quite refreshing. A handful of bugs, some compatibility issues, and slow speeds are partially to blame, but I’m sure developers are working to make improvements quickly as possible.

Like the original, this template features a two-pane interface with a full article on the left and a list of scrollable recent posts on the right. With a little jQuery magic managed to even get all the instant loading features working without having to force users to refresh pages. It also threw in support for comments and search. Working with the latest versions of Chrome, Firefox, Internet Explorer, Opera, and Safari.

This released for WordPress template, which appropriately named Qawker, into the official theme directory. This code is entirely open source, so feel free to make changes or improvements.

Links: Qawker Demo
Download: qawker.zip (v0.1.6)

source text : sahaskatta

Blog Mild Blogger Template

Template Name : Blog Mild
Template Author : Borneo Templates
Url Author : www.borneotemplates.com
Description : Blog Mild Blogger Template Specially designed for blogger lovers. Blog Mild has horiontal navigation with current menu, horizontal blog post and very fast loading page.
Designer : Herdiansyah Hamzah
Platform : Blogger/Blogspot

Easy Loading, Template Blogger

Untuk menggunakan template ini, caranya sangat sederhana. Namun ada beberapa hal yang perlu anda perhatikan pada beberapa bagian template ini, sehingga anda dapat memperoleh hasil yang maksimal. Template ini memberikan keunggulan, khususnya pada sisi kecepatan loading halaman. Hal ini dikarenakan template ini hanya menggunakan satu gambar saja yang digunakan di background body. Disamping itu template ini juga siap untuk adsense, yakni dibagian header dengan ukuran 728x90, sidebar dengan lebar 120px dan 300px serta kolom footter juga dengan lebar 300px.

Dibagian header template ini, terdapat dua kolom. Pertama adalah kolom untuk header dan deskripsi Anda disisi sebelah kiri. Ukuran lebar kolom ini adalah 240px, sedangkan tingginya tergantung Anda. Namun saya menyarangkan agar ukuran tinggi yang anda gunakan adalah 90px, agar seimbang dengan tinggi pada kolom kedua. Catatan penting, jika anda ingin memasang logo gambar dikolom header ini, silahkan membuat logo dengan background hitam. Sedangkan kolom kedua yang terdapat disebelah kanan, khusus untuk memasang widget dengan ukuran lebar 728px dan ukuran tinggi 90px, sangat cocok untuk memasang adsense Anda.

Untuk bagian navigasi, template ini memberikan Anda fasilitas navigasi mendatar dengan tampilan yang cukup sederhana namun enak dipandang mata. Navigasi template ini juga dilengkapi dengan fasilitas widget google search engine yang siap pakai. Anda tidak perlu melakukan apa-apa lagi. Untuk mengganti link url pada bagian navigas ini, silahkan buka tab edit html Anda (tidak perlu dicentang), dan cari kode menupic atau menuhorisontal. Silahkan ganti kode # dengan link yang anda inginkan.

Template ini juga sudah dilengkapi dengan teknik standar SEO. Anda tinggal mengganti atau memasang deskripsi dan kata kunci blog anda di bagian atas css template anda. Caranya, cari kata meta content di bagian atas dan ganti kata your description here dengan deskripsi blog anda, dan kata your keyword here dengan kata kunci blog anda

Display Blogger widget only on homepage

Usually, widgets in Blogger blogs are displayed in all pages. Now if you want to display Blogger widget only in home page, you have to edit your Blogger template with the following strip (in blue) of code. Here is HTML2 is my widget id for “Get posts by Email“. There may be different ids for different widgets.

In each case, <b:if cond='data:blog.url == data:blog.homepageUrl'> should be added to make them fixed to the home page.

<b:widget id='HTML2' locked='false' title='Get Posts By Email' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
    <data:content/>
  </div> 
 </b:if>  <b:include name='quickedit'/>
</b:includable>
</b:widget>
</div>

Open your blogger templates layout and then edit HTML.

Click on expand widget templates. With Ctrl+F search for each widget with its ids or given label.

Now paste the code as specified and save your template. The edited Blogger widget would appear only in the homepage.

Note : You can display Blogger widget in all pages except home page by altering above code (in blue) with this one.

<b:if cond='data:blog.pageType == 'item''>

Or you can display a Blogger widget only in a particular post page by changing it with following code.

<b:if cond='data:blog.url == 'blog post URL''>

So you have the control over the postion of  widgets in Blogger