Membuat Widget Blogger Indonesia Dipojok

Haloo agan,apa kabar sobat blogger??
Kali ini saya mau jawab pertanyaan sobat blogger tentang widged Bendera Blogger Indonesia saya yang berada dipojok atas blog ini..
Berikut tutor lengkapnya..
Disimak yaaa..
Masuk kedalam draft.blogger.com >> Rancangan >> Tambah Widget >> HTML/Javascript
Tinggal Copas aja di HTML/Javascript sobat blogger..

Widget Kiri Atas

Kode Widget
<script language="JavaScript" src="http://arpegio26.fileave.com/autisworld_kiri_atas.txt" type="text/javascript"></script> <script language="JavaScript" type="text/javascript"> cot("http://lh4.ggpht.com/_55xfixw5xxA/TSQeqQkaV7I/AAAAAAAAAO0/kFJ7ZrLVy3s/Widget%20Blogger%20Indonesia.png") </script>

Wiget Kanan Atas

Kode Widget
<script language="JavaScript" src="http://arpegio26.fileave.com/autisworld_kanan_atas.txt" type="text/javascript"> </script> <script language="JavaScript" type="text/javascript"> cot("http://lh6.ggpht.com/_55xfixw5xxA/TSRAD5V-CeI/AAAAAAAAAPc/czrjhswKpVo/Widget%20Kanan%20Blogger%20Indonesia.png") </script>

Widget Kiri Bawah

Kode Widget
<script language="JavaScript" src="http://arpegio26.fileave.com/autisworld_kiri_bawah.txt" type="text/javascript"> </script> <script language="JavaScript" type="text/javascript"> cot("http://2.bp.blogspot.com/-Y1dKjqpXvgA/Tb92aJRlKoI/AAAAAAAABYs/PLNETiLrfRQ/s1600/Blogger+Indonesia+Kiri.png") </script>

Kode Widget
<script language="JavaScript" src="http://arpegio26.fileave.com/autisworld_kanan_bawah.txt" type="text/javascript"> </script> <script language="JavaScript" type="text/javascript"> cot("http://2.bp.blogspot.com/-Y1dKjqpXvgA/Tb92aJRlKoI/AAAAAAAABYs/PLNETiLrfRQ/s1600/Blogger+Indonesia+Kiri.png") </script><br />

Sobat blogger juga bisa menggunakan image kreasi sobat sendiri dengan format PNG ukuran 100x100 Pixel.Upload gambar tersebut dan kemudian ganti url image yang ada dengan url image sobat blogger.
Gimana sobat blogger,bisa kan..?? Pasti bisa yaaa..hehehe

Oooh iyaa,, 
Catatan : Pada sebagian template, tampilan widget Blogger Indonesia ini tidak bisa tampil tepat pada sudut yang diinginkan, sehingga akan terlihat janggal jika memasang widget ini.

Cukup sekian dulu yaa sobat blogger postingannya..
Lagi diwarnet,maklum Praktek pake PC warnet..ehehehe
Semoga bermanfaat untuk semuanya..

»»  Complete Post..

Widget Follow Hide/Show (Seperti punya saya)

Selamat malam sobat blogger..
KAli ini saya akan posting artikel tentang widget yang penting dalam kegiatan Blogging,yaitu Widget Follow. Widget ini bersifat Hide/show,untuk contohnya,liat saja gambar melayang yang ada disudut pojok kiri bawah blog ini.
Sudah tau contohnya..?? Mau coba??Hmmm ayooo kita ikuti tutornya..


1. Pastinya login Blogger terlebih dahulu
2. Masuk ke Perancangan>>Elemen Laman
3. Tambahkan Gadget Html/Java Script
4. Copas kode berikut :

<style type="text/css">
#fl{
position:fixed;
left:150px;
z-index:+1000;
}
* html #fl{position:relative;}
.flcontent{
float:left;
border:2px solid #676767;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCQZYsS0G0HAVLNV0SZKsVFE52ogndA0Za_4odLpcZd7DDFsd9jZjOll1Cof2MgJwMwlXvxrvUXjFdetiKvlIWduIrOtKd3snnOz2mTvera0ZsB9nTCxiuLvm7n1SrSpP2YjHSXf-h3_Fv/)#000000 repeat-x bottom center scroll;
-moz-border-radius-topleft:15px;
-moz-border-radius-topright:15px;
-moz-border-radius-bottomleft:15px;
-moz-border-radius-bottomright:15px;
padding:10px;
}
</style>
<script type="text/javascript">
function showHideFL(){
var fl = document.getElementById("fl");
var w = fl.offsetWidth;
fl.opened ? moveFL(0, -100-w) : moveFL(20-w, 0);
fl.opened = !fl.opened;
}
function moveFL(x0, xf){
var fl = document.getElementById("fl");
var dx = Math.abs(x0-xf) > 25 ? 35 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
fl.style.bottom = x.toString() + "px";
if(x0!=xf){setTimeout("moveFL("+x+", "+xf+")", 10);}
}
</script>
<div id="fl">
<div class="fltab" onclick="showHideFL()"> </div>
<div class="flcontent">

Kode Widget Follow Disini

<div style="text-align: right;">
<a href="javascript:showHideFL()">
[Tutup]
</a></div>
<font size="2"><a href="http://www.berbagidisini.com/2010/10/memasang-widget-follow-showhide.html"target=_blank"><div style="color: #444444;">
<span style="font-size: xx-small;">By enda fiVers</span></div></a></font>
</div>
</div>
<script type="text/javascript">
var fl = document.getElementById("fl");
fl.style.bottom = (-100-fl.offsetWidth).toString() + "px";
</script>

Jangan disave dulu yaa sobat blogger..heheehe
Kita lanjut dulu ke bagian yang satu ini..
6. untuk mengambil kode widget follownya silahkan masuk ke link ini [http://www.google.com/friendconnect]
7. Lihat Gambar dibawah

   7.1 Pilih blog sobat yang akan dipasang widget follownya
   7.2 Klik "Tambahkan gadget anggota"
   7.3 Silahkan diatur ukuran, warna  dll nya.
   7.4 Klik "Buat kode"
   7.5 Silahkan Copy kodenya, dan ikuti langkah selanjutnya.

8. Paste kode Widget Follow tadi pada kode nomor 4 (*Gantikan kode yang berwarna merah dengan kode Widget Follow yang sudah dicopy tadi)

9. Save..???
Weeesssttt ntar dulu...ternyata tidak cukup sampai disini, masih ada 1km perjalanan lagi

10. Untuk memasang tombol Navigasinya, silahkan masuk ke :
Perancangan>>Edit HTML.

11. Cari kode <body> dan paste code brikut tepat diatas kode <body>

<a href='javascript:showHideFL()' style='display:scroll;position: fixed; bottom:5px;left:5px;' title='Follow'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidxaRT0QHFqpr5tgkj9bvo5gANao_2zXrNw3LAFSn_yiSJVUQSX_ev8u_sjlKgK-RRYj57RyXO1YGlO1uVAZJtNWnqLG-NltocD67l8KXC7ktOCBlkLOPTYynCkMlCRqXRyowLABCWVUDn/'/></a>

 12. Simpan template


Dan sekarang,lihat hasilnya...
Gimana?? Berhasilkaah..?? Mudah-mudahan berhasil ya sobat blogger..
Kalau ada saran,pertanyaan,silahkan berkomentar dibawah postingan ini..
Terima Kasih..

»»  Complete Post..

Menu Sliding Horizontal

Malam sobat blogger.. Apa kabar sobat?ehehe mudah-mudahan baik yaaa..
Oke,kali ini saya ingin posting artikel tentang bagaimana membuat Menu Sliding Horizontal yang menggunakan J-Query. Yaa,yang saya maksud adalah seperti ini..

Kelebihan dari efek J-Query ini adalah fungsi Sliding dan Slide Out. Sliding berarti meluncur dalam artian kalau skrol mous kita putar, Menu akan tetap mengikuti / tetap kelihatan. Sedangkan Slide Out yaitu fungsinya timbul dan tenggelam kalau terkena kursor.
Sobat blogger berminat untuk membuatnya diblog sobat??  Ayoo kita result aja tutornya..

• Pilih Edit HTML  pada tab Rancangan
• Cari kode ]]></b:skin>
•  Taruh kode berikut diatas kode tersebut.

/*----------------
Beautiful Slide Out Navigation
-------------------------------*/
.headerfixed
        {
            width:600px;
            height:56px;
            position:absolute;
            top:50%;
            left:10px;
            background:#fff url(title.png) no-repeat top left;
        }
