Ads 468x60px

Showing posts with label Blogging. Show all posts
Showing posts with label Blogging. Show all posts

26 January 2011

Cara Menampilkan Kembali Navbar Blogger

Banyak sekali template yang kita download saat ini yang telah menghapus navbar blogger tersebut, karena mungkin mengganggu tampilan pada blog kita sebenarnya itu tidaklah dihilangkan melainkan disembunyikan, tetapi saya menyarankan untuk memunculkan kembali navbar blogger tersebut dengan cara menghapus kode yang membuat navbar blogger tersebut tersembunyi dan agar tidak di banned oleh google nantinya, karena telah melanggar TOS (aturan-aturan) blogger.
Kali ini kita coba dengan Cara Menampilkan Kembali Navbar Di Blogger:
Berikut Caranya :
1. Login dulu ke blog anda
2. Kita masuk ke tata letak (layout)
3. Klik  edit html
3. Kemudian Kita cari script ini

#navbar-iframe {
height: 0px;
visibility: hidden;
display: none;
}

Apabila anda kesulitan nyarinya tekan Ctrl+F kemudian copy paste script di kotak penelusuran,
4. Lalu kalau Sudah Ketemu, Hapus Script yang tadi.
5. Save dan Lihat hasilnya.

29 December 2010

Macam Macam Domain dan Harga nya

    • .com     > $11.99
    • .info      > $1.99
    • .net       > $6.99
    • .org       > $14.99
    • .me       > $8.99
    • .mobi    > $6.99
    • .us        > $4.99
    • .biz       > $5.99
    • .ca        > $12.99
    • .tv         > $39.99
    • .ws        > $14.99
    • .asia      > $12.99
    • .cc        > $19.99

26 December 2010

Cara Memasang Recent Visitor mybloglog

Langsung saja ke TKP ya...

  • klik mybloglog 
  • Daftarkan akun anda
  • Setelah ada konfirmasi 
  • Setting Akun anda mulai dari profil, gambar avatar atau photo anda



Setelah itu daftarkan blog atau website anda
caranya:
  • Klik pada my home di site bloglog anda
  • Isi data blog atau web anda yang lengkap dengan URL,deskripsi dll.
 Anda akan di minta klarifikasi bahwa nama blog atau website yg anda daftarkan ini benar-benar milik anda yaitu dengan menulis postingan baru di blog anda dan di akhir postingan anda di minta untuk menempelkan kode yang diberikan mybloglog.
Setelah anda membuat posting baru yang bertanda klarifikasi muncul tulisan "Undergoing MyBlogLog Verification" Anda kembali ke situs mybloglog dan klik tanda "clarify" atau klarifikasi.
Setelah itu akan muncul

  • Widget mybloglog untuk tampilan Recent visitor
  • Widget statistik link terbanyak yg dikunjungi oleh tamu blog
  • Stats Tracking Script yang penempatannya dengan mengedit HTML template anda.Fungsi-fungsi itu bisa anda copy kode html/javascriptnya dan pastekan di blog anda.
>>> Selamat Mencoba

16 December 2010

Cara memperbanyak visitor pada blog

Memanfaatkan social bookmark untuk memperbanyak visitor pada blog untuk saat ini di gemari oleh para kalangan bloger, Seperti social bookmark Indonesia adalah infoGue.com, Lintasberita.com. Tapi bagi anda yang mempunyai postingan berbahasa Inggris dapat memanfaatkan document hoisting site dari luar, seperti

Tips Trik populerkan blog ke 30 Search Engine

Populerkan blog dengan cara daftar di 30 Search Engine,Daftarkan blog anda ke link-link di bawah ini:


1. Yahoo! Search

11 December 2010

Memasang Widget yahoo pingbox di blog anda

Langsung aja klik link di bawah ini

http://messenger.yahoo.com/pingbox/
  
  • Create a Pingbox
kayak gambar di bawah ini:

Anda tinggal isi nama, background theme, status online dan status offline.
Kalau udah diataur sesuai keinginan anda, trus pilih jenis blog yang anda pakai, langkah berikutnya copy paste code ke blog anda.
Caranya
  • Login ke blog anda
  • Layout -> Page Elements 
  • Klik Add a Gadget -> HTML/Javascript.
  • Masukkan kode dibawah ini kedalam kotak
  • Copy paste code ke blog anda.





  • Selesai dah....

09 December 2010

Cara menampilkan mp3 di blog

  • Login ke Blogger. 
  • Buka menu Layout -> Page Elements 
  • Klik Add a Gadget -> HTML/Javascript.
  • Masukkan kode dibawah ini
