Pages

Friday, February 25, 2011

Script Blogging

Script Blogging : 

Membuat Blockquote Sederhana

Tempatkan kode di bawah ini di atas kode ]]</b:skin>:

.alert { background: #DDE4FF;
text-align: left;
padding: 10px 10px 10px 10px;
border-top: 2px solid #848484;border-bottom: 2px solid #848484;border-left: 2px solid #848484;border-right: 2px solid #848484;}

Membuat Drop Cap

Tambahkan kode di bawah ini di atas kode ]]</b:skin>

.post caps {
float:left;
color: #3F3F3F;
font-size:100px;
line-height:80px;
padding-top:1px;
padding-right:5px;
}

Membuat ReadMore
<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/>
<a expr:href='data:post.url'><strong>Selengkapnya...</strong></a></p>
</b:if>

Untuk membuat jadi Readmore + Judul Artikel:

ganti

<a expr:href='data:post.url'><strong>Selengkapnya...</strong></a>

dengan

<strong><a expr:href='data:post.url'>Lanjut membaca &#8220;<data:post.title/>&#8221; &#160;&#187;&#187; </a></strong>

Membuat Spoiler

Masukkan kode di bawah ini di atas kode ]]></b:skin> :

.commenthidden {display:none;}
.commentshown {display:inline;}

Lalu tempatkan kode di bawah ini diantara kode ]]></b:skin> dan </head>

<script type='text/Javascript'>
function togglecomments (postid) {
var whichpost = document.getElementById(postid);
if (whichpost.className=="commentshown") { whichpost.className="commenthidden"; } else { whichpost.className="commentshown"; }
} </script>

Untuk membuat spoiler, isi kode di bawah ini pada postingan HTML

<a aiotitle="click to expand" href="javascript:togglecomments('Nama_Spoiler')">
<img src="gambar kamu”link"/></a>
<div class="commenthidden" id="Nama_Spoiler">Tulisan atau gambarmu</div>

 

No comments:

Post a Comment

Thank you for comments ... Comment Buddy spirits to Continue Writing Resources

Followers