ul#navixed {
    position: fixed;
    margin: 0px;
    padding: 0px;
    top: 0px;
    right: 10px;
    list-style: none;
    z-index:999999;
    width:721px;
}
ul#navixed li {
    width: 103px;
    display:inline;
    float:left;  
}
ul#navixed li a {
    display: block;
    float:left;
    margin-top: -2px;
    width: 100px;
    height: 25px;
    background-color:#000;
    background-repeat:no-repeat;
    background-position:50% 10px;
    border:1px solid #BDDCEF;
    -moz-border-radius:0px 0px 10px 10px;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -khtml-border-bottom-right-radius: 10px;
    -khtml-border-bottom-left-radius: 10px;
    text-decoration:none;
    text-align:center;
    padding-top:80px;
    opacity: 0.7;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
}
ul#navixed li a:hover{
     background-color:#000;
}
ul#navixed li a span{
    letter-spacing:2px;
    font-size:11px;
    color:#FFF;
     
}
ul#navixed .home a{
    background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBrRmyMCqecxrGIEBn5PyixviwCrDz1uJz_dqaxMC70KgT41bSA2fvaYuKoZq4ZKNgu-hnmELnPJi7CE0K3CpthjIguqsE4Ix6kbKkgX4ahXLfV-2cYi47FZYT7pXHW3LueQ_gss9MDQY/s1600/home.png);
}
ul#navixed .about a      {
    background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiC1j9y0jRY8SK-LCMcNmdAjEchk6a5wr3sNmycA_nFRPiOym0ha6g0yDEY-fu2LOe4H67673Ys-gEqhFhf3tdJJ9GJ59KXTwDAHS8NF1jcKaEkpD8b3dhwOrcYXgmsTgx5fA3eBJXknHs/s1600/id_card.png);
}
ul#navixed .search a      {
    background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAzRid4FjHNUR2-aPbQGzl3h4oZaNuxZY0puh9tLoKIOejY4hgYce0wczS9iibxe4_iNdgBKIXCZOs36WCsWm35HX1TrsV_XvwPtlE5uFsIrPkkA-E5sg7KWuNpCoRoVLMfAmF84Iv6lw/s1600/search.png);
}
ul#navixed .podcasts a      {
    background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1_ShDQHF7S4lIvWj_M25NDXfA_ugYgmJkABT1NHIaBsLGuk2C2mgxt5tgqWqDOCD5kc4KCA73PY8uI819mpp43D7ZwGPidjq0eNJp8LQGfpJO3-5edYYcXnY4goAgn6byEVHQAGADAiM/s1600/ipod.png);
}
ul#navixed .rssfeed a   {
    background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLesVDESzAx-god1gV4IFpe9HCQoPKmqkGXsvwiDv91WA-m9HBIDuBZBdQtpRJnJAC7Dk2zavLgGt8iZ2KL_SWwxAUjbacClXcaUrxwnDxRJlsFrBUF6PqFg0SVW9Vzf7lIhBOhw-4L-E/s1600/rss.png);
}
ul#navixed .photos a     {
    background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrJ_q-8dWeEbkJGFSkPHEvHNgJoYx9GE1bKob3WAvkL3PhyphenhyphenJCGyGoQ3DwCTk_Oz5xMllkJtVFZQZ60BG_l8nniaDoD74g1y5_sCcAOMln6nXW3ZpqCFoLhIVe0iZWDyax7MoIdQSizUkU/s1600/camera.png);
}
ul#navixed .contact a    {
    background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2eNUWfgdu9BjgKchJRx6k7uf2OAqF6JLvVYWqTTObS_bSKJcx4Rbpoju7lcnrsVdSuKXew6yRmZNWxjsa_xcZfTi5WkeEy2XawO_nxUgBJztuLetNgwr3wF9la0KgMqheG2L2PD74DHw/s1600/mail.png);
}

• Lalu cari kode </head>
• Pastekan kode berikut ini tepat sebelum kode </head>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js'/>     <script src='http://kangdadang.googlecode.com/files/jcolor.js'/>
<script type='text/javascript'>
            $(function() {                 var d=300;                 $(&#39;#navixed a&#39;).each(function(){                     $(this).stop().animate({                         &#39;marginTop&#39;:&#39;-80px&#39;                    },d+=150);                 });

                $(&#39;#navixed &gt; li&#39;).hover(                function () {                     $(&#39;a&#39;,$(this)).stop().animate({                        &#39;marginTop&#39;:&#39;-2px&#39;                    },200);                 },                function () {                     $(&#39;a&#39;,$(this)).stop().animate({                        &#39;marginTop&#39;:&#39;-80px&#39;                    },200);                 }            );             });         </script>

• Dan untuk langkah terakhir,cari kode <body> .
• Pastekan kode berikut diatasnya.

<ul id='navixed'>
            <li class='home'><a href='#'><span>Home</span></a></li>
            <li class='about'><a href='#'><span>About</span></a></li>
            <li class='search'><a href='#'><span>Search</span></a></li>
            <li class='photos'><a href='#'><span>Photos</span></a></li>
            <li class='rssfeed'><a href='#'><span>Rss Feed</span></a></li>
            <li class='podcasts'><a href='#'><span>Podcasts</span></a></li>
            <li class='contact'><a href='#'><span>Contact</span></a></li>
        </ul>

NB  : Dari pengalaman saya, menaruh kode di bawah ini di atas <body> bagian header akan tertutup. Ini menimbulkan kita tidak bisa menambah widget lagi. Jadi misal sobat ingin menaruh di java HTML tidak apa-apa.

Dan menurut saran saya,sebelum sobat blogger menyimpannya,ada baiknya sobat preview dahulu.Kalau semua berjalan lancar,menu ini akan kelihatan seperti gambar diatas.
Ohhh iyaa,sobat bisa mengganti kode yang berwarna Biru sesuai dengan keinginan sobat blogger.
Dengan catatan :
Kode # diganti dengan URL tujuan sobat blogger.
Tulisan Home,About,dll dapat diganti sesuai selera.
Kode gambar pun bisa sobat blogger ganti sesuai keinginan sobat blogger.
Naaah,gimana sobat blogger?Berhasil kan..??
Semoga berhasil yaa..


Sekian dulu postingan saya kali ini,semoga bermanfaat untuk sobat blogger semua.

»»  Complete Post..

Membuat Menu TabView

Hallo sobat blogger..
Pagi-pagi gini udah menyambut para sobat blogger niih,semangat yaaa..
Padahal hari ini hari pertama UAS,tapi gak apa-apa,demi membagi sebuah informasi,saya tetap menyempatkan diri untuk membuat postingan ini..
Oke,sobat blogger sudah pada tau kan apa yang disebuat dengan Menu TabView??
Kalau belum tau,Menu tab view adalah susunan menu yang sering diletakkan pada sidebar dan dalam bentuk bar. Menu tab view digunakan biasanya untuk menyikapi ruang sempit pada layout template. Untuk memasang menu tab view pada sidebar blog, silahkan ikuti tips dan tutorial berikut:

• Masuk ke Design > Edit HTML template blog kamu dan cari kode ]]></b:skin>. Seperti biasa tekan Ctrl+F untuk memudahkan pencarian dengan memasukkan kode ]]></b:skin>. Setelah ketemu, letakkan kode berikut diatas kode ]]></b:skin>:

 /*----MENU TAB VIEW----*/
div.TabView div.Tabs
{
height: 24px;
overflow: hidden;
}
div.TabView div.Tabs a
{
float: left;
display: block;
width: 90px;
text-align: center;
height: 24px;
padding-top: 3px;
vertical-align: middle;
border: 1px solid #000000;
border-bottom-width: 0;
text-decoration: none;
font-family: "Arial", Times New Roman, Serif;
font-weight: 900;
color: #000080;
}
div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active
{
background-color: #BDBDBD;
}
div.TabView div.Pages
{
clear: both;
background-color: #FFFFFF;
border: 1px solid #000000;
overflow: hidden;
}
div.TabView div.Pages div.Page
{
height: 100%;
padding: 0px;
overflow: hidden;
}
div.TabView div.Pages div.Page div.Pad
{
padding: 3px 5px;
}

• Dan sekarang kita cari kode </head> , lalu paste kan kode berikut diatasnya .

<script type='text/javascript'>
function tabview_aux(TabViewId, id)
{
var TabView = document.getElementById(TabViewId);
// ----- Tabs -----
var Tabs = TabView.firstChild;
while (Tabs.className != "Tabs" ) Tabs = Tabs.nextSibling;
var Tab = Tabs.firstChild;
var i = 0;
do
{
if (Tab.tagName == "A")
{
i++;
Tab.href = "javascript:tabview_switch('"+TabViewId+"', "+i+");";
Tab.className = (i == id) ? "Active" : "";
Tab.blur();
}
}
while (Tab = Tab.nextSibling);
// ----- Pages -----
var Pages = TabView.firstChild;
while (Pages.className != 'Pages') Pages = Pages.nextSibling;
var Page = Pages.firstChild;
var i = 0;
do
{
if (Page.className == 'Page')
{
i++;
if (Pages.offsetHeight) Page.style.height = (Pages.offsetHeight-2)+"px";
Page.style.overflow = "auto";
Page.style.display = (i == id) ? 'block' : 'none';
}
}
while (Page = Page.nextSibling);
}
// ----- Functions -------------------------------------------------------------
function tabview_switch(TabViewId, id) { tabview_aux(TabViewId, id); }
function tabview_initialize(TabViewId) { tabview_aux(TabViewId, 1); }
</script>

