Pages

Sabtu, 14 Agustus 2010

Memberi Gambar Animasi di Status Facebook

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqeCk4SqRgZe_bOJuNkZU3HxykbIvXCfVhAwkW1KZDuXZhbqjn3iVz968_yGI82UaTbtrMeKLp3UOIuKpkPBb9LcuuLhmiX2v7bA7HYacUKbtbbNeV5vhCAovI6bN7Tk1IHV6SG7CmjMTv/s1600/Facade.jpg 


Bagi kalian para facebooker, cobalah cara berikut ini. Cara ini dapat memperindah status kamu. karena dengan cara ini, status facebook kamu jadi memiliki gambar-gambar animasi yang unik. Caranyapun SANGAT mudah, yaitu anda hanya perlu mengunjungi link ini http://apps.facebook.com/facadedd/ anda tinggal tulis status anda dan sisipkan gambar mana yang anda inginkan. mudahkan?


Jangan lupa tinggalkan kritik dan sarannya di comment oke



Widget Recent Post Animasi Dengan JQuery


Untuk contohnya lihat recent post blog saya di bawah (footer) di sini. Jika tertarik ingin membuat yang seperti itu silahkan ikuti langkah-langkah berikut :



1. Login ke blogger anda tentunya

2. Klik Design > Add a Gadget >> HTML/JavaScript


3 Copy paste code berikut dan letakan pada kotak konten







    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>

    <style type="text/css" media="screen">

    <!--



    #spylist {


    overflow:hidden;

    margin-top:5px;

    padding:0px 0px;

    height:350px;

    }

    #spylist ul{


    width:220px;

    overflow:hidden;

    list-style-type: none;

    padding: 0px 0px;

    margin:0px 0px;

    }


    #spylist li {

    width:208px;

    padding: 5px 5px;

    margin:0px 0px 5px 0px;

    list-style-type:none;

    float:none;


    height:70px;

    overflow: hidden;

    background:#fff url(http://dl.getdropbox.com/u/708209/scriptabufarhan/recentspy/post.jpg) repeat-x;

    border:1px solid #ddd;

    }



    #spylist li a {


    text-decoration:none;

    color:#4B545B;

    font-size:11px;

    height:18px;

    overflow:hidden;

    margin:0px 0px;


    padding:0px 0px 2px 0px;

    }

    #spylist li img {

    float:left;

    margin-right:5px;

    background:#EFEFEF;


    border:0;

    }

    .spydate{

    overflow:hidden;

    font-size:10px;

    color:#0284C2;


    padding:2px 0px;

    margin:1px 0px 0px 0px;

    height:15px;

    font-family:Tahoma,Arial,verdana, sans-serif;

    }



    .spycomment{


    overflow:hidden;

    font-family:Tahoma,Arial,verdana, sans-serif;

    font-size:10px;

    color:#262B2F;

    padding:0px 0px;

    margin:0px 0px;


    }



    -->

    </style>



        <script language='JavaScript'>



    imgr = new Array();




    imgr[0] = "http://i43.tinypic.com/orpg0m.jpg";



    imgr[1] = "http://i43.tinypic.com/orpg0m.jpg";



    imgr[2] = "http://i43.tinypic.com/orpg0m.jpg";



    imgr[3] = "http://i43.tinypic.com/orpg0m.jpg";




    imgr[4] = "http://i43.tinypic.com/orpg0m.jpg";

    showRandomImg = true;



    boxwidth = 255;



    cellspacing = 6;



    borderColor = "#232c35";




    bgTD = "#000000";



    thumbwidth = 70;



    thumbheight = 70;



    fntsize = 12;




    acolor = "#666";



    aBold = true;



    icon = " ";



    text = "comments";



    showPostDate = true;




    summaryPost = 40;



    summaryFontsize = 10;



    summaryColor = "#666";



    icon2 = " ";




    numposts = 10;



    home_page = "http://amatullah83.blogspot.com/";



    limitspy=4

    intervalspy=4000




    </script>



    <div id="spylist">

        <script src='http://dl.getdropbox.com/u/708209/scriptabufarhan/recentspy/recentpostthumbspy-min.js' type='text/javascript'></script>

    </div>
Ganti kode yang berwarna merah dengan alamat blog anda



4. Save




Selesai. mudahkan? SANGAT MUDAH. terima kasih karena telah membaca postingan saya, saya akhiri salam blogger indonesia





    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>

    <style type="text/css" media="screen">

    <!--



    #spylist {


    overflow:hidden;

    margin-top:5px;

    padding:0px 0px;

    height:350px;

    }

    #spylist ul{


    width:220px;

    overflow:hidden;

    list-style-type: none;

    padding: 0px 0px;

    margin:0px 0px;

    }


    #spylist li {

    width:208px;

    padding: 5px 5px;

    margin:0px 0px 5px 0px;

    list-style-type:none;

    float:none;


    height:70px;

    overflow: hidden;

    background:#fff url(http://dl.getdropbox.com/u/708209/scriptabufarhan/recentspy/post.jpg) repeat-x;

    border:1px solid #ddd;

    }



    #spylist li a {


    text-decoration:none;

    color:#4B545B;

    font-size:11px;

    height:18px;

    overflow:hidden;

    margin:0px 0px;


    padding:0px 0px 2px 0px;

    }

    #spylist li img {

    float:left;

    margin-right:5px;

    background:#EFEFEF;


    border:0;

    }

    .spydate{

    overflow:hidden;

    font-size:10px;

    color:#0284C2;


    padding:2px 0px;

    margin:1px 0px 0px 0px;

    height:15px;

    font-family:Tahoma,Arial,verdana, sans-serif;

    }



    .spycomment{


    overflow:hidden;

    font-family:Tahoma,Arial,verdana, sans-serif;

    font-size:10px;

    color:#262B2F;

    padding:0px 0px;

    margin:0px 0px;


    }



    -->

    </style>



        <script language='JavaScript'>



    imgr = new Array();




    imgr[0] = "http://i43.tinypic.com/orpg0m.jpg";



    imgr[1] = "http://i43.tinypic.com/orpg0m.jpg";



    imgr[2] = "http://i43.tinypic.com/orpg0m.jpg";



    imgr[3] = "http://i43.tinypic.com/orpg0m.jpg";




    imgr[4] = "http://i43.tinypic.com/orpg0m.jpg";

    showRandomImg = true;



    boxwidth = 255;



    cellspacing = 6;



    borderColor = "#232c35";




    bgTD = "#000000";



    thumbwidth = 70;



    thumbheight = 70;



    fntsize = 12;




    acolor = "#666";



    aBold = true;



    icon = " ";



    text = "comments";



    showPostDate = true;




    summaryPost = 40;



    summaryFontsize = 10;



    summaryColor = "#666";



    icon2 = " ";




    numposts = 10;



    home_page = "http://amatullah83.blogspot.com/";



    limitspy=4

    intervalspy=4000



    </script>




    <div id="spylist">

        <script src='http://dl.getdropbox.com/u/708209/scriptabufarhan/recentspy/recentpostthumbspy-min.js' type='text/javascript'></script>

    </div>






