tutorial blog

cara membuat blog

noreply@blogger.com (Anonymous) — Tue, 5 Feb 2013 00:03:00 -0800

Cara Bikin Blog di Blogger

Hai sobat, sudahkah anda memiliki blog yang dapat anda isi dengan artikel pribadi berupa gambar, teks, foto dan video secara gratis, serta dapat diakses oleh teman - teman kita yang jauh.

Atau mungkin juga sobat ingin memiliki blog, tapi tidak tahu bagaimana cara membuat blog??

Jika benar sobat ingin buat blog gratis, sobat bisa membuatnya di blogger, mengikuti langkah - langkah berikut ini :

1. Terlebih dahulu sobat harus buat email pribadi di www.gmail.com

2. Jika sobat sudah memiliki email, misalnya fakhrurozi19@gmail.com, langkah selanjutnya adalah sobat masuk ke alamat www.blogger.com.

3. Pilih tombol buat blog

4. Beri nama blog yang akan menjadi milik sobat.
Misalnya : Seo Melekete alamatnya : jadi http://seomelekete.blogspot.com

4. Terus Lanjutkan...

5. Pilih Template alias pilih Tampilan

6. Hore, blog anda sudah jadi.

Langkah berikutnya, sobat tinggal klik mulai blogging, ketik judul artikel, isi beserta gambar, teks dan sebagainya. Dan jangan lupa beri label/kategori dan terbitkan.

Membuat Efek Tulisan Berkedip ( Blink )

noreply@blogger.com (Anonymous) — Sun, 2 Sep 2012 11:40:00 -0700

biar postingan temen" biar lebih menarik, cobha pake cara membuat Efek tulisan berkedip (blink)

1. Pastekan kode berikut ini untuk membuat postingan berkedip ... pastekan dimanapun kamu mau :

<blink>ISI POSTINGANMU atau ISI LINK MU</blink> ...Bisa waktu Posting (dalam mode Edit Html)
Contoh :

<blink>kali ini aku akan posting bagaimana cara membuat efek tulisan berkedip ...</blink>

setelah di tambahi kode <blink>ISI POSTINGANMU</blink>

HASILNYA akan terlihat serti ini :

kali ini aku akan posting bagaimana cara membuat efek tulisan berkedip ...

2. Untuk membuat link berkedip, Klik pada "Page Element" trus pilih"Add a Gadget --> HTML/Javascript" (Tempatnya terserah kamu):

<blink><a href="http://linkmu.blogspot.com/" target="_blank">DESKRIPSI LINK MU</a></blink>

setelah di tambahi kode <blink>DESKRIPSI LINK MU</blink>

HASILNYA akan terlihat serti ini :

DESKRIPSI LINK MU

Mudah bukan? Happy Blogging ...

Menampilkan Beberapa Model Status Online Yahoo Messenger

noreply@blogger.com (Anonymous) — Sun, 2 Sep 2012 11:36:00 -0700

ini ada beberapa wmodel widget online yahoo messenger yang bisa d pasang di blog temen" loh!!!

1. Login to Blogger kemudian pilih "Layout".
2. Klik pada "Page Element" trus pilih "Add a Gadget --> HTML/Javascript" (Tempatnya terserah kamu).
3.Copy Paste Script Berikut :

<code><a href="ymsgr:sendIM?ID_YM Anda">
<img src="http://opi.yahoo.com/yahooonline/u=ID_YM Anda/m=g/t=10/l=us/opi.jpg" alt="Status YM" border="0" /></a></code>

4. Ganti tulisan yang berwarna merah dengan nama ID_YM Anda.
5. Kode "t=10" (bercetak tebal) menunjukkan model status YM yang ditampilkan, kamu bisa menggantinya.
6. Terus Simpan.

Berikut ini beberapa model status YM yang dapat dipasang dengan mengganti kode yang saya cetak tebal diatas :

Kode yang di pakai adalah t=1

Kode yang di pakai adalah t=2

Kode yang di pakai adalah t=3

Kode yang di pakai adalah t=4

Kode yang di pakai adalah t=5

Kode yang di pakai adalah t=6

Kode yang di pakai adalah t=7

Kode yang di pakai adalah t=8

Kode yang di pakai adalah t=9

Kode yang di pakai adalah t=10

Kode yang di pakai adalah t=11

Kode yang di pakai adalah t=12

Kode yang di pakai adalah t=13

Kode yang di pakai adalah t=14

Kode yang di pakai adalah t=15

Kode yang di pakai adalah t=16

Gantilah kode sesuai dengan tampilan yang anda pilih ... Semoga dapat bermanfaat dan Happy Blogging.

Membuat widget Tampak Menghilang dan Muncul Kembali

noreply@blogger.com (Anonymous) — Sun, 2 Sep 2012 11:27:00 -0700

cara untuk ngilangin widget dan muncul lagi, lumayan boleh temen" cobha. karna bagus juga widget yg kita pasang, pas di liat malah ilang dan muncul laghi!!!
cobha kita langsung praktek ajha!!!

Langsung cara buatnya :
1. Login to Blogger kemudian pilih "Layout"
2. Klik pada "Page Element" trus pilih "Add a Gadget --> HTML/Javascript" (Tempatnya terserah kamu).
3.Copy Paste Script yang ada di bawah ini :