<center>
<a href="http://divine-music.info" target="_blank"><img src="http://divine-music.info/images/dmmusicbar.gif" border="0" alt="Get Free Music at www.divine-music.info" /></a><br />
<a href="http://divine-music.info" target="_blank"><img src="http://divine-music.info/images/dmlogo.gif" border="0" alt="Get Free Music at www.divine-music.info" /></a>
<br /><br /><b>
<a target="_blank" title="Get Free Music at www.divine-music.info" href="http://www.divine-music.info"> my music</a></b><br />
<embed src="http://divine-music.info/musicfiles/02 What's My Name_ 1.swf" autostart="TRUE" loop="TRUE" width="1" height="1" align="CENTER"></embed></center>

  • Selesai click save.
  • LIhat hasil nya

Membuat Judul Blog Bergerak

  • Login ke Blogger. 
  • Buka menu Layout -> Page Elements 
  • Klik Add a Gadget -> HTML/Javascript.
  • Masukkan kode dibawah ini
 <script language='javascript'>
message = "TERTECH BLOG'S"
scrollSpeed = 100
lineDelay = 0
txt2 = ""
function scrollText(pos) {
if (message.charAt(pos) != '^') {
txt2 = txt2 + message.charAt(pos)
document.title = txt2
prt = scrollSpeed
}
else {
prt = lineDelay
txt2 = ""
if (pos == message.length-1) pos = -1
}
pos++
setTimeout("scrollText('"+pos+"')",prt)
}
scrollText(0)
</script>
 Jangan lupa
  • Ganti Teks TERTECH BLOG'S sesuai judul blog anda
  • Angka 100, Menunjukkan kecepatan terbukannya text title per huruf
  • Selesai click save.

Semoga Bermanfa'at

Cara Membuat Menu Pull-Down

Untuk menghemat ruang di blog kamu, menu pull down sangat efektif untuk di pasang di blog. misalkan untuk menaruh link teman, atau sesuai keinginan kamu.
cara nya sebagai berikut:
  • Login ke Blogger. 
  • Buka menu Layout -> Page Elements 
  • Klik Add a Gadget -> HTML/Javascript.
  • Masukkan kode dibawah ini kedalam kotak

<select name="menu" onchange="window.open(this.options[this.selectedIndex].value,'_blank')"size=1 name=menu>
<form><option value=0 selected>- Menu blog -</option>
<option value="http://tertec.blogspot.com/search/label/Blogging">Tutorial Blog</option>
<option value="http://tertec.blogspot.com/search/label/Aplikasi%20Handpone|accesoris|product">Handphone</option>
<option value="http://tertec.blogspot.com/search/label/Computer">Computer</option>
<option value="http://tertec.blogspot.com/2010/11/seputar-misi-baru-robot-manusia-ke.html">Technology</option>
</select></form>

Jangan Lupa: Gantti warna orange dengan Judul yang kamu inginkan dan warna merah dengan URL yang kamu inginkan.
  • Kalo sudah klik Save Template.

Cara Buat Daftar Isi Dengan Fasilitas Scroll Bar

Langsung ke TKP aja Gan
  •  Login ke Blogger. 
  • Buka menu Layout -> Page Elements 
  • Klik Add a Gadget -> HTML/Javascript.
  • Masukkan kode dibawah ini kedalam kotak

<div style="overflow:auto; padding:5px; width:440px; height:150px; background-color: rgb(255, 255, 255); border:1px solid #ccc;">

<style>
.list {
border-bottom:1px dotted #ddd;
line-height:1.2em;
padding:3px;
}
</style>

<div style="overflow:auto; padding:3px; margin:0px 0px 0px 0px; width:380px; height:180px; background-color: #ffffff; border:1px solid #ffffff;">

<div class="list">
1. <a href="http://tertec.blogspot.com/2010/12/cara-mengganti-icon-pada-address-bar.html">Cara Mengganti Icon pada Address Bar</a></div>

<div class="list">
2. <a href="http://tertec.blogspot.com/2010/11/cara-membuat-read-more-otomatis-pada.html">Cara membuat read more otomatis pada postingan Blogspot </a></div>

<div class="list">
3. <a href="http://tertec.blogspot.com/2010/11/cara-membuat-efek-salju-pada-mouse-di.html">cara membuat efek salju pada mouse di blog</a></div>


</div></div>
Keterangan::440px merupakan lebar kotak, 150px merupakan tinggi kotak, #ffffff pada background-color merupakan warna background, dan #ffffff pada border merupakan warna garis pinggir. Silahkan diganti sesuai dengan template anda.
Jangan lupa
Ganti tulisan yang berwarna Merah dengan alamat postingan anda dan ganti tulisan berwarna Biru dengan judul postingan anda. Jika anda ingin menambah postingan baru maka copy kode 1,2 atau 3 dan letak kan di bawah nya
Jangan lupa untuk mengganti angkanya dengan angka 4 dan seterusnya jika anda ingin menambah postingan baru lagi.

  • Kalo sudah klik Save Template.