• Kalau sudah,simpan template sobat blogger.
• Kita pindah ke tempat perancangan Gadget.
• Pilih tambah Gadget,lalu pastekan kode berikut didalam HTML/Javascript.

<form action="tabview.html" method="get">
<div class="TabView" id="TabView">
<div class="Tabs" style="width: 350px;">
<a>Judul Tab 1</a>
<a>Judul Tab 2</a>
<a>Judul Tab 3</a>
</div>
<div class="Pages" style="width: 350px; height: 250px;">
<div class="Page">
<div class="Pad">
Isi tab 1
</div>
</div>
<div class="Page">
<div class="Pad">
Isi tab 2
</div>
</div>
<div class="Page">
<div class="Pad">
Isi tab 3
</div>
</div>
</div>
</div>
</form>
<script type="text/javascript">
tabview_initialize('TabView');
</script>

Ubah dan modifikasi menu tersebut sesuka hati sobat blogger.Ubah kode ukuran yang sudah tersedia,ubah dengan ukuran sidebar pada template sobat blogger.Oke,semoga berhasil yaa sobat blogger,silahkan berikan komen diblog ini,karna blog ini penganut Dofollow..

»»  Complete Post..

Cara memVerifikasi Claim Token Technorati

Technorati merupakan sosial bookmark yang sangat penting untuk di ikuti oleh para Blogger. Karena selain Alexa rank dan Google pagerank, Technorati rank juga merupakan syarat penting untuk mendaftarkan Blog sobat pada situs Paid Review.

Untuk itu segeralah daftarkan Blog anda di Technorati dan lakukan Claim Blog sobat blogger. Selanjutnya sobat blogger akan mendapatkan email berisi kode unik seperti ini AM497BTWX5YQ yang merupakan kode unik untuk Blog saya.

Buatlah posting baru di Blog sobat blogger dan cantumkan kode unik tersebut, karena Technorati akan memverifikasi apakah sobat blogger memang benar pemilik dari Blog tersebut atau tidak. Setelah selesai membuat posting yang berisi kode unik tersebut, maka selanjutnya sobat blogger menuju kembali ke situs Technorati dan klik "Verify Claim Token" agar Blog sobat segera di cek oleh team Technorati.

Berikut beberapa tips untuk menaikkan Technorati rank :

• Pasang widget Technorati di Blog sobat yang tujuannya untuk memudahkan pengunjung untuk mem-Fav Blog sobat blogger semua.
• Buatlah sebuah posting di Blog anda tentang Technorati Favorite Exchange dan ajak teman Blogger sobat untuk bertukar link Technorati. Jelaskan juga kepada mereka agar meninggalkan komentar, khususnya Blogger yang mau bertukar link sehingga sobat blogger lebih mudah mem-Fav balik.
• Carilah Blog yang memasang widget Technorati, usahakan mem-Fav Blog tersebut lebih dahulu. Setelah itu baru menghubungi pemilik Blog itu. Sampaikan kalau sobat sudah mem-Fav Blognya dan minta dengan sopan agar dia me-link balik Blog anda.

Jika sobat blogger seorang Blogger online marketing, sudah seharusnya memperhatikan Alexa rank, Google pagerank, dan Technorati rank agar lebih baik lagi. Tujuannya agar Blog sobat lebih mudah diterima oleh Broker dan yang paling utama agar Blog sobat blogger bisa laris di program Paid Review.

»»  Complete Post..

Membuat Energy Saver/Screen Saver kreasi sendiri pada Blog

Malam sobat blogger,aduuh belakangan ini pada ngerasa gerah gak siih diwaktu malam??
Apa hanya perasaan saya aja yaa..??hhoohoo..
Tapi gak apa-apa,saya tetap semangat untuk share tentang postingan yang satu ini.
Yaaaa,Membuat Energy Saver/Screen Saver kreasi sendiri pada Blog kita,hmmm mungkin ada yang berminat..??Kalau pun sudah ada yang tau yaa mohon bimbing yang blm tau yaa..hehehe

Ayooo kita langsung result aja..
Awal-awal kita harus mempunyai gambar hasil kreasi kita sendiri yang nantinya akan dipasang untuk screen saver/energy saver yang akan kita telusuri pembuatannya..hehe
Buat ukuran yang tidak terlalu besar,mungkin seukuran 890x364 (karena jika terlalu besar tidak akan terlihat penuh pada saat jscript tereksekusi).
Setelah sudah memiliki gambarnya,Upload  ke webhosting yang menyediakan penyimpanan gratis,kalau saya menggunakan Fileave. Setelah proses upload selesai,anda simpan alamat penyimpanannya seperti http://arpegio26.fileave.com/energi saver22.jpg .
Kalau sudah,anda buka Notepad dan copy script yang berada dibawah ini kedalam Notepad..

var idleTime = 0; var standby = false; function CheckInactivity() { idleTime += 10; if(idleTime > 60) { InitializeStandBy(); } } function InitializeStandBy() { if(!standby) { var h = 0; h = jQuery(window).height(); jQuery("#energysaving").show().css({ height: "0", width: "0", left: "50%", top: "50%" }).animate({ width: "100%", height: h, left: "0", top: "0", opacity: "1" }, 1000); standby = true; } } function StopStandBy() { if(standby) { jQuery("#energysaving").animate({ width: "0", height: "0", opacity: "0", left: "50%", top: "50%" }, 500); setTimeout('jQuery("#energysaving").hide();', 800); standby = false; } } document.write('<link rel="stylesheet" href="http://www.onlineleaf.com/savetheenvironment.css" type="text/css">'); if(typeof(jQuery) == "undefined") { document.write('<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>'); } function InitJQuery() { if(typeof(jQuery) == "undefined") { setTimeout("InitJQuery();", 50); } else { jQuery(function() { jQuery(document).ready(function() { setInterval("CheckInactivity();", 10000); jQuery(this).mousemove(function(e) { idleTime = 0; StopStandBy(); }); jQuery(document).keypress(function(e) { idleTime = 0; StopStandBy(); }); jQuery("body").append('<div id="energysaving"><p><a href="http://sin1aja.blogspot.com" target="_blank"><img src="http://arpegio26.fileave.com/energi%20saver22.jpg" border="0" alt="sin1aja"></a><br /><span>Gerakan Mouse Anda Untuk Kembali Ke Halaman</span></p><div id="copyrightOnlineLeaf">Copyright 2011 <font style="color: #666666;">Be Your Self</font> - All rights reserved</div></div>'); jQuery("#energysaving").hide(); }); }); } } InitJQuery();

Ganti  tulisan yang berwarna Orange dengan URL gambar sobat yang sudah diupload. Dan kata-kata yang bercetak tebal bisa sobat ganti dengan kata-kata sobat.Terserah yang penting sopan..hehehe
Simpan kode diatas dengan format *.js (blablabla<dot>js).
Kalau sudah berbentuk <dot>js,anda upload kembali JavaScript yang telah kita buat tadi.Setelah proses tersebut selesai,sekarang saatnya kita pindah ke draft.blogger.com. Pilih Rancangan >> Edit HTML >>CTRL+F (untuk membuka form pencarian). Cari kode <head>,copy javascript yang telah kita upload tepat diatasnya dengan format seperti berikut .

<script src='http://arpegio26.fileave.com/akuenergysaverterbaru.js' type='text/javascript'/>

Tulisan yang bercetak tebal bisa sobat ganti dengan URL tempat penyimpanan file javascript sobat.
Simpan template sobat,dan lihat apakah sobat berhasil..??Kalau berhasil saya ucapkan SELAMAT.hhehehe
Sekian tips dan trick dari saya.Kalau ada sesuatu yang kurang jelas,silahkan sobat blogger koment dibawah postingan ini.

»»  Complete Post..

Memasang Emoticon Kaskus pada Blog Kesayangan

