Kode Disable Right Click without Alert and Disable Select Text

Kode Disable Right Click without Alert and Disable Select Text

Parse HTML mungkin membantu..
Letakkan kode berikut di atas tag </head> :

<script type="text/javascript">
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");function disableselect(e){return false;}function reEnable(){return true;}document.onselectstart=new Function ("return false");if (window.sidebar){document.onmousedown=disableselect;document.onclick=reEnable;}</script>

Semoga Bermanfaat..

Kode Menampilkan Tanggal

Kode Menampilkan Tanggal

Letakkan di dalam body

<script type='text/javascript'> var mydate=new Date() var year=mydate.getYear() if (year < 1000) year+=1900 var day=mydate.getDay() var month=mydate.getMonth() var daym=mydate.getDate() if (daym<10) daym="0"+daym var dayarray=new Array("Minggu","Senen","Selase","Rebo","Kemis","Jum'at","Sabtu") var montharray=new Array("Januari","Februari","Maret","April","Mei","Juni","Juli","Agustus","September","Oktober","November","Desember") document.write("<p>"+dayarray[day]+", "+daym+" "+montharray[month]+", "+year+"</p>") </script>

Semoga Bermanfaat..

Kode Scroll To Top

Kode Scroll To Top

Letakkan kode pada Footer Elemen

<style type='text/css'> #w2b-StoTop {-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px; width:100px;background-color: #EEEEEE;background-color: rgba(238, 238, 238, 0.6);filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#99EEEEEE',EndColorStr='#99EEEEEE');text-align:center;padding:5px;position:fixed;bottom:10px;right:10px;cursor:pointer;color:#444;text-decoration:none;border:1px solid #C9C9C9;} </style><br /> <script src='https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js' type='text/javascript'/> <script type='text/javascript'> $(function() { $.fn.scrollToTop = function() { $(this).hide().removeAttr("href"); if ($(window).scrollTop() != "0") { $(this).fadeIn("slow") } var scrollDiv = $(this); $(window).scroll(function() { if ($(window).scrollTop() == "0") { $(scrollDiv).fadeOut("slow") } else { $(scrollDiv).fadeIn("slow") } }); $(this).click(function() { $("html, body").animate({ scrollTop: 0 }, "slow") }) } }); $(function() { $("#w2b-StoTop").scrollToTop(); }); </script><br /> <a href='#' id='w2b-StoTop' style='display:none;'>Mau ke ATAS? Klik Tombol Gan</a>

Semoga Bermanfaat..

Cara Membuat jQuery Slick Tab di Blogger

Cara Membuat jQuery Slick Tab

Langkahnya sangat sederhana, pilih Dashboard lalu pilih Tata Letak / Rancangan, kemudian pilih tab Edit HTML, lalu seperti biasa contreng tulisan Exspand Widget Templates.

Selanjutnya cari kode ]]></b:skin> (gunakan Ctrl+F di keyboard atau F3), setelah ketemu tinggal letakkan kode CSS berikut tepat diatas kode ]]></b:skin> tersebut.

#slick_area {<br /> border:0px solid #585858;<br /> background-color:#ffffff;<br /> padding:8px;<br /> margin:10px 0;<br /> line-height:18px;<br /> }<br /> #slick_area a{<br /> color:#ffffff;<br /> text-decoration:none;<br /> }<br /> .slick_area a:hover{<br /> color:#FF0000;<br /> }<br /> ul.slick {<br /> margin:2px 5px 8px 0;<br /> padding:0px;<br /> }<br /> ul.slick li {<br /> list-style:none;<br /> display:inline;<br /> background-color:#ffffff;<br /> padding:5px 14px;<br /> text-decoration:none;<br /> font-size:10px;<br /> font-weight:bold;<br /> text-transform:uppercase;<br /> cursor:pointer;<br /> border:0px solid #585858;<br /> }<br /> ul.slick li:hover {<br /> color:#red;<br /> }<br /> ul.slick li.active {<br /> background-color:#ffffff;<br /> border:1px solid #585858;<br /> color:#222222;<br /> <br /> }<br /> .content-slick {<br /> background-color:#ffffff;<br /> border:0px solid #585858;<br /> color:#222222;<br /> min-height:40px;<br /> padding:7px 13px 5px;<br /> text-align:left;<br /> }<br /> .content-slick ul {<br /> margin:20px;<br /> padding:0;<br /> }<br /> .content-slick ul li {<br /> list-style:none;<br /> border-bottom:1px solid #222222;<br /> padding:1px;<br /> }<br /> .content-slick ul li:last-child {<br /> border-bottom:none;<br /> }<br /> .content-slick ul li:hover, .content-slick ul li a:hover {<br /> display:block;<br /> background-color:#ffffff;<br /> }<br /> .content-slick ul li a {<br /> text-decoration:none;<br /> color:black;<br /> display:block;<br /> }

Setelah itu, cari kode , setelah ketemu tepat diatasnya letakkan kode javascript dan jQuery berikut:

<script language='javascript' src='http://pelajarandashblogdotblogspotdotcom.googlecode.com/files/jquery-1.3.2.min.js' type='text/javascript'/> <script type='text/javascript'> $(document).ready(function(){ $('#tabdua, #tabtiga').hide(); $("ul.slick li").click(function () { $(".active").removeClass("active"); $(this).addClass("active"); $(".content-slick").slideUp(); var content_show = $(this).attr("title"); $("#"+content_show).slideDown(); }); }); </script>

Lalu Simpan Templates.

Nah,untuk menampilkannya pada widget coba pilih Tata Letak / Rancangan seperti gambar no (1),dan klik tulisan Add New Widget atau Tambah Gadget,lihat Gambar no (4)