Keterangan :
+ Pada tulisan yang berwarna merah adalah tempat untuk meletakkan widget Anda, saran saya y shoutmix atau apa aja sob.
+ Yang berwarna hijau ganti dengan alamat URL gambar / Image Anda sendiri dari hosting Image Anda. ( contoh image buku tamu : http:// mahasiswakusut.co.cc.

4. Klik Simpan dan selesai.

Jika Anda ingin menampilkan suatu alamat web dan bukan berupa script, Anda bisa mengganti tulisan kode script yang berwarna merah diatas dengan kode script di bawah ini :

<object border="1" data="http://URL yang akan ditampilkan" width="1300" height="1100" type="text/x-scriptlet">
</object>

keterangan :
+ Ganti tulisan yang berwarna merah dengan alamat URL yang ingin ditampilkan.

Sepengatuhan saya code script diatas terdapat mallware yaitu script yang kurang bersahabat buat blog, untuk mengeceknya silahkan atur browser firefox anda pada mode safe(aman), setelah anda menaruh kode tersebut diatas kedalam blog, nantinya jika blog dibuka otomatis akan tertutup sendiri karena firefox dalam mode safe tidak bisa membuka script yang terdapat mallware tsb.

Fungsi ini juga berlaku jika browser firefox anda sudah di install plugin scriptlex, jika belum penampil website nya tidak akan keluar

Cara Membuat Slide Show Foto Di Blogger /Blogspot

noreply@blogger.com (Anonymous) — Sun, 5 Aug 2012 16:36:00 -0700

Cara Membuat Slide Show Foto Di Blogger /Blogspot
Singkat padat stelah share Cara Membuat Preview Gambar Di Blog langsung aja kangroni menanggapi permintaan sobat fb kangroni yang ingin tahu bagaimana caranya membuat slide show foto di blog.
Sekedar pengetahuan mengenai slide show foto yaitu gambar atau foto yang tampak berubah-ubah secara berurutan dan otomatis pada halaman blog.

Langkah-langkah Membuat Slide Show Foto Di Blogger /Blogspot

1.Login Blogger.com
2.Masuk halaman Rancangan lalu pilih Edit HTML
3.Cari kode </head>
4.Selanjutnya taruh kode dibawah ini sebelum kode </head>

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

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

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

5.Save/simpan.Selanjutnya sobat kembali kehalaman Rancangan lalu klikTambah Gadget kemudian pilih HTML/JavaScript dan masukkan kode dibawah ini:

<ul class="slideshow">

<li><a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRXM6_Od4LsuJA9uWuqEaegxqagEsIP-bwXOfIYlF6MdMmhcn3yAM1MIYfI5nI5JfAf_7_zGaCmHax1is3yIjJDnTyfwhkfv4tmUBtpbpQOs8jXDyuFuB3xhlK5f_uPIl_27LwAj0HPeI/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="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZZwTRaJtPiSGyr1F6nDidcGF7b3iNWiI_X0AhEsqFTl-OLzZDvj8uWhcLsKLNtJ9w6Q-HPHNf5dcrkiD-crhq-X2mu_eAu0bDt-Su3sM9JwWDY9qCMDMX1-cNv-57JK8mif358Svh-oQ/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="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuejObLY1vVwPZDYUZttZYC885g9u4dEdY7iqhB9PcorEnS-DL-QdB5IKy21go1p6ZQstHtIHjpWLM21sWGJpUKyvNZZs4utLRxx3W64T1uEDJuMUjN_uFtvwnWZQvQlG3sZNwuL5Kzsw/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="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7jsw0eWGu1DmytzY5oPKepmxlBQm3tGdkGDookBJhPvEThjoFD0PiiBXQg8rr1M-Vkm6SvGmXZ2I_g2lSJTcrJzXCvAZyaNrLztgtrdpurgonuke_dU-1lyc7-4cJlxzSv7Xj_Gwmei4/s1600/4.jpg" title="This is featured post 4 title" alt="Replace This Text With Your Featured Post 4 Description." /></a></li>

</ul>

6.Simpan dan lihat hasilnya Slide Show Foto Di Blogger /Blogspot.
Ket:Untuk kode yang diberi warna merah ganti dengan URL/link gambar sobat dan warna biru untuk judul dan deskripsi gambar agar bisa di indeks oleh mesin pencari Google dll.

Membuat Background Blog Dengan Gambar Sendiri

noreply@blogger.com (Anonymous) — Sun, 5 Aug 2012 16:31:00 -0700

Bagi para pemula blogger pasti banyak yang menginginkan background blog nya di ganti dengan foto sendiri atau gambar yang mereka inginkan sendiri. Entah itu gambar yang fullsize atau bisa juga yang di ulang-ulang (repeat).

Ikuti langkah berikut untuk membuat background blog :

Baca basmallah lalu buka situs blogger
Lalu menuju ke 'design' -> edit HTML
Cari kode ' body { ' (tanpa tanda kutip)
Tambahkan kode berikut di bawah kode ' body { '

background:#000000url(http://www.deviantart.com/download/117782530/PS_logo_PS3_background_by_GrimLink.png)no-repeat center fixed;

# Kode Hijau = Kode warna di belakang background
# Kode Biru = Link gambar background yang ingin kalian pasang
# Kode Putih = Jika kalian inginkan gambar berulang-ulang hilangin aja

Membuat Blog Intro (Gambar) di Blog

noreply@blogger.com (Anonymous) — Sun, 5 Aug 2012 16:27:00 -0700

Sebuah blog jarang di temukan menggunakan intro blog, karena mungkin memang susah membuatnya di blog tidak seperti di web. Kebanyakan blog mulai dari halaman sampai halaman akhir template nya tidak berubah sama sekali, tetap itu aja seperti di halaman awal. Sudah tau apa itu intro blog ? Intro blog ini adalah template awal saat kita membuka blog, mungkin bisa di pasang gambar, banner blog ataupun hanya sekedar judul blog.

Kadang desain atau tampilan blog yang berbeda dari blog lain itu sangat sering di kunjung, karena memang terlihat unik dan menarik perhatian pengunjung agar datang ke blog lagi dan lagi. Nah.. salah satunya adalah membuat intro blog.

Berikut langkah - langkah membuat intro blog

Login ke blogger
Lalu klik 'Design' > 'Edit HTML' > centang 'Expand Widget Templates'
Letakkan kode berikut di bawah kode <b:includable id='main'> (yang paling atas)

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<style>body{background-color:#ffffff;background-image:none;}#akatsukiblog{font-size:80px;padding-top:220px;text-align:center;color:#ff000a0;}#navbar-iframe{display:none;}#layout_wrapper{display:none;}#outer-wrapper{display:none;}#deopradipta{padding-top:30px;text-align:center;font-size:14px;font-weight:bold;color:#ffffff;</style><b:else/><style>#deopradipta{display:none;}#akatsukiblog{display:none;}</style></b:if>

#Ganti kode yang berwarna hijau dengan kode warna yang sesuai dengan gambar
Setelah itu letakkan lagi kode berikut di bawah kode <body>

<div id='akatsukiblog'><data:blog.pageTitle/></div><div id='deopradipta'><a href='http://dopind.blogspot.com/'><blink>Masuk ke Akasuki Blog™</blink></a></div>

#Jika ingin memasang gambar ganti kode yang berwarna ungu dengan kode gambar
#Ganti kode yang berwarna putih dengan link blog kalian
Setelah itu 'Save Template' dan lihat hasilnya .. makasih ^_^

Membuat Judul Blog Bergerak

noreply@blogger.com (Anonymous) — Sun, 5 Aug 2012 12:01:00 -0700

Membuat Judul Blog Bergerak, ini merupakan salah satu tutorial yang mungkin sedikit berguna bagi sobat yang suka dengan kreasi dan fantasi blog, buat blogger matre atau blogger yang sudah profesional,

mungkin ini tidak akan bermanfaat, hehehe. So, buat sobat yang ingin memperindah tampilan blognya bisa menambahkan kode berikut ini sehingga tampilan atau judul blognya akan berjalan seperti dibawah ini.

Koleksi Aneka Puisi | Blog Kumpulan Dari Berbagai Puisi.

Contoh blog yang menggunakan kode ini adalah Koleksi Aneka Puisi. Buat sobat yang berminat silahkan ikuti tutorial dibawah ini.

1. LOGIN ke blogger.
2. Kemudian klik Tata Letak Kemudian Klik Lagi Edit HTML.
3. Selanjutnya cari kode berikut ini.

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

4. Hapus Kode Tersebut dan ganti dengan Kode berikut ini>

<script language='JavaScript'>
var rizki="<data:blog.pageTitle/>";
var kecepatan=100;var segarkan=null;function bergerak() { document.title=rizki;
rizki=rizki.substring(1,rizki.length)+rizki.charAt(0);
segarkan=setTimeout("bergerak()",kecepatan);}bergerak();
</script>

5. Kamu bisa mengganti angka 100 yang berwarna biru tersebut dengan keinginan kamu. Angka tersebut adalah kecepatan pergerakan judul blog kamu.

Kode ini hanya berlaku pada home page atau tampilan awal blog, jika kita masuk ke postingan atau single post, kode ini tidak akan berlaku, supaya pada postingan kode ini berlaku juga, maka sobat perlu menggati kode berikut ini :
<title><data:blog.pageName/></title> dengan kode berikut ini.

<script language='JavaScript'>
var rizki="<data:blog.pageName/>";
var kecepatan=100;var segarkan=null;function bergerak() { document.title=rizki;
rizki=rizki.substring(1,rizki.length)+rizki.charAt(0);
segarkan=setTimeout("bergerak()",kecepatan);}bergerak();
</script>

Kemudian simpan template sobat. Semoga berhasil.

Cara Membuat Menu Tab View

noreply@blogger.com (Anonymous) — Sun, 5 Aug 2012 11:53:00 -0700

Karena sering ditanya tentang bagaimana caranya membuat Tab VIew (Biasanya nanyanya gini: "Mas cara membuat menu yg kayak punya mas gmn? yg ada "Tips & Trik", "Lain-lain", "Terbaru", "Komentar" itu lho). Ya kan? hayo ngaku... Tabview itu sangat berguna sekali, karena dengan ukuran kotak yang relatif kecil tapi bisa memuat isi yang buanyak. Sebenarnya dah dari dulu pingin posting tentang itu, tp karena yg dulu cara pasanganya sulit jadi belum bisa aku jelaskan. Trus akhirnya aku menemukan metode baru dalam pembuatannya. Cara yang ini mungkin mirip dengan punyanya o-om, tp scriptnya agak beda. Dan aku dapet script ini juga bukan dari o-om lho :D
Tab view itu contohnya seperti ini :

Beginilah cara untuk membuat menu tab view tersebut

1. Login ke blogger trus pilih menu "Layout --> Edit HTML"
2. Kemudian cari kode ini ]]></b:skin>
3. Kemudian masukkan kode berikut ini sebelum kode ]]></b:skin>atau kedalam tag CSS.
div.TabView div.Tabs
{
height: 24px;
overflow: hidden;
}
div.TabView div.Tabs a
{
float: left;
display: block;
width: 90px; /* Lebar Menu Utama Atas */ text-align: center;
height: 24px; /* Tinggi Menu Utama Atas */
padding-top: 3px;
vertical-align: middle;
border: 1px solid #000; /* Warna border Menu Atas */
border-bottom-width: 0;
text-decoration: none;
font-family: "Times New Roman", Serif; /* Font Menu Utama Atas */
font-weight: 900;
color: #000; /* Warna Font Menu Utama Atas */
}
div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active
{
background-color: #FF9900; /* Warna background Menu Utama Atas */
}
div.TabView div.Pages
{
clear: both;
border: 1px solid #6E6E6E; /* Warna border Kotak Utama */
overflow: hidden;
background-color: #FF9900; /* Warna background Kotak Utama */
}
div.TabView div.Pages div.Page
{
height: 100%;
padding: 0px;
overflow: hidden;
}
div.TabView div.Pages div.Page div.Pad
{
padding: 3px 5px;
}