Haaadduuuuhh,,gak ada bosan-bosannya saya membagi sesuatu yang saya dapat dari dunia maya ini.Banyak sekali yang dapat saya pelajari.Banyak ilmu yang berguna yang dapat kita amalkan ke orang lain seperti sekarang ini.
Kali ini saya akan posting sebuah artikel yang saya dapat dari sebuah forum.Yaitu Memasang Emoticon Kaskus di blog kesayangan kita.Mungkin sudah banyak yang tahu tentang Emoticon kaskus yang lucu ini.Bahkan sudah banyak juga yang sudah tahu bagaimana memasangnya di Blog kita masing-masing.Gak apa-apa,hanya sebagai pengingat apabila ada yang ingi tahu bagaimana cara memasangnya.
Langsung saja kita result..
Cara memasangnya sama saja dengan emoticon sebelumnya (yang pernah kita bahas), namun bentuknya jelas beda namanya juga emoticon kaskuser. Tampilan emoticon2 tersebut yaitu seperti gambar diatas yang bisa kita lihat lucunya emoticon-emoticon tersebut.
Gimana sobat blogger?? Berniat untuk memasangnya?
Kalau berniat,ikuti langkah-langkah sederhana seperti berikut.

• Login ke akun sobat.
• Pilih Rancangan >>  Edit HTML. (jangan lupa centang kotak kecil yang bertuliskan Expand Widget Template.)
• Cari kode </body> (gunakan CTRL+F untuk mempercepat pencarian).
• Letakkan kode berikut tepat diatas kode </body>.

<script src='http://sites.google.com/site/t4belajarblogger/js_t4belajarblogger/kaskuseremoticon.js' type='text/javascript'/>

• Okee,,santaai sejenak sambil minum kopi To****ka  Cappucino dengan sebatang rokok,mantap kan??haha garing mood on..

• Sekarang kita teruskan,selanjutnya cari kode <b:if cond='data:post.embedCommentForm'> 

• Kalau sudah ketemu,letakkan kode berikut tepat diatas kode <b:if cond='data:post.embedCommentForm'> 

