Translate

Tampilkan postingan dengan label Tutorial Blog. Tampilkan semua postingan
Tampilkan postingan dengan label Tutorial Blog. Tampilkan semua postingan

Kamis, 04 Oktober 2012

Membuat Popular Post Berjalan

Akan saya jelaskan cara agar Populas Pos yang ada di blog kamu bisa berjalan,,

  • Perhatikan Kode dibawah ini, cari kode berikut pada EDIT HTML
<b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts'>
<b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content popular-posts'>



  • Cermati kode berikut:
<b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts'>
<b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content popular-posts'>
<ul>
<marquee align='left' direction='up' height='250' onmouseout='this.startundefined)' onmouseover='this.stopundefined)' scrollamount='2' width='100%'>
<b:loop values='data:posts' var='post'>
<li>
<b:if cond='data:showThumbnails == &quot;false&quot;'>
<b:if cond='data:showSnippets == &quot;false&quot;'>
<!-- undefined1) No snippet/thumbnail -->
<a expr:href='data:post.href'><data:post.title/></a>
<b:else/>
<!-- undefined2) Show only snippets -->
<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
<div class='item-snippet'><data:post.snippet/></div>
</b:if>
<b:else/>
<b:if cond='data:showSnippets == &quot;false&quot;'>
<!-- undefined3) Show only thumbnails -->
<div class='item-thumbnail-only'>
<b:if cond='data:post.thumbnail'>
<div class='item-thumbnail'>
<a expr:href='data:post.href' target='_blank'>
<img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
</a>
</div>
</b:if>
<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
</div>
<div style='clear: both;'/>
<b:else/>
<!-- undefined4) Show snippets and thumbnails -->
<div class='item-content'>
<b:if cond='data:post.thumbnail'>
<div class='item-thumbnail'>
<a expr:href='data:post.href' target='_blank'>
<img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
</a>
</div>
</b:if>
<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
<div class='item-snippet'><data:post.snippet/></div>
</div>
<div style='clear: both;'/>
</b:if>
</b:if>
</li>
</b:loop>
</marquee></ul>

  • Kode yang berwarna BIRU diatas adalah kode yang harus kamu tambahkan pada kotak EDIT HTML



Memasang like facebook Melayang

Kali ini saya akan membarikan cara agar tampilan like facebook bisa melayang,, 
  • login ke blogger kamu.
  • Untuk tampilan baru kamu klik gambar yang ada kotak seperti dibawah ini
  • Klik TAMBAH GADGET
  • Pilih HTML/JAVA SCRIP.
  • Masukkan kode Berikut di kotak tersebut :