4. Perhatikan text-text yang berwarna merah, itu adalah keterangan untuk pengaturan Tab View. Ada ukuran warna dll. Untuk mengetahui kode2 warna silahkan lihat DISINI
5. Langkah selanjutnya yaitu pasang kode berikut ini sebelum kode</head>

<script src='http://kendhin.googlepages.com/tabview.js' type='text/javascript'/>

6. Kemudian "Di save"
7. Lalu pergi ke menu "Page Elements"
8. Trus PIlih "Add a Gadget" --> "HTML/Javascript" di tempat yg akan km letakkan Manu Tab View ini.
9. Inilah script yg harus kamu pasang :

<form action="tabview.html" method="get">
<div class="TabView" id="TabView">
<div class="Tabs" style="width: 350px;">
<a>Tab 1</a>
<a>Tab 2</a>
<a>Tab 3</a>
</div>
<div class="Pages" style="width: 350px; height: 250px;">

<div class="Page">
<div class="Pad">
Tab 1.1 <br />
Tab 1.2 <br />
Tab 1.3 <br />
</div>
</div>

<div class="Page">
<div class="Pad">
Tab 2.1 <br />
Tab 2.2 <br />
Tab 2.3 <br />
</div>
</div>

<div class="Page">
<div class="Pad">
Tab 3.1 <br />
Tab 3.2 <br />
Tab 3.3 <br />
</div>
</div>

</div>
</div>
</form>

<script type="text/javascript">
tabview_initialize('TabView');
</script>

Keterangan :
- Angka2 atau text yang berwarna biru (350px) adalah ukuran tinggi dan lebar tabview.
- Kode yang berwarna Hijau Adalah text yang di Menu utama (Menu Atas).
- Kode yang berwarna merah adalah isi dari tabvie tsb. Kamu bisa mengisinya dengan link, gambar, banner, script dll.
- Untuk menmbahkan jumlah menu maka perhatikanlah text yang berkedip2. tambahkan menu tersebut dibawahnya.

membuat efek bintang berjatuhan

noreply@blogger.com (Anonymous) — Sat, 4 Aug 2012 11:23:00 -0700

Masih ingin menghias blog anda dengan berbagai macam efek? Yang satu ini bisa dicoba. Kursor akan menampilkan efek bintang berjatuhan pada saat mouse diseret. Caranya mudah. Berikut langkahnya :

1. Login ke akun blogger anda
2. Klik Rancangan kemudian klik Tambag Gadget
3. Pilih HTML/JavaScript
4. Copy paste kode berikut dan letakkan dimana saja. Agar tidak mengganggu posisi tata letak blog sebaiknya ditempatkan dibawah saja

<script type=’text/javascript’>
// <![CDATA[
var colour="#52D8ED";
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>

Cari kode yang berwarna merah diatas dan gantilah sesuai dengan kode warna keinginan sobat

Terakhir simpan dan efek bintang jatuh dari cursor sudah dapat sobat lihat

Kode kode warna dapat dilihat disini

Efek daun berjatuhan

noreply@blogger.com (Anonymous) — Sat, 4 Aug 2012 11:09:00 -0700