<div style='overflow:auto; width:100%px; height:200px; padding:5px 5px 5px 5px; background:#FFFFFF;'>
<center><b>
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHybuuUfu0VTklJSe9Us2_xpmwDmP4dWSu3O9aFo7NUoYdezKaToBNpv8Zw6-OESHdkrXohIs8Kjk3JPon8srRMJiKxVdMkuZ32W-GPTQ-bHc-uFAC9P9VPJktssWKZbN6Q24I7HzT4tpE/'/>:10
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDTSLHvK4JIQFNju2LbPnAEIxR7bquVNrdMa8ijNu_J6W6D7Cnfno_ISP44MeA8hcXkDcxNDmAJ2ZfbtEctDESvQMTQQHy7oFyUzrNByavpt1orZSWgfXBou3mdNeSWEtK5hAbYAR4EQ1Y/'/>:11
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgw85gotsddMxNyeCkLCNb8_sdxCsJ3kF6iIEhiBX4wmueixRQZpO0JkPY-6PJ-PE-jugDgMegxsgFrVS2pzIt1G-M7GJu-SL8qKGm_ncMQiytt7RuvXz_wv595oYi0waArgdAPNf0J2S29/'/>:12
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmUary5iL0zOoyD1WtXt5hzWd3nRx9XgqNs0SEJEzvJQE42QxLqq3XK1t2WRcsWKtXYqSQj_VSAY7WstJ7AFjOZSrxY5pkUnBWKe9-X_M8O_6e7U6XEkP5_y3cpqzElLNgECCL8Y92AD2-/'/>:13
<br/>
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUWifwJMdYfyX3uCyGF96H2xe_aPyUpYVIop2bgYRBOT8jVUrjQdSMS8nD6w_m9GnQEsX7lA12odeUQSFD_RNQxTuKgZmdsuM3CVxgWPL2B8a8Soj7DTwpKhT7ez5HqTyjWUzxBWolqfdg/'/>:14
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWSzP8mKcXwnTUHpbqSuZwd96SMIUz6slCIc0Qc5dO5t94hbaZ90SZpGmpnUUZD7oDxVWthkMRc-vltHtSpDlZatGTQkm94YogxJhuOdry7oAgaXNH1C8Vxe3yFbMdK-6584x5a8B75H8s/'/>:15
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgj-KkcdUGWShlqns1M9AGaNfGuRfMvAMhIrl9GDOaMWWMHF3p6wRuLqSuFtWxTtxDOr4M_DUk2LGBI7s-caSGyctQPdOQfGYA4McWeW557YvQKhuWHfEeJAw8y1LXQGiNmW4rk_H6EDuBP/'/>:16
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0ewqOyspNKa7DtSmN55hp6hiPQMCrFtoeitpg_E7iHxc1xsUN4lmAukMnmJRgUojwx6dfBn-Lj8rld2jFzsCAVKHUdf6eVilCvK0J9pf3glSLK6EAh6Fgr1cvMeWh8u4e9WFzyne1tr5S/'/>:17
<br/>
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVpLRkURfPs-BZUTHw5Hk_M7VguRmeDGWaz043F5vi_-xZa0gb4ozZvAxWAm_6Jo8u7fcCuYo1rjCbgwFttm7X-xYV5yE_3HXQTKqpURUBFato5wa3wvqWJV1-AXPZjDSOEuNZ7Ynm9flb/'/>:18
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIGuXIy2a7QT8CJQpHrXH7WIdmuxyCxtEZ8pWlXhq2u9PXlJ4doDUDqBFp2fZ3B_NPbNVZifskYYmhjgSqs70WKJWqT0uj2Ai4Fdvcep5buwd5312Wm1aHw6TFSG4_eIihba_eaFwVzAr3/'/>:19
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaihThVIWRwzfu9kVqC2o9U318jYkLD8UGXUaT46yCBNCLx83u75C7mRRrPIKLIokdpK-wIDViIAvxl-jdrNZ5n4mnGDgHfHUqtzbfDEiaToqsghyphenhyphen_S6EDUWVu-u7FqTTgBGaGsiQRnIwo/'/>:20
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEDgy0388-iyhXrdH0z9_hvqStyBsNCScfhL8N3Jo-ygrHsKs5HC0Wwy3AnDE-eDeEu6EnthC82HZtfs9s6cgvyddHsynUQJenzJeRvJR_zEgt5SjmCay9SGi8aXWsevjGIj8ia-bd_X2m/'/>:21
<br/>
<img border='0' src='http://lh4.ggpht.com/_RVpTV2JOOxA/S1FVZWIp2MI/AAAAAAAAByc/4TWBttgCAT4/kaskuser_t4belajarblogger_13.gif'/>:22
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfSv888z68NGnKPXwoWMqvYRuHRAUFikIX1cssgtyjEQIJ6MiyURqDnEei0AY9YIea3J4KQuEHKR68ynqM_Kmilce7i-vP-EQ1WnkbSqiBLSk3cWAc0msCUaguBwia6KO3FriyOwnB6KnG/'/>:23
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-AEoHZF6rx6MPSPu2AAa4clrrhOoNg8LtPleO-wh7HfIjvOCq8O8bJGmNp8_QdsGjD-VLMfHH29MMjAPaHa0s-g1Q5g4V8XMgIlOiFv2TZqxf4OhCgtPvl0WZ_luThjTtNv6lYHM8cs_f/'/>:24
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJSf-5-wxOS5aePBnjj_I5QKNMh2yddQ9WFMzDqfQXLWV_3l_bYLWoQ34rFFLTmMZC9jFAXSHDVeppsSZK8W3BKi38QEdlgIwrAhJm6fhPh0UoF9bTBg9KMjFwuWfTuusKLKopw2ZqrbGK/'/>:25
<br/>
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXPt4c8qPT9YTPkc4gMST36EsGkONSudIVPIIuKPqi8SFxT4lOCqI6PR0ENNSgFtRUTqSv4FWkeHTpTeW3iTZSerMOyUPdX_8NmHuYjC-UHQL22ke3Ms9P1VMujDOK9R0B5vJn_hbnTr0X/'/>:26
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyEdbFvPYE-9xPNc_OkvFvf868QuDtGuvQd47dGT5N8zCP2CZORuTkgyMnNTgU63W5R5tc4rhSF6iwtBRNThR3snfbyNHT068q47irpie6AUnx44-vfihMFMO1b22epbaaGLrJjOiIRrT7/'/>:27
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPmRwM-47yIWiAOfRyB8gsq8rEk9hSqwJfDGyffygUz0TKXgssOrll6BrSyCPdzgBBwEg3kcv-Ug3M5rEXN1G3877b9RelAXH_U-urjyewhEEgQd4Zt7S8YdNlz8aOkLtDnyoFVHZeKOQ6/'/>:28
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRQpwGXbYCSlTnml7L8c7l_V7GVkcfVNVTtG_XDVQfGMAL_A3sGuy3j2R3VRF_-g1OOEgfXs5TIXflgXitqCNJhQav6AR8ZG0Nk-mO4Lc6Fav2SJBh_36fRbFFf9DgG9wWsix1E8xT-Iz_/'/>:29
<br/>
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghibbn7LVkxp6oqegEFA2e0vmv_2Sx4VrSBAnvB3lHXY4ZMqlYOEXdTQhrjh41XrZUZtddH6H7K-GF1XOZKo7KDinDvn_ev5myhiSlModXlZbLjbCRxekxUpiZAJEzVcyWgpwMThAXyo0n/'/>:30
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKiK8AFAFz4d3ESkvQe04Nv5X3WOlgCEvrJUiyJtnS2JQ0tPA93OqgpYZ5FGIgP57l5KFhQ3cqNdUmvTyo5jwSh3T5WkMzT3Mlqr1U9vMtJFRIINZjDa6iFJXWEAFnKjNtk0Lg8eBFPPg2/'/>:31
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbxljgdeDDB8Ut3XWV8QKy-RIm6R0iPMV1ZVIeIpjLG2Vq7UMG1IYzk-PQB3qNB7_2TmjOXn_vOkd47JwGLF46RpEfmZ6NrEuoHVvYzhCg6qVo0QCIKVThBOIkPY96kkkA7_-og9YJFMIf/'/>:32
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYXLj1LCleR5xakFu8_v0ZrjPWpB6IZ4hUuHBE4EnLPVxnI02Vp0rSGCUOWQjO3GSScBilB6AhvkoXlmrGmmW1Xzyv3qBPQE7VyeG2YUPxXQHDNXVphmp-C2gezoQtMg54pkAyCPDDQMrM/'/>:33
<br/>
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqwoUVvmTzMozYCkQFfKHotPxcV1axuR_vGRhBCr-IaKz2T0Iy__36wnXOG78n2wBzOXhtbwr7GryV8Tti-GPVwN5lkijr72O5D_Gc1zunGdfGy2un5fzgvKbzl88d7n90lrT2DF0HdrbX/'/>:34
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPZ_RK3sVcAyUGlUhOCw33sFqgKH0qOfsEXZmdO7IUfz81THy5_HDbKXNLSf8vecCE7Zse4GFzqMECGwPCNj5CCVKt_l8bCQIpRAeAl9jFKpJJjBJBhWupsi-YNAZ4-AeGuH8qsIAS62Iz/'/>:35
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUNincUehZUIjl1bpC_0OYLRRp2daLLuwsAKGKBHmTaUbLsq3QhMdUv4uhJSsrm05x4W_l_qUdPew1cHUmAvxLLH20q_s9FM_d7lBshbqfHtRgLFu4rFIW9ucveTzFQnGA2tSYdX4jiIaU/'/>:36
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJm9px2kwBnaBYGftDTQfcrzo7dUBYfksdDma5NYw7oCyZiOOFfqmYQFe19qdVcBMq-hTQLhwuGawzjsJ8dN_3ALBQhTWWH3wrHw5LDLOirJift8QdVpel9RX6VzSmVdTnh0JEZ2EjbJDl/'/>:37
<br/>
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjj8eUE5IYmVgKpXHDyxOLebJOtEri9SBpuLsNduOt65xtBEsgZzVTfiTxWYC4V41ihx0s0G-_cA18j683dSTgu8jdmeRNwjrpS85q2comqydRrVlQTsojhgOxH84MQLLDglZmXnFJIWTPp/'/>:38
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3GRjqCOqHF9RdzfI1Gapn9Bt9OFCupBHbdTqb1nxHE9xNtK9hUmRQ7cHbziXVcCG-ttH0MKaRXpw7jQxYCvNoeVbFom76DN4UGN94htxTTHbWyhs52Y-wCu1xdHMK8W9q04h47W6xxOUp/'/>:39
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhI-fIE5T6NAYmUtSGJYzTdXGr-NgNEB3Vw6IOvyHeOYtmNAlNx9AKfe2TGDTIzr5R3e-NmsxVGBo8oWIGsJD53wl2mUxo0wRlo6cXHc5mSapWv5EUgGs4NnqVpw8Iy0QSF4xoP5iaiPwGQ/'/>:40
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhJKbNFpVC3HGR4xwWldgHMX33AePZUawhvN1LlyBXTaHS1t-tQoQtAhR2WbwG14bgiXA7YzflxqRI-enTTsjrbCTEjCo4_3fvPzlePCM1ubU_ruAu9vXydcTli5SWKeX0kYk_YYK0E05L/'/>:41
<br/>
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyIxHXhhCmzh1RRdjOCOCYgK3Yz8rWZLTp2aBGyAfqBAsW-v1DxJSrgpJG_ZhXVkwDSNB320J9Z-AlofBj76Qqg0rLydGWv23Sc11DnGdSxKxpv-yA_1JkmBQ7dtL9sSOVPxgTKzgECXbV/'/>:42
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgk5my83su7o3YZnN4aMVENHzyWgl29tidMHRfTP_LoNfmiHNl4yr11x3aDz8MVoY9HlHpFsVgF4XQKp_cFmnIXqnN5QsMU9wWeOZtUapLNPfdT9Pkw0XG8zBanwwznPUXq9qXRn7lZqHcg/'/>:43
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzGDWqg1LfgDSqhn6Sxcgky_VzEvfgrXsIzDGoSdrnuiV0Q_TaZFR5pDWIF5DCrUQkAXBWBHrP1wyhia0BGhxVZtVveWs1GyNGnT0MtZz5SfUd_duHiHMIeTfU_SiDCmhtpZrV1VjoTABC/'/>:44
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVGq5QqScnc3TyFZzmW9foGeO1hZkjSiz6b9NHdoSL-ArgZhlIETjU0M-jjfB1N_oj_6dzgQOKKL5GsuOno69kTpeddqKBviGY3h_QuuiFtVFEe75GgT-oCFfm9Vbe4U09ht8PxQvXORaz/'/>:45
<br/>
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikde8WWVF2l0180VODWmUSowi0ylQJaulzVO9IK7e7H-a_iqxGn2Jo4v-Hx91hF5aR-iADi_rRpPf_fP5IT5_QFTTi6h5NdhPmdwGW4rtaSEPyQgVP_C2w2BQiMRGYXtfUNJzPo6acDANF/'/>:46
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghKaTqXMUTCzyhwH0sfwznR0OcCFY8nMYuw91A8bvuQtEUm30ZtxEY5KMGAzuC7giuWiWRtghFetYgXNhBYJGZd97PXjHCclMOt3EiqZGKGLcf1DVgVP1jf_nOYmSktxuXnliLJh_tlFRK/'/>:47
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8f5nnWBej8hcVtMRPVCKDm4OeRI-gbk05FRLKYlSrUMnYY8J6BABnz-RjbVjT6Ghbs-YYyLazgkwCkhiJYhyphenhyphenRoPJF9VchhhvLThPh5fBjeCNCRoEnGiLhzEODvExiylkCbru2yb48fp84/'/>:48
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjP58Ys5OfbM66GrHyPFOV-jCWX12C8svMMYru3u0Bv1jWYe1ZomXiIh2hvJmkMdQH6XntimYW4OkabiaL7sgyCj4bYhhINLalVKC68OWMYkt0VLEU9KD3AcNhyphenhyphenmEPajjhZUgiIvn8kIJva/'/>:49
<br/>
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZfp4O_elkuH1rbPA3Q2BiLTfxdWf7Z1JlQaqdfb2rn2e34x3_69FDwn44fMSfQ2VspWWkr9Yv2WIAR4EjHE2HFb-aDoINpgu5BLjGAJWBf1tFRI28U4urLi7QL3HLAfTL-_5AsKfJ9jVt/'/>:50
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbHkfjPejWbJgULNxVJpA7DL4lf7fC_llctxhO8OtwDZ0hywbhGvpKwrNWDRowF-V50KJXr9dETvW9rcBiTm6PTG190x9DUMiMvJxiIq6VUx-WCaASSQTN35uay-TGl8SF8l-pf_lPdJSP/'/>:51
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0ftyaHLb3BjD-w2Tekig23ZmNTkWEvDLRTrG3yoLRIwuH8uWuCep8VszTtubwhKjV3TQtjGmK93NmabXPiiYFxCBwem0MPs5Td_ORQv_cHpQ_VBkGIgy2NMS4SqbyDQElhpSC9UOw56AY/'/>:52
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjH0zXKeuppmsEeTDZqI0MsDYpdLh9msYNakblO3y_0OT5Gt5MfYtwW5tSm_qLZ6oWL7vMvWS0hlBEFMiKuF-5HOPEACVhWzhfxRcYSZIPML0u3e0KcHfTNd6ivG_OhaiOL-QDGnQGge24W/'/>:53
<br/>
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVoGNcNo19Wyv_hJ9Wl_XHZUrVTLJbKe8WHb8AtOLgV6W6JeQ3vj6p2PDui-owLMdOgSgLxj_mGFgrbLf3EsX0VjdJeP2lPixnxEqttoxwQKxF0dBMr0hlbDE5h5gjrYwxVzc8uOiK86l7/'/>:54
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3sN6BJL_QnqKpa9Eggkjd0ogQztkO70RYSM5AAk2qbymKGb49fSNYbTffShRlKJlYzlQWUn2O7W5u1vjoNzikdL0DXuRCnlO0IALefmHov6fkwOxKOwdkiO6kQG13T_erXx6Lp8iCxfKs/'/>:55
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLUFUTQ-s70QjKPwbxo9F7P5c6GubqM6UwYsI1nkAB_Pgm-h50KHIlkeaP1Mahr96jUjyGLLLqeJFOxno8G8hWwqLIrUeGXZvdfpb0AkMTHCy_Rax-CImX3bOcACsw-x5PIb1ipjU2TwxO/'/>:56
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijALGYkz0wrPYgjzDC-a5AXDzBtVp4leyj8_6P8WneecVjRXVmurLJWfmVMUqBiRDBcTN-UtgwsO5juIk1zDX2dwc_1Vbh63IsRFV09tRs6zviysz0JeGtN7uTlLQmn5IodE0RlEthV-8h/'/>:57
<br/>
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhB10efP6kz_no5EKbrXgsCxZS24HaG-PuA9c-k0MqKtkdi0cSPev41fzhX98ZD-VFEE9HA7eZZxzZXVyQdyukmajdCd_8HKN15LxK4BNi_4lGIDy7vnrT5edSfV439LnugHKUQhsVrjE2D/'/>:58
</b></center>
</div>

