PALANTA

tes2

2012-09-25T21:17:00.000-07:00

Terpantau emas mulai bergerak mendekati level $1700. Suasana disuatu grup komunitas investor VGMC sudah mulai melakukan monitor didepan monitor masing masing bahkan kalau emas terus mengeliat menuju level tinggi kemungkinan banyak investor VGMC akan begadang untuk menunggu titik level tertinggi perdagangan emas untuk sesi perdagangan hari ini. Bayangkan...

tes4d

2012-09-06T21:18:00.005-07:00

tes1

2012-09-06T21:17:00.002-07:00

tes3

2012-09-05T21:18:00.000-07:00

koi

2010-11-05T02:12:00.001-07:00

<TEXTAREA COLS=40 ROWS=6> Kamu dapat menuliskan suatu teks disini </TEXTAREA>

Script Tulisan Berkedip

2010-10-08T02:57:00.003-07:00

Banyak cara untuk membuat tampilan blog tampak lebih menarik, disini aku akan share untuk membuat tulisan berwarna berkedip yang aku dapat dari rasiqzonetwork.blogspot.com, dan selanjut bisa dikembangkan sesuai dengan selera. Langsung ke TKP

Tulisan Berkedip

Demo: Palanta Script
Kode: <blink>Palanta Script</blink>

Tulisan Berwarna

Demo: Palanta Script
Kode: <span style="color: red;"> Palanta Script </span>

Dan Bila digabungkan Akan menjadi

<blink><span style="color: red;"> Palanta Script </span></blink>

Script Untuk Menambah Sidebar

2010-10-08T02:43:00.001-07:00

Untuk menambah Sidebar blog (Dari fairuz.web.id ) langkah awal kita harus memperlebar lebar blog. Dan untuk memperlebar blog baca disini. Dan saya anggap blog kamu sudah diperlebar dan tentunya ada tempat kosong nah dibagian itu lah sidebar yang akan dibuat ini diletakkan. Ok Lang ke TKP :

#widget-wrapper {

width: 220px;

float: right;

padding: left;

word-wrap: break-word; /* fix for long text breaking sidebar float in IE */

overflow: hidden; /* fix for long non-text content breaking IE sidebar float */

}

Tempatkan dibawah sidebar-wrapper sehingga nanti urutannya seperti ini :

/* Outer-Wrapper
----------------------------------------------- */
#outer-wrapper {
width: 940px;
margin:0 auto;
padding:10px;
text-align:$startSide;
font: $bodyfont;
}

#main-wrapper {
width: 410px;   /* ubah juga nilai ini ganti dengan 470 */
float: left;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */
}

#sidebar-wrapper {
width: 220px;
float: right;
padding-left: 10px;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden;      /* fix for long non-text content breaking IE sidebar float */
}

#widget-wrapper {

width: 200px;

float: right;

padding-left: 10px;

word-wrap: break-word; /* fix for long text breaking sidebar float in IE */

overflow: hidden; /* fix for long non-text content breaking IE sidebar float */

}

Beres yang diatas, sekarang anda copy kode berikut :

<b:section class='sidebar' id='widget' preferred='yes'>

</b:section>

</div>

Kemudian anda simpan dibawah kode ini :

<div id='sidebar-wrapper'>
        <b:section class='sidebar' id='sidebar' preferred='yes'>
</b:section>
      </div>

Jadi urutannya seperti ini :

<div id='sidebar-wrapper'>
        <b:section class='sidebar' id='sidebar' preferred='yes'>
</b:section>
      </div>

<b:section class='sidebar' id='widget' preferred='yes'>

</b:section>

</div>

Simpan Template, sekarang coba lihat hasilnya.

Script Read More Otomatis

2010-10-08T02:36:00.000-07:00

Sob blogger apakah kamu dah pasang read more pada blog mu tapi blum berfungsi nah ini saya punya bahan referensi untuk memasang script read more terbaru dari o-om.com.

Key langsung ke TKP, yang sudah memasang Read More versi lama sebaiknya di kodenya kembalikan dulu ke seperti semula, caranya hapus kode yang berwarna merah dibawah ini (Setiap template mungkin berbeda, jadi tinggal disesuaikan saja)

<div class='post-header-line-1'/>
<div class='post-body'>
<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
<p><data:post.body/></p>
<a expr:href='data:post.url'>Readmore</a>
</b:if>
<div style='clear: both;'/>

Dah siap ??? Lanjut pada Step berikut.

Pertama, silahkan tuju langsung ke halaman EDIT HTML, Cari kode </head> kemudian letakan script dibawah ini di atas kode </head> Kalo sudah, jangan lupa di simpan terlebih dahulu.

Langsung copy paste aja kode dibawah ini:

Masih pada halaman EDIT HTML, Beri tanda centang pada "Expand widget template" lalu temukan kode seperti dibawah

<data:post.body/>

Kalo sudah, ganti kode <data:post.body/> dengan semua kode dibawah ini

<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>
<span class='rmlink' style='float:left'><a expr:href='data:post.url'>READ MORE - <data:post.title/></a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>

silahkan disimpan dan lihat hasilnya :)

Keterangan:

var thumbnail_mode = "float"; (kita dapat memutuskan apakah letak thumbnail berada di (float) kiri atau jika tidak silahkan ganti dengan (no-float)
summary_noimg = 250; (Menetapkan berapa banyak karakter akan ditampilkan di posting tanpa gambar / thumbnail)
summary_img = 250; (Menetapkan berapa banyak karakter akan ditampilkan di posting dengan gambar / thumbnail)
img_thumb_height = 120; (Thumbnail 'tinggi dalam piksel)
img_thumb_width = 120; (Thumbnail 'lebar dalam piksel)

Selamat mencoba.

Script Membuat Widget 3 Kolom

2010-10-08T02:03:00.000-07:00

Blog sobat masih standar dan ingin menambah variasi dengan menambah widget 3 kolom ! Di postingan kali ini saya akan share (Dari rasiqzonetwork.blogspot.com) script untuk membuat widget 3 kolom dibawah header.

Login ke Blogger.com

Kemudian Tata Letak
Pilih Edit HTML
Centang Expand Widget
Copas kode berikut diatas kode ]]></b:skin>

#box-main-container {
clear:both;
}
.box-column {
padding:0px 10px 10px 10px;
border:1px dotted $bordercolor;
}

Untuk Dua Kolom Dibawah Header
Copas kode berikut diatas kode <div id='main-wrapper'>

<div id='box-main-container'>
<div id='box1' style='width: 50%; float: left; margin:0; text-align: left;'>
<b:section class='box-column' id='col1' preferred='yes' style='float:left;'/>
</div>
<div id='box2' style='width: 50%; float: right; margin:0; text-align: left;'>
<b:section class='box-column' id='col2' preferred='yes' style='float:right;'/>
</div>
<div style='clear:both;'/>
</div>

Selanjutnya Save Template

Untuk Tiga Kolom Dibawah Header

Copas kode berikut diatas kode <div id='main-wrapper'>

<div id='box-main-container'>
<div id='box1' style='width: 30%; float: left; margin:0; text-align: left;'>
<b:section class='box-column' id='col1' preferred='yes' style='float:left;'/>
</div>
<div id='box2' style='width: 40%; float: left; margin:0; text-align: left;'>
<b:section class='box-column' id='col2' preferred='yes' style='float:left;'/>
</div>
<div id='box3' style='width: 30%; float: right; margin:0; text-align: left;'>
<b:section class='box-column' id='col3' preferred='yes' style='float:right;'/>
</div>
<div style='clear:both;'/>
</div>

Selanjutnya Save Template

Script Menghilangkan Widget Atribut Blogspot

2010-10-08T01:22:00.000-07:00

Kode ini saya temukan di blog Tutorial-jitu.blogspot.com. Langsunhg ke TKP :

1. Login ke Account Blog Sobat

2. Klik Rancangan – Klik Edit HTML masukkan code css dibawah ini diatas code ]]></b:skin>

Dan untuk lebih gampang mencarinya bisa mengunakan keyboard dengan cara Tekan Ctrl + F

#Attribution1 {
height:0px;
visibility:hidden;
display:none
}

3. SAVE !