Cara Membuat Efek Daun Berguguran Di Blog - Efek daun berjatuhan di blog sepertinya juga banyak diminati oleh sobat blogger, dan menurut saya efek daun berjatuhan ini loadingnya lebih ringan dan cepat ketimbangefek bintang bertaburan yang saya posting sebelum ini. Cara membuat daun berjatuhan di blog ini juga masih menggunakan javascript, cara membuatnya simak lebih lanjut dibawah ini.

Cara membuat efek daun berjatuhan di blog :
1. Seperti biasa login dulu ke dashboard blogger anda.

2. Pilih Rancangan > Edit HTML, centang Expand widget template.

3. Cari kode </head> pada template dengan menggunakan Ctrl+F.

4. Copy kode javascript dibawah ini dan letakkan tepat diatas kode </head> .

<script src='http://arti.master.irhamna.googlepages.com/daun.js'/>

5. Save / simpan template anda dan lihat hasilnya muantaaap bro !!

Membuat Anu Supaya Selalu Berada Di pojok

noreply@blogger.com (Anonymous) — Fri, 3 Aug 2012 15:38:00 -0700

Pasti pada bingung nih, apa maksudnya dan kenapa judulnya begitu, sebenarnya aku sendiri juga bingung mau ngasih judul apa untuk trik yang berikut ini. Setelah aku pikir-pikir :t eee.. nggak nemu-nemu juga judul yang cocok, ya udah deh aku asal aja kasih judul gitu. Trus apa maksudnya dari judul tersebut dan trik apa yang akan dibahas?

Gini, untunya itu gini :D trik nyoba ngebahas gimana cara membuat "ANU" itu selalu berada di pojok (bisa atas, bawah, kiri, kanan) meskipun "scroll bar" ditarik kemana-mana. "Scroll bar" itu apa sih? itu lho kotak kecil panjang yang ada disamping itu, yg biasanya ditarik kebawah dan keatas supaya bisa ngelihat isi blog yang kepanjangan. Trus maksudnya "ANU" itu apa? "ANU" itu maksudnya bisa gambar atau photo kamu, animasi, Jam, Hit Counter, Shoutbox, Kalender, Adsense, Iklan, Widget-widget dan lain-lain. Kalo untuk di blog ini aku pasang gambar sonic yg sedang lari-lari (pojok kiri bawah). Nha udah tahu kan maksudnya. Kalo dah tahu dan pingin mencobanya mari ikuti trik berikut ini:

1. Login ke blogger trus klik "Layout -->> Edit HTML
2. Cari kode ini ]]></b:skin> kalo dah ketemu taru kode berikut ini di atasnya.

#trik_pojok {
position:fixed;_position:absolute;bottom:0px; left:0px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }

3. Text yang dicetak tebal adalah posisinya, kalo pingin ganti di posisi pojok kanan bawah tinggal text "left" diganti dengan "right". Begitu juga tulisan "bottom", jika pingin di posisi atas bisa diganti dengan "top".
4. Langkah selanjutnya yaitu letekkan script berikut ini sebelum kode </body>

"http://trik-tips.blogspot.com" adalah link. ganti dengan link kamu.
"http://superinhost.com/images/soniclari.gif" adalah lokasi gambarmu. ganti dengan lokasi gambar kamu.

5. Jika kamu pingin yang ada disitu bukan gambar tetapi jam/kalender/hit counter/widget-widget yg lain, maka ganti text yang berwarna merah dengan script widget-widget tersebut.
6. Simpan hasil kerja kamu dan lihat hasilnya.

cara membuat hujan salju di blog

noreply@blogger.com (Anonymous) — Fri, 3 Aug 2012 15:33:00 -0700

Hujan Salju Di blog .Huawww... pasti indah .nahh dalam postingan kali ini klinik-it akan memberikan tipsnya,yaitu tips tentang Cara Membuat Hujan Salju Di Blog . ini dia pernak-pernik yang ga boleh ketinggalan dan wajib ada di blog sobat. apa maksudnya hujan salju yang ada di blog ? hujan salju yang ada di blog adalah kumpulan bintik-bintik putih yang jatuh di dalam blog , hujan salju ini cocok dipasang di blog yang menggunakan template berwarna gelap ,supaya saljunya terlihat bagus dan terlihat lebih berkilau .

Nahh buat sobat yang penasaran dengan hujan salju yang dari tadi klinik-it jelaskan, sobat bisa klik disini untuk melihat contohnya ,setelah sobat masuk kedalam blog tersebut silakan sobat perhatikan ada bintik-bintik putih mirip salju ,nahh... itu dia yang disebut hujan salju yang ada di blog. jika sobat tertarik ingin membuat hujan salju seperti itu silakan ikuti langkah-langkah Cara Membuat Hujan Salju Di Blog di bawah ini .

Cara Membuat Hujan Salju Di Blog

1.Login Ke Blogger .

2.Klik Tata Letak.

3.Klik Edit HTML.

4.Selanjutnya Silakan Sobat Cari Kode </head> .biar lebih mudah mencarinya tekan aja tombol CTRL+F.

5.Kalo udah ketemu kodenya Copy dan Paste kode berikut tepat dibawah kode </head> .

<script src='http://denisahlan.netau.net/hujansalju.js' type='text/javascript'/>

6.Klik Simpan Template .

7.Terakhir tinggal sobat lihat dech hasilnya..

cara pasang jam di blog

noreply@blogger.com (Anonymous) — Fri, 3 Aug 2012 15:31:00 -0700

Dalam postingan kali ini saya akan membahas bagaimana cara memasang jam Di blog . Tanpa banyak basa-basi yang akhirnya nanti basi beneran .hehehehe .Di indonesia ini terbagi dalam 3 bagian zona waktu Yaitu Waktu indonesia barat,timur dan tengah, Jadi perlu disesuaikan dengan zona waktu di daerah anda .
Ikuti langkah berikut :

1.Login ke blogger.

2.Klik Tatat Letak.

3.Klik Tambah Gadget.

4.Pilih HTML/javascript.

5.Kemudian Pilih zona waktu daerah sobat dan copy paste kode jam di bawah ini.

Copy Paste Kode Berikut Untuk Zona waktu WIB

Hasil

Copy Paste Kode Berikut Untuk Zona waktu WITA

Hasil

Untuk Zona Waktu indonesia tengah mohon maaf belum tersedia . Untuk Mendapatkan desain jam yang lebih menarik silakan Kunjungi situs www.clocklink.com , Tersedia juga jam bentuk digital atau analog dengan beberapa type.

Selamat Mencoba dan semoga bermanfaat

Cara Pasang Follow me Twitter Di Blog

noreply@blogger.com (Anonymous) — Fri, 3 Aug 2012 15:27:00 -0700

Saat Ini jejaring sosial bukan hal yang asing lagi bagi kita .seperti Twitter atau facebook yang sekarang ini sedang booming . Dalam postingan kali ini saya akan membahas bagaimana Cara memasang Ikon Follow me on twitter pada blog.Yang bisa dipasang pada sidebar .