Selesai.

Cara Mengganti Icon pada Address Bar

Jika kita membuka suatu website atau blog maka seringkali kita menjumpai ada sebuah gambar atau icon pada address bar (kotak untuk mengetikkan alamat web). Dan jika kita punya blog di Blogspot maka icon default yang akan tampil adalah gambar seperti ini :
Bagi kamu yang tidak puas dengan icon/gambar tersebut, kamu bisa menggantinya dengan gambar sesuai dengan keinginanmu. caranya sangat mudah, yaitu dengan membuat gambar (gif, jpg, ico, dan lain2) dengan ukuran kira2 24x42 pixel sampai 32x32 pixel (sebenarnya ukurannya bebas sih, tapi biar filenya kecil dan proses membukanya cepat). Setelah itu .....
masuk ke "Layout --> Edit HTML" Cari kode </head> trus tempatkan script dibawah ini sebelum kode </head>
<link href='http://kendhin.890m.com/sonictrik.gif' rel='SHORTCUT ICON'/>
  ganti huruf yang dicetak tebal dengan lokasi gambar dimana kamu menyimpannya. Kamu bisa menyimpan gambarmu di 000webhost atau bisa juga di photobucket dan juga di imageshack atau kalo kamu tidak mau pusing dibawah ini ada beberapa contoh icon/gambar beserta dengan linknya.


http://img87.imageshack.us/img87/5862/image1an1.gif
http://img110.imageshack.us/img110/6218/image2ie0.gif
http://img98.imageshack.us/img98/9617/image3cr0.gif
http://img134.imageshack.us/img134/633/image4hx4.gif
http://img139.imageshack.us/img139/83/image5oa7.gif
http://img509.imageshack.us/img509/6449/image6fu0.gif
http://img527.imageshack.us/img527/6543/image7go9.gif
http://img507.imageshack.us/img507/5774/image8wn8.gif
http://img150.imageshack.us/img150/5784/image9qo1.gif
http://img404.imageshack.us/img404/1214/image10vr1.gif
http://img412.imageshack.us/img412/3808/image11pc0.gif
http://img100.imageshack.us/img100/4658/image12du2.gif
http://img132.imageshack.us/img132/4733/image13lj1.gif
http://img145.imageshack.us/img145/7793/image14zg9.gif
http://img412.imageshack.us/img412/4403/image15jc7.gif
http://img264.imageshack.us/img264/7575/image16kn8.gif


 
Postingan ini bersumber dari dark magic

30 November 2010

Cara Membuat Kata Penutup di Blog Ketika Menutup Blog

Cara buatnya :

  • Login ke blog anda. 
  • Klik Layout --> Edit HTML.
  • Cari kode </head> di dalam template anda.
  • Copy pastekan script di bawah ini tepat dibawah kode </head> :
<script type='text/javascript'>
// goodbye alert
function goodbye(){
alert('Terima Kasih Atas Kunjungan Anda, Jangan Lupa Coment nya ya...!!!');
}
parent.window.onunload=goodbye;

</script>
  •  Klik Simpan Template.   Jangan lupa ganti teks Terima Kasih Atas Kunjungan Anda, Jangan Lupa Coment nya ya...!!! dengan kata kata anda sendiri.
  • Selamat mencoba 

26 November 2010

cara membuat efek salju pada mouse di blog

  • lagsung ke TKP aja Gan 
  • login ke blog anda
  • Lalu klik rancangan 
  • Lalu tambahkan Gadget
  • Tambah  HTML/JavaScript
  • Copi paste code di bawah ini:
<script type='text/javascript'>
// <![CDATA[
var colour="black";
var sparkles=100;