Artikel Terkait:












Membuat back to top dengan jquery

Hari ini saya sudah posting 4 new post sekaligus. salah satunya ini juga. saya juga sudah lelah ngetik, jadi langsung saja Step By Step
1. Silahkan login ke blogger

2. Kemudian tujulah bagian Racangan

3. Dan pilih yang Edit HTML

4. masukan kode di jquery ini, di atas kode </head>



    <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/> <!-- jika di template anda sudah terdapat script jQuery 1.3.2, maka anda tidak perlu lagi menambahkan kode ini -->


    <script type='text/javascript'>

    $(function(){

    $(&#39;a[href*=#top]&#39;).click(function() {

    if (location.pathname.replace(/^//,&#39;&#39;) == this.pathname.replace(/^//,&#39;&#39;)


    &amp;&amp; location.hostname == this.hostname) {

    var $target = $(this.hash);

    $target = $target.length &amp;&amp; $target || $(&#39;[name=&#39; + this.hash.slice(1) +&#39;]&#39;);

    if ($target.length) {


    var targetOffset = $target.offset().top;

    $(&#39;html,body&#39;).animate({scrollTop: targetOffset}, 1000);

    return false;

    }

    }


    });

    });

    </script>







5. Kemudian Ganti kode <body> dengan kode <body id='top'>




6. letakan kode di bawah ini, di atas kode </body>



    <div id='gotop'>

    <a href='#top' title='Go to Top'>

    <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhviFARe4ETw5EpaL-B_dFlEoK4rhFHTat1C7Si7FcQgDEZUBELYjWs1C9K8YqvIHHDr6Wo48D45-w8nc7Rv8O9Nh5kWnVWI26Mcex3yZVBdmAqKFP1ZAa1UjEaFZAkei7ExU01nFlIMAXZ/s768/top.gif' style='right:20px;bottom:20px;position:fixed'/>

    </a>


    </div>


Cara Membuat Next Page di Blogger

waktunya mempercantik blog anda lagi. apa sih itu next page? gampangnya langsung lihat saja gambar di bawah ini



cara Membuat Menu Next Page pada Blogger














Jika anda tertarik untuk membuat yang seperti ini pada blog anda langsung saja ikuti Step By Step di bawah ini




1. Login ke blogger anda tentunya

2. Masuk ke Tata Letak

3. Tambah Gadget >> HTML/JavaScript

4. Copy pastekan code berikut di dalamnya



<style>

.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 += '&nbsp;<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 style="color:#fff;" 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>

</br>

<a href="http://abi-galoga.blogspot.com/" rel="me" target="_blank">next page</a>
Catatan : untuk mengatur jumlah posting dalam satu halaman silahkan atur code beirkut
 var pageCount=5;


jika anda ingin menampilkan 10 posting satu halaman maka 
var pageCount=10;



Simpan. mudahkan?sulit?bagaimana bisa yang semudah ini di bilang sulit -__- hahaha


Cara membuat "breadcrumb-navigation" di Blogger

Apa itu "breadcrumb-navigation" ???? untuk lebih mudahnya kalian bisa lihat gambar di bawah ini....



Sebenarnya ini hanya bisa di pasang di wordpress, tapi atas berkat rahmat Allah dan dengan di dorongkan oleh keinginan luhur, telah ada cara memasangnya di Blogger (HOREEE !!!!). Jika anda mau yang seperti itu caranya mudah, anda bisa ikuti langkah-langkah di bawah ini :

1. Login ke blog anda > Layout (tata letak) > Edit HTML
2. Beri tanda centang di "Expand Widget Template"
3. Cari kode ]]></b:skin>
4. Sisipkan kode berikut di atas kode tadi

.breadcrumbs {
padding:5px 5px 5px 0px;
margin: 0px 0px 15px 0px;
font-size:95%;
line-height: 1.4em;
border-bottom:3px double #e6e4e3;
}

5. Cari lagi kode <div class='post hentry uncustomized-post-template'> jika tidak ada, coba cari kode <div class='post hentry'>
6. Sisipkan kode berikut di bawah kode tadi

<b:if cond='data:blog.homepageUrl == data:blog.url'>
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='breadcrumbs'>

Browse &#187; <a expr:href='data:blog.homepageUrl' rel='tag'>Home</a>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast == &quot;true&quot;'> &#187;
<a expr:href='data:label.url' rel='tag'><data:label.name/></a>
</b:if>
&#187; <span><data:post.title/></span>
</b:loop>
</b:if>
</b:loop>

</div>
</b:if>
<b:else/>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<div class='breadcrumbs'>
Browse &#187; <a expr:href='data:blog.homepageUrl'>Home</a> &#187; Archives for <data:blog.pageName/>
</div>
</b:if>
<b:else/>
<b:if cond='data:navMessage'>
<div class='breadcrumbs'>
<data:navMessage/>
</div>
</b:if>
</b:if>

7. Save templates dan lihat hasilnya
.SELAMAT MENCOBA, jangan lupa untuk comment !!!!




Membuat Menu Navigasi Melayang Dengan Animasi

Saya sudah pernah menjelaskan tentang cara Membuat Menu Navigasi Melayang sebelumnya. Tapi kali ini kita menggunakan animasi dan tidak perlu bermain HTML karena hanya perlu tambah gadget saja. Untuk lebih mudah perhatikan contoh di bawah ini ....



Ini adalah gabungan dari 2 gadget yang saya pelajari dan modifikasi sendiri. Untuk membuatnya ikuti langkah-langkah di bawah ini :

1. Silahkan kunjungi http://www.flashvortex.com/menus.php
2. Silahkan pilih menu yang anda inginkan dengan cara klik "CLICK HERE TO EDIT THIS" pada menu yang anda inginkan.
3. Ikuti langkah-langkah pembuatan menu, bagi yang tidak mengerti akan saya jelaskan.
  • Step 1 tidak begitu penting, lewati saja
  • Step 2 kolom pertama, isi dengan judul menu anda (setiap judul pisahkan menggunakan ENTER)
  • Masih pada Step 2, di kolom yang kedua isi dengan alamat link judul menu (setiap link pisahkan menggunakan ENTER, urutan di sesuaikan dengan judulnya)
  • Lewati Step 3 & 4
  • Klik Generate Animation
  • Copy code yang ada di kolom "Copy / paste this code into your site"
4. Login ke blog anda > Layout (tata letak) > Page Elements (Laman Elemen) > Add a Gadget (Tambah Gadget) > HTML/JavaScript
5. letakan code berikut di kotak konten (ganti yang berwarna merah dengan code menu anda)

<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}

.gbtab{
height:100px;
width:30px;
float:right;
cursor:pointer;
background:url('http://i953.photobucket.com/albums/ae17/abi-galoga/Untitled-1-16.jpg') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #000;
background:#F5F5F5;
padding:10px;
}
</style>

<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.left = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>

