Showing posts with label Tips And Trik Blog. Show all posts
Showing posts with label Tips And Trik Blog. Show all posts

Friday 23 December 2011

cara Membuat pesan Siapa nama kamu Di Blog

1.Login keblog Sobat


2.klik Rancangan pada dasbor


3.Klik Edit HTML


4.Lalu Cari Kode </head lalu pastekan kode dibawah ini sebelum kode </head




<script type="text/javascript">
var yourName = prompt("Bolehkah saya tau nama Anda?", "Tulis namamu di sini!");
</script>


Ket: 
1.Kode yang bewarna Hijau Diganti dengan Kata-kata yang diinginkan
2.Kode yang bewarna Biru  Diganti dengan kata-kata yang diinginkan
READ MORE - cara Membuat pesan Siapa nama kamu Di Blog

cara membuat pesan Selamat datang

1.login ke Blog Sobat


2.Klik Tata letak


3.Klik EDIT HTML


4.Carilah Kode </head lau pastekan kode ini diatas Kode </head


<SCRIPT language='JavaScript'>alert("Selamat Datang");</SCRIPT>


Keterangan :


kode yang bewarna Hijau diganti dengan kata-kata yang sobat inginkan


Lalu simpan
READ MORE - cara membuat pesan Selamat datang

Membuat Burung Terbang di Blog

1.Login Ke Blog Sobat
2.Rancangan --> Add new Gadget --> HTML/JavaScript 
3.masukkan Kode Di bawah ini