Ikuti langkah-langkah berikut untuk memasang Ikon Follow me on twitter pada blog:

1.Login ke blogger.

2.Klik Tata Letak.

3.Klik tab Elemen Halaman.

4.Klik Tambah Gadget.

5.Kemudian Pilih HTML/Javascript.
Silakan pilih gambar yang kamu inginkan terys Copy paste Kode HTML Berikut :

Keterangan : Ganti link http://twitter.com/YourLink dengan link akun twitter kamu,contohnya http://twitter.com/denisahlan

By: Twitter Buttons

By: Twitter Buttons

By TwitterButtons.com

By: Twitter Buttons

By TwitterButtons.com

By: Twitter Buttons

By TwitterButtons.com

Maverick Money Makers

By TwitterButtons.com

Maverick Money Makers

By TwitterButtons.com

Atau kamu juga bisa Memasang Follow me Twitter

ini BErjalan di samping Blog kamu .Sebagai Contoh KLIK DIDINI.Langsung aja iikuti langkah-langkahnya berikut ini.

1.Login ke Blogger.

2.Klik Tata Letak.

3.Klik Edit HTML.

4.Kemudian Cari kode ]]></b:skin>.

5.Kemudian Copy dan paste Kode berikut Di atas kode yang tadi.

#trik_pojok {
position:fixed;_position:absolute;bottom:0px; right:0px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }

6.Selanjutnya Cari kode </body> kemudian copy dan paste kode berikut di atasnya.

<div id="trik_pojok">
<style type="text/css"><br />#followmeontwiter {<br />position:fixed;_position:absolute;<span style="color:blue;">top</span>:100px; left:0px;<br />clip:inherit;<br />_top:expression(document.documentElement.scrollTop+<br />document.documentElement.clientHeight-this.clientHeight);<br />_left:expression(document.documentElement.scrollLeft+<br />document.documentElement.clientWidth - offsetWidth); }<br /></style>
<div id="followmeontwiter">
<a href="http://twitter.com/%3Cspan%20style=">IDtwitter" target="_blank title="Follow Me on Twitter">
<img src="http://lh3.ggpht.com/_noownWFsWHg/Sy9XXErXDaI/AAAAAAAAAOE/xIWnIMtdqzE/followmeontwitterbyblackpinktemplates.jpg" border="0" /></a>
</div>
</div>

7.Ganti Tulisan IDtwitter dengan ID twiter kamu.sebagi contoh www.twitter.com/denisahlan ,yang di gunakan denisahlan nya saja.

8.Kalo sudah di lakukan semuanya Silakan Klik SAVE TEMPLATE.

Cara membuat Form "Email Subscriber" / "Berlangganan Lewat Email"

noreply@blogger.com (Anonymous) — Fri, 3 Aug 2012 15:25:00 -0700

Seperti yang kamu lihat, disebelah kanan blog ini ada sebuah kotak yang berisi kotak untuk mengisikan alamat email dan sebuah tombol yang ada tulisan "Berlangganan Trik Baru". Nha dalam trik dan tips kali ini kita akan belajar kelompok tentang bagaimana membuat kotak tersebut. Oh ya, perlu dijelasin dulu nih apa fungsi dari form tersebut. Form tersebut fungsinya adalah untuk mempermudah para pembaca blog kita agar bisa berlangganan atau mendapatkan info terbari postingan kita melalui email mereka. Jadi jika memposting artikel baru maka para pelanggan/pembaca yang sudah memasukkan email mereka melalui form tersebut akan secara otomatis mendapatkan kiriman email yang berisi postingan terbaru kita. Mudeng ra? wes pokoke ngono lah.

Beginilah cara membuat form "Email Subscriber" tersebut :

1. Kunjungi situs ini : http://www.feedburner.com
2. Saat pertama kali datang kamu akan langsung disodori kotak untuk mengisikan alamat feed blogmu yang akan dibakar :D
3. Biasanya alamat feed blog kamu seperti ini http://NAMABLOGMU.blogspot.com/feeds/posts/default , ganti tulisan NAMABLOGMU dengan nama alamat blogmu.
3. Isikan nama feed blogmu tadi dalam kotak yang disodorkan tersebut, jika blogmu itu isinya hanya video2 maka beri tanda centang pada kotak "I am a podcaster", jika tidak ya gak usah dicentang. Kemudian klik tombol "next"
4. Setelah itu kamu akan disodori lagi dengan form pendaftaran, isikan data2 yg diperlukan disana, trus klik tombol "Activate Feed"
5. Nha kalo berhasil nanti akan ada informasi "Congrats! your ......".
6. Dibawahnya akan ada tombol "Next" dan link "Skip directly to feed management" kali ini pilih yang link "Skip directly to feed management", sebenarnya lewat tombol "next" bisa sih tapi biar seru kita lewat jalan lain aja.
7 Kemudian nanti akan ada beberapa menu, kali ini pilih menu "Publicize"
8. Setelah itu disebelah kiri akan muncul beberapa menu. PIlih menu "Email Subscriptions".
9. Kemudian klik tombol "Activate"
10. Nha setelah itu nanti akan ada beberapa kotak yang berisi kode2. Nha kalo km pinginnya yang berbentuk form maka pilih kode yang ada di kotak "Subsciption Form Code".
11. Copy kode yang ada dalam kotak tadi, trus klik tombol "Save" untuk mengaktifkan layanan tersebut.
12. Cara pasangnya, Login ke blogger, pilih "layout --> Add a Gadget --> HTMl/Java Script" nha paste kode yang sudah kamu copy tadi disana.

Sekarang coba dilihat blogmu, udah ada kan form untuk "Email Subscriber".

Trus kalo mo nampilin jumlah reder yang berlanganan gini caranya :
- Login ke feedburner kemudian pilih feed blogmu
- Trus masuk ke menu "Publicize --> FeedCount" nha disitu scriptnya yang harus km copy dan pasang di blogmu.

Cara Membuat Search Engine

noreply@blogger.com (Anonymous) — Fri, 3 Aug 2012 15:11:00 -0700

