[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] 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] 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] 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] 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] 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 :

[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 :