<script type=”text/javascript” src=”http://techgyo.com/wp-content/FlyingTwitbird/tripleflap.js”></script>
<script type=”text/javascript”>
var birdSprite=”http://techgyo.com/wp-content/FlyingTwitbird/birdsprite.png”;
var targetElems=new Array(“img”,”hr”,”table”,”td”,”div”,”input”,”textarea”,”button”,”select”,”ul”,”ol”,”li”,”h1&#8243;,”h2&#8243;,”h3&#8243;,”h4&#8243;,”p”,”code”,”object”,”a”,”b”,”strong”,”span”);
var twitterAccount = “http://twitter.com/techgyo”;var tweetThisText = “Twitter – techGyo http://www.techgyo.com/”;tripleflapInit();
</script>
<a id=”theBird” href=”http://twitter.com/ojel88” target=”_blank” style=”display: block; position: absolute; width: 64px; height: 64px; background-image: url(http://techgyo.com/wp-content/FlyingTwitbird/birdsprite.png); background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; z-index: 947; left: 0px; top: 587px; background-position: 0px 0px; background-repeat: no-repeat no-repeat; “></a>
<a id=”theBirdLtweet” href=”http://twitter.com/home?status=Twitter%20-%20techgyo%20http%3A//www.techgyo.com/” target=”_blank” title=”tweet this” style=”position: absolute; background-image: url(http://techgyo.com/wp-content/FlyingTwitbird/birdsprite.png); background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; width: 58px; height: 30px; z-index: 951; left: 49px; top: 583px; display: none; opacity: 0; background-position: -64px 0px; background-repeat: no-repeat no-repeat; “></a>
<a id=”theBirdLfollow” href=”http://twitter.com/techgyo” target=”_blank” title=”follow me” style=”position: absolute; background-image: url(http://techgyo.com/wp-content/FlyingTwitbird/birdsprite.png); background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; width: 58px; height: 20px; z-index: 952; left: 54px; top: 613px; display: none; opacity: 0; background-position: -64px -30px; background-repeat: no-repeat no-repeat; “></a>



Good Luck
READ MORE - Membuat Burung Terbang di Blog

Cara Membuat Bintang betaburan Di Blog

Cara Membuat Cursor Bertabur Bintang Pada Blog, Cursor Bertabur Bintang merupakan cursor mouse yang bertabur bintang warni-warni yang terletak pada cursor mouse,, Klik disini untuk melihat contoh nya,, tertarik untuk memasangnya di blog anda, langsung saja ikuti langkah-langkah di bawah ini :
Pilih salah satu script kode dibawah ini sesuai dengan warna kesukaan anda dan warna yang kontras dengan warna background blog anda :

sebelumnya lihat efek Yang Lainnya Yaitu
Cara Membuat Efek Bintang Berjatuhan Di Blog
Cara Membuat Burung Twitter Terbang Di Blog

Cursor Bertabur Bintang Dengan Warna Biru

<script src="http://kikiefendiclock.googlecode.com/files/www.kikiyo.co.cc.cursor-bintang-biru.js" type="text/javascript"></script>

Cursor Bertabur Bintang Dengan Warna Hijau

<script src="http://kikiefendiclock.googlecode.com/files/www.kikiyo.co.cc.cursor-bintang-hijau.js" type="text/javascript"></script>

Cursor Bertabur Bintang Dengan Warna Merah

<script src="http://kikiefendiclock.googlecode.com/files/www.kikiyo.co.cc.cursor-bintang-merah.js" type="text/javascript"></script>


Cursor Bertabur Bintang Dengan Warna Ungu

<script src="http://kikiefendiclock.googlecode.com/files/www.kikiyo.co.cc.cursor-bintang-ungu.js" type="text/javascript"></script>

Cursor Bertabur Bintang Dengan Warna Silver
<script src="http://kikiefendiclock.googlecode.com/files/www.kikiyo.co.cc.cursor-bintang-silver.js" type="text/javascript"></script>

Cursor Bertabur Bintang Dengan Warna Kuning

<script src="http://kikiefendiclock.googlecode.com/files/www.kikiyo.co.cc.cursor-bintang-kuning.js" type="text/javascript"></script>

Cursor Bertabur Bintang Dengan Warna Hitam

<script src="http://kikiefendiclock.googlecode.com/files/www.kikiyo.co.cc.cursor-bintang-hitam.js" type="text/javascript"></script>


Langkah - langkahnya :
1.Masuk Ke Akun Blogger Anda
2.Klik Tata letak atau Rancangan
3.Lalu Klik Tambah Gadget
4.Pilih HTML/JavaScript
5.Copy paste script kode diatas didalam HTML/JavaScript
6.Klik Simpan

Good Luck...!!!

source : http://anak-kos.blogspot.com/

Read more: 
Cara Membuat Cursor Bertabur Bintang Pada Blog http://ojelhtc.blogspot.com/2011/12/cara-membuat-cursor-bertabur-bintang.html#ixzz1hKyDc69N 
Under Creative Commons License: 
Attribution Non-Commercial Share Alike
READ MORE - Cara Membuat Bintang betaburan Di Blog

cara membuat Daftar Pilihan tulisan

Langsung aja Nih , Pertama 
1.Login Ke Blog Sobat
2.layout --> tambah gadget --> HTML/Javascript --> Lalu masukkan Kode Dibawah ini :


<center><div class='widget-content'>
<center><script>
function go1(){
if (document.selecter2.select2.options
[document.selecter2.select2.selectedIndex].value != "none") {
document.getElementById('main').style.fontSize
=document.selecter2.select2.options
[document.selecter2.select2.selectedIndex].value
}
}

function go2(){
if (document.selecter2.select3.options
[document.selecter2.select3.selectedIndex].value != "none") {
document.getElementById('main').style.fontFamily
=document.selecter2.select3.options
[document.selecter2.select3.selectedIndex].value
}
}
</script>
<form id="forma" name="selecter2" method="POST">

<select onchange="go2()" style="font-family:verdana;font-size:8pt" name="select3" size="1">
<option value="Times New Roman" />Times New Roman
<option value="Arial" />Arial
<option selected value="Book Antiqua" />Book Antiqua
<option value="Bookman Old Style" />Bookman Old Style
<option value="Century Gothic" />Century Gothic
<option value="Comic Sans Ms" />Comic Sans Ms
<option value="Tahoma" />Tahoma

<option selected value="Trebuchet Ms"//>Trebuchet Ms
<option value="Verdana" />Verdana
</select>
<select onchange="go1()" style="font-family:verdana;font-size:8pt" name="select2" size="1">
<option value="8px" />8
<option value="9px" />9
<option value="10px" />10
<option value="11px" />11
<option selected value="12px" />12
<option value="14px" />14
<option value="16px" />16
<option value="18px" />18
</select></form><center></center></center>
</div>

<a href="http://Ascool23.blogspot.com/2011/12/cara-membuat-widget-ganti-font-di-blog.html" target="_blank"><blink>Get This Widget</blink></a></center>
READ MORE - cara membuat Daftar Pilihan tulisan

Thursday 22 December 2011

Cara Membuat Menu Horisontal padaBlog

Langsung Aja


Login ke Blog 


Layout --> Add New gadget --> HTML/JavaScript --> lalu masukkan Kode Dibawah Ini:


<div id='burasbar'>
<a href="#" class="burastabs">Home</a>
<a href="#" class="burastabs">About</a>
<a href="#" class="burastabs">Blog Tips</a>
<a href="#" class="burastabs">SEO Tips</a>
<a href="#" class="burastabs">Contact</a>
<a href="#" class="burastabs">Sitemap</a>
<a href="#" class="burastabs">Advertise</a>
</div>


keterangan:
Tanda # adalah link Nya..
READ MORE - Cara Membuat Menu Horisontal padaBlog

cara menambahkan Musik Ke dalam Blog

Pertama Cari lagu di http://divine-music.info/


Lalu pilih Lagu , Setelah Itu copy Code Yang ada Dibawah Judul Dan Nama Band Lagu Anda


lalu Layout --> Add new Widget --> HTML/JavaScript lalu Masukkan Kode Lagu tersebut 


dan Simpan 


Lihat Hasilnya...


Selamat Mencoba
READ MORE - cara menambahkan Musik Ke dalam Blog

Cara Membuat Kode Tuker Link

Langsung Saja,Masuk kedalam Add New Widget/Elemen baru pada Blog anda.Pertama,copy kode dibawah ini:


<a href="http://Ascool23.blogspot.com/" target="_blank" title="Pelajaran Blog Cara Membuat Form Link Exchange/Tukar Link."><img src="http://4.bp.blogspot.com/_n7xseT2-HDU/SexX_80mVsI/AAAAAAAAASk/SHTp-cL2Tq4/s200/Pelajaran+Blog.gif" border="0" alt="Pelajaran Blog Cara Membuat Form Link Exchange/Tukar Link."></a>


Keterangan:
’http://Ascool23.blogspot.com/’ ganti sesuai dengan alamat blog anda.
’http://4.bp.blogspot.com/_n7xseT2-HDU/SexX_80mVsI/AAAAAAAAASk/SHTp-cL2Tq4/s200/Pelajaran+Blog.gif’ gantilah dengan URL Image yang ingin ditampilkan.
’Pelajaran Blog Cara Membuat Form Link Exchange/Tukar Link.’ gantilah dengan Diskripsi Blog anda.
READ MORE - Cara Membuat Kode Tuker Link

Cara Membuat Kursor Menarik Jika Mengklik Link

Cara menggati Kursor Agar menjadi Menarik Jika Mengklik Link


Langsung Aja


Layout --> HTML/JavaScript 


Lalu masukkan kode Dibawah Ini


<style type="text/css">
HTML,BODY{cursor: url("URL GAMBAR ANDA"), default;}
</style><style type="text/css"> a:hover {cursor: url(http://cur.cursors-4u.net/anime/ani-11/ani1029.cur), progress;}</style>



Selmat Mencoba
READ MORE - Cara Membuat Kursor Menarik Jika Mengklik Link

Cara Membuat Followers Pada Blog

Langsung Aja


Login Blog Sobat 


Layout --> HTML/JavaScript


Masukkan Kode Dibawah Ini




<a href="javascript:showHideFL()" style="display:scroll;position: fixed; left:5px;center:5px;" title="Follow"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvFRa-HW3ZSACFNDRb4DT1V7zYWprzaEcvQDZ2ooMd7jznW0WmapZzFbBSqZI89TLNeqMvA18FKWeptKttXxC9QQdXrWXCIUak9IkJt9Op8iv44pqySbD7wCLlFFPXudG7wG6mIC7Cxzo1/" /></a>


Semoga Berhasil
READ MORE - Cara Membuat Followers Pada Blog

Cara Membuat Background pada Blog

Hal pertama yang harus dilakukan adalah mencari id dari tiap widget yang akan di isikan background, yang ada di sidebar, caranya, buka Blogger --> Design --> Edit HTML, kemudian cari kode :

  1. <div id='sidebar-wrapper'> ini untuk kode css template yang lama atau
  2. <b:section-contents id='sidebar-right-1'> dan kode sebelah ini untuk template baru yang sidebar-nya ada disebelah kanan, pada intinya cari kode yang hampir sama dengan kode tersebut, atau langsung cari kode dibawah.

Setelah ketemu kemudian coba lihat kode dibawahnya, dan cari kode yang dicetak 
tebal dibawah ini.

<b:widget id='Followers1' locked='false' title='Followers' type='Followers'/>
<b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'/>

Kode diatas merupakan beberapa kode widget yang biasanya selalu ada di sidebar untuk 
menampilkan widget Follower dan widget Archive.
Untuk melihat id widget diatas coba perhatikan kode yang diberi warna merah, nach kode itulah yang disebut id dari widget.

Untuk lebih memudahkan, saya hanya ambil dua widget saja sebagai contoh.

Setelah mengetahui ID dari tiap widget, tinggal dibuat kodenya.
#Followers1{
background: url('Url gambar')center;
}
#BlogArchive1 {
background: url('
Url gambar
')center;
}


Selanjutnya copy kode  diatas, dan paste-kan tepat diatas kode ]]></b:skin>