Tentu kita semua sudah tahu apa itu Search Engine (hari gini gak tahu apa itu search engine? cape' deeh...). Search Engine adalah ... bla.. bla..bla.. dst.
Saat ini Search Engine tidak bisa dipisahkan dalam dunia internet. Dengan Search Engine kita bisa mencari tahu tentang suatu hal yang kita inginkan sesuai dengan keyword yang kita ketikkan dan juga bla.bla..bla..... udah ah penjelasannya, yang mau dibahas disini adalah bagaimana caranya membuat search engine di blogger . Caranya sangat mudah, yaitu:

1. Login ke blogger terus klik Layout terus pilih page elements nha disitu kan banyak tulisan Add a page elements klik link tersebut dan sesuaikan dimana tempatnya menaruh search engine
2. kemudian pada layar baru yang muncul pilih HTML/Javascript kemudian copy/paste script/kode berikut ini di dalam kolom content.

<form action="http://nama-blogmu.blogspot.com/search"
method="get"> <input class="textinput" name="q" size="30" type="text"/> <input value="search" class="buttonsubmit" name="submit" type="submit"/></form>

Ganti nama-blogmu dengan nama blog kamu. Aangka 30 menunjukkan panjang kotak (text box) semakin banyak angkanya maka semakin panjang textbox-nya

Cara Mematikan Klik Kanan Pada Blog

noreply@blogger.com (Anonymous) — Fri, 3 Aug 2012 15:01:00 -0700

Melindungi artikel terkadang dirasa perlu .Namun terkadang juga agak sedikit menggangu para pengunjung blog kita yang ingin mencari sesuatu di Blog kita. dan untuk melindunggi artikel blognya terkadang seorang blogger mematikan klik kanan pada blognya.Sebenarnya Mematikan Klik Kanan Pada Blog ini tidak perlu dilakukan karena hanya dapat mengganggu pengunjung blog kita. jika kamu ingin melindungi artikel ya terpaksa menggunakan cara ini .namun dengan menggunakan cara ini pun artikel blog kita akan masih tetap aja bisa di COPY.

Sebenarnya dari pada mematikan klik kanan pada blog yang tujuannya untuk melindungi artikel,ada baiknya jika kita memberikan kebebasan kepada pengunjung blog kita untuk meng Copy artikel blog kita dengan mencantumkan sumbernya...

Nahhh.....buat sobat yang ingin Mematikan Klik Kanan Pada Blog .Bisa mempraktekan tutorial Cara Mematikan Klik Kanan Pada Blog Berikut ini.

1.Login Ke blogger.

2.Klik Tata Letak/

3.Klik Edit HTML.

4.Cari kode ]]></b:skin> kemudian copy dan paste kode berikut di bawahnya.

<script type='text/javascript'>
//<![CDATA[
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>

5.Klik SIMPAN TEMPLATE.

6.Selesai...

Trik Memproteksi Blog dari Penjiplakan

noreply@blogger.com (Anonymous) — Fri, 3 Aug 2012 14:54:00 -0700

Mungkin bagi sebagian para pemilik blog sering kali jengkel jika melihat artikel-artikel yang dibuatnya dengan memeras otak (emangnya cucian) tiba-tiba sudah ada di tempat blog milik orang lain, apalagi kalo disitu tidak disebutkan sumber asli dari artikel tersebut, pasti orang tersebut akan bilang "ANJRIT" :@ dan sumpah serapah yang lain (apa aja ya kata sumpah serapah?, aku taunya cuma itu doang, aku kan selalu ngomong yg baik2 jadi nggak tahu kata-kata kotor :D
hooooeeeekkkkk..). Tapi mungkin bagi sebagian orang lagi sih nggak mempermasalahkannya, entah artikelnya diambil kek, di copy kek, di cekek kek "No Problem". Nha, kamu termasuk golongan yang mana nih? yang Protectif atau yang Cuekif (bahasa mana tuh "Cuekif"). Kalo kamu termasuk yang yang Protectif alias golongan orang yang artikelnya nggak mau dicuri orang, sini ikut saya , tak tunjukin jalan menuju sorga, eeh, maksudnya cara melakukannya.
Udah berdebar-debar ya?, nggak sabar nunggu ya? ya udah deh ini dia Tips dan Trik untuk memproteksi artikel dari pencurian...

pertama-tama kita panjatkan puja dan puji sukur kita kepada Tuhan YME. Walah malah pidato. Langsung aja deh
Pertama-tama kita panjatkan, walah kok itu lagi sih :@
Pertama-tama kita analisa dulu, biasanya kalo mau nyuri artikel kan ada beberapa cara nih, mulai dari menyeleksi tulisan yang mau dicuri kemudian di copy-paste. Atau melihat "Source Code"nya dengan meng-klik kanan dan lain-lain. Ada beberapa cara untuk mengatasi masalah tersebut, mulai dari cara yang mudah sampai cara yang sulit. Nha untuk Tips dan Trik kali ini kita akan mencoba menggunakan cara yang mudah saja, tapi ingat, cara ini hanya efektif untuk menghadapi maling kelas teri, jadi nggak akan mempan menghadapi para penjahat kelas kakap yang sudah banyak makan asam garam dunia internet (emangnya enak makan asam ama garam?). Tapi lumayan kan untuk berjaga jaga dari maling-maling kelas teri. Nha berikut adalah triknya...
copy script dibawah ini kedalam body kamu (lho? kok kedalam body sih?), maksudnya kedalam tag <body .....
begini deatil caranya:
pertama login dulu ke blogger, terus pilih Layout --> Edit HTML
cari kode ini <body> letaknya kira-kira di tengah bagian kiri, dan biasanya setelah kode </head> . perlu diperhatikan bahwa di dalam kode html terdapat banyak tulisan "body", jangan salah memilih body :D .
kalo sudah ketemu letakkkan script ini didalamnya

onmousedown="return false" oncontextmenu="return false" onselectstart="return false"

contohnya kayak gini nih

<body onmousedown="return false" oncontextmenu="return false" onselectstart="return false" >

Nha, script diatas untuk memproteksi agar text yang ada tidak bisa di seleksi untuk dicopy, dan juga tidak bisa di klik kanan.
trus bagaimana kalo kalo pencurinya lihat source code kita lewat menu-menu yang ada di web browser? misalnya yang pake Mozilla dengan cara Klik View -->> Page Source atau dengan menekan Ctrl+u. Nha untuk menakali masalah ini kita kita pakai cara licik aja, yaitu dengan menurunkan script html kebawah, caranya gimana tuh?
gini, taruh kursor/pointer ke atas tag <head> (letaknya dibagian atas), trus tekan enter sampai kira-kira 70 kali. Nha kalo pencurinya melihat source code kita, dia hanya akan melihat kode kepala dari html kita, sedangkan isi dari blog kita kan udah turun ke bawah, tul ga? :D
tapi ingat sekali lagi, ini hanya untuk pencuri kelas teri, walaupun diproteksi secanggih apapun, pasti tetap aja ada orang yang akan bisa membongkarnya, tapi kan setidaknya kita berjaga-jaga, ya tho?
Monggo di jajal..

Perhatian : Kalo pake trik proteksi ini, maka untuk form-form isian seperti search engine, kotak komentar haloscan, shoutbox ogix. tidak bisa diisi. Jadi kalo memang tidak benar-benar diperlukan, jangan menggunakan trik ini. he..he.. :D

Cara Pasang Chat Facebook Di Blog

noreply@blogger.com (Anonymous) — Fri, 3 Aug 2012 13:58:00 -0700