Selanjutnya pilih HTML/Javascript lihat Gb(5)kemudian letakkan kode berikut:

<ul class="slick"><li title="tabsatu" class="slick active">Tab Satu Gan</li> <li title="tabdua" class="slick active">Tab Dua Gan</li> <li title="tabtiga" class="slick">Tab Tiga Gan</li> </ul><br /> <div id="tabsatu" class="content-slick">Letakkan kode HTML/Javascript anda di Tab Satu<br /> </div><br /> <div id="tabdua" class="content-slick">Letakkan kode HTML/Javascript anda di Tab Dua<br /> </div><br /> <div id="tabtiga" class="content-slick">Letakkan kode HTML/Javascript anda di Tab Tiga<br /> </div>

Setelah itu Simpan lagi dan sobat sekarang dah punya slick tab view widget yang dapat dijadikan alternative buat ngehemat tempat ,moga berhasil and selamat ngulik kodenya ya :D

sumber

Kode Slideshow Photo di Blogger

Letakkan kode berikut dibawah tag <head>

<script src="http://pelajarandashblogdotblogspotdotcom.googlecode.com/files/slideshowpelajaranblogjquery.min.js" type="text/javascript"> <script type='text/javascript'> //<![CDATA[ $(document).ready(function() { //Execute the slideShow, set 6 seconds for each images slideShow(3000); }); function slideShow(speed) { //append a LI item to the UL list for displaying caption $('ul.slideshow').append(' <li id="slideshow-caption" class="caption"><div class="slideshow-caption-container"> <h3> </h3></div></li> '); //Set the opacity of all images to 0 $('ul.slideshow li').css({opacity: 0.0}); //Get the first image and display it (set it to full opacity) $('ul.slideshow li:first').css({opacity: 1.0}); //Get the caption of the first image from REL attribute and display it $('#slideshow-caption h3').html($('ul.slideshow a:first').find('img').attr('title')); $('#slideshow-caption p').html($('ul.slideshow a:first').find('img').attr('alt')); //Display the caption $('#slideshow-caption').css({opacity: 0.7, bottom:0}); //Call the gallery function to run the slideshow var timer = setInterval('gallery()',speed); //pause the slideshow on mouse over $('ul.slideshow').hover( function () { clearInterval(timer); }, function () { timer = setInterval('gallery()',speed); } ); } function gallery() { //if no IMGs have the show class, grab the first image var current = ($('ul.slideshow li.show')? $('ul.slideshow li.show') : $('#ul.slideshow li:first')); //Get next image, if it reached the end of the slideshow, rotate it back to the first image var next = ((current.next().length) ? ((current.next().attr('id') == 'slideshow-caption')? $('ul.slideshow li:first') :current.next()) : $('ul.slideshow li:first')); //Get next image caption var title = next.find('img').attr('title'); var desc = next.find('img').attr('alt'); //Set the fade in effect for the next image, show class has higher z-index next.css({opacity: 0.0}).addClass('show').animate({opacity: 1.0}, 1000); //Hide the caption first, and then set and display the caption $('#slideshow-caption').animate({bottom:-70}, 300, function () { //Display the content $('#slideshow-caption h3').html(title); $('#slideshow-caption p').html(desc); $('#slideshow-caption').animate({bottom:0}, 500); }); //Hide the current image current.animate({opacity: 0.0}, 1000).removeClass('show'); } //]]> </script><br /> <br /> <style type="text/css"> ul.slideshow { list-style:none; width:600px; height:240px; overflow:hidden; position:relative; margin:0; padding:0; font-family:Arial,Helvetica,Trebuchet MS,Verdana; ; } ul.slideshow li { position:absolute; left:0; right:0; } ul.slideshow li.show { z-index:500; } ul img { width:600px; height:240px; border:none; } #slideshow-caption { width:600px; height:70px; position:absolute; bottom:0; left:0; color:#fff; background:#000; z-index:500; } #slideshow-caption .slideshow-caption-container { padding:5px 10px; z-index:1000; } #slideshow-caption h3 { margin:0; padding:0; font-size:16px; } #slideshow-caption p { margin:5px 0 0 0; padding:0; } </style>

Setelah itu ke Dashboard > Tata Letak > klik tulisan Add a Gadget (tambah widget) > pilih HTML/Javascript lalu letakkan kode ini:

<ul class="slideshow"><li><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGQ_eSw86zcH6jKbwQRAFak6VaxMDEl3sQKFSyx_9TqZjmwiHV1IJk4eKcrVdY9g7w7fiS6Wn66Bj8q2Cy6RMCT0v19eU1x-C93ViQGrLCy7kXtDz7QkzkrV1aALCwjS4gsqVn9d1oys0/s1600/1.jpg"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGQ_eSw86zcH6jKbwQRAFak6VaxMDEl3sQKFSyx_9TqZjmwiHV1IJk4eKcrVdY9g7w7fiS6Wn66Bj8q2Cy6RMCT0v19eU1x-C93ViQGrLCy7kXtDz7QkzkrV1aALCwjS4gsqVn9d1oys0/s1600/1.jpg" title="This is featured post 1 title" alt="Replace This Text With Your Featured Post 1 Description." /></a></li> <li><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAbyASRb85-u1UpOEACou31wv2BMhLXZIBZBM6d7IB4DuzKKa1ST5SwSXVUTwx_OKzEoF3XdU8xWQlvWGV-2BaDcLWmtqhRViMwtyOGwQd-GZ3u458gS5m8tkxs4euzj-5fkucjaJ25Qc/s1600/2.jpg"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAbyASRb85-u1UpOEACou31wv2BMhLXZIBZBM6d7IB4DuzKKa1ST5SwSXVUTwx_OKzEoF3XdU8xWQlvWGV-2BaDcLWmtqhRViMwtyOGwQd-GZ3u458gS5m8tkxs4euzj-5fkucjaJ25Qc/s1600/2.jpg" title="This is featured post 2 title" alt="Replace This Text With Your Featured Post 2 Description." /></a></li> <li><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoaK0dXDO-xzJskEviJNBsswsN9xpkDkwx6Zh55QPr4HC35YS8WZ4ijms9KzxE6dScY-sxOmw8cZn3t01Y42idlI4Q6Duv11t4Xv1CyHoprH5aNovqSkFrYUfZn8h85os0y6X1WMzIBz4/s1600/3.jpg"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoaK0dXDO-xzJskEviJNBsswsN9xpkDkwx6Zh55QPr4HC35YS8WZ4ijms9KzxE6dScY-sxOmw8cZn3t01Y42idlI4Q6Duv11t4Xv1CyHoprH5aNovqSkFrYUfZn8h85os0y6X1WMzIBz4/s1600/3.jpg" title="This is featured post 3 title" alt="Replace This Text With Your Featured Post 3 Description." /></a></li> <li><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTGlnT7ZWaXCNG705zlf-pOPwmx0n92xbtHd3icM9JzpvdjyJsL0_FCmxYflCVjGul4nubr3uwqVIkfPfwfT8Iy2wIDFgnzYFq0JdJYfb4AMv9YzeKEPQaxhqjtKdI3PArktbKblJWCog/s1600/4.jpg"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTGlnT7ZWaXCNG705zlf-pOPwmx0n92xbtHd3icM9JzpvdjyJsL0_FCmxYflCVjGul4nubr3uwqVIkfPfwfT8Iy2wIDFgnzYFq0JdJYfb4AMv9YzeKEPQaxhqjtKdI3PArktbKblJWCog/s1600/4.jpg" title="This is featured post 4 title" alt="Replace This Text With Your Featured Post 4 Description." /></a></li> </ul>

Cara Membuat Text Area Warna

Copy kode ini dalam mode Edit HTML
<div style="overflow: auto; width: 500px; height: 100px; background-color: #c1eeec; text-align: justify; padding: 5px; border: 3px solid #999999;">Tulis disini... </div>

Pada Tab Posting, Entri Baru, Edit HTMl, Paste kode pada textarea diatas

Tips :
Tambahkan readonly="readonly" pada textarea. Agar teks di dalam textarea tidak bisa dihapus.

Blogger Mobile

Blogger on the Go

Post from anywhere!

When you send texts to BLOGGR (256447) or photos to go@blogger.com from your mobile device they're automatically posted to your new blog.

How it works

MMS
First send an MMS or email with the word 'REGISTER' to go@blogger.com.
We'll reply with the address of your new mobile blog, plus a claim code.
Post to your new mobile blog, or use the claim code to link your phone to a different blog.
To unlink your device from Blogger, send an MMS or email with word 'UNREGISTER' to go@blogger.com.

or use SMS
First send an SMS with the word 'REGISTER' to BLOGGR (256447).
We'll reply with the address of your new mobile blog, plus a claim code.
Post to your new mobile blog, or use the claim code to link your phone to a different blog.
To opt out of receiving SMS messages to your phone, text STOP to BLOGGR (256447)
To get help from your mobile device, text HELP to BLOGGR (256447)
To unlink your device from Blogger, text UNREGISTER to BLOGGR (256447).
Sending text messages to BLOGGR (256447) is currently available for US phone numbers only.


Devices and more
Blogger Mobile works with any device that can send texts via SMS, or email via MMS. Google does not charge for this service. Standard message charges apply.

Blogger Mobile is also built into some Sony Ericsson cameraphones, so you can post to your blog with just a few clicks.

source

Auto Hide Navbar Blogger

Auto Hide Navbar Blogger