<div id="gb">

<div class="gbtab" onclick="showHideGB()"> </div>

<div class="gbcontent">

<script src="http://h1.flashvortex.com/display.php?id=3_1259075124_65300_151_0_131_137_6_34" type="text/javascript"></script>

<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.left = (30-gb.offsetWidth).toString() + "px";
</script></div></div>

6. Save dan lihat hasilnya

Selamat mencoba dan jangan lupa tinggalkan komentar




Membuat Menu Navigasi Melayang

La
Pasti anda semua sudah tau yang di maksud menu navigasi melayang. Bagi anda yang belum tahu akan saya jelaskan sedikit. Menu Navigasi melayang itu adalah seperti ini ....


Untuk membuatnya yang perlu anda lakukan adalah :

1. Login ke blog anda > Layout (tata letak) > Edit HTML
2. Cari kode </body>
3. Copy-paste code ini dan letakan di atas kode tadi

<br /><style><br /><br />#menu1 a {color:black;background-color:white;text-decoration:none;text-indent:1ex;}<br />#menu1 a:active {color:black;text-decoration:none;}<br />#menu1 a:hover {color:black;background-color:#FFFF99}<br />#menu1 a:visited {color:black;text-decoration:none;}<br /><br /><br />#menu3 a { /*Menu3 Links*/<br />color:black;<br />background-color:white;<br />text-decoration:none;<br />text-indent:1ex;<br />}<br />#menu3 a:hover {<br />color:black;background-color:#FFFF99;<br />}<br />#menu3 a:active {color:black;text-decoration:none;}<br />#menu3 a:visited {color:black;text-decoration:none;}<br /><br /></style><br /><script language='JavaScript1.2' src='http://www.geocities.com/adestd40/mmenu.js'/><br /><script><br />resizereinit=true;<br /><br />menu[1] = {<br />id:&#39;menu1&#39;,<br />bartext:&#39; M E N U &#39;,<br />barbgcolor:&quot;#80FF00&quot;,<br />barcolor:&quot;#000000&quot;,<br />barfontweight:&quot;bold&quot;,<br />barfontsize:&#39;80%&#39;,<br />bordercolor:&#39;#000000&#39;,<br />fontsize:&#39;80%&#39;,<br />linkheight:20 ,<br />hdingwidth:210 ,<br /><br />menuItems:[<br /><br />[&quot;home&quot;, &quot;http://rezhie2009.blogspot.com/&quot;, &quot;&quot;],<br />[&quot;Friendster Saya&quot;, &quot;http://profiles.friendster.com/mauliatprofilreza/&quot;, &quot;&quot;],<br />[&quot;facebook saya&quot;, &quot;http://id-id.facebook.com/people/Reza-Fazri/1209196702&quot;, &quot;&quot;],<br />[&quot;blogger templates&quot;, &quot;http://btemplates.com/&quot;, &quot;&quot;],<br />[&quot;login to blogger&quot;, &quot;http:blogger.com/start&quot;, &quot;&quot;],<br />[&quot;Back To Top&quot;, &quot;#&quot;, &quot;&quot;] //tidak ada tanda koma pada akhir entry<br /><br />]};<br /><br />make_menus();<br /></script>

4. Ubah-ubahlah alamat urlnya sesuai keinginan anda
5. Save Templates




Menampilkan Widget Hanya di Halaman Depan

Menampilkan widget hanya di halaman depan ??? ..... Maksudnya widgetnya hanya ada di halaman depan/home, jadi ketika kita masuk ke halaman berikutnya untuk membaca postingan maka widgetnya akan hilang dan akan muncul jika anda kembali home.

OK... langsung saja :

1. Login ke Blog anda > Layout (tata letak) >> Edit HTML
2. Beri tanda centang pada "Expand Template Widget"
3. Cari judul widget anda. Contoh : saya cari The New Posting
4. Perhatikan kode di bawah ini. Tambahkan kode yang berwarna merah

<b:widget id='HTML3' locked='false' title='The New Posting' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>

5. Save Templates

Selesai, mudah, gampang, simple, padat, berisi.
jangan lupa commentnya ok

Pasang Alexa Rank di Blog

Contoh :



Alexa rang berfungsi untuk melihat ranking blog kita, tidak usah panjang x lebar langsung saja ke TKP :

1. masuk ke http://www.alexa.com/
2. klik "for site owners" yang berada pada menu bar
3. pilih "Site Widgets" > "learn more"
4. masukan URL blog anda ke salah satu kotak, contoh "http://www.abi-galoga.blogspot.com/"
5. jika sudah klik "Build Widget"
6. copy salah satu kode yang ada di situ (sesuai keinginan anda)
7. paste di tempat gadget anda lalu save dan lihat hasilnya

Selesai ....

Menambahkan Visitor Flag Counter di Blog

Contoh



1. Kunjungi situs ini http://flagcounter.com/
2. isi bagian-bagian :
  • maximum flag to show : jumlah bendara yang akan ditampilkan
  • columns of flag : jumlah kolom bendera
  • label on top of counter : nama dari counter flag
  • Background color : warna latar dari counter flag
  • text color : warna tulisan
  • Border color : warna garis tepi dari counter flag
  • show country flag : untuk menampilkan kode negara
  • show pageview : untuk menampilkan jumlah halaman yang dikunjungi
3. lihat di bagian bawah ada "Example Flag Counter with your choices" itu adalah hasilnya, jika sudah sesuai keinginan klik "get your flag counter"
4.
copy code yang berada di "Code for website: dan pastekan ke dashbor anda pada widget text dan simpan.

SELESAI.....

Cara Membuat Kotak Daftar Isi

Tidak perlu berbasa-basi, untuk contoh lihat di sebelah kanan blog saya "My Menu". Untuk membuatnya sangatlah mudah (asalkan otaknya nyampe), ikuti langkah ini :

1. Login ke Blog anda > Layout (tata letak) > Page Elements (laman elemen) Add a Gadget (tambah gadget) > HTML/JavaSript
2. Copy-paste kode berikut ini di kotak konten

<style>
.list {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEACSu4j82eIZqVS0IUeSo1EXL3kXcZU_cTNYQ2WbBCCaq8T3Hew9BBcWdeYnn5brwY-MN1fxI-eDyHesADDhUJTQ8s0RzUHvd6Wp64tKHgyslvO1WL9A8HEuImJ1VjMnAgtoL637AMNsu/") no-repeat left center;
border-bottom:1px dotted #ddd;
line-height:1.2em;
padding:3px 0px 0px 20px;
}
</style>
<div style="overflow:auto; padding:3px; margin:0px 0px 0px 0px; width:280px; height:200px; background- border:1px solid #ffffff;">

<div class="list">
<a href="Alamat posting yang dituju">Judul Posting</a></div>


</div>

Keterangan : kode yang berkedip adalah kode postingan anda, tambahkan kode itu sesuai dengan banyaknya postingan anda dan kode berwarna merah ganti dengan milik anda d

