Monday, April 25, 2011

[Panduan Artisteer] Membuat 2 Kolom Di Atas Posting

1. Masuk Design --> Edit Html

2. Klik "Expand Widget template"

3. Cari kode ]]></b:skin> dan masukkan kode berikut di atasnya :
.widget-atas-post {
margin:15px 0px 10px 0px;
padding:5px 0;
clear:both;
}

.widget-atas-post-kiri {
float:left;
width:49%;
margin-right:15px;
}

.widget-atas-post-kanan {
float:right;
width:49%;
}

4. Cari kode <div id='main-wrapper'> dan masukkan kode berikut dibawahnya :
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='widget-atas-post'>
<div class='widget-atas-post-kiri'>
Taruh kode widget disini
</div>
<div class='widget-atas-post-kanan'>
Taruh kode widget disini
</div>
</div>
</b:if>

5. Simpan dan lihat hasilnya

DEMO :
Lihat template blog saya di atas

[Panduan Artisteer] Masalah Histat Yang Tidak Bisa Dipasang

Kebetulan template yang saya buat dengan artisteer versi 2.5 ini ketika saya akan pasang Widget Counter Histat ternyata mengalami keanehan, dimana tiba-tiba blog saya menjadi hanya tampilan Histat saja yang keluar dalam keadaan layar penuh.
Apabila anda mengalami hal yang sama, maka simak trik sederhana berikut :
1. Masuk ke Histat seperti biasa dan pilih counter widget terserah anda

2. Perhatikan gambar berikut

3. Ada 4 bagian code antara lain standard, no javascript dan async.

4. Pilihlah xhtml atau async, copy codenya dan paste di Add widget seperti biasa

5. Selesai,

[Panduan Artisteer] Menambah 3 Kolom di Bawah Header

1. Masuk Design --> Edit Html

2. Klik "Expand Widget template"

3. Cari kode berikut :
<div class='art-content-layout'>
<div class='art-content-layout-row'>
4. Tambahkan kode berikut sebelum <div class='art-content-layout'>
<b:section class='sidebar' id='magazine-left2' showaddelement='yes'>
<b:widget id='Text512' locked='false' title='Column 1' type='Text'/>
</b:section>

<b:section class='sidebar' id='magazine-right2' showaddelement='yes'>
<b:widget id='Text522' locked='false' title='Column 2' type='Text'/>
</b:section>

<b:section class='sidebar' id='magazine-center2' showaddelement='yes'>
<b:widget id='Text532' locked='false' title='Column 3' type='Text'/>
</b:section>

<div style="clear: both;"></div>
5. Tambahkan kode berikut sebelum ]]></b:skin>
#magazine-left2 {
width: 33.33%;
float: left;
}
#magazine-right2 {
width: 33.33%;
float: right;
}
#magazine-center2 {
width: 33.33%;
float: right;
}
6. Preview terlebih dahulu, jika sukses simpan template anda
Provided by:


[Panduan Artisteer] Membubuhkan Tanda Tangan

Trik kali ini yaitu membubuhkan tanda tangan di akhir postingan kita. Tanda tangan tersebut bisa anda buat sendiri dengan menscan tanda tangan atau menggunakan my live signature.

1. Masuk Design --> Edit Html

2. Klik "Expand Widget template"

3. Cari kode berikut :
<data:post.body/>
4. Tambahkan kode berikut setelahnya :
<p><div align='left'><img src='URL TANDA TANGAN ANDA'/></div></p>
5. Ganti URL Tanda tangan anda dengan alamat URL anda,
Provided by :

[Panduan Artisteer] Hanya Menampilkan Judul di Homepage

Tahu Blog Kang Rohman?Nah seperti itulah trik kali ini, dimana di halaman utama hanya menampilkan judul postingan saja.
BACKUP TEMPLATE ANDA TERLEBIH DAHULU
1. Masuk Design --> Edit Html

2. Klik "Expand Widget template"

3. Cari kode berikut :
<data:post.body/>
4. Ganti kode di atas dengan :
<b:if cond='data:blog.pageType == "item"'>
<p><data:post.body/></p>
</b:if>
Preview template anda, jika sukse maka di halaman utama akan menampilkan judul postingan saja

Provided by

[Panduan Artisteer] Membuat Postingan Bergaya Magazine

BACKUP TEMPLATE ANDA DAHULU
1. Masuk ke layout --> edit html

2. Klik Expand "Widget Templates"

3. Cari (Ctrl+F) kode berikut :

.blog-pager{

4. Ganti dengan kode berikut :

.blog-pager{
width: 600px;
padding-top: 10px;
clear: both;
align: center;
}
5. Cari kode ]]></b:skin> ,tambahkan kode berikut setelahnya :
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<style>
.art-post {width: 327px; height: 320px; float: left; border: solid 1px #B7A971; overflow: hidden;}
</style>
</b:if>
</b:if>
6. Cari kode berikut :
.art-post
{
Hapus
position :
Yang ada dibawahnya
7. Selesai

Catatan : hanya versi artisteer 2.4 ke atas yang mendukung fitur ini

Provided by :


Tuesday, April 19, 2011

[Linux Mint] Upgrade Firefox 3.6 to 4 Final

Linux Mint is Linux distro based on Ubuntu. so we can almost use the same method like Ubuntu method. Now I will tell you how to upgrade your Default Firefox 3.6 to Firefox 4 Final. There are some incompatible add on in Firefox 4 but that's OK, I don't like google search interface under Default 3.6 because too confused and small font.
Follow this step (Use PPA so everybody can install easily)
Run terminal: (before that close your Firefox 3.6 first)
1. type "sudo add-apt-repository ppa:mozillateam/firefox-stable" without quote
2. enter your password
3.type "sudo apt-get update" without quote
4.type "sudo apt-get upgrade" without quote
5.type "exit"
Source : linoob.com