Kalau sudah dipasang semua,sekarang tinggal kita save dan lihat salah satu postingan sobat blogger,apa sudah ada emoticon kaskus nya??hehe mudah-mudahan sudah yaaa..
Kalau ada pertanyaan silahkan sobat blogger tinggalkan komentar dibawah ini..
Terima kasih..

»»  Complete Post..

Mengganti Nama Blog dengan Gambar/Logo

Malam sobat blogger,postingan saya kali ini atas permintaan teman saya yang ingin mengganti nama blognya dengan Gambar/Logo costum yang telah dia buat sendiri.Saya pikir bagus juga sih,menjadi suatu identitas tersendiri untuk blog kita apabila kita mempunyai gambar/logo costum.hehe
Oke laahh,,langsung aja kita langsung ke tutorialnya..
Ada beberapa langkah yang harus kita lewati untuk dapan mengganti nama blog dengan gambar/logo sendiri.


Langkah Pertama :

• Masuk ke akun kita masing-masing.
• Pilih Rancangan >> Edit HTML.
• Klik Download Template Lengkap untuk menghindari sesuatu yang tidak kita inginkan apabila gagal dalam melakukan trik ini.
• Cari kode yang mirip dengan kode dibawah ini.

<div id='header-wrapper'>
 <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Nama blog (Header)' type='Header'/>
</b:section>
</div>

• Masukkan kode HTML berikut sehingga menjadi 

<div id='nama'> 

<div id='hidd'>
 <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Judul blog (Header)' type='Header'/>
</b:section>
</div> 
</div>

(lihat kode yang berwarna merah) Pemasangan kode yang berwana merah didalam kode yang berwarna biru,itu bertujuan agar judul asli tidak terlihat,sehingga hanya gambar/logo kita yang terlihat.

• Lalu cari CSS nya,Seperti : header-wrapper (cari dengan CTRL+F untuk mempermudah),tambahkan # didepan header-wrapper,contoh : #header-wrapper (ketikkan pada kolom pencarian.
• Maka akan keluar kode CSS seperti dibawah ini.

#header-wrapper {
width:950px;
height:150px;
float:left;
}

• Lalu tambahkan kode background:url(alamat url gambar/ logo yang ingin anda masukkan) no-repeat;padding:20px 20px 0 0 sehingga menjadi sebagai berikut .

#nama {
width:450px;
height:150px;
float:left;

background:url(alamat url gambar/ logo yang ingin anda masukkan) no-repeat;padding:20px 20px 0 0

}

 NB : Kode yang harus anda temukan tidaklah harus sama mirip seperti width 950px, height 150px, karena di setiap blog mempunyai ukuran masing - masing yang tentunya berbeda - beda.

 Langkah Kedua :

• Cari kode ]]></b:skin> (untuk mempercepat pencarian gunakan CTRL+F)
•  Copy/paste kode berikut ini tepat diatas kode ]]></b:skin>.

#hidd{
display:none;
}

•  Klik Pratinjau (untuk memastikan sebelum kita save)
• Apabila judul sudah terganti dengan gambar,klik save.

Saran saya terkhir adalah baca dan ikutilah semuanya, tidak usah anda pikir pusing - pusing karena itu akan mengacaukan kosenstrasi anda dalam membaca tutorial ini.
 Semoga berhasil ya sobat blogger..
Saatnya berkunjung ketetangga sebelah..hehehe

»»  Complete Post..

Membuat Widget Hide or Show Chatbox/Shoutmix

Hallo sobat blogger,kali ini saya ingin sharing bagai mana cara membuat chatbox atau Shoutmix hide show seperti yang saya punya diblog ini..
Contohnya bisa sobat blogger lihat disebelah kanan pada blog ini.

Floating Widget ini sudah sedikit dimodifikasi dengan menggunakan kode javascript dan tampilan pun akan lebih dinamis, di dalamnya sobat dapat tempatkan apapun juga misalkan : Iklan adsense, Gambar, ataupun chat box.



Untuk cara pembuatannya sebagai berikut :
Copy/Paste Kode berikut Kedalam HTML/JavaScript.


<style type="text/css">

.gb_fixed{
position:fixed;
top:60px;
right:0px;
z-index:+10;
}

* html .gb_fixed {position:relative;}
#hidden_gb2 {
display:none;
border:0px solid gray;
background:transparent;
padding:10px;
padding-top:0px;
}
</style>
<div class="gb_fixed">
<table cellpadding="0" cellspacing="0" id="hidden_gb2"><tbody>
<tr><td>
<div>
<a href="javascript:void(0)" onclick="gb_showHideGB()"><img src="https://www.bookonthenet.net/east/RKEres/Images/CloseButtonHot.bmp" /></a>
<span style="font-size: 80%;">
Get this Widget
<a href="http://www.arpegio-rizal.co.cc/2011/06/membuat-widget-hide-or-show.html" target="_blank">
</a></span></div>

MASUKKAN KODE SHOUTMIX ATAU KODE LAIN YANG INGIN DITAMPILKAN DISINI

</td></tr>

</tbody></table>

</div>

<script src="http://marewainfo.googlecode.com/files/ordinaryhack-floating.js">

</script>

<div class="gb_fixed" style="z-index: +5;">

<a href="javascript:void(0)" onclick="gb_showHideGB()">

<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4dGNVAVGI7JN7w2D4KFB5zq4zoNxpRz8Nbw8ZPgc4aSrCuGkozyb-Fv7CPI1kfRRBya0bMieYQ7MFbNcHkOU6N2wNwgIk_fbRHxNWNZHWPENieHR-69xyZ_i0odR1JnkgYWNMzlZOTitd/s1600/cbred.png" style="filter: alpha(opacity=60); opacity: 0.6;" />

</a> </div>

Perlu diperhatikan :

• Ganti tulisan yang berwarna orange dengan pilihan gambar sepeti berikut :

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6cX_W8kwerPLiYWLhzIg8-W5iIUGpwSAOB4CS5wdbBz2-46fJlEPGVqSv89e5ZwtlQigtJlggMK3G05bi_SbuO8THMloHjdgsaE4bus96zYp6_Pohve2-1HVK58d6N5dk4tnc5CvN-J_T/s1600/cbblue-2.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQCeRNIVOPQbiy77SBIK1UEpMwvxngcgrKYX7xuWI25JHc-ENhpL9uxWpbkLXDC3nruuYoaULHDOJUJOmKv11z38qSrW8imCOWgcx3kPE4qcN0jy3mGN0K71_2RtSHjip1LqAk-aIBWQhQ/s1600/cbblue.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVzlBpDOEbStf4mD84giDZW2e1DPJCuw-P4MmPYbqYio3Lb03rrWeKZR41U1nELeOCMC_2RYEjkCt9I3Q1Sv0JjACL0w0RgEzh0Y95r-RRYoHoI2TzTXHzbGIR2mBA8VafFD9cXRQG7NPv/s1600/cbgreen.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-Me8lEliCmX7A4nvfwi7njbBQoYCmFevHl4NnB4Qtw9Kw54K20uKgyFCdF0zhAYJ2SyEKLA7Npb9sElL1_jZhamJMi07WstdB-K6yPVQ8Fdg6DZVLEkk20ADFMyz-blN8tUy0dCvlfuBr/s1600/cbyellow.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4dGNVAVGI7JN7w2D4KFB5zq4zoNxpRz8Nbw8ZPgc4aSrCuGkozyb-Fv7CPI1kfRRBya0bMieYQ7MFbNcHkOU6N2wNwgIk_fbRHxNWNZHWPENieHR-69xyZ_i0odR1JnkgYWNMzlZOTitd/s1600/cbred.png