Simpan dan lihat hasilnya.

Note :


  1. Url Gambar ganti dengan url gambar anda
READ MORE - Cara Membuat Background pada Blog

Thumbails to Recent Posts Comment Count



1. Sign into Blogger dashboard


2. Go to Layout » Add a gadget » html/javascript

3. Just copy and paste this code..




<script language="JavaScript">

imgr = new Array();


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

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

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

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

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

boxwidth = 298;

cellspacing = 8;

borderColor = "#ffffff";

bgTD = "#000000";

thumbwidth = 40;

thumbheight = 40;

fntsize = 12;

acolor = "#666";

aBold = true;

icon = " ";

text = "comments";

showPostDate = false;

summaryPost = 40;

summaryFontsize = 10;

summaryColor = "#666";

icon2 = " ";

numposts = 5;

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

</script>

<script src="http://myblogtalk.com/bloggertemplates/js/recentposts_thumbnail.js" type="text/javascript"></script>



boxwidth - Lebar widget
cellspacing - Ruang antar sel (default adalah baik)
bordercolor - Perbatasan warna (menambahkan warna latar belakang template Anda untuk berbaur sempurna di template)
thumbwidth & thumbheight - Lebar dan Tinggi thumbnail (default yang baik)
fntsize - Ukuran font dari judul
acolor - Warna judul
aBold - Anda ingin judul berani? (true atau false)
numposts - Berapa banyak posting yang ingin anda tampilkan?
home_page: http://schemar-mag.blogspot.com/ (perubahan ini url blog Anda)
Script ini saat ini host di server saya (http://myblogtalk.com/bloggertemplates/js/recentposts_thumbnail.js).
Tapi, itu adalah SANGAT Direkomendasikan untuk men-download dan meng-upload script ke hosting sendiri (google untuk host javascripts gratis) dan mengganti url yang dengan Anda.
4. Terakhir namun tidak sedikit .. Simpan Perubahan.
READ MORE - Thumbails to Recent Posts Comment Count

Template by:

Free Blog Templates

Isi Buku Tamu Nya Ya
Jangan Lupa Follow And Like This yo