Cara Membuat Menu Navigasi Horizontal Tabs 6

Akhirnya bisa juga bikin menu bar. Agak sulit sih (maklum amatir). tapi tenang saja, saya akan ajarkan pada anda dengan cara yang seksama dan dalam tempo yang sesingkat-singkatnya hehe
Langsung saja ke TKP :


1. Login ke blogger anda > Layout >> Edit HTML

2. Cari Kode

<div id='header-wrapper'> <b:section class='header' id='header' maxwidgets='1' showaddelement='no'> <b:widget id='HTML5' locked='true' title='' type='HTML'/>

lalu ganti ganti sedikit menjadi seperti ini

<div id='header-wrapper'> <b:section class='header' id='header' maxwidgets='4' showaddelement='yes'> <b:widget id='HTML5' locked='false' title='' type='HTML'/>

3. cari kode

]]></b:skin>

lalu letakan kode ini di atasnya

/*- Menu Tabs 6--------------------------- */

#tabs6 {
font: bold 11px/1.5em Verdana;
float:left;
width:100%;
background:transparent;
line-height:normal;
}
#tabs6 ul {
margin:0;
padding:10px 10px 0 50px;
list-style:none;
}
#tabs6 li {
display:inline;
margin:0;
padding:0;
}
#tabs6 a {
float:left;
background:url("http://i953.photobucket.com/albums/ae17/abi-galoga/tableft6.gif") no-repeat left top;
margin:0;
padding:0 0 0 4px;
text-decoration:none;
}
#tabs6 a span {
float:left;
display:block;
background:url("http://i953.photobucket.com/albums/ae17/abi-galoga/tabright6.gif") no-repeat right top;
padding:5px 15px 4px 6px;
color:#FFF;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs6 a span {float:none;}
/* End IE5-Mac hack */
#tabs6 a:hover span {
color:#FFF;
}
#tabs6 a:hover {
background-position:0% -42px;
}
#tabs6 a:hover span {
background-position:100% -42px;
}

Simpan

5. Masuk ke Page Elements (Elemen Laman) > Add a Gadget di atas kotak header >> masukan kode ini

<div id="tabs6">
<ul>
<li><a href='#' title='Judul link' class='current'><span>judul</span></a></li>
<li><a href='#' title='Judul link' class='current'><span>judul</span></a></li>
<li><a href='#' title='Judul link' class='current'><span>judul</span></a></li>
<li><a href='#' title='Judul link' class='current'><span>judul</span></a></li>
</ul>
</div>

Keterangan : ganti tanda pagar dengan alamat yang anda tuju, judul link dan judul di isi terserah anda.




Cara Membuat Read More Otomatis

Saya sudah pernah membahas bagaimana cara membuat read moredan pada kesempatan hari ini saya akan membahas tentang Cara Membuat Read More Otomatis.
Langsung saja ke TKP :

1. Log in ke Blog anda > Layout (tata letak) >> Edit HTML lalu beri tanda centang di Expand Widget Template
2. cari kode </head>
3. copy kode ini dan paste di bawah kode </head>

<script type='text/javascript'> var thumbnail_mode = &quot;no-float&quot; ; summary_noimg = 430; summary_img = 340; img_thumb_height = 100; img_thumb_width = 120; </script> <script src='http://rizqi.moehamed.googlepages.com/read-moreotomatis.js' type='text/javascript'/>

keterangan : sesuaikan kode yang berwarna merah dengan keinginan anda

4. cari kode <data:post.body/> atau <p><data:post.body/></p>
5. hapus/ganti kode itu dengan kode

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);
</script>
<span class='rmlink' style='float:right;padding-top:20px;'>
<a expr:href='data:post.url'>&#187;&#187;&#160;&#160;READMORE...</a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

keterangan : ganti tulisan berwarna merah dengan kata anda sendiri

tinggal di save dan lihat sendiri hasilnya, SELAMAT MENCOBA....



Cara Membuat Teks Kursor

Mau membuat kursor kamu di ikuti oleh teks ? jika mau, caranya sangat mudah... anda hanya perlu mengikuti langkah di bawah ini

1. Log in ke blog anda > Layout (tata letak) >> Page Elements (laman elemen) >>> Add a Gadget (tambah gadget) >>>> HTML/JavaScript
2. Copy code di bawah ini dan paste di kotak konten

<script>
//mouse
//Circling text trail- Tim Tilton
//Website: http://www.tempermedia.com/
//Visit http://www.dynamicdrive.com for this script and more
function cursor_text_circle(){
// your message here
var msg='dimas abi galoga'.split('').reverse().join('');

var font='Verdana,Arial';
var size=3; // up to seven
var color='#ff0000';

// This is not the rotation speed, its the reaction speed, keep low!
// Set this to 1 for just plain rotation w/out drag
var speed=.3;

// This is the rotation speed, set it negative if you want
// it to spin clockwise
var rotation=-.2;

// Alter no variables past here!, unless you are good
//---------------------------------------------------


var ns=(document.layers);
var ie=(document.all);
var dom=document.getElementById;
msg=msg.split('');
var n=msg.length;
var a=size*13;
var currStep=0;
var ymouse=0;
var xmouse=0;
var props="<font face="+font+" color="+color+" size="+size+">";

if (ie)
window.pageYOffset=0

// writes the message
if (ns){
for (i=0; i < n; i++)
document.write('<layer left="0" top="0" width="+a+" name="nsmsg'+i+'" height="+a+"><center>'+props+msg[i]+'</font></center></layer>');
}
else if (ie||dom){
document.write('<div id="outer" style="position:absolute;top:0px;left:0px;z-index:30000;"><div style="position:relative">');
for (i=0; i < n; i++)
document.write('<div id="iemsg'+(dom&&!ie? i:'')+'" style="position:absolute;top:0px;left:0;height:'+a+'px;width:'+a+'px;text-align:center;font-weight:normal;cursor:default">'+props+msg[i]+'</font></div>');
document.write('</div></div>');
}
(ns)?window.captureEvents(Event.MOUSEMOVE):0;

function Mouse(evnt){
ymouse = (ns||(dom&&!ie))?evnt.pageY+20-(window.pageYOffset):event.y; // y-position
xmouse = (ns||(dom&&!ie))?evnt.pageX+20:event.x-20; // x-position
}

if (ns||ie||dom)
(ns)?window.onMouseMove=Mouse:document.onmousemove=Mouse;
var y=new Array();
var x=new Array();
var Y=new Array();
var X=new Array();
for (i=0; i < n; i++){
y[i]=0;
x[i]=0;
Y[i]=0;
X[i]=0;
}

var iecompattest=function(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body;
}

var makecircle=function(){ // rotation properties
if (ie) outer.style.top=iecompattest().scrollTop+'px';
currStep-=rotation;
for (i=0; i < n; i++){ // makes the circle
var d=(ns)?document.layers['nsmsg'+i]:ie? iemsg[i].style:document.getElementById('iemsg'+i).style;
d.top=y[i]+a*Math.sin((currStep+i*1)/3.8)+window.pageYOffset-15+(ie||dom? 'px' : '');
d.left=x[i]+a*Math.cos((currStep+i*1)/3.8)*2+(ie||dom? 'px' : ''); // remove *2 for just a plain circle, not oval
}
}

var drag=function(){ // makes the resistance
y[0]=Math.round(Y[0]+=((ymouse)-Y[0])*speed);
x[0]=Math.round(X[0]+=((xmouse)-X[0])*speed);
for (var i=1; i < n; i++){
y[i]=Math.round(Y[i]+=(y[i-1]-Y[i])*speed);
x[i]=Math.round(X[i]+=(x[i-1]-X[i])*speed);

}
makecircle();
// not rotation speed, leave at zero
setTimeout(function(){drag();},10);
}
if (ns||ie||dom)
if ( typeof window.addEventListener != "undefined" )
window.addEventListener( "load", drag, false );
else if ( typeof window.attachEvent != "undefined" )
window.attachEvent( "onload", drag );
else {
if ( window.onload != null ) {
var oldOnload = window.onload;
window.onload = function ( e ) {
oldOnload( e );
drag();
};
}
else
window.onload = drag;
}

}
cursor_text_circle();