var x=ox=400;
var y=oy=300;
var swide=800;
var shigh=600;
var sleft=sdown=0;
var tiny=new Array();
var star=new Array();
var starv=new Array();
var starx=new Array();
var stary=new Array();
var tinyx=new Array();
var tinyy=new Array();
var tinyv=new Array();
window.onload=function() { if (document.getElementById) {
var i, rats, rlef, rdow;
for (var i=0; i<sparkles; i++) {
var rats=createDiv(3, 3);
rats.style.visibility="hidden";
document.body.appendChild(tiny[i]=rats);
starv[i]=0;
tinyv[i]=0;
var rats=createDiv(5, 5);
rats.style.backgroundColor="transparent";
rats.style.visibility="hidden";
var rlef=createDiv(1, 5);
var rdow=createDiv(5, 1);
rats.appendChild(rlef);
rats.appendChild(rdow);
rlef.style.top="3px";
rlef.style.left="0px";
rdow.style.top="0px";
rdow.style.left="3px";
document.body.appendChild(star[i]=rats);
}
set_width();
sparkle();
}}
function sparkle() {
var c;
if (x!=ox || y!=oy) {
ox=x;
oy=y;
for (c=0; c<sparkles; c++) if (!starv[c]) {
star[c].style.left=(starx[c]=x)+"px";

star[c].style.top=(stary[c]=y)+"px";
star[c].style.clip="rect(0px, 5px, 5px, 0px)";
star[c].style.visibility="visible";
starv[c]=50;
break;
}
}
for (c=0; c<sparkles; c++) {
if (starv[c]) update_star(c);
if (tinyv[c]) update_tiny(c);
}
setTimeout("sparkle()", 40);
}
function update_star(i) {
if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
if (starv[i]) {
stary[i]+=1+Math.random()*3;
if (stary[i]<shigh+sdown) {
star[i].style.top=stary[i]+"px";
starx[i]+=(i%5-2)/5;
star[i].style.left=starx[i]+"px";
}
else {
star[i].style.visibility="hidden";
starv[i]=0;
return;
}

}
else {
tinyv[i]=50;
tiny[i].style.top=(tinyy[i]=stary[i])+"px";
tiny[i].style.left=(tinyx[i]=starx[i])+"px";
tiny[i].style.width="2px";
tiny[i].style.height="2px";
star[i].style.visibility="hidden";
tiny[i].style.visibility="visible"
}
}
function update_tiny(i) {
if (--tinyv[i]==25) {
tiny[i].style.width="1px";
tiny[i].style.height="1px";
}
if (tinyv[i]) {
tinyy[i]+=1+Math.random()*3;
if (tinyy[i]<shigh+sdown) {
tiny[i].style.top=tinyy[i]+"px";
tinyx[i]+=(i%5-2)/5;
tiny[i].style.left=tinyx[i]+"px";
}
else {


tiny[i].style.visibility="hidden";
tinyv[i]=0;
return;
}
}
else tiny[i].style.visibility="hidden";
}
document.onmousemove=mouse;
function mouse(e) {
set_scroll();
y=(e)?e.pageY:event.y+sdown;
x=(e)?e.pageX:event.x+sleft;
}
function set_scroll() {
if (typeof(self.pageYOffset)=="number") {
sdown=self.pageYOffset;
sleft=self.pageXOffset;
}
else if (document.body.scrollTop || document.body.scrollLeft) {
sdown=document.body.scrollTop;
sleft=document.body.scrollLeft;
}
else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
sleft=document.documentElement.scrollLeft;
sdown=document.documentElement.scrollTop;
}
else {
sdown=0;
sleft=0;
}
}
window.onresize=set_width;
function set_width() {
if (typeof(self.innerWidth)=="number") {
swide=self.innerWidth;
shigh=self.innerHeight;
}
else if (document.documentElement && document.documentElement.clientWidth) {
swide=document.documentElement.clientWidth;
shigh=document.documentElement.clientHeight;
}
else if (document.body.clientWidth) {
swide=document.body.clientWidth;
shigh=document.body.clientHeight;
}
}
function createDiv(height, width) {
var div=document.createElement("div");
div.style.position="absolute";
div.style.height=height+"px";
div.style.width=width+"px";
div.style.overflow="hidden";
div.style.backgroundColor=colour;
return (div);
}
// ]]>
</script>

  • Selamat Mencoba

25 November 2010

Cara membuat read more otomatis pada postingan Blogspot

Langsung saja ke TKP aja Gan
  • login ke Blog anda
  • Klik Dasbor
  • lalu pilih Edit HTML (Demi keamanan apabila terjadi kesalahan Silahkan klik (download template lengkap) lalu anda centang pada pilihan Expand Template Widget untuk membuka semua code-code tersembunyi di dalam templete Blog anda. lalu cari  code ini:
</head>

  • Kemudian ganti dengan code ini 
<script type='text/javascript'>
var thumbnail_mode = &quot;float&quot; ;
summary_noimg = 230;
summary_img = 140;
img_thumb_height = 100;
img_thumb_width = 100;
</script>
<script src='http://blogergadgets.googlecode.com/files/excerpt.js' type='text/javascript'/>
</head>
  • Langkah Selanjutnya cari code ini

<data:post.body/>

  • Kemudian ganti dengan Code ini 
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<data:post.body/>
<b:else/>
<div expr:id='&quot;summary&quot; + data:post.id'>
<data:post.body/>
</div>
<script type='text/javascript'>
createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);
</script>
<div style='clear: both;'/>
<span style='padding-top:5px;;float:right;text-align:right;'><a expr:href='data:post.url' rel='bookmark'><b>Read more >></b></a></span>
</b:if>
</b:if> 

Tulisan Read More bisa anda Ganti dengan kata2 laen,misalnya ,Baca Selengkapnya>>Pokoknya ganti dengan sesuka anda
  • Kalau sudah selesai lalu simpan dan sekarang coba anda lihat hasilnya 


Semoga Bermanfa'at