Hai sob klinik-it udah lama nih ga posting artikel tentang tutorial blog.hehehe Dalam postingan terbaru klinik-it kali ini klinik-it akan memberikan tutorial tentang Cara Pasang Chat Facebook Di Blog,Tapi bukan Fasilitas chat facebook beneran melainkan fasilitas chat yang mirip dengan fasilitas chat yang ada di facebook.Fasilitas chat ini namanya Footer Chat .Mungkin sobat udah pada tau apa itu yang dimaksud dengan Footer Chat .Footer chat adalah fasilitas chat yang ada di footer blog .sedangkan footer blog adalah bagian bawah template blog .

Jadi Kesimpulan dari Footer chat adalah fasilitas Chatting yang mirip dengan fasilitas catting yang ada difacebook .nah... biar sobat ga bingung dengan apa yang klinik-it jelaskan diatas sobat bisa langsung lihat contoh footerchat tersebut DISINI .atau bisa lihat gambar dibawah ini .

Nahh... sobat udah pada taukan apa itu footer chat . nahh sekarang tinggal cara pasangnya . cara pasangnya juga gampang koq !!! sobat tinggal ikutin aja langkah-langkah Cara Pasang Chat Facebook Di Blog di bawah ini.

1.Login Ke blogger dengan ID sobat.

2.Klik Tata Letak kemudan klik Tambah Gadget. tapi ingat pilih Tambah Gadget nya pilih yang dibagian bawah postingan .atau jika sobat bingung silakan lihat gambar di bawah .

3.Setelah itu pilih HTML/javascript.

4.Selanjutnya copy dan paste kode berikut kedalamnya .

5.Klik Simpan.

6.Selanjutnya Tinggal sobat liat dech hasilnya . selamat mencoba.....

cara memasang widget yahoo messenger di blogger

noreply@blogger.com (Anonymous) — Fri, 3 Aug 2012 12:55:00 -0700

Mungkin sobat pernah melihat blog dengan sebuah ikon YM yang sedang menunjukkan bahwa ID Yahoo tersebut sedang dalam keadaan online dan siap diajak chat. Tahukah sobat itu widget apa? Itu adalah widget Yahoo Messenger yang dipasang di blog. Tujuannya adalah untuk berkomunikasi real-time dengan pemilik blog.

Banyak orang yang suka dengan tampilan status online Yahoo! Messenger di blog mereka. Karena dengan begitu visitor bisa tahu kalau sang admin blog sedang online dan dapat melakukan percakapan dengannya. Untuk memasang widget Yahoo Messenger di blog ikuti langkah berikut ini.

Login ke akun blogger milik sobat.
Klik Rancangan. Kemudian klik Tambah Gadget pada Elemen Halaman.
Pilih HTML/Javascript
Copy paste kode HTML dibawah ini

Keterangan :

Ganti warna merah dengan ID YM ANDA
Untuk warna biru itu adalah tampilan Ikon YM ada beberapa style ID yang bisa anda gunakan . Berikut tampilan ikon YM yang bisa anda gunakan .

5. Kemudian Simpan

seting domain di co.cc

noreply@blogger.com (Anonymous) — Fri, 3 Aug 2012 04:31:00 -0700

Seperti yang sudah kita ketahui, bahwa co.cc adalah top level domain yang bisa kita dapatkan secara gratis. Kita bisa mengganti nama blog kita dari "http://namadomain.blogspot.com" atau "http"//namadomain.wordpress.com" (dll) menjadi "http://namadomain.co.cc" . Dengan co.cc kita bisa mengontrol DNS Records, A, MX, dan CNAME records, sehinga domain co.cc bukan hanya sekedar "URL Forwarding".

Berikut ini akan saya coba mengungkapkan tentang cara setting domain di co.cc:

Ada 3 tipe pengaturan di co.cc. Ketiganya memiliki fungsi tersendiri. berikut ini penjelasanya:

1. Managed DNS
Ini biasanya digunakan untuk sebuah web yang memerlukan web hosting dan mengharuskan untuk mengarahkan Name Server-nya ke hosting tersebut. Misal untuk membuat web di 000webhost, atau bisa juga untuk blog wordpress yg menggunakan hosting dari luar. Metode ini tidak cocok digunakan untuk blogger/blogspot yang menggunakan hosting default dari blogger/blogspot.
Cara setting untuk metode ini yaitu dengan mengisi pada kolom "Name Server 1 dan Name Server 2 dengan name server yg sesuai dengan hosting yang digunakan. Misal, bagi yang menggunakan hosting dari 000webhost maka untuk kolom "Name Server 1" disi dengan "ns01.000webhost.com" dan kolom "Name Server 2" disi dengan "ns02.000webhost.com". Kemudian klik tombol "Setup". Selesai

2. Zone Records
Zone records cocok digunakan bagi para pengguna blogger/blogspot. berikut ini cara setting untuk Zone Records

Pada kolom "Host" isikan dengan nama domain yg sudah km daftarkan, misal "www.namadomain.co.cc" (jangan lupa dikasih "www")
Untuk option "TTL" biarkan saja, gak perlu dirubah2
Pada option "Type" pilih yang "CNAME"
Untuk kolom "Value" isikan "ghs.google.com"

Langkah selanjutnya yaitu merubah settingan di blogger/blogspot caranya begini:

Kemudian pilih "Switch to: • Custom Domain

Setelah itu klik pada "Already own a domain? Switch to advanced settings"

Kemudian isikan nama domain kamu yang baru pada kolom "Your Domain".

Selanjutnya klik tombol "Save Setting"

Selesai. Kalau berhasil (Settingnya sudah benar) maka domain kamu yang baru akan aktif dalam waktu antara beberapa jam sampai 2 hari. Jadi sabar aja menunggunya. Blog kamu akan tetap bisa diakses dengan melalui domain yang lama.

3. URL Forwarding
URL forwarding bisa digunakan untuk apa aja, bisa web ato blog. Tapi URL Forwarding ini hanya memforward domain yg baru (yang di co.cc) ke domain lama. Jadi domain lama akan 100% seperti semula tanpa ada perubahan apapun, cuma kita bisa mengakses web/blog kita dengan mengetikkan nama domain baru kita di browser. Jika menggunakan URL Forwarding maka yang terindex di google atau Search engine yang lain adalah tetap Domain kita yang lama.
Untuk setting URL Forwarding sangat mudah, kita hanya mengisikan data-data yang diminta dan disesuaikan dengan web/blog kita, seperti "Redirect to:, Page Title, URL Hiding, Meta Description dan Meta Keywords". Kita tidak perlu lagi mensetting domain di web/blog kita lagi.
Note: Metode ini tidak dianjurkan jika tidak terpaksa

Jadi kesimpulannya adalah:

Jika kamu memakai layanan blogger/blogspot maka gunakanlah "Zone Records"
Jika domainnya digunakan untuk web yg memerlukan hosting atau untuk wordpress maka gunakanlah "Manage DNS"
Jangan menggunakan "URL forwarding" jika tidak terpaksa. Misal untuk untuk blog dari multiply yang tidak support custom domain.