• top:60px; menunjukkan posisi widget dari atas halaman kita 60px. Dapat sobat ubah sesuai dengan keinginan sobat blogger.

Bagaimana sobat blogger?Semoga sobat blogger berhasil yaa membuatnya..

Jangan lupa llooh untuk koment dan follownya..

Oke..

»»  Complete Post..

Disable Right Klik in Your Blog

Disable Right Click in Blogger - If we want, we can disable right click on our blog. With disable right click on our blog, we can reduce or prevent the visitors of the our blog copying your contens.This tool is very useful to different site owners who don't want to let their site content Copied.This script is provided in two style Alert and non alert . After you use Alert Script if someone Right click then a Message is appeared and if you use non alert then no message is displayed.To setup this tool in your blog Copy the Following code and paste it to your blog by adding a new page element.

How to Disable Right Click in Blogger, this is the steps:
1. Login to your blog
2. Goto Design -> Edit HTML
Copy Following Code
Message Alert Script:
<script language=JavaScript> <!-- //Disable right mouse click Script var message="Function Disabled!"; /////////////////////////////////// function clickIE4(){ if (event.button==2){ alert(message); return false; } } function clickNS4(e){ if (document.layers||document.getElementById&&!document.all){ if (e.which==2||e.which==3){ alert(message); return false; } } } if (document.layers){ document.captureEvents(Event.MOUSEDOWN); document.onmousedown=clickNS4; } else if (document.all&&!document.getElementById){ document.onmousedown=clickIE4; } document.oncontextmenu=new Function("alert(message);return false") // --> </script>
You can change alert Function Disabled!

Message nonAlert Script:
<script language=JavaScript> <!-- //Disable right click script III- By Renigade (renigade@mediaone.net) var message=""; /////////////////////////////////// function clickIE() {if (document.all) {(message);return false;}} function clickNS(e) {if (document.layers||(document.getElementById&&!document.all)) { if (e.which==2||e.which==3) {(message);return false;}}} if (document.layers) {document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;} else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;} document.oncontextmenu=new Function("return false") // --> </script>

3. Paste the code before code </head>
4. Save your template
5. Finish

Resource :trickid

»»  Complete Post..

Memasang Lagu Sendiri Di Blog

Malam sobat blogger,mau share lagi nih tentang tips 'n trik blogging.
Yaitu Memasang Lagu Sendri Di Blog,hmmm mudah-mudahan menjadi penerang buat sobat blogger yang lagi kebingungan mencari jalan supaya lagunya ingin dikenal orang..hehehe

Langsung aja kali ya sobat blogger.. Dari pada banyak ngoceh..hehe
Sebelum kita lanjut,ada baiknya kita upload lagu yang akan kita pasang diblog kita.Kita bisa upload diwebhosting gratisan seperti http://up2.upload.pk/ atau yang lainnya.

Oke,,setelah upload lagunya,langsung kita Login ke akun blog kita masing-masing.
Pilih Rancangan >> Tambah Gadget >> HTML/JavaScript
Copas Script dibawah ini ...

<embed src="http://www.odeo.com/flash/audio_player_standard_gray.swf" quality="high" width="300" height="52" allowScriptAccess="always" wmode="transparent" type="application/x-shockwave-flash" flashvars="valid_sample_rate=true&external_url=http://up2.upload.pk/uploads/sujudsyukur.mp3" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed>

Perhatikan yang berwarna biru,itu ukuran gadger plugin yang akan muncul diblog kita,bisa sobat ubah sesuai selera..
Simpan dan Selesai semuanya.. 
Gimana?Bisa gak sobat blogger?Pasti bisa kan?hehehe
Kalau bisa,berarti kita sudah dapat mendengar lagu kita sendiri saat kita membuka blog kesayangan.
Indah rasanya..hehe
Semoga bermanfaat yaa sobat blogger..

»»  Complete Post..

Membuat Ujung Kanan Atas Halaman Blog dapat Melipat || Page Peel Effect

Hallo sobat blogger..
Mau sharing lagi nih,bagi-bagi pengalaman waktu blogwalking ke Blog tetangga,saya menemukan halaman yang ujung atasnya dapat melipat..hhmmm

Masih bingung??
Itu looh sobat blogger,contoh nya ada diblog ini kok.. Tepatnya ada dikanan atas bagian dari blog ini..

 

 
Gmna?? Udah tau kan??
Kalau udah tau,mau tau gak cara memasangnya dihalaman blog kita..??
Gini sobat caranya..

1. Masuk kedalam akun sobat masing--masing.
2. Pilih Rancangan dan Edit HTML.
3. Centang kotak kecil (Expand Widget Template).
4. Cari kode

<b:skin><![CDATA[

     5.   Setelah dapat,copy/paste script dibawah ini tepat diatas kode diatas.

<script src='http://sites.google.com/site/software2iqbalinc/javascript/script_ditunjuk_ngelipet_t4belajarblogger.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function(){
$("#pageflip").hover(function() {
$("#pageflip img , .msg_block").stop()
.animate({width: '307px',height: '319px'}, 500);
} , function() {
$("#pageflip img").stop()
.animate({width: '50px',height: '52px'}, 220);
$(".msg_block").stop()
.animate({width: '50px',height: '50px'}, 200);
});
});
</script> 

   6.   Lalu cari lagi kode

  ]]></b:skin>

   7.   Copy/paste kode dibawah ini tepat diatas kode yang telah kita cari pada kali ini.

#pageflip {
position: relative;
}
#pageflip img {
border: none;
width: 50px; height: 52px;
z-index: 99;
position: absolute;
right: 0; top: 0;
-ms-interpolation-mode: bicubic;
}
#pageflip .msg_block {
width: 50px; height: 50px;
position: absolute;
right: 0; top: 0;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGpBCWTrYPiqKJV2FI4zEseDkU_nj2kSn_mESvt5Fy1rWIwv7zbGjullQvR2iAZs7EHh3ttMO9eeO_5_0Zr7Mg-RZrHRS2TUER7s2IxoQmt4fF_bzkM5VJFNfEExLcoYFFHjobmLnqGue_/) no-repeat right top;
text-indent: -9999px;
}

   8.   Dan yang terakhir cari kode <body>
   9.   Lalu letakkan kode berikut dibawahnya.

<div id='pageflip'>
<a href='http://feedburner.google.com/fb/a/mailverify?uri=autisworld' target='_blank'>
<img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoVG6hvqWpDG2YzBUyoweTWX8bvT-Joc4JKhm_5vzzsVvifzSp4OxDjlpO3PRIN2i-rOXqxzFc6iseFSdRgEw5xVKUKI2uGwxO5ycWlwzralfNFGaj9hfKvuDi5D8k4n4FiKSgwZQJr1go/'/>
<span class='msg_block'/>
</a>
</div>

Simpan dan lihat hasilnya..hheehe
Kalau sobat blogger ingin mengganti gambar flipnya,tinggal ganti tulisan yang berwana biru diatas,dan jika ingin mengganti tujuan URL,ganti tulisan yang berwarna hijau dengan link sobat.

Sekian info dari saya,kalau berkenan untuk sharing tentang postingan ini,mohon sertakan pula sember dari hasil share sobat. Terima Kasih.
Selamat mencoba,,

»»  Complete Post..

Burung Twitter Terbang Pada Blog

Hallo sobat blogger,kali ini saya mau berbagi tentang cara kita mengajak pengunjung Blog untuk Follow Twitter kita..Caranya menggunakan siburung Twitter yang telah menjadi icon sebuah Twitter itu sendiri.

Contohnya liat aja diblog sederhana saya ini..hehehe

Oke,langsung aja bro..
Untuk tahap yang Pertama,kita login ke akun kita masing-masing..
Awas masuk akun pak RW..ahaha jayus tambunan mood on..
Yang Kedua,pilih Rancangan,Elemen Halaman,Tambah Gadget,HTML/JavaScript.
Yang Ketiga,copy/paste didalamnya script dibawah ini..

Script