</script>

3. Ganti tulisan yang berwarna merah dengan teks yang anda inginkan.

Selesai, selamat mencoba !!!

Cara Membuat Toolbox Bookmark Dan Share

Salah satu cara untuk mempromosikan blog anda adalah dengan cara membaginya ke tempat-tempat tertentu seperti Facebook, Twitter, dll. Dan untuk melakukan itu kita membutuhkan salah satu widget dari addthis. Saya akan mengajarkan anda bagaimana menaruhnya tepat di bawah postingan anda. Sekarang ikuti langkah berikut ini

1. Masuk ke http://www.addthis.com/
2. Ikuti langkah di bawah ini
  • select your service -> plih blogger
  • select a button style -> pilih model yang anda inginkan
  • Langsung klik Get Your Button -> Copy semua code yang di berikan
3. Login ke blog anda -> Layout (Tata Letak) -> Edit HTML
4. Cari kode <div class='post-footer'> (tips, jika susah mencari codenya klik F3 pada keyboard)
5. Paste code yang tadi telah anda copy tepat di bawah code <div class='post-footer'>

Simpan, Slesai, Beres, Udah, Jangan, Lupa, Comment haha
SELAMAT MENCOBA >>>


Cara membuat Read More

Read More atau Baca Selengkapnya. Jika pada halaman awal blog anda memiliki posting yang terlalu panjang ke bawah, anda perlu menggunakan ini untuk menghemat tempat. Langsung saja ke TKP, ikuti langkah-langkah di bawah ini :



1. Login ke blog kamu -> Layout (tata letak) -> Edit HTML. Beri tanda expand widget template, lalu anda cari kode seperti ini <data:post.body/> atau seperti ini <p><data:post.body/></p> sama saja.


2. Jika sudah hapus kode di atas dan ganti dengan kode ini

<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>Baca Selengkapnya...</strong></a></p>

</b:if>
ganti tulisan yang berwarna merah dengan tulisan yang anda inginkan

3. Selesai, sekarang simpan.



weitsss, tunggu dulu belum selesai


Jika sudah anda lakukan langkah di atas, lanjutkan ke tahap berikutnya



1. masuk ke pengaturan ->format. Lalu alihkan mata anda ke kotak kosong yang berada di tempat paling bawah.

2. masukan kode berikut ke dalam kotak kosong itu

<span class="fullpost">





</span>
3. Simpan.



Sekarang cara penulisan




1. Klik posting -> New Entri (entri baru) -> Edit HTML

2. Tuliskan postingan yang ingin tampak di depan di atas kode <span class="fullpost">

3. Terakhir, tuliskan sisa keseluruhan di bawah kode <span class="fullpost">



Contoh ...

tulis di sini


<span class="fullpost">

sisanya di sini



</span>.
Selesai, selamat mencoba...

Cara Memebuat Efek Roaming Pada Blog

Kali ini saya akan membahas tentang efek roaming. Apa itu efek roaming ? nanya lagi...mungkin anda pernah menjumpai sebuah blog yang ketika di buka tampilan windowsnya berputar. Caranya GAMPANG BANGET !!! ikuti langkah di bawah ini
  1. Seperti biasa anda harus login dulu ke blog anda.
  2. Jika sudah login, klik Layout -> Page Elements -> Add a Gadget -> HTML/JavaScript
  3. Jika sudah masukan kode berikut ini ke konten lalu simpan :

<script language="JavaScript1.2" src="http://seby.fileave.com/efek-roaming.js "></script>

Bagaimana hasilnya ? GOKIL, keren banget
Ok...selamat mencoba, DO NOT FORGET TO COMMENT !!! (wah w bisa bhs inggris)





Cara Membuat Cbox di blog

Kali ini saya akan membahas tentang cara membuat Cbox. Apa itu Cbox ? selalu deh kalo w posting nanya mulu. Ya udah Cbox itu ibarat seperti buku tamu, sebagai contoh lihat di sebelah kiri blog saya yang berjudul Chat BOX. Nah itu dia (tolong sekalian di isi ya...hehe). Ok lanjut, untuk membuat yang sepeti itu, cukup mudah ko. Ikuti Langkah-langkah di bawah ini :

  1. Pertama anda masuk dulu ke http://cbox.ws/
  2. lalu daftar dengan cara klik sign up, ikuti langkah pendaftrannya.
  3. Sudah daftarnya ? Jika sudah silahkan Login ke Cbox anda, lalu klik Publish! Copy semua kode yang ada di step 1.
  4. sekarang Login ke blog anda, klik Layout/Tata Letak -> Page Elements/Elemen Laman -> Add a Gadget/Tambah Gadget -> HTML/JavaScript.
  5. Beri judul sesuai keinginan anda dan paste kode yang tadi anda copy di kotak konten. Simpan
  6. Selesai, Sekarang lihat blog anda, bagaimana ? masih kosong ? tunggu ada ngisi dong sabar aja
Ok... saya rasa cukup untuk saat ini.
Jika ada yang kurang di mengerti silahkan Commentnya.






Cara Merubah Logo Blog

Apa itu icon address bar ? untuk lebih mudah menjelaskannya, perhatikan gambar



nah itulah icon address bar, mungkin jika blog biasa gambarnya seperti ini
Nah itulah yang akan kita bahas kali ini, mengganti logo blog sesuai keinginan. Bagaimana caranya ? ikuti langkah di bawah ini :

  1. Langkah pertama, buatlah logo anda sendiri sesuai keinginan anda atau anda bisa cari di internet
  2. Jika gambar yang anda buat sudah jadi, upload gambar anda ke http://photobucket.com/ atau yang lainnya.
  3. Jika sudah di upload ambil link gambar anda. Caranya arahkan kursor pada gambar dan copy link yang berada di kotak Direct Link
  4. Login ke blog anda klik layout/Tata Letak -> Edit HTML. Cari kode </head>
  5. Masukan kode dibawah ini tepat di atas kode </head>