Mengganti "Older Posts" Dengan Angka

noreply@blogger.com (Anonymous) — Tue, 31 Jul 2012 14:55:00 -0700

Secara umum, navigasi untuk pindah halaman di blogspot biasanya menggunakan link dengan teks "Older Posts (posting lama)" dan "Newer Posts (posting baru)". Beda dengan wordpress yang navigasinya bisa berbentuk angka sehingga bisa memudahkan untuk loncat beberapa halaman ke postingan yg lama maupun baru.

Nha trik kali ini akan menjelaskan bagaimana cara mengganti link "Older Posts (posting lama)" dan "Newer Posts (posting baru)" menjadi angka seperti gambar di bawah ini

1. Langkah awal tentu saja harus menuju ke desain template anda kemudian ke "Edit HTML"
2. setelah itu cari kode ini ]]></b:skin> kalo sudah ketemu taruh script dibawah ini sebelum kode tersebut

.showpageArea a {
text-decoration:underline;
}
.showpageNum a {
text-decoration:none;
border: 1px solid #cccccc;
margin:0 3px;
padding:3px;
}
.showpageNum a:hover {
border: 1px solid #cccccc;
background-color:#cccccc;
}
.showpagePoint {
color:#333;
text-decoration:none;
border: 1px solid #cccccc;
background: #cccccc;
margin:0 3px;
padding:3px;
}
.showpageOf {
text-decoration:none;
padding:3px;
margin: 0 3px 0 0;
}
.showpage a {
text-decoration:none;
border: 1px solid #cccccc;
padding:3px;
}
.showpage a:hover {
text-decoration:none;
}
.showpageNum a:link,.showpage a:link {
text-decoration:none;
color:#333333;
}

3. setelah itu cari kode ini </body> kemudian taruh script dibawah ini sebelum kode tersebut.


<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<script type='text/javascript'>
var pageCount=5;
var displayPageNum=5;
var upPageWord ='Previous';
var downPageWord ='Next';
</script>
<script src='http://bloggergadgets.googlecode.com/files/blogger_pagenavi_min.js' type='text/javascript'/>
</b:if> </b:if>


Kalau sudah silahkan dilihat hasilnya.

Cara Menghilangkan Navbar (Navigation Bar)

noreply@blogger.com (Anonymous) — Tue, 31 Jul 2012 14:47:00 -0700

Navbar adalah fasilitas yang dimiliki oleh Blogger/blogspot, bentuknya berupa kotak kecil memanjang kesamping yang letaknya berada di bagian paling atas dari blog yang fungsinya antara lain untuk mulai melakukan Sign In/out atau bisa juga membuat Blog baru. Navigation Bar juga bisa digunakan untuk melaporkan kecurangan atau tindak kejahatan weblog yang dilakukan oleh seorang blogger, misalnya kontent blognya yang melanggar TOS atau hal-hal yang dianggap merugikan orang lain.

Namun ada beberapa blogger yang merasa akan lebih enak jika melihat tampilan blognya dalam keadaan bersih tanpa harus ada bagian mencolok di bagian atas blognya sendiri (NavBar). Karena itu, kadang para blogger menghapus NavBar tersebut. Pertanyaannya adalah: Apa tidak melanggar Term of Service (TOS) dari Blogger.com?
Sejauh ini, banyak blogger yang telah menghilangkan Navbar mereka dan tidak juga mendapat teguran dari blogger. Artinya, bisa dilakukan. Toh di TOS Blogger sendiri juga tidak ada aturan yang cukup detail tentang hal ini.

Nah, bagaimana menghilangkan Navigation Bar?
Ada beberapa penyedia template yang memang sudah tidak ada NavBar-nya. Namun bagi kamu yang memakai template yang masih ada NavBarnya dan ingin menghilangkannya maka inilah caranya.

1. Kamu harus Login dulu di Blogger.com / Blogspot.com
2. Trus Pilih Layout --> Edit HTML
3. Copy script berikut ke dalam tag head

#navbar-iframe {
display: none !important;
}

contohnya sebagai berikut :
-----------------------------------------------
Blogger Template Style
Name: Son of Moto (Mean Green Blogging Machine variation)
Designer: Jeffrey Zeldman
URL: www.zeldman.com
Date: 23 Feb 2004
Updated by: Blogger Team
----------------------------------------------- */

#navbar-iframe {
display: none !important;
}

/* Variable definitions
====================

4. Kemudian simpan.

Selamat Mencoba.....!!

cara bikin blog

noreply@blogger.com (Anonymous) — Sun, 29 Jul 2012 00:48:00 -0700

Cara Bikin Blog di Blogger

4. Terus Lanjutkan...

5. Pilih Template alias pilih Tampilan

6. Hore, blog anda sudah jadi.

Langkah berikutnya, sobat tinggal klik mulai blogging, ketik judul artikel, isi beserta gambar, teks dan sebagainya. Dan jangan lupa beri label/kategori dan terbitkan.

tutorial blog

cara membuat blog

Cara Bikin Blog di Blogger

Membuat Efek Tulisan Berkedip ( Blink )

biar postingan temen" biar lebih menarik, cobha pake cara membuat Efek tulisan berkedip (blink)

Menampilkan Beberapa Model Status Online Yahoo Messenger

Membuat widget Tampak Menghilang dan Muncul Kembali

cara untuk ngilangin widget dan muncul lagi, lumayan boleh temen" cobha. karna bagus juga widget yg kita pasang, pas di liat malah ilang dan muncul laghi!!! cobha kita langsung praktek ajha!!!

Cara Membuat Slide Show Foto Di Blogger /Blogspot

Membuat Background Blog Dengan Gambar Sendiri

Membuat Blog Intro (Gambar) di Blog

Membuat Judul Blog Bergerak

Cara Membuat Menu Tab View

membuat efek bintang berjatuhan

Efek daun berjatuhan

Membuat Anu Supaya Selalu Berada Di pojok

cara membuat hujan salju di blog

cara pasang jam di blog

Cara Pasang Follow me Twitter Di Blog

Atau kamu juga bisa Memasang Follow me Twitter

Cara membuat Form "Email Subscriber" / "Berlangganan Lewat Email"

Cara Membuat Search Engine

Cara Mematikan Klik Kanan Pada Blog

Trik Memproteksi Blog dari Penjiplakan

Cara Pasang Chat Facebook Di Blog

cara memasang widget yahoo messenger di blogger

seting domain di co.cc

Mengganti "Older Posts" Dengan Angka

Cara Menghilangkan Navbar (Navigation Bar)

cara bikin blog

Cara Bikin Blog di Blogger

cara untuk ngilangin widget dan muncul lagi, lumayan boleh temen" cobha. karna bagus juga widget yg kita pasang, pas di liat malah ilang dan muncul laghi!!!
cobha kita langsung praktek ajha!!!