1. Pada tab Rancangan, Edit HTML
2. Tekan F3 atau Ctrl+F cari #navbar
3. Copas kode berikut setelah <b:skin><![CDATA[:

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

4. Simpan

Selamat, sekarang Navbar anda sudah autohide.

Cara Membuat Tombol Spoiler

Cara Membuat Tombol Spoiler

Temen blogger ada yang belum tau cara membuat tombol spoiler atau tombol hide show, oke pembelajaran ghostcell kali ini tentang cara membuat tombol spoiler kayak yang ada di forum-forum. Lihat penampakannya:

link Download :  

***Hidden Content***
Please follow to see hidden content. Thanks

Berikut caranya:
1. Pada Tab Rancangan, Elemen Halaman
2. Pilih Add Gagdet, HTML/JavaScript
3. Copy Paste kode berikut:

<div>
<div style="margin-bottom: 2px;">
<b><small>link Download :</small></b>&nbsp;&nbsp;<input onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Sembunyikan'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Munculin'; }" style="font-size: 10px; margin: 0px; padding: 0px; width: 100px;" type="button" value="Munculin" /></div>
<div style="border: 1px inset; margin: 0px; padding: 3px; width: 530px;">
<div style="display: none;">
***<b>Hidden Content</b>***
Please follow to see hidden content. Thanks</div>
</div>
</div>

4. Simpan

Selamat Eksperimen.

Custom Energy Saving Ghostcell

Custom Energy Saving Ghostcell

Postingan ghoscell kali untuk menanggapi request dari sobat Fzhlr tentang cara membuat custom energy saving. Bagi temen blogger silahkan baca artikel mengenai cara pemasangan energy saving dari onlineleaf.com terlebih dahulu.

Duh, akhirnya.. ghostcell memberanikan diri juga untuk berbagi cara membuat custom energy saving ini, tepatnya hanya sebatas merubah tulisan yang muncul saja.

Ghoscell mohon maaf jika cara membuat custom energy saving ini merepotkan sekali. Sebenarnya caranya adalah dengan mengubah kode savetheenvironment.js yang terdiri dari satu kode css dan satu kode javascript lagi didalamnya. Maka, dapat diambil kesimpulan kode savetheenvironment.js ini punya anak 2.. hahaha..
Oke fokus, custom selebihnya bisa anda eksperimen sendiri.., misal: merubah warna background, dan waktu. harap maklum ya gan, ghostcell kan pemula, hehehe.. cekidot deh

Langkah I:
1. Download kode savetheenvironment.js
2. Download kode savetheenvironment.css

Langkah II:
1. Buka dan edit kode savetheenvironment.css dgn notepad
2. Point:
   #energysaving : background-color, opacity
   #energysaving p : middle text (font-size, font-family, color)
   #energysaving p span : footer text
3. Simpan, upload ke filehosting dan catat alamat urlnya.

code of savetheenvironment.css :
div#energysaving, div#energysaving * {  -moz-border-radius: 0;  -webkit-border-radius: 0;  border: 0;  background-color: #000000; } div#energysaving {  margin: 0;  padding: 0;  position: absolute;  left: 50%;  top: 50%;  opacity: 0;  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";  filter: alpha(opacity=0);  text-align: center;  z-index: 100; } @media screen { body>div#energysaving { position: fixed; } } div#energysaving p {  margin: 0;  padding: 0;  width: 100%;  font-size: 18px;  font-family: arial;  color: #333333;  position: relative;  top: 40%;  line-height: 20px;  font-weight: bold;  text-align: center;  text-shadow: none; } div#energysaving p span {  color: #555555;  font-size: 12px;  font-weight: normal; } div#energysaving div#copyrightOnlineLeaf {  padding: 0;  margin: 0;  color: #333333;  font-size: 12px;  font-weight: normal;  position: absolute;  bottom: 20px;  text-align: center;  width: 100%;  height: 20px;  left: 0%; }

Langkah III:
1. Buka dan edit kode savetheenvironment.js dgn notepad
2. Cari "http://www.onlineleaf.com/savetheenvironment.css" dan ganti dengan url file savetheenvironment.css yang telah anda edit.
3. Cari ( Ctrl F / F3 dan Edit Move your mouse to go back to the page.
4. Simpan, dan upload ke filehosting anda..
5. Catat alamat urlnya untuk pemasangan di blog anda.

Baca lagi artikel cara menambahkan energy saving di blog.

code of savetheenvironment.js :
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>Energy saving mode<br /><span>Move your mouse to go back to the page.</span></p><div id="copyrightOnlineLeaf">Copyright 2009 <font style="color: #666666;">OnlineLeaf.com</font> - All rights reserved</div></div>'); jQuery("#energysaving").hide(); }); }); } } InitJQuery();

click to activate the saving energy

code activating energy saving with link :
<a onclick="setTimeout('InitializeStandBy();', 500);" style="font-size: 18px; cursor: pointer; color: rgb(0, 102, 0);">click to activate the saving energy</a>

Selamat mencoba, semoga sukses..

P/s: Jika temen blogger ingin share cara lain tentang custom energy saving silahkan, ghostcell menerima kritik dan saran yang bersifat membangun dengan senang hati.. namanya juga belajar.. salam persahabatan

Cara Membuat Teks Berjalan pada Tab Bar

Cara Membuat Teks Berjalan pada Tab Bar

1. Pada Tab Rancangan, pilih Elemen Halaman
2. Add Gagdet, Pilih HTML/JavaScript
3. Copy Paste kode berikut:

<script type="text/javascript">

function tb8_makeArray(n){

    this.length = n;

    return this.length;

}

tb8_messages = new tb8_makeArray(6);

tb8_messages[0] = "Ghostcell Official Blog";

tb8_messages[1] = "Welcome Friends..";

tb8_messages[2] = "Feel free to";

tb8_messages[3] = "Drop your comment";

tb8_messages[4] = "and Be my Follower";

tb8_messages[5] = "Thanks :)";

tb8_rptType = 'infinite';

tb8_rptNbr = 5;

tb8_speed = 140;

tb8_delay = 2000;

var tb8_counter=1;

var tb8_currMsg=0;

var tb8_tekst ="";

var tb8_i=0;

var tb8_TID = null;

function tb8_pisi(){

    tb8_tekst = tb8_tekst + tb8_messages[tb8_currMsg].substring(tb8_i, tb8_i+1);

    document.title = tb8_tekst;

    tb8_sp=tb8_speed;

    tb8_i++;

    if (tb8_i==tb8_messages[tb8_currMsg].length){

        tb8_currMsg++; tb8_i=0; tb8_tekst="";tb8_sp=tb8_delay;

    }

    if (tb8_currMsg == tb8_messages.length){

        if ((tb8_rptType == 'finite') && (tb8_counter==tb8_rptNbr)){

            clearTimeout(tb8_TID);

            return;

        }

        tb8_counter++;

        tb8_currMsg = 0;

    }

    tb8_TID = setTimeout("tb8_pisi()", tb8_sp);

}

tb8_pisi()

</script>

P/s : Kunjungi (http://www.bosiljak.hr/titlemaker) untuk alternatif efek tampilan teks.

Selamat Mencoba.

sumber: cara membuat teks berjalan pada tab bar, http://ghostcell.blogspot.com/2011/05/cara-membuat-teks-berjalan-pada-tab-bar.html, Title bar Maker (http://www.bosiljak.hr/titlemaker)

Cara Mengganti Tulisan Older Post dengan Gambar

Lanjut.. berikut ini adalah sharing ghostcell tentang mengganti tulisan older post (posting lama), newer post (posting lebih baru), home (beranda) pada blog.
Mungkin bagi master yang sudah banyak makan asam garam di dunia blogger, hal ini sangat mudah dilakukan, namun bagi temen-temen yang baru belajar seperti ghostcell, ini adalah hal baru, seperti halnya artikel tentang cara memasang saving energy pada blog.

Okeh, ikuti caranya:

1. Login ke blogger.
2. Masuk ke tab Fancangan, Edit HTML
3. Backup terlebih dahulu template anda agar tidak terjadi kesalahan fatal.
4. Klik Download Template Lengkap
4. Centang Expand Template Widget

Kemudian cari kode berikut ( untuk pencarian cepat, tekan Ctrl F atau F3 ):

<data:homemsg>
* untuk mengganti tulisan home (beranda)

<data:olderpagetitle>
* untuk mengganti tulisan older post (posting lama)

<data:newerpagetitle>
* untuk menganti tulisan newer post (posting lebih baru)

p/s : ganti kode-kode diatas dengan url gambar anda atau download gambar yang telah ghostcell sediakan.

Download gambar Newer Post
Download gambar Older Post
Download gambar Home

sumber: mengganti tulisan newer post dan older post dengan gambar, cara mengganti tulisan newer post dan older post dengan gambar.

Put Energy Saving on the Blogspot

Online Leaf - Making Website Greener

 
Save the environment, online
The Online Leaf project develops and markets green website additions, which are easy to use on any website.
The idea is that a lot of small improvements make a large impact if they are spread out on a large enough number of websites, which will hopefully make the web less of a burden to the environment.

It might not seem like a lot of difference, but after all every little bit does count.

You can install the standby engine by copy & pasting the following code into the tag on your website or blog... yeah, it's that simple!

Paste the code before the tag </head>:

<script language="javascript" type="text/javascript"
src="http://www.onlineleaf.com/savetheenvironment.js"></script>

<script language="javascript" type="text/javascript" src="http://www.onlineleaf.com/savetheenvironment.js"></script>

Now try it, make your blog greener..

Source: energy saving, http://www.onlineleaf.com/

Cara Membuat Favicon | Icon pada Address Bar

Wah, ternyata sudah lama juga ya ga posting, blog saya makin sepi deh, hehe, pada kesempatan kali ini saya akan share cara membuat favicon. Favicon adalah icon yang terdapat pada address bar atau tab bar pada web browser, cara membuatnya pun ternyata cukup mudah dengan menggunakan tool Favicon Generator.

Berikut tips membuat favicon :

1. Siapkan gambar yang akan dijadikan icon, tipe file: *.jpg, *.gif, *.png
2. Kunjungi http://tools.dynamicdrive.com/favicon/ atau http://www.favicongenerator.com
3. Pada tombol browse pilih gambar yang akan dijadikan icon.
4. Kemudian klik “create icon”
5. Klik “download favicon” untuk menyimpan gambar, hasilnya berupa : nama_file.ico
6. Upload icon tersebut ke situs penyimpanan online, coba di www.fileave.com, sebelumnya daftar terlebih dahulu.
7. Kemudian masuk ke akun blogger anda, lalu masuk ke Edit HTML

Kemudian cari tag </head>, dan tambahkan code di bawah ini tepat diatas tag </head>:

<link href='http://url_favicon_anda' rel='shortcut icon' type='image/x-icon'/>

Keterangan : ganti "url_favicon_anda" dengan alamat file icon yang telah anda upload.

Contoh penambahan kode pada blog saya:

<link href='http://ghostcell.fileave.com/ghostcell.gif' rel='shortcut icon' type='image/x-icon'/>

Semoga Bermanfaat.

Update:  Anda bisa juga membuat favicon dengan tipe file *.gif seperti punya Ghostcell, sehingga kesan animasinya dapet..hehe

Tahapan Membuat Blog di Blogger

Salam Blogger,

Sebelum membuat blog di blogger, anda harus memiliki email di google terlebih dahulu, kemudian login http://mail.google.com.
Lalu ketikkan pada browser: http://www.blogger.com

1.Klik tombol memulai
Mendaftar untuk blogger Isi nama tampilan: nama yang dipergunakan untuk menandai posting blog anda.



2. Beri nama blog anda
Judul blog : akan muncul pada blog yang anda publikasikan, dan pada profil anda.



3. Pilih template
Pilih template bawaan blogger sesuai pilihan anda. Lanjutkan.



4.Taraaaa...Blog anda sudah jadi.



Anda bisa memulai posting tulisan, atau mengubahsuaikan tampilan blog anda.

Opsi persiapan lanjutan
Siapkan domain: ubahsuaian - pakai nama domain yang anda miliki.
Impor blog: impor blog blogger yang ada ke sini.

Mulai lah memasuki dunia blogging, dan memulai memposting artikel anda.

Cara Membuat Laman pada Blog

Salam blogger,

Melanjutkan artikel tentang cara membuat blog, kali ini ghostcell akan share cara membuat laman pada blog.
Simak deh caranya :

1. Pertama login terlebih dahulu ke Blogger
2. Masuk ke Halaman Dasbor, pilih tab Rancangan, pilih Elemen Halaman
3. Klik Tambah Gadget, pasang Laman, lalu tekan tombol Simpan
4. Pilih Tab Posting, Tab Edit Laman
5. Klik Tombol LAMAN BARU atau link Buat Laman. Anda dapat menambahkan hingga 10 laman tersendiri seperti laman "Tentang Saya"

Konfigurasi :
     1. Tuliskan Judul Laman, misalnya: Tentang Saya
     2. Pada Entri, bisa di pasang foto, info, kontak dan lain sebagainya, tergantung kebutuhan.

Selesai, cukup mudah bukan.. Semoga Bermanfaat.

Update 09/04/2011 :
Untuk menambahkan Laman baru, masuk ke Dasbor, tab Posting, Edit Laman, klik tombol LAMAN BARU.

Setting dulu Blognya

Silahkan baca cara membuat blog di blogspot terlebih dahulu jika anda belum mempunyai blog. Oke, Ikuti langkah-langkah berikut:

Log in dulu ke Blogger.com, masuk ke halaman Pengaturan:

Dasar
Beberapa pengaturan dalam menu Dasar:

• Alat Blog : Impor blog ? ini adalah faslitas untuk mengimpor data dari komputer anda ( ini biasanya dilakukan ketika transfer blog) tidak usah di klik, biarkan saja. Ekspor blog > ini adalah fasilitas untuk mengekspor data blog dari server blogger ke komputer anda. Fasilitas ini disebut juga sebagai fasilitas Backup blog. Disarankan agar anda membuat backup data ke komputer anda, minimal satu minggu sekali. Data backup tersebut sewaktu-waktu bisa bermanfaat ketika anda ingin mentransfer ke blog lain di blogger, atau bisa juga untuk migrasi ke mesin blog yang lain seperti Wordpress. Hapus blog > Fasilitas untuk menghapus blog anda. Jika anda tidak berniat untuk menghapus blog, maka jangan sekali-sekali klik link ini.
• Judul : isi dengan judul blog yang anda inginkan. Contoh : My personal blog
• Uraian : isi dengan deskripsi blog yang ingin ditampilkan, sebaiknya ini diisi jangan dikosongkan. Contoh : catatan kecil hidupku yang unik.
• Tambahkan blog Anda ke daftar kami? : disarankan untuk memilih opsi Ya.
• Biarkan mesin pencari menemukan blog Anda? : Pilih Ya, agar blog anda dapat di index oleh mesin pencari seperti Google, Yahoo atau Bing.
• Tampilkan Editing Cepat di Blog Anda? : Boleh pilih Ya atau Tidak.
• Tampilkan Link Posting Email? : Ini berupa icon email, jika anda menginginkan agar pengunjung blog dengan mudah mengirimkan email ke teman mereka tentang blog anda, maka Pilih Ya. Namun jika tidak, silahkan pilih Tidak.
• Konten Dewasa? : Jika blog anda nantinya akan berisi hal-hal yang besifat dewasa seperti menampilkan artikel, gambar, atau video wanita seksi, dll maka pilih Ya. Namun, jika blog anda berisi hal-hal yang aman diakses oleh anak kecil, pilih Tidak. Sebagai catatan, jika anda memilih opsi Ya, maka nantinya ketika diakses blog anda akan ada peringatan bahwa berisi konten dewasa.
• Pilih editor entri : Ini adalah pilihan untuk post editor. Editor yang diperbarui ? ini adalah post editor terbaru yang dimiliki oleh blogger, banyak fasilitas baru yang terintegrasi dalam post editor ini seperti tombol More untuk memotong artikel di blog anda. Editor lama ? ini adalah post editor lama yang dimiliki blogger namun masih bisa anda gunakan, ada beberapa toolbar terdapat dalam post editor lama, namun tidak disediakan lagi di post editor baru, jadi silahkan pilih mana yang anda mau. Sembunyikan mode penyusunan ? pilihan ini khusus bagi anda yang sudah mahir dengan kode HTML, jika anda tidak menguasai tentang HTML, jangan gunakan post editor ini.
• Aktifkan transliterasi? : Pilih Aktifkan jika post editor anda ingin mendukung ke translasi Hindi, Kannada, Malayalam, Tamil, atau Telugu. Pilih Nonaktifkan jika post editor anda tidak ingin ada translasi bahasa tersebut.
• Akhiri pengaturan menu Dasar dengan klik tombol SIMPAN SETELAN.
  

Publikasikan
Ini adalah fasilitas untuk mengubah nama domain anda di blogger dengan nama domain milik anda sendiri. Misal : http://namabloganda.blogspot.com menjadi http://namabloganda.com. Untuk sementara waktu jangan lakukan apa-apa pada menu publikasikan ini.

Format
Beberapa pengaturan dalam menu Format:

• Tampilkan sebanyak mungkin : tulis jumlah post yang ingin tampil di halaman depan blog anda. Contoh : 5. Untuk pilihan dropdown disarankan untuk memilih opsi posting, jangan hari.
• Format Header Tanggal : Pilih format tampilan tanggal yang anda sukai.
• Format Tanggal Index Arsip : pilih format tampilan arsip yang anda inginkan.
• Format Timestamp : Pilih format tampilan jam yang anda sukai. Jam disini adalah catatan waktu ketika artikel anda di publikasikan di blog.
• Zona Waktu : Sesuikan dengan zona waktu dimana tempat anda berada.
• Bahasa : Pilih bahasa yang dipakai untuk blog anda.
• Konversi ganti baris : ini adalah fasilitas line break secara otomatis ketika anda klik enter ketika membuat sebuah posting. Fasilitas ini di pakai apabila anda kedepannya tidak akan memposting tentang kode-kode semisal HTML dan lain sebagainya. Pilih Tidak, jika anda berniat nantinya akan memasukkan kode-kode HTML kedalam posting posting anda, misal jika konten blog anda berisi tutorial bahasa HTML, PHP dan lain sebagainya.
• Tampilkan Field Judul : Pilih Ya ataupun Tidak juga tidak ada masalah.
• Tampilkan kolom Link : Pilih Tidak atau Ya juga tidak ada masalah.
• Aktifkan perataan float : Pilih Ya, ini adalah agar gambar bisa diatur posisinya dalam postingan. Namun jika pilihan ini mengganggu tampilan blog anda nantinya, pilih saja Tidak.
• Templat Entri : ini adalah fasilitas agar isi dari Templat Entri ini akan selalu muncul pada saat membuat posting. Biasanya fasilitas ini sering di gunakan untuk signature blog, yaitu tulisan atau kode signature disimpan dalam Templat Entri, sehingga ketika anda membuat posting, kode signature tersebut akan secara otomatis muncul tanpa harus menuliskannya secara berulang-ulang.
• Akhiri Pengaturan menu Format dengan klik tombol SIMPAN SETELAN.

Komentar
Beberapa pengaturan dalam menu Komentar :

• Komentar: Pilih Tampilkan, jika anda menginginkan agar postingan ada bisa di komentari oleh pengunjung. Pilih Sembunyikan, jika artikel yang anda posting tidak ingin di komentari oleh pengunjung.
• Siapa yang Bisa Berkomentar ? : Siapa pun - termasuk Pengguna Anonim ? untuk pilihan ini, maka siapa saja dapat berkomentar, termasuk Pengguna Anonim atau tanpa identitas jelas. Pengguna Terdaftar - termasuk OpenID ? hanya user yang teregistrasi saja yang bisa berkomentar terhadap artikel anda, yang termasuk Pengguna Terdaftar adalah mereka yang mempunya akun di Google, Live Journal, Wordpress, Type pad, AIM, serta OpenID. Pengguna dengan Google Account ? Yang bisa berkomentar hanyalah mereka yang mempunyai akun google. Hanya anggota blog ini ? Hanya anggota dari blog anda saja yang bisa berkomentar, ini biasanya dipakai jika blog anda adalah untuk komunitas tertentu, misal komunitas pendidikan.
• Penempatan Formulir Komentar : Halaman penuh ? halaman blog anda akan di timpa oleh kotak komentar ketika ada pengunjung klik link komentar. Jendela munculan ? Kotak komentar akan muncul dalam jendela baru apabila ada pengunjung yang klik link komentar. Disemat di bawah entri ? kotak komentar akan langsung ditampilkan langsung dibawah artikel posting anda, sehingga pengunjung dapat langsung memeberikan komentar tanpa harus klik link komentar. Format kotak komentar yang paling banyak disukai oleh blogger adalah Disemat di bawah entri.
• Default Komentar untuk Entri : pilih Entri baru memiliki komentar jika artikel post anda ingin ada kotak komentarnya, namun sewaktu-waktu anda bisa saja mematikan fungsi ini ketika melakukan posting. Pilih Entri baru tidak memiliki komentar jika artikel post anda tidak ingin mempunyai kotak komentar, namun sewaktu-waktu anda bisa saja memunculkan fungsi ini ketika melakukan posting.
• Tautbalik : Pilih Tampilkan jika anda ingin menampilkan link ke website yang membuat link ke artikel yang anda buat. Pilih Sembunyikan jika anda tidak ingin menampilkan link ke website yang membuat link ke artikel yang anda buat.
• Bawaan Tautbalik untuk Posting : pilih Entri baru memiliki Tautbalik jika setiap artikel yang di posting memiliki Backlinks. Pilih Entri baru tidak memiliki Tautbalik jika setiap artikel yang di posting tidak ingin memiliki Backlinks.
• Format Timestamp Komentar : pilih format tampilan tanggal komentar yang anda sukai.
• Pesan Formulir Komentar : Tulis pesan yang ingin muncul diatas kotak komentar. Misal : Silahkan anda berkomentar, namun tetap jaga kesopanan dengan tidak melakukan komentar spam.
• Moderasi komentar : Pilih Selalu jika setiap komentar yang masuk ingin di moderasi terlebih dahulu oleh anda. Pilih Hanya pada entri yang lebih lawas dari jika komentar ingin di moderasi terlebih dahulu terhadapat posting yang umurnya telah anda tentukan. Pilih Tidak pernah, jika komentar yang masuk tidak ingin di moderasi terlebih dahulu dan akan langsung muncul diblog anda. Jangan lupa untuk memasukkan alamat email anda, apabila ketika ada orang yang berkomentar anda akan mengetahuinya melalui email. Atau kosongkan saja apabila anda tidak ingin menerima email pemberitahuan tentang komentar.
• Tampilkan verifikasi kata untuk komentar? : Pilih Ya jika ingin menampilkan huruf verifikasi ketika ada yang berkomentar, pilihan ini adalah untuk mencegah terhadap script robot spam yang bisa membombardir blog anda dengan komentar, walaupun begitu pilihan ini mempunyai kekurangan yaitu pengunjung blog anda biasanya malas untuk berkomentar karena merasa ribet ketika berkomentar. Pilih Ya jika tidak ingin menampilkan huruf verifikasi, pilihan ini sedikit rentan terhadap script robot spam, namun biasanya pengunjung akan lebih suka berkomentar karena mudah dilakukan.
• Tampilkan gambar profil dalam komentar? : Pilih Ya jika dalam kometar ingin ditampilkan gambar profile yang berkomentar. Pilih Tidak jika tidak ingin menampilkan gambar profile pemberi komentar.
• Email Pemberitahuan Komentar : Masukkan alamat email yang ingin dikirim notifikasi apabila ada yang berkomentar. Jumlah maksimal email yang dapat menerima adalah 10 email.
• Akhiri pengaturan menu Komentar dengan klik tombol SIMPAN SETELAN.

Arsipkan
Beberapa pengaturan dalam menu Arsipkan :

• Frekuensi Arsip : pilih arsip yang ingin di tampilkan apakah Arsip tidak ada, Harian,Mingguan, atau Tiap Bulan. Disarankan untuk memilih Tiap Bulan.
• Aktifkan Halaman Posting? : Silahkan pilih Ya atau Tidak.
• Akhiri pengaturan menu Arsipkan dengan klik tombol SIMPAN SETELAN.

Feed Situs

• Beberapa pengaturan dalam menu Feed Situs :
• Izinkan Feed Blog : Silahkan pilih Tak satupun, Singkat, atau Penuh. Disarankan untuk memilih opsi Penuh.
• Posting URL Pengubahan Arah Feed : isi dengan alamat feed milik anda, ini adalah jika anda telah melakukan burner feed seperti misalnya dengan feedburner. Namun jika belum punya, silahkan dikosongkan saja terlebih dahulu.
• Post Feed Footer : Isi dengan kode yang ingin tampil pada footer post feed. Jika belum mengerti dikosongkan saja terlebih dahulu.
• Akhiri Pengaturan menu Feed Situs dengan klik tombol SIMPAN SETELAN.

Email & Seluler
Untuk memposting sebuah artikel kedalam blog anda, tidak hanya melalui post editor yang ada di blogger. Namun, anda pun bisa posting artikel melalui email ataupun perangkat seluler anda.

Beberapa pengaturan dalam menu Email & Seluler :

• Alamat BlogSend : tulis alamat email yang ingin dikirim notifikasi apabila anda mempublikasikan sebuah artikel. Maksimal jumlah yang bisa di kirim adalah sampai 10 buah email, format penulisan email di pisahkan dengan tanda koma ( , ).
• Alamat Pengeposan via Email : buatlah alamat email blogger untuk mengirimkan posting dari email atau perangkat seluler dengan cara menuliskan pada kotak yang tersedia. Misalkan alamat email anda adalah contohsaja@gmail.com maka anda bisa membuat email blogger menjadi contohsaja.post@blogger.com atau contohsaja.blog@blogger.com atau apa saja menurut anda yang bagus. Tapi ingat, rahasiakan alamat email ini agar orang lain tidak bisa posting ke blog anda. Untuk mengaktifkan fitur ini, anda harus memilih opsi Publikasikan segera email, artinya apabila anda mengirimkan email ke alamat diatas, isinya akan langsung diposting ke blog. Jika opsi yang dipilih adalah Simpan email sebagai entri konsep, maka email yang dikirimkan tidak akan langsung di publikasikan, melainkan akan masuk ke post konsep. Namun, apabila anda tidak ingin mempublikasikan melalui email, pilih opsi Dinonaktifkan. Fungsi ini banyak juga dipilih dengan alasan keamanan.
• Jangan lupa akhiri pengaturan menu Email & Seluler dengan klik tombol SIMPAN SETELAN.

OpenID
Disini tidak ada yang harus di atur, melainkan pemberitahuan bahwa alamat blog anda bisa digunakan sebagai alamat OpenID.

Izin
Pada menu ini anda dapat menambahkan penulis dengan cara di undang ke email yang anda anggap layak untuk ikut serta menjadi penulis di blog anda.

Pada Siapa yang bisa melihat blog ini? Anda dapat memilih siapa saja yang dapat mengakses blog anda. Opsi Siapapun berarti blog anda terbuka untuk umum atau bisa dibuka oleh siapa saja. Hanya Orang-orang yang saya pilih yaitu hanya orang-orang yang di undang oleh anda yang dapat mengakses blog anda dengan cara login terlebih dahulu. Hanya penulis blog berarti hanya penulis saja yang bisa mengakses isi halaman blog anda, Opsi Hanya penulis blog terkadang di gunakan juga pada saat mengganti template, agar blog anda tidak terlihat semrawut ketika mengganti template.

sumber: http://www.kolom-tutorial.blogspot.com

Belajar membuat Blog di Blogspot

1. Apa itu Blog ?

Blog merupakan sigkatan dari “Web log” adalah salah satu aplikasi web berupa tulisan-tulisan yang umum disebut sebagai posting pada halaman web. Tulisan-tulisan tersebut seringkali diurut dari yang terbaru dan diikuti oleh yang lama.

Awalnya, blog dibuat adalah sebagai catatan pribadi yang disimpan secara online, namun kini isi dari sebuah blog sangat bervariatif ada yang berisi tutorial, curhat, bisnis dan lain sebagainya. Secara umum, blog tidak ada bedanya dengan situs yang ada di internet.

Flatform blog atau seringkali disebut juga dengan mesin blog dibuat sedemikian rupa oleh para designer blog agar mudah untuk digunakan. Dulu, untuk membuat aplikasi web diperlukan pengetahuan tentang pemrograman HTML, PHP, CSS dan lain sebagainya, dengan blog semuanya menjadi mudah semudah menyebut angka 1 2 3.

2. Cara membuat blog di blogspot

Buka di web browser anda http://www.blogger.com, nanti nama domain yang akan anda dapatkan adalah sub domain dari blogspot, contoh : ghostcell.blogspot.com, klik untuk melihat contoh blog

Perlu ditekankan dari awal bahwa internet itu sifatnya sangat dinamis, sehingga mungkin saja dalam beberapa waktu kedepan panduan membuat blog di blogspot ini akan sedikit berbeda dengan apa yang anda lihat di blogger.com

Membuat Email

Salah satu syarat yang harus dipenuhi dalam membuat blog adalah anda memiliki alamat email yang masih aktif atau di gunakan. Jika anda belum mempunyai alamat email, silahkan daftar terlebih dahulu di gmail karena blogger adalah salah satu layanan dari Google maka ketika mendaftar ke blogger sebaiknya gunakan email gmail.

Daftar Blog di blogger

1. Silahkan kunjungi situs http://www.blogger.com
2. Ikuti tahapan selanjutnya.

Semoga Bermanfaat.