<link href=' link anda yang telah di copy ' rel='shortcut icon'/>

Contoh

<link href='http://i953.photobucket.com/albums/ae17/abi-galoga/logo.gif ' rel='shortcut icon'/>

</head>

Selesai...selamat mencoba
jangan lupa comment






Membuat Judul Blog Pada Tab Bergerak

Paling tidak bagus menyimpan ilmu yang kita miliki sendirian, oleh karena itu saya akan berbagi sedikit ilmu yang punya. Kali ini ilmu yang akan saya ajarkan adalah cara membuat judul pada TabBar menjadi bergerak. Ok ... kita langsung saja ke inti permasalahannya, Ikuti cara-cara di bawah ini :
  1. Login ke Blog anda, lalu klik Layout/Tata Letak.
  2. Setelah itu klik Edit HTML lalu beri tanda centang di Expand Widget Templates.
  3. Jika anda sudah masuk Edit HTML cari kode </head> (jika mau lebih mudah mencarinya klik F3 pada keyboard dan tuliskan kata yang ingin dicari)
  4. Jika kodenya telah di temukan copy kode di bawah ini dan letakan dibawah kode </head>

<script language='JavaScript'>var txt=&quot; TULIS TEKS ANDA DI SINI &quot;;
var kecepatan=120;var segarkan=null;function bergerak() { document.title=txt;
txt=txt.substring(1,txt.length)+txt.charAt(0);
segarkan=setTimeout(&quot;bergerak()&quot;,kecepatan);}bergerak();
</script>

Nah mudahkan, sekarang giliran anda mencoba
JANGAN LUPA COMMENT !!!! terima kasih...





Percantik tampilan Facebook kamu

Bosen dengan tampilan facebook kamu yang kaya gitu doank ? jiah... B-O-R-I-N-G !!! biruuu mulu.

Nah itulah topik bahasan saya kali ini, PERCANTIK TAMPILAN FACEBOOK. Karena w g suka t'lalu b'tele2 mari kita mulai dandani wajah Facebook kita...

1. pertama browser yg anda gunakan wajib Firofox, kalo tidak punya plis deh hari gini g punya firefox ya udah g apa2 download aja di sini http://www.mozilla.com/en-US/ , kalo udah di download trus install
2. nah berikutnya pasang add-ons St
ylish di firefox anda, cara'a download di sini https://addons.mozilla.org/en-US/firefox/addon/2108 . kalo udah di install restart firefox'a
3. setelah itu kalian tinggal pilih tampilan facebook yang kalian inginkan, tempat di http://userstyles.org/styles/browse/facebook.com
untuk memilih tampilan yang kamu inginkan klik pada link yang kamu inginkan, setelah muncul tampilan baru klik install with stylish yang ada di kanan atas (bukan partai hahaha) lalu klik install
4. dan untuk hasil'a lihat contoh berikut ini









Cara Membuat Sidebar Berada Di kanan/kiri Postingan

y entry-content">
Saya sudah pernah membahas tentang bagaimana Cara Membuat Sidebar 2 Kolom. Sebenarnya tidak ada bedanya antara postingan saya yang ini dengan yang sebelumnya. Jika di posting sebelumnya saya hanya mengajarkan cara menambah sidebar menjadi 2 kolom, kali ini saya akan mengajarkan cara membuat sidebar berada di kanan kiri postingan. Cara membuatnya sangat mudah. Step by Step :




1. Login ke Blogger anda (wajib) > Tata letak (layout) > Edit HTML



2. cari kode berikut ini (fokuskan pencarian pada yang berwarna merah)




#sidebar-wrapper {

width: 430px;


float: $endSide;


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 */

}





3. Tambahkan kode berikut di bawahnya, setelah tanda }




#sidebarbaru-wrapper {


width: 180px;


float: left;


padding-right:10px;


word-wrap: break-word;


overflow: hidden;


}




contoh :




#sidebar-wrapper {


width: 430px;


float: $endSide;


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 */


}




#sidebarbaru-wrapper {


width: 180px;


float: left;


padding-right:10px;


word-wrap: break-word;


overflow: hidden;


}




4. Jika sudah, cari kode <div id='main-wrapper'>




5. Tambahkan kode berikut di atas kode tadi




<div id='sidebarbaru-wrapper'>


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


</div>





sehingga akan menjadi




<div id='sidebarbaru-wrapper'>


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


</div>




<div id='main-wrapper'>




6. Save templates, dan lihat hasilnya.





SELAMAT MENCOBA SEMOGA KALIAN SUKSES AMIEEEEN !!!!!!!!!!






Cara Membuat Sidebar 2 kolom

Sebenarnya cara ini tidak mau saya ajarkan (walaupun di mbah google banyak). Tapi berhubung teman saya yang bernama Muhammad Yusuf sudah meminta caranya pada saya. yaa, apa boleh di kata. Langsung saja ok :



1. Login ke blogger anda > Layout > Edit HTML



2. Beri tanda centang pada "Expand Widget Templates"



3. Cari kode (fokuskan pencarian pada yang berwarna merah)

 

#sidebar-wrapper { width: 430px; float: $endSide; 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 */ }



4. Copy-paste kode berikut setelah tanda } #newsidebar-wrapper



{ width: 200px; float: $endSide; padding-left:5px; 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 */ }



Keterangan kode : width untuk ukuran lebar sidebar float untuk letak sidebar padding untuk jarak sidebar



5. Cari kode (fokuskan pencarian pada yang berwarna merah)  



<div id='sidebar-wrapper'> <b:section class='sidebar' id='sidebar' preferred='yes'> .......................................... .......................................... .......................................... </b:section> </div> titik-titik adalah lanjutan kodenya (tidak begitu penting untuk di ketahui) 6. Copy-paste kode berikut ini setelah </div> <div id='newsidebar-wrapper'> <b:section class='newsidebar' id='newsidebar' preferred='yes'></b:section> </div>



7. Save Templates, lihat hasilnya di PageElements (pasti ada perbedaan) Hasilnya akan seperti ini >







Keterangan, jika ada bagian yang berantakan anda bisa atur ukuran/tempat/jarak nya. Terima Kasih

Cara Menyembunyikan Navbar Blogger

Navbar adalah bagian dari blog khususnya yang menggunakan Blogger yang dapat anda lihat di atas header. Navbar disini memiliki fungsi sebagai navigasi menuju ke blog-blog lain selain blog kita.