<style type="text/css">
#topbar{
position:absolute;
padding-left:-100px;
background-color: transparancy;
width: 300px;
visibility: hidden;
z-index: 100;
}
</style>
<script type="text/javascript">
var persistclose=0 //set to 0 or 1. 1 means once the bar is manually closed, it will remain closed for browser session
var startX = 30 //set x offset of bar in pixels
var startY = 5 //set y offset of bar in pixels
var verticalpos="fromtop" //enter "fromtop" or "frombottom"
function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}
function get_cookie(Name) {
var search = Name + "="
var returnvalue = "";
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) {
offset += search.length
end = document.cookie.indexOf(";", offset);
if (end == -1) end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}
function closebar(){
if (persistclose)
document.cookie="remainclosed=1"
document.getElementById("topbar").style.visibility="hidden"
}
function staticbar(){
barheight=document.getElementById("topbar").offsetHeight
var ns = (navigator.appName.indexOf("Netscape") != -1) || window.opera;
var d = document;
function ml(id){
var el=d.getElementById(id);
if (!persistclose || persistclose && get_cookie("remainclosed")=="")
el.style.visibility="visible"
if(d.layers)el.style=el;
el.sP=function(x,y){this.style.left=x+"px";this.style.top=y+"px";};
el.x = startX;
if (verticalpos=="fromtop")
el.y = startY;
else{
el.y = ns ? pageYOffset + innerHeight : iecompattest().scrollTop + iecompattest().clientHeight;
el.y -= startY;
}
return el;
}
window.stayTopLeft=function(){
if (verticalpos=="fromtop"){
var pY = ns ? pageYOffset : iecompattest().scrollTop;
ftlObj.y += (pY + startY - ftlObj.y)/8;
}
else{
var pY = ns ? pageYOffset + innerHeight - barheight: iecompattest().scrollTop + iecompattest().clientHeight - barheight;
ftlObj.y += (pY - startY - ftlObj.y)/8;
}
ftlObj.sP(ftlObj.x, ftlObj.y);
setTimeout("stayTopLeft()", 10);
}
ftlObj = ml("topbar");
stayTopLeft();
}
if (window.addEventListener)
window.addEventListener("load", staticbar, false)
else if (window.attachEvent)
window.attachEvent("onload", staticbar)
else if (document.getElementById)
window.onload=staticbar
</script>
<br />
<div class="clear">
</div>
<div id="topbar">
<div style="text-align: right;">
<a href="" onclick="closebar(); return false"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipeBs_6hiFYQgA41We6SL76CMo8hV1nRUZMtn35wsLyf-jqXMVqZJLN2IGAhM7CjgLoIoLCH39jn16KOIejcwq6la-I8EV_1xlpmlaPnYNtOxSjx5I-7GBTsyA-AqNgig4jylOs4al5-vN/s1600/close3.png" /></a></div>
<center>
<div style="background: #fff;">

PASTE KODE FANS PAGE FACEBOOK ANDA DISINI......
<span >by: <a style=" font-weight:bold" href="http://altotyo.blogspot.com/">tyo</a></span>
</div>
</center>
</div>

  • Tulisan PASTE KODE FANS PAGE FACEBOOK ANDA DISINI...... adalah FAN PAGE kamu yang kamu buat di facebook.

Selasa, 03 Juli 2012

Mengukur Kecepatan Blog

   Saat kamu membuka blog yang kamu miliki, dan merasa loadingnya lama, mungkin kamu bertanya tanya, kenapa bisa terjadi ? padahal blog kamu sedang di edit.
    Sebaiknya kamu segera mengukur kecepatan blog mu, dan mengetahui penyebabnya. kalo kamu mau mengukur kecepatan blog mu, dan mengetahui penyebab kenapa loadingnya lama, silahkan buka website PINGDOM TOOL. Setelah itu copy paste nama blog mu di kolom


Test the Load Time of a Web Page

Enter a URL to test the load time of that page, analyze it and find bottlenecks

  Dan yang terakhir tinggal menunggu hasilnya .....

Mengubah Icon 'B' pada blog

Kamu yang masih bingung atau sudah bosan dengan icon di blog mu seperti gambar disamping, kamu dapat menggantinya dengan mudah cukup dengan mengikuti langkah - langkah berikut :







  • Login dulu ke blog kamu

    • Klik Rancangan >> Klik Edit HTML

      • Cari Kode <head> cukup tekan ( Ctrl+F ) Kemudian masukkan kode yang ingin dicari

      • Setelah ditemukan silahkan copy Kode ( dibawah ini ) tepat diatas kode <head>

        <link rel="shortcut icon" href="LINK ICON KAMU" type="image/x-icon" />
        <link rel="icon" href="LINK ICON KAMU" type="image/gif" />
        <!-- end of iconj.com dynamic favicon code -->

        •  Setelah itu ubah LINK ICON KAMU dengan link icon yang kamu mau

        • Selamat mencoba.....>-<

        Bagi kamu yang bingung mencari ICON silahkan memilih website yang mampu membuat atau mempermudah kamu untuk mendapatkan icon dengan klik Website Pembuatan ICON, Konterver Icon

        Website Pembuatan ICON

        Bagi kamu yang masih bingung mencari ICON yang sesuai dengan Keinginanmu, kamu bisa mencarinya di situs berikut:  

        previous