<script src="http://melayang.googlecode.com/files/Twitterkumpulancara.js" type="text/javascript">
</script>
<script type="text/javascript">
var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2HeHOiUEzf7GQ7OlFMC35oywwgF63guiHUUCQj0AhLnxKwsnKoCyRwWM_GbgoxLNylRlZHscFngu9KA1jVEEbwoGFjSj46XRDmBRiexQsud709caRYuRFo9QR2yoaJNuXEJ6LHBSaihQ/s800/twitterblack.png"; var targetElems=new Array("img","hr","table","td","div","input","textarea","button","select","ul","ol","li","h1","h2","h3","h4","p","code","object","a","b","strong","span"); var twitterAccount = "http://twitter.com/#!/arpegiorizal";var tweetThisText = "Twitter - Autis World http://www.arpegio-rizal.co.cc/";tripleflapInit();
</script>

Nahh,perhatikan Keterangan dibawah ini..
Warna Hijau : Ganti dengan gambar burung yang sobat inginkan..
Warna Biru : Ganti dengan alamat Profil Twitter sobat blogger.

Berikut Pilihan Burung-burung nya..

Hitam

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2HeHOiUEzf7GQ7OlFMC35oywwgF63guiHUUCQj0AhLnxKwsnKoCyRwWM_GbgoxLNylRlZHscFngu9KA1jVEEbwoGFjSj46XRDmBRiexQsud709caRYuRFo9QR2yoaJNuXEJ6LHBSaihQ/s800/twitterblack.png 

Kuning

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiekXXaVcjZatPFDWQhOSIKo9wi_0QjGHr1OQTKBGoWadwx0-WBl6Q4BbnD6wjVO5TxXl4LXDRwYodkX-EN_NuGHR56N3f8WhzHXIK0X80dJeNT7InQKp8nUwzTEmpA261eaK_zc1eN-WE/s800/Twitteryellow.png  

Putih

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOL5k7lZoAKs2drqhmGVBxhxg_GwQEQXX0F1x0Jg_mw2YVyJHIDi-Z9q5kv1FJRTPuX23eHF_AMMgRpMFhsWUY1DX9DOLMDWOPiH49zOCjzQ5Pn5SChojuTAZzkFhxSMMyrZuqXXC-dqg/s800/twitterwhite.png  

Merah

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3ikmCGd1zv7xGAITE-M7nNzukKhOZn3e5BuMSuoJxY60hgZgcdThRhe0tY1JHxJ_CH6WOi_GvVbG5USuUUU51JHZ_B8cxOol1mqEsfnMRKuvVixKGKcD_BI959O8eghTtDpqNiezKRoY/s800/twitterred.png

Ungu  

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3gxLJsmFmYN8yhHyvZ86IcrSjAbjJEQ1c-G5n8ObeDVAmlatxc0nlj_M8r920I_SvRmyJn2DL26sz_oqtNUxsPbAAjeOpXIdVdglZ9anpLJcxwVtI9FoC0235zeLFfdSUrngtHlKGOQs/s800/Twitterpurple.png 

Hijau

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5NzLl3gm4LGyiiTw9ucCAL_lQYL5s2K4y0delTUALahmMzJoXxK9tRq31f6eiF5z73Ftft9X1JrwGW_IuRSypUUBP0-ONbRkH9EQ3iSC9vKaN7hyphenhyphenDg_aZb5AD90GAMITd835uAFGWeiA/s800/twitterGreen.png 

Coklat
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcZ4dpMK23nQ53QdzKl7gi8V5yBJFCn1-32upYCsXGDOoDvAuPoclCwGDzvNRf3DrvuY67qv2shMEu5C3W3j5wWTncL4XPdQvuHzZPoZLpT4s1LXzk_wTElJKtEdl6L-pQLarGH1iShnU/s800/twitterbrown.png
  
Biru

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6sxyDrIDlOOHxk2kMsRRhHYLfvhkQwjU-zwvPbcVaNUEoohDuxA1pRLEeyVcrBtweYag9v_5KxRpYRFbNfltDAX0T3wpETRP1-KJisYTO649J-i6rvZSORm2Ls-SJOHJnffX-df0eUMA/s800/TwitterBlue.png

Sekian dulu blogger sharing dari saya,semoga bermanfaat..
Eiiitzz,,ada yang lupa tuh,kalau sobat blogger ingin sharing kepada teman yang lainnya,silahkan dengan mencantumkan sumber artikelnya..Jangan dicopy/paste yaaa..!!Coba hargai hasil karya orang lain terlebih dahulu.
Terima Kasih atas perhatiannya..

»»  Complete Post..

Membuat Widget Hanya Ada ditampilan utama (Homepage)

Kali ini Autis World akan membahas mengenai Widget. Widget sangat berarti penting sebagai penghias maupun untuk memperindah Blog. Tetapi terlalu banyaknya widget yang dipasang di Blog juga tidak baik bagi kesehatan Blog anda. hal-hal yang mungkin terjadi jika kelebihan widget : Blog menjadi berat dan membuat pengunjung kabur karena menunggu loading yang lama.

Nah, untuk mengatasi widget yang berlebihan ini ada trik jitu untuk mengakalinya tanpa menghapusnya. Yaitu Membuat Widget Hanya Tampil ditampilan utama (Homepage). sebagai contohnya adalah, form Log in yang berada diatas deretan judul posting .
Jika berminat,silahkan ikuti Tutorial berikut:

•  Log in ke Blog.
• Siapkan Widget yang ingin ditampilkan hanya diHomepage.
• Pilih tab Rancangan >> Edit HTML >> Centang " Expand Widget Template".
• Cari nama/judul widget sasaran,contohnya dalam blog ini Log In. (untuk mempercepat pencarian,gunakan CTRL+F atau F3)
• Kalau sudah ketemu maka kan terlihat seperti ini.

<b:widget id='HTML1' locked='false' title='Log In' type='HTML'>
<b:includable id='main'>
  <!-- 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:includable>
</b:widget>

• Masukkan kode berikut tepat dibawah kode <b:includable id='main'> 

<b:if cond='data:blog.homepageUrl == data:blog.url'> 

• Lalu letakkan kode berikut tepat dibawah kode <b:include name='quickedit'/>

</b:if>

• Sehingga terlihat strukturnya seperti berikut .

<b:widget id='HTML1' locked='false' title='Log In' 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>

• Perhatikan tulisan yang berwarna merah.
• Pastikan strukturnya seperti contoh diatas.

Mohon maaf bila ada salah dalam penulisan dalam postingan kali ini.Saran dan kritik kami terima dengan senang hati.

Referensi : Blogging With Me

»»  Complete Post..

Membuat Menu Kereen Blogspot

Pertama-tama pasti sobat blogger bertanya kaya gimana sih bentuknya..??hehehe gak usah banyak ngomong deeh,kita coba aja langsung..oke

1. Login terlebih dahulu ke blog kalian masing-masing.
   
2. Masuk ketata letak (Layout) >>Elemen Halaman
   
3. Tambah Gadget.
   
4. HTML/Java Script.

si seperti dibawah ini..

<script src='http://dhedyfaste.xp3.biz/script/menukeren.js' type='text/javascript'></script>
<script>
YOffset=150;
XOffset=0;
staticYOffset=30;
slideSpeed=20
waitTime=100;
menuBGColor="green";
menuIsStatic="yes";
menuWidth=150;
menuCols=2;
hdrFontFamily="verdana";
hdrFontSize="2";
hdrFontColor="black";
hdrBGColor="#ffffff";
hdrAlign="left";
hdrVAlign="center";
hdrHeight="15";
linkFontFamily="Verdana";
linkFontSize="2";
linkBGColor="black";
linkOverBGColor="#000000 ";
linkTarget="_top";
linkAlign="Left";
barBGColor="green";
barFontFamily="Verdana";
barFontSize="2";
barFontColor="red";
barVAlign="center";
barWidth=20; // no quotes!!
barText="CATEGORIES";


// ----- Mulai Edit Menu
ssmItems[0]=["Daftar Menu"] //Header Menu
ssmItems[1]=["Home", "http://www.arpegio-rizal.co.cc",""]
ssmItems[2]=["About me", "http://www.blogger.com/profile/16222178000193634246",""]
ssmItems[3]=["My Facebook", "http://facebook.com/arpegio.rizal",""]
ssmItems[4]=["My Twitter", "http://twitter/arpegiorizal",""]
ssmItems[5]=["Balikita", "http://balikita.net",""]
ssmItems[6]=["Tips N Triks", "http://www.arpegio-rizal.co.cc/tips and trick",""]

buildMenu();
//----- Selesai Edit Menu
</script>

Ubah tulisan yang berwarna Merah dengan link yang sobat blogger inginkan/tuju.
Simpan dan Lihat hasilnya..

»»  Complete Post..