Tetapi kadangkala ada orang yang merasa terganggu dengan tampilan Navgar tersebut dengan alasan tampilan blog mereka tidak terlihat profesional. Maka dari itu ada beberapa orang yang menghilangkan Navgar tersebut, padahal perbuatan itu jelas-jelas melanggat aturan pihak Blogger. Bahkan, jika ketahuan maka account ada akan ditutup secara sepihak dan andapun akan kehilangan tulisan-tulisan anda.
Jadi gimana dong solusinya..?? Salah satu solusinya yaitu dengan cara cukup menyembunyikan saja (auto hide) seperti di blog saya, ketika anda mengarahkan mouse anda ke tempat navgar, maka otomatis navgar akan muncul secara otomatis dan ketika mouse dijauhkan makan navbarpun akan sembunyi secara otomatis. Jadi, dengan bagini kita tidak usah menghilangkan navgar secara permanen dan melanggar peraturan Blogger. Penampilan blog andapun akan terlihat profesional.


Berikut cara pengaturannya :

  • Pilih menu Layouts dan pilih Edit HTML

  • Tekan ctrl + F di keyboard anda dan ketik body { untuk mencari tulisan tersebut.

  • Copy Paste (CoPas) kode di bawah ini di atas tulisan body { yang telah anda temukan




#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}

#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}


  • Contohnya seperti berikut ini :



#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}

#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}

body {
  • Setelah selesai, klik SAVE TEMPLATE



Setelah semuanya selesai, coba anda lihat blog anda dan arahkan mouse anda ke tempat navgar yang telah tersembunyi. Gimana..?? Berhasilkan..??



Selamat mencobah deh.. Dan jangan lupa tinggalkan komentarnya ya.. hehehe...

Kamis, 12 Agustus 2010

Pengertian Anti Virus Smadav 7.0


Satu lagi Anti Virus Gratis karya Putra Bangsa Smadav 2009, sampai saat artikel ini ditulis telah sampai pada Rev 7.0. Apa keunggulannya pada versi ini dibandingkan dengan versi sebelumnya? Silahkan lanjutkan!

Pada Rev. 7 kali ini Smadav telah disempurnakan untuk menjadi jauh lebih cepat dan lebih ringan dalam mendeteksi dan mengamankan komputer Anda dari ancaman virus di Indonesia. Fitur-fitur baru yang ditambahkan seperti Smad-Turbo (Scanning 10x lebih cepat), Smad-Theme (Mengganti warna tema), Smad-Ray (Otomatis scan flashdisk sangat cepat). Ini semua membuat Smadav menjadi salah satu dari antivirus tercepat dan paling ringan sedunia, sehingga Smadav tetap dapat digunakan pada komputer-komputer dengan spesifikasi rendah sekalipun.

Pada Rev. 7 ini Smadav juga menambahkan database pengenalan virus-virus baru yang banyak menyebar di Indonesia. Perkembangan virus lokal saat ini semakin berkurang dan tidak seaktif bulan-bulan sebelumnya. Mungkin ini karena Smadav yang sudah banyak digunakan pengguna-pengguna komputer di Indonesia. Jadi, virus lokal di Indonesia sekarang tinggal sedikit lagi untuk menuju kepunahan.

Selain itu juga banyak perbaikan yang dilakukan pada tampilan Smadav secara keseluruhan agar Smadav semakin mudah dan praktis digunakan.
Berikut ini adalah penjelasan lengkap fitur-fitur baru di Smadav 2009 Rev 7 :

Smad-Turbo (Scanning 10x lebih cepat)

Smad-Turbo adalah salah satu fitur scanning antivirus tercepat di dunia yang hanya dimiliki Smadav Pro. Jika dengan Smadav Free Anda memerlukan waktu 20 menit untuk scanning seluruh isi file komputer, dengan menggunakan fitur ini Anda hanya perlu waktu kira-kira 1-2 menit untuk melakukan scanning seluruh isi file di komputer Anda. Jadi, Scanning Smadav Pro 10x lebih cepat daripada Smadav Free dengan menggunakan Smad-Turbo ini.

Smad-Theme (Mengganti warna tema)

Smadav Pro mempunyai kemampuan untuk mengganti warna tema Smadav yang awalnya berwarna hijau menjadi warna pilihan Anda. Di bagian setting warna tema Anda dapat menemukan warna pilihan Anda sendiri untuk menjadi tema Smadav. Setelah Anda ganti tema warnanya, warna semua tampilan Smadav akan otomatis berubah menjadi warna pilihan Anda.

Smad-Ray (Otomatis scan flashdisk sangat cepat)

Setelah flash-disk dicolok di komputer, Smadav akan langsung memunculkan hasil scan dalam bentuk notifikasi apakah flashdisk Anda terinfeksi virus atau tidak, prosesnya sangat cepat hanya sekitar 1-5 detik sehingga Anda tidak perlu lagi berlama-lama menunggu hasil scanning flashdisk yang baru dicolok.

Perbaikan tampilan Smadav

Tampilan Smadav yang lama dianggap pengguna masih terlalu besar dan tidak cocok untuk sebagian pengguna di Mini Laptop/Netbook. Pada Rev. 7 kali ini tampilan Smadav sudah berukuran lebih kecil dan Smadav sudah bisa menyesuaikan ukurannya menjadi mini ketika dipakai di Netbook.

Perbandingan Smadav Free & Pro

Pada bagian tab donation sekarang sudah ditambahkan tabel perbandingan Smadav Free & Pro. Anda dapat mengklik baris-baris pada tabel ini untuk mengetahui kelebihan-kelebihan Smadav Pro dibandingkan Smadav Free.

Jika Anda tertarik menggunakan Antivirus ini Silakan DOWNLOAD DI SINI



Cara cepat terindex SEO google


Agar title blogger lebih bersahabat dengan Search Engeine (SEO Friendly) kita dapat mengganti Title standar dengan Title kode yang sudah dimodifikasi.

Pada Blogger Dashboard, klik “Layout” lalu “Edit HTML”

Cari kode title dibawah ini :(tekan keyboard ctrl + f untuk mempermudah pencarian)

<title><data:blog.pageTitle/></title>

Kemudian ganti semua kode diatas dengan kode dibawah

<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.pageTitle/></title>
<b:else/>
<title><data:blog.pageName/></title>
</b:if>

Atau Ganti dengan :

<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.title/></title>
<b:else/>
<title><data:blog.pageName/> | <data:blog.title/></title>
</b:if>

Save template tersebut dan kembalilah ke blog Anda.

SEMOGA BERHASIL



Cara Upload di Ziddu

Bagaimana ya cara upload di ziddu ?????

Langsung ya ....

1. Login dulu di ziddu. Anda sudah punya account di ziddu jika belum ya ... daftar dulu ... caranya mudah ... Klik di sini jika anda mengalami kesulitan.

2. Untuk upload, klik browse untuk mencari file yang akan di upload trus... klik Upload dech



3. Tunggu ya ... progress-nya sampai selesai ... nanti akan muncul ?????



4. Seperti gambar di bawah ini dech .. untuk yang di beri lingkaran adalah url-nya



---SELAMAT BER-UPLOAD RIA---



kembali ke cara membuat ling download

cara mendaptar di ziddu

Sebelum daftar di ziddu alangkah baiknya membaca penjelasan di bawah ini .... ok.

Ziddu adalah tempat untuk menaruh file – file dapat di download.

Cara menaruh file tidak secara “copy – paste” yaitu dengan cara mengupload file tersebut, walaupun sudah banyak tempat – tempat penyimpanan file di dunia internet, namun sangatlah jarang sekali yang memberikan unlimited storage dan bandwitch, ziddu akan memberikan dollar secara gratis, apabila ada yang mendownload file kita, atau mendaftar pada referral kita.....

0.001$ / 1 unique download
0.10 $ / 1 pendaftar melalui referral kita

Gimana ????? Jika tertarik Daftar aja di ZIDDU

Caranya mudah kog ????

Berikut ini cara mendaftar di ziddu

1. Klik di sini kemudian klik register

2. Isi Nama, email, password, ulangi password, masukkan kode yang berupa angka kedalam verification code (yang benar ya... jangan sampai salah...ok), klik kotak yang kecil jika anda setuju dengan persyaratan yang diberikan oleh ziddu (tulisan warna biru). Lalu submit.

3. Terima kasih anda telah terdaftar di ziddu (Perhatikan gambar di atas). Lalu clik here to login to your account.
4. Selamat anda telah terdaftar di ziddu. Anda tinggal mengupload file-file yang ingin di download di blog anda !!!!!kembali ke cara membuat ling download

pantun putus cinta

Anak kera mencuri manggis

Matanya pedih kena jelatang

Awak tertawa hati menangis

Karena kekasih dibawa orang

-


Mabuklah orang dalam perahu

Ombak besar setinggi rumah

Mabuklah abang memendam rindu

Adik kudengar pergi menikah

-

Baik berburu di malam hari

Bersuluh bulan dengan bintang

Adik kucumbu di dalam mimpi

Tubuhmu sudah ditangan orang


-

Untuk apa orang ke hulu

Kalau klek sudah berlubang

Untuk apa hamba menunggu

Kalau adik sudah bertunang

-

Hari minggu jalan ke pasar

Disana belanja membeli udang

Hatiku pilu rasa terbakar


Bunga kupuja dipetik orang

-

Habislah buah pisang nangka

Pisang serawak tegak sebatang

Habislah tuah hilanglah muka

Pinangan awak ditolak orang

-

Fajar subuh sudahlah terbit

Tanda hari menjelang siang


Terbakar tubuh dadaku sakit

Adinda kini dipinang orang

-

Galah bukan sebarang galah

Galah orang pemanjat pinang

Salah bukan sebarang salah

Salah abang lambat meminang

-

Buluh cina berwarna kuning


Tegak lurus dengan kokohnya

Karena adik sudah berpaling

Badanku kurus menanggung duka

-

Sudahlah makan tidak berkuah

Nasi yang ada terasa kurang

Sudahlah badan tidak bertuah

Kekasih pula dilarikan orang

-


Bagaimana padi tidakkan basah

Pagi petang dilimbur pasang

Bagaimana hati tidakkan patah

Kekasih hilang direbut orang

-

Diam-diam orang berkayuh

Karena takut dikejar buaya

Saban malam abang mengeluh

Karena adik sudah berpunya


-

Jatuh bangkit orang berburu

Mengejar kijang kesana sini

Tubuhku sakit tulangpun ngilu

Mendengar abang sudah berbini

-

Jatuh tupai salah melompat

Bekejar naik ke batang pinang

Tubuhku lunglai patah semangat


Mendengar adik dipinang orang

-

Beras padi diindang orang

Supaya tahu mana antahnya

Belas hati memandang abang

Adik ditunggu sudah berpunya

-

Belilah aruan serta belanak

Dapat dipindang sesudah bersih


Hati menyetan dadaku bengkak

Melihat abang berpindah kasih

-

Bulan sabit diambang petang

Makin dipandang semakin indah

Sudah senasib abang yang malang

Hendak meminang adik lah nikah

-

Bulan sabit di langit tinggi


Sayup-sayup mata memandang

Sudahlah nasib celaka diri

Adik kucinta dipinang orang

-

Dari teluk berjalan pulang

Naik kerumah sudahlah senja

Hatiku remuk bukan kepakang

Adik tercinta sudah berpunya

-


Kemana lagi membawa ketupat

Bunga sekaki sudahlah layu

Kemana lagi adik bermanja

Kanda kunanti tak mahu tahu

-

Bulan haji bulan mulia

Besar kecik tiada terbilang

Rasakan mati badan sebelah

Mendengar adik dipinang orang


-

Batang nangka putik sejari

Rebah ke tanah lapuk terbuang

Abang menyangka adik sendiri

Rupanya sudah duduk bertunang

-

Bagaimana bunga kan jadi mekar

Kalaulah kumbang sudah menyeri

Bagaiman hamba memberi kabar


Kalaulah abang sudah beristeri

-

Benang ditenun berhari-hari

Lambat laun menjadi kain

Abang melamun gila menanti

Adik lah kawin ke orang lain

-

Beras bukan sebarang beras

Beras ditumbuk membuang antah


Panas bukan sebarang panas

Panas menengok abang menikah

-

Banyaklah upih dicari orang

Untuk pembungkus lempuk durian

Hendak kupilih kekasih orang

Mabuklah hamba duduk sendirian

-

Bangau bukan sembarang bangau


Bangau putih berparuh panjang

Risau bukan sembarang risau

Risau kekasih direbut orang

-

Jikalau kumbang sudah menyeri

Tentulah kelopaknya menjadi layu

Kalaulah abang sudah beristeri

Tentulah adik kan kuberi tahu

-


Apa guna kacang direndang

Bila masak direndam lagi

Apa guna abang meminang

Bila isteri sudah beranak

-

Batang pinang sudahlah patah

Tak lama lagi tentulah rubuh

Orang kusayang sudah menikah

Kemana lagi dagang berlubang


-

Alangkah elok naik perahu

Di sana mudah mencari angin

Abanglah bujuk adik tak mau

Rupanya ada janji yang lain

-

Bagaimana titi takkan terendam

Hujan lebat semelah hulu

Bagaimana kami takkan berdendam


Tuan lah dapat pasangan baru

-

Bagaimana kita hendak berhenti

Karena di jalan orang curiga

Bagaimana hamba hendak berjanji

Karena tuan memandang harta

-

Badik diasah berulang kali

Untuk berperang melawan musuh


Adik gelisah mengenang janji

Kutengok abang kian menjauh

-

Bagaimanalah kita hendak berunding

Orang berbantah setiap hari

Bagaimana hamba hendak disunting

Abanglah sudah beranak isteri

-

Bagaimana kita hendak melangkah


Tulang sendiri terasa goyang

Bagaimana hamba hendak menikah

Abang lah menjadi laki orang

-

Tali kecapi disebut orang

Bila dipetik bunyinya nyaring

Hati ku ini mabuk kepayang

Karena adik sudah berpaling

-


Bagaimana kita hendak berlayar

Ombak besar memecah tebing

Bagaimana hamba hendak bersabar

Kudengar abang sudah berpaling
 

Sample text

Sample Text

Sample Text