-
Sit amet felis. Mauris semper, velit semper laoreet dictum
Welcome to WordPress. This is your first post. Edit or delete it, then start blogging!Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque sed felis. Aliquam sit amet felis. Mauris semper, velit semper laoreet dictum, quam diam dictum urna, nec placerat elit nisl in quam. Etiam augue pede, molestie eget, ...
-
Category name clash
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque sed felis. Aliquam sit amet felis. Mauris semper, velit semper laoreet dictum, quam diam dictum urna, nec placerat elit nisl in quam. Etiam augue pede, molestie eget, rhoncus at, convallis ut, eros. Aliquam pharetra. Nulla in tellus eget odio sagittis blandit. ...
-
Test with enclosures
Here's an mp3 file that was uploaded as an attachment: Juan Manuel Fangio by Yue And here's a link to an external mp3 file: Acclimate by General Fuzz Both are CC licensed. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque sed felis. Aliquam sit amet felis. Mauris semper, velit semper laoreet dictum, ...
-
Block quotes
Some block quote tests: Here's a one line quote. This part isn't quoted. Here's a much longer quote: Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In dapibus. In pretium pede. Donec molestie facilisis ante. Ut a turpis ut ipsum pellentesque tincidunt. Morbi blandit sapien in mauris. Nulla lectus lorem, varius aliquet, ...
-
Contributor post, approved
I'm just a lowly contributor. My posts must be approved by the editor.Mauris semper, velit semper laoreet dictum, quam diam dictum urna, nec placerat elit nisl in quam. Etiam augue pede, molestie eget, rhoncus at, convallis ut, eros. Aliquam pharetra. Nulla in tellus eget odio sagittis blandit. Maecenas at ...
Silahkan Menuju Layout ( Rancangan )> Edit HTML dan check Expand Widget Templates. Cari code berikut:
<data:post.body/> atau <div class=’post-header-line-1′/>
Jika Pernah pasang readmore maka letakkan dibawah <data:post.body/> kedua
Jika Pernah pasang readmore maka letakkan dibawah <data:post.body/> kedua
<b:if cond='data:blog.pageType == "item"'>Lalu cobalah sobat save Dan lihat hasilnya
<p align='left'><a href='http://www.dhaniels.com/2010/08/cara-pasang-kotak-komentar-facebook-di.html' target='new'><img alt='' class='icon-action' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxQe9wMcDaXN5-X_-vmBjr8DuXFA6yjIGWjRNErRt06QJh6SRWntdKqRX6E3ENdmcLEuSXWAJBifv7o4u8QXdNjj_4AUh0FrRjxmoee4qTEMiz7o9mat1rcu_ZJJAS8cDNTj6tboF2AkI/'/></a></p>
<div id='fb-root'/>
<script>
window.fbAsyncInit = function() {
FB.init({appId: '146431302063145', status: true, cookie: true,
xfbml: true});
};
(function() {
var e = document.createElement('script'); e.async = true;
e.src = document.location.protocol +
'//connect.facebook.net/en_US/all.js';
e.async = true;
document.getElementById('fb-root').appendChild(e);
}());
</script>
<fb:comments/>
</b:if>
<div style='background-color: #f2f2f2;border: solid 1px #cccccc; font-size:10px; padding:3px;width:100%;'><b> by <a href='http://www.dhaniels.com/2010/08/cara-pasang-kotak-komentar-facebook-di.html' target='_blank' title='Facebook Comment'>Facebook Comment , Mau ?</a></b></div>
berikut langkah2nya......!!!
![]() |
| Gambar berikut contoh dari icon kaskus |
Langkah - langkah :
1. Masuk ke Account Blog anda
2. Pilih tata letak
3. Pilih Edit HTML
4. Beri centang pada expand Widget template
5. Setelah itu cari kode </body> pada template
6. Letakkan Kode HTML dibawah ini sebelum kode </body>
<script src='http://aditx.fileave.com/kaskus-emoticons.js' type='text/javascript'/>
7. Setelah selesai dengan Script diatas cari kode berikut :
<b:if cond='data:post.embedCommentForm'>
8. Setelah itu silahkan Copy-paste kode Script dibawah ini sebelum Kode Script diatas
<b><img src='http://lh6.ggpht.com/_UEOySJCSmVg/SzAhwEEFhsI/AAAAAAAAAe0/g5rUYMDc92Y/s800/fd_1.gif'/>
:a:
<img src='http://lh5.ggpht.com/_UEOySJCSmVg/SzAhwL2IoII/AAAAAAAAAe4/iGdNlb3Ix5Y/s800/fd_2.gif'/>
:b:
<img src='http://lh3.ggpht.com/_UEOySJCSmVg/SzAhwDb6YZI/AAAAAAAAAe8/Pj5v3kVvem0/s800/fd_3.gif'/>
:c:
<img src='http://lh5.ggpht.com/_UEOySJCSmVg/SzAhwRrvzxI/AAAAAAAAAfA/GvczRMYdM7c/s800/fd_4.gif'/>
:d:
<img src='http://lh4.ggpht.com/_UEOySJCSmVg/SzAhwom95gI/AAAAAAAAAfE/JMDv8X-nbPg/s800/fd_5.gif'/>
:e:
<img src='http://lh3.ggpht.com/_UEOySJCSmVg/SzAiI37vkOI/AAAAAAAAAfI/H0bSt__cKD4/s800/fd_6.gif'/>
:f:
<img src='http://lh4.ggpht.com/_UEOySJCSmVg/SzAiIw2EzpI/AAAAAAAAAfM/oV_7txxFCmw/s800/fd_7.gif'/>
:g:
<img src='http://lh4.ggpht.com/_UEOySJCSmVg/SzAiJP9PfHI/AAAAAAAAAfQ/txDcSDTSa6A/s800/fd_8.gif'/>
:h:
<img src='http://lh5.ggpht.com/_UEOySJCSmVg/SzAiJIxYjYI/AAAAAAAAAfU/R7Oy5x5EaGM/s800/I-Luv-Indonesia.gif'/>
:i:
<img src='http://lh5.ggpht.com/_UEOySJCSmVg/SzAiJpu-XRI/AAAAAAAAAfY/2eCptEAg-0E/s800/takut.gif'/>
:j:
<img src='http://lh4.ggpht.com/_UEOySJCSmVg/SzAiYO4DeKI/AAAAAAAAAfc/dmWvhblQnSk/s800/tkp.gif'/>
:k:
</b>
9. Save Template
Langkah-langkahnya kita mulai sebagai sebagai berikut :
1. Masuk ke "Dasbor"
2. Klik "Tata Letak"
3. Klik "Edit HTML"
4. Beri Centang pada kotak kecil "Expand Template Widget"
5. Silahkan cari di dalam template anda kode ]]></b:skin>
6. Persis sebelum kode tersebut, copypastekan script berikut ini :
Untuk 1 Widget yang Berada Diatas dan Dibawah
#widget-atasbawah {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 980px;
position: relative;
text-align: center;
}
#atasbawah, #widget-atasbawah2 {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
/* background: #FFFFFF;
border-top: 1px solid none;
border-left: 1px solid none;
border-right: 1px solid none; */
}
#atasbawah .widget, #widget-atasbawah2 .widget {
margin: 0;
padding: 10px 0;
}
Kalau sudah kamu Copy Paste script yang diatas tadi, sekarang kamu Copy Paste juga script yang ada dibawah ini dan letakkan di <head> = untuk posisi widget diatas + </head> = untuk posisi widget dibawah :
Ni scriptnya :
<div id='widget-atasbawah'>
<b:section class='atasbawah' id='atasbawah' preferred='yes'/>
</div>
Jangan lupa di Save
Untuk 3 Widget
#3-Widget {
width:960px;
clear:both;
margin:7px 0px 7px 0px;
float:left;
padding:4px 0px 0px 0px;
color:#333;
background:#eeeeee;
border-top:#ffffff;
border-bottom:#ffffff;
}
#3-Widget a:link {
color:#006699;
text-decoration:none;
}
#3-Widget a:hover {
color:#c06000;
text-decoration:underline;
}
#3-Widget a:visited {
color:#808080;
text-decoration:none;
}
#3-Widget h2 {
color:#000000;
padding:10px 0 2px 0;
margin:0 0 10px 0;
border-bottom:1px dotted #333;
font-size:11px;
font-weight:bold;
line-height:1.4em;
text-transform:uppercase;
}
#3-Widget ul {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
color:#333;
}
#3-Widget ul li {
line-height: 1.8em;
list-style-type:none;
border-bottom:0px solid none;
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxLUctQ17BXSFiQ_PfeAzQsQqan0QBQSKaitt2Tj46FVlu30zqHXy1REyawPyczRotEvsgnFgU_-bxBIS627BpIHwbTaMDwQJcvHQ6PSXx3HtZvxsjx3bEwFIsaCYRWooo_TRkJA4gGKQ/s144/Arrobblue.png") no-repeat 0px .17em; padding-left:17px;
margin-top:2px;
}
#3-Widget1 {
width:299px;
float:left;
padding:0 20px 0 20px;
}
#3-Widget2 {
width:299px;
float:left;
padding-right:15px;
#3-Widget3 {
width:299px;
float:right;
padding-right:15px;
}
Keterangan :
Width : 960 => Bisa kamu ubah sesuai dengan ukuran Template anda.
Width : 299 => 'Panjang Widget' bisa kamu ubah sesuai dengan keinginan anda.
Biasa!!! kalau sudah di Copy Paste, jangan lupa kamu Copy Paste juga script di bawah ini dan letakkan di <head> = untuk posisi 3 widget berada di atas dan </head> = posisi 3 widget di bawah.
<div id='3-widget'>Atau bisa lihat di Blog saya yang lain di
<b:section class='3-widget' id='3-widget1' preferred='yes'/>
<b:section class='3-widget' id='3-widget2' preferred='yes'/>
<b:section class='3-widget' id='3-widget3' preferred='yes'/>
</div>
http://galleryku-mysite.blogspot.com/2010/10/cara-menambahkan-widgettambah-target.html
Sebenarnya untuk membuat Next Page / Navigasi Halaman itu caranya sangat mudah kita hanya perlu menambahkan script pada Fotter dari blogger kita.
caranya seperti ini :
1. Pertama-tama Copy Code dibawah ini
.showpageArea a {
text-decoration:underline;
}
.showpageNum a {
text-decoration:none;
border: 1px solid #ccc;
margin:0 3px;
padding:3px;
}
.showpageNum a:hover {
border: 1px solid #ccc;
background-color:#ccc;
}
.showpagePoint {
color:#333;
text-decoration:none;
border: 1px solid #ccc;
background: #ccc;
margin:0 3px;
padding:3px;
}
.showpageOf {
text-decoration:none;
padding:3px;
margin: 0 3px 0 0;
}
.showpage a {
text-decoration:none;
border: 1px solid #ccc;
padding:3px;
}
.showpage a:hover {
text-decoration:none;
}
.showpageNum a:link,.showpage a:link {
text-decoration:none;
color:#333;
}
</style>
<script type="text/javascript">
function showpageCount(json) {
var thisUrl = location.href;
var htmlMap = new Array();
var isFirstPage = thisUrl.substring(thisUrl.length-14,thisUrl.length)==".blogspot.com/";
var isLablePage = thisUrl.indexOf("/search/label/")!=-1;
var isPage = thisUrl.indexOf("/search?updated")!=-1;
var thisLable = isLablePage ? thisUrl.substr(thisUrl.indexOf("/search/label/")+14,thisUrl.length) : "";
thisLable = thisLable.indexOf("?")!=-1 ? thisLable.substr(0,thisLable.indexOf("?")) : thisLable;
var thisNum = 1;
var postNum=1;
var itemCount = 0;
var fFlag = 0;
var eFlag = 0;
var html= '';
var upPageHtml ='';
var downPageHtml ='';
var pageCount=5;
var displayPageNum=6;
var firstPageWord = 'First';
var endPageWord = 'last';
var upPageWord ='Back';
var downPageWord ='Next';
var labelHtml = '<span class="showpageNum"><a href="/search/label/'+thisLable+'?&max-results='+pageCount+'">';
for(var i=0, post; post = json.feed.entry[i]; i++) {
var timestamp = post.published.$t.substr(0,10);
var title = post.title.$t;
if(isLablePage){
if(title!=''){
if(post.category){
for(var c=0, post_category; post_category = post.category[c]; c++) {
if(encodeURIComponent(post_category.term)==thisLable){
if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){
if(thisUrl.indexOf(timestamp)!=-1 ){
thisNum = postNum;
}
postNum++;
htmlMap[htmlMap.length] = '/search/label/'+thisLable+'?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&max-results='+pageCount;
}
}
}
}//end if(post.category){
itemCount++;
}
}else{
if(title!=''){
if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){
if(thisUrl.indexOf(timestamp)!=-1 ){
thisNum = postNum;
}
if(title!='') postNum++;
htmlMap[htmlMap.length] = '/search?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&max-results='+pageCount;
}
}
itemCount++;
}
}
for(var p =0;p< htmlMap.length;p++){
if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){
if(fFlag ==0 && p == thisNum-2){
if(thisNum==2){
if(isLablePage){
upPageHtml = labelHtml + upPageWord +'</a></span>';
}else{
upPageHtml = '<span class="showpage"><a href="/">'+ upPageWord +'</a></span>';
}
}else{
upPageHtml = '<span class="showpage"><a href="'+htmlMap[p]+'">'+ upPageWord +'</a></span>';
}
fFlag++;
}
if(p==(thisNum-1)){
html += ' <span class="showpagePoint"><u>'+thisNum+'</u></span>';
}else{
if(p==0){
if(isLablePage){
html = labelHtml+'1</a></span>';
}else{
html += '<span class="showpageNum"><a href="/">1</a></span>';
}
}else{
html += '<span class="showpageNum"><a href="'+htmlMap[p]+'">'+ (p+1) +' </a></span>';
}
}
if(eFlag ==0 && p == thisNum){
downPageHtml = '<span class="showpage"> <a href="'+htmlMap[p]+'">'+ downPageWord +'</a></span>';
eFlag++;
}
}//end if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){
}//end for(var p =0;p< htmlMap.length;p++){
if(thisNum>1){
if(!isLablePage){
html = '<span class="showpage"></span>'+upPageHtml+' '+html +' ';
}
}
html = '<div class="showpageArea"><span class="showpage"> Total '+(postNum-1)+': </span>'+html;
if(thisNum<(postNum-1)){
html += downPageHtml;
}
if(postNum==1) postNum++;
html += '</div>';
if(isPage || isFirstPage || isLablePage){
var pageArea = document.getElementsByName("pageArea");
var blogPager = document.getElementById("blog-pager");
if(postNum <= 2){
html ='';
}
for(var p =0;p< pageArea.length;p++){
pageArea[p].innerHTML = html;
}
if(pageArea&&pageArea.length>0){
html ='';
}
if(blogPager){
blogPager.innerHTML = html;
}
}
}
</script>
<script src="/feeds/posts/summary?alt=json-in-script&callback=showpageCount&max-results=99999" type="text/javascript"></script>
2. Setelah itu seperti biasa masuk Rancangan
3. Lalu tambahkan Add Page Element / Gedget --> HTML/Javascript pada bagian Fotter dan Paste Code yang di atas tersebut
4. Setelah itu save, Lalu geser gadget tersebut ke bagian bawah kotak postingan Anda, seperti gambar di bawah ini:
Kemudian di simpan
Jadi Dech.........................!!!!
Apa Kamu Mau tau caranya ???
Langsung aja ya, Soalnya gak pandai berbasa-basi nih.
Pertama-tama sahabat harus minum kopi dulu biar ga ngantuk sebelum mengerjakannya. Lalu Lanjut Login ke Blogger Para sahabat dan pilih Rancangan >> Edit HTML jangan lupa buat centang yang namanya Expand Template Widget, Tau kan.......???? setelah itu cari kode di bawah ini :
<span class='post-labels'>
Agar mudah pencarian tekan tombol CTRL + F dan ketikkan code di atas, Setelah ketemu CopPas code dibawah ini tepat di atas code <span class='post-labels'>.
<
<div id="hit-counter">
<a href="http://blog-anda.com/" alt="Judul Blog Anda" rel="follow" title="Situs Anda" >
<img border="0" src="http://putchoice.com/tool/images/stats.png" width="20" height="20"></a>
<small>
<a href="http://www.ihsana.com/" rel="dofollow" style="text-decoration: none">Views : </a>
<script src="http://putchoice.com/tool/?p=stats" type="text/javascript">
</script>
</small>
</div>
</b:if>
Bisa juga sahabat letak selain di code
<span class='post-labels'>
asalkan sahabat letak sebelum code
<data:post.body/>
Cara untuk memasang widget tab view atau menu tabulasi tersebut adalah dengan langkah-langkah berikut:
1. Login pada account blogger Anda.
div.smartbekantan {margin:15px 0 0 0; font: normal 11px arial;}
div.smartbekantan div.smb
{height:28px; overflow: hidden; border:1px solid #ccc; border-bottom:0px;background:#f0f0f0;}
div.smartbekantan div.smb a
{float: left; display: block; text-align: center; text-decoration: none; padding:7px; margin:0; background:#f0f0f0; color: #333; border-right:1px solid #CCCCCC;}
div.smartbekantan div.smb a:hover
{ background:#ccc;}
div.smartbekantan div.smb a.Active
{ background: #333; color:#FFFFFF;}
div.smartbekantan div.Pages
{ clear: both; overflow: hidden; height:150px; padding:0; border:1px solid #ccc; padding:5px;}
div.smartbekantan div.Pages div.Page
{height: 100%;padding: 0px; overflow: hidden; }
div.smartbekantan div.Pages div.Page div.floor
{ font-size:11px; text-align:left;}
#sidebar div.smartbekantan div.Pages div.Page div.floor li {
margin:0; padding:0;}
6. Jika sudah, simpan template.
7. Selanjutnya memasang widget tab view atau menu tabulasi pada elemen halaman Anda. Masuk pada menu Add gadget > HTML/Javascript.
Lalu Pasangkan kode berikut pada kontent tersebut :
<div class="smartbekantan" id="smartbekantan">
<div class="smb">
<a>tab1</a>
<a>tab2</a>
<a>tab3</a>
<a>tab4</a>
</div>
<div class="Pages">
<div class="Page"><!-- Tab -->
<div class="floor">
Disini letakkan kode untuk tab 1 anda
</div>
</div><!-- end Tab -->
<div class="Page"><!-- Tab -->
Disini letakkan kode untuk tab 2 anda
</div><!-- end Tab -->
<div class="Page"><!-- Tab -->
<div class="floor">
Disini letakkan kode untuk tab 3 anda
</div>
</div><!-- end Tab -->
<div class="Page"><!-- Tab -->
<div class="floor">
Disini letakkan kode untuk tab 4 anda
</div>
</div><!-- end Tab -->
</div>
</div>
</form>
<script type="text/javascript">smartbekantan_name('smartbekantan');</script>
Berikut ini adalah langkah-langkah memasang Share This Post
1. Login ke akun blogger masing-masing hingga masuk Dasbor >> Rancangan >> Edit HTML
2. Jangan lupa centangi “Expand Templates Widget”
3. cari kode ]]>></b:skin>
4. copy script di bawah ini di atas kode ]]>></b:skin> tersebut.
span.sociable_tagline { position: relative; }
span.sociable_tagline span { display: none; width: 14em; }
span.sociable_tagline:hover span {
position: absolute;
display: block;
top: -5em;
background: #ffe;
border: 1px solid #ccc;
color: black;
line-height: 1.25em;
}
.sociable span {
display: block;
}
.sociable ul {
display: inline;
margin: 0 !important;
padding: 0 !important;
}
.sociable ul li {
background: #f5f5f5;
display: inline !important;
list-style-type: none;
margin: 0;
padding: 2px;
}
.sociable ul li:before { content: ""; }
.sociable img {
float: none;
border: 0;
margin: 0;
padding: 0;
}
.sociable-hovers {
opacity: 0.4;
-moz-opacity: 0.4;
filter: alpha(opacity=40);
}
.sociable-hovers:hover {
opacity: 1;
-moz-opacity: 1;
filter: alpha(opacity=100);
}
5. Kemudian cari kode <data:post.body/>
6. Copy script di bawah ini dan letakkan di bawah <data:post.body/>
<div class='sociable'>
<div class='sociable_tagline'>
<img alt='maspeypah' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6Bdet_dneWJcNlUnlFyVqUcZWaE62mcLnko4ve4Jrlu6oPI-rmhUji_LjbcQz_1NcBrU8OgiJh_gTkRO1_Uf2y4op2eYlRXAzINeD9Nj9t3knr-fNWaI-bO5rftKX-er_9jk36Cy11Opw/s1600/share.jpg' title='Share This Artikel'/>
</div>
<ul>
<li><a expr:href='"http://digg.com/submit?phase=2&url=" + data:post.url + "&title=" + data:post.title' target='_blank'><img alt='Digg' class='sociable-hovers' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLs0nwN8W3wNvxQXveOgWe7DHAuAzh126WomoAKa37DPsvOADlPhEuGSaFhkE8I6Ko2b78QlkvXBa3Vc4olF4SOhylqehH-JOUMxKfjX7JpkZUeHKxc-ITsYYPrzfooknBxtOiQHhp4T9m/s400/digg.png' title='Digg'/></a></li>
<li><a expr:href='"http://del.icio.us/post?url=" + data:post.url + "&title=" + data:post.title' target='_blank'><img alt='del.icio.us' class='sociable-hovers' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZW1yGsr_kOfT5QGBgu5SHsq8tPE23tyAaql84BqF4rYduuTIzabA8Ifbo7N9vkhk5REefI52EZpNf8UL9s57trxeggT8GWEkCF1f3ZHcnYiijl7dKHfs6je5siib4xozwZ9Qmo9F9vJOq/s400/delicious.png' title='del.icio.us'/></a></li>
<li><a expr:href='"http://www.facebook.com/sharer.php?u=" + data:post.url + "&title=" + data:post.title' target='_blank'><img alt='Facebook' class='sociable-hovers' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMXuOKvO1mE9uyOJQOrhh1a7wZF26XYxkrf4796nr1wm7BwyNoiLH7QtR4yHRkJ8EQjJ_jJNWu20Sau83LHtE2Uit-SRTUk1v1zhFFoj2vG4Kz9_rjzAQ0polBXdmqX_N5fVdZwNhmgQKE/s400/facebook_002.png' title='Facebook'/></a></li>
<li><a expr:href='"http://www.google.com/bookmarks/mark?op=edit&bkmk=" + data:post.url + "&title=" + data:post.title' target='_blank'><img alt='Google' class='sociable-hovers' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkU-97VmeF2ArV6rUMLnhEa8lELz1gPgsyiz6YEmSWNh7dum65anTaHbmmoM1T7IzgMYvzJacJrd5uUZeBiOKAO0cFZy6IH8FQaebeVON9FjvkZCzji9pV1vzcCfm3qENDyUBp0o9PPoGl/s400/googlebookmark.png' title='Google'/></a></li>
<li><a expr:href='"http://www.stumbleupon.com/submit?url=" + data:post.url + "&title=" + data:post.title' target='_blank'><img alt='StumbleUpon' class='sociable-hovers' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIAJ1VOuHihlTrKZ2ENfu4AbI29l7HimNJlTeN08lSZAxYfg6UPnktsQUxHWNeE8Jyd-PwvAtO5MM4CageVdwk5__aDDnANPE2-hxtJkPtyx8Z72Alcnlxlw6kuX6UT5aQFmwNcdvdBO5u/s400/stumbleupon.png' title='StumbleUpon'/></a></li>
<li><a expr:href='"http://technorati.com/faves?add=" + data:post.url + "&title=" + data:post.title' target='_blank'><img alt='Technorati' class='sociable-hovers' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhFIILIm4VbSgjPUApUKmMyndlr14oEy8daNuzgZK7kLMpBahNMr_VD4ganukn5BWvdv_0CJcaVju8yzCmQuGVq0kNBKRbroZoCv-H3Q_PmWaxfbcGWd6xSZ-KYQMzogvFyRXu_Y5N5xdK/s400/technorati.png' title='Technorati'/></a></li>
<li><a expr:href='"http://twitter.com/home?status=" + data:post.url + "&title=" + data:post.title' target='_blank'><img alt='TwitThis' class='sociable-hovers' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfznqZoMvZkai5jrcq91j1GOwEzCLtgDCs6JTTUMYj_7ajGkWmVDkwG1IrBw7A4BKuW6HPqePTTs7v48xCkmLJYn0HqMGqqp82OuBNoTO_eBWC3l8Ep9V9xaWLmM6Me6wnJiSw-XZdpxOA/s400/twitter.gif' title='TwitThis'/></a></li>
</ul>
</div>
</b:if>
7. Simpan template.
- Login ter lebih dahulu ke Account Blogger Anda;
- Masuk ke halaman Edit HTML, lalu diatas kode </head> letakkan script di bawah ini:
<script type='text/javascript'>
var thumbnail_mode = "float" ;
summary_noimg = 250;
summary_img = 250;
img_thumb_height = 120;
img_thumb_width = 120;
</script>
<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}
function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length>=1) {
imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
}
var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script> - Cari dan 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'>READMORE - <data:post.title/></a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
Ket :
Biasanya kode: <data:post.body/> berada di bawah kode: <div class='post-body'>, maka untuk memudahkan pencarian kode tersebut gunakan tombol Find seperti penjelasan di atas. - Simpan/Save Template, selesai.
Followers
Blog Archive
Labels
- Blackberry (3)
- Blog (1)
- International (2)
- Internet (4)
- MotoSport (2)
- NEWS (2)
- Ponsel (6)
- Religi (1)
- Sepak Bola (6)
- Trik Blog (19)


