Iklan di tengah postingan

Cari <data:post.body/>

<div expr:id='"iklan1" + data:post.id'></div>
<div style="clear:both; text-align:center; margin:10px 0">

<SCRIPT IKLANNYA DISINI MASBRO>

</div>
<div expr:id='"iklan2" + data:post.id'>
<data:post.body/>
</div>
<script type="text/javascript">
var obj0=document.getElementById("iklan1<data:post.id/>");
var obj1=document.getElementById("iklan2<data:post.id/>");
var s=obj1.innerHTML;
var t=s.substr(0,s.length/2);
var r=t.lastIndexOf(" ");
if(r>0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+1);}
</script>
ReadmoreIklan di tengah postingan

Nambah Widget dibawah header

Cari kode ]]> ,agar lebih mudah sobat bisa menekan Ctrl + F, kemudian paste kode tersebut di sebelah tulisan Find.

6. Paste copy berikutdan paste diatas kode ]]>
#satu_kolom{
margin:10px 0;
padding:1%;
width:98%;
}

7. Copy kode berikut ini




8. Paste di bawah kode ini






9. Simpan tempalte
10. lihat perubahannya pada tata letak.
ReadmoreNambah Widget dibawah header

Zoundry Test


Zoundry Blog Writer is a fully loaded It is specifically designed for posting articles on the Blog sites. So now you does not required to login to your online WYSIWYG editor of your Blog hosting company to post articles in your Blog sites. It is a very time saving editor because it support full drag-n-drop feature for images, tags, links and text from anywhere in your PC or Web. If you want to post about any product then this tool can automatically search for an affiliate link. It also provides you the option to give tags to your each post, n presently it support almost all major Blog hosting services including Blogger, , Typepad, Technorati, , BlogThis etc. It also supports Unicode characters for formatting your articles. Its user friendly interface makes your job further easier. It is a WYSIWYG editor but it also have XHTML editor so if you want to apply some coding with CSS then it is not a problem with Zoundry Blog . It can automatically validate your XHTML coding with its in-built XHTML Validator. It also works as a Blog downloader as you can download your all posts from the server of your Blog hosting service provider. Well, this is not the end of its features you may visit the developer site for a complete list of features. DOWNLOAD HERE


ReadmoreZoundry Test

Spoiler Blog

Bikin Spoiler untuk gambar :
1. Bikin entri baru / postingan baru
2. Kemudian masukkan kode berikut ini dalam postingan kamu

<div style="margin:5px; margin-top:3px"><br /> <div class="smallfont" style="margin-bottom:2px"><b>Spoiler</b> untuk <i>gambar</i>: <input type="button" value="Show" style="width:auto;font-size:10px;margin:0px;padding:0px;" onClick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = '';        this.innerText = ''; this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }"><br /> </div><br /> <div class="alt2" style="margin: 0px; padding: 3px; border: 1px inset;"><br /> <div style="display: none;"><br /> <img src="ALAMAT_GAMBAR_ANDA" width="none" height="none" alt="spoiler gambar"><br /> </div><br /> </div><br /> </div>

3. Ganti tulisan ALAMAT GAMBAR ANDA dengan url dari gambar yang anda ingin masukkan ke dalam spoiler.
4. Terbitkan Postingan anda dan lihat hasilnya
Membuat spoiler dengan isi bebas (terserah anda) :

1. Bikin entri baru / postingan baru
2. Kemudian masukkan kode berikut ini dalam postingan kamu

<div style="margin: 5px;"><br /> <div class="smallfont" style="margin-bottom: 2px;"><i><span style="font-weight: bold;">Tentang bla..bla.bla.. </span></i><input value="Show" style="margin: 0px; padding: 0px; width: 60px; font-size: 10px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" type="button"/><br /> </div><br /> <div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;"><br /> <div style="display: none;"> isi spoiler </div></div></div>

3. Ganti tulisan isi spoiler dengan konten yang anda ingin masukkan ke dalam spoiler.
4. Terbitkan Postingan anda dan lihat hasilnya
ReadmoreSpoiler Blog

Cara Ganti Font

1. Pertama masuk Edit HTML blog sobat,


2. Lalu cari kode css body {
tamabahin ajah atao ganti jenis text/font (font-family, font-size, letter-spacing, word-spacing, line-height). Biasanya kita kesulitan untuk mengatur font-family, font-size, letter-spacing, word-spacing, line-height yg tepat buat blog kita . Tapi tenang ajah karena ada alat bantu online untuk css font style .

Beberapa alat bantu :




Nah gampang kan ? tinggal pilih, generate lalu copy code nya ke dalam body {
Misal : body {
background:#E7E2DA
font-family: "Lucida Console", Monospace;
font-size: 11px;
font-style: normal;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
line-height: 1.4em;

}

Kira2 begitu hasilnya .

NB:
font-family: "Lucida Console", Monospace;
font-size: 11px;
font-style: normal;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
line-height: 1.4em;

adalah code css hasil generate font .

Untuk Mengatur perbedaan Font antar judul blog dan judul posting, temen2 bisa cari css h1{ untuk judul blog dan h3{ untuk judul posting .

Seperti di atas temen2 tinggal masukin css kode fontnya,
Misal : h3{
font-size:28px;
text-align:center;
font-family: Comic Sans MS;
}
ReadmoreCara Ganti Font