menganti icon blogspot

Postingan hari ini kita bahas mengenai cara mengganti icon blogger dengan gambar2 ataupun foto anda sendiri di addressbar seperti icon diblog saya yang cantik itu,,hehe,,sebelumnya anda harus membuat dulu image atau mengedit gambar yang sudah ada menjadi berukuran 24 x 24 pixel up to 32 x 32 pixel,kemudian silakan upload gambar tersebut di photobucket.com, kenapa harus upload kesana? karena untuk mendapatkan kode URL image kita, masih bingung ya,,ya udah ikuti langkah- langkah berikut aja ya,,


1. Pilih gambar yang akan anda masukkan dengan ukuran yang saya sebutkan diatas
2. Silakan upload gambarnya diphotobucket.com, jika belum terdaftar di photobucket.com silakan register disini
3.Setelah login silakan upload gambarnya di menu Upload File & Video dengan pilih tombol choose file
4.Setelah selesai upload akan muncul gambar anda dan ambil kode URL gambar anda seperti contoh kode URL image saya

5.Untuk memasukkan ke blog anda silakan kembali ke Dasboard blogger anda,silakan ke menu Layout->Edit HTML->jangan lupa klik Expand Widget kemudian temukan kode berikut

</head>

6. Setelah itu letakkan kode dibawah ini sebelum kode diatas

<link href='http://i383.photobucket.com/albums/oo276/0512_photo/enny-1.jpg' rel='SHORTCUT ICON'/>
silakan ganti kode yang berwarna merah dengan URL gambar yang anda dapatkan di photobucket.com tadi

7.Kemudian Save Setting,,Selesai,,

Read more »

Posted in: Bloger,Tips dan Trick

membuat menu horisontal

Pagi kwan gmana nie kabarnya semakin hari smakin baek keren aja nie heheheh eh iya kawan postingan kali ini akan aq bahas gmana sih membuat menu horisontal kyak apa tuh

yuk mari .....

la kurang lebih kyak itu dech
langsung saja ya kwan

Login ke account blogger, Pilih Tata Letak >> Edit HTML >> centang "Expand Template Widget".

Perhatian : Sebelum melakukan edit template, sebaiknya simpan dulu template asli anda dengan meng-klik tulisan Download Template Lengkap. Kemudian simpan dalam harddisk atau media penyimpanan lainnya, tujuannya adalah jika terjadi hal-hal yang tidak diinginkan kamu sudah memiliki back-up untuk mengembalikan template seperti semula.

Cari Kode kode ]]></b:skin> dan Copy-Paste (copas) kode berikut di atasnya.

Tips : Kalau susah mencarinya, coba tekan tombol F3 di keyboard. Maka akan muncul menu toolbar pencarian di bawah browser (Firefox), sehingga kamu tinggal memasukkan kata yang ingin dicari.

/* navbar
================== */

#bg_nav {
background: #ffffff;
width: 850px;
height: 29px;
font-size: 11px;
font-family: Arial, Tahoma, Verdana;
color: #000000;
font-weight: bold;
margin: 0px auto 0px;
padding: 0px;
border-top: 1px solid #000000;
border-bottom: 1px solid #ffffff;
overflow: hidden;
}
#bg_nav a, #bg_nav a:visited {
color: #000000;
font-size: 11px;
text-decoration: none;
text-transform: uppercase;
padding: 0px 0px 0px 3px;
}

#bg_nav a:hover {
color: #000000;
text-decoration: underline;
padding: 0px 0px 0px 3px;
}

#navleft {
width: 500px;
float: left;
margin: 0px;
padding: 0px;
}
#navright {
width: 220px;
font-size: 11px;
float: right;
margin: 0px;
padding: 3px 5px 0px 0px;
}
#navright a img {
border: none;
margin: 0px;
padding: 3px 5px 0px 0px;
}

#nav {
margin: 0px;
padding: 0px;
list-style: none;
}
#nav ul {
margin: 0px;
padding: 0px;
list-style: none;
}

#nav a, #nav a:visited {
background: #ffffff;
color: #000000;
display: block;
font-weight: bold;
margin: 0px;
padding: 8px 15px 8px 15px;
border-left: 1px solid #ffffff;
}
#nav a:hover {
background: #c06000;
color: #000000;
margin: 0px;
padding: 8px 15px 8px 15px;
text-decoration: none;
}

#nav li {
float: left;
margin: 0px;
padding: 0px;
}
#nav li li {
float: left;
margin: 0px;
padding: 0px;
width: 150px;
}
#nav li li a, #nav li li a:link, #nav li li a:visited {
background: #ffffff;
width: 160px;
float: none;
margin: 0px;
padding: 7px 30px 7px 10px;
border-bottom: 1px solid #ffffff;
border-left: 1px solid #ffffff;
border-right: 1px solid #ffffff;
}
#nav li li a:hover, #nav li li a:active {
background: #c06000;
padding: 7px 30px 7px 10px;
}

#nav li ul {
position: absolute;
width: 10em;
left: -999em;
}

#nav li:hover ul {
left: auto;
display: block;
}
#nav li:hover ul, #nav li.sfhover ul {
left: auto;
}

Catatan :
Agar menu horizontal sesuai dengan template blog, kamu perlu mengganti kode-kode yang berwarna biru dan merah. Khusus untuk kode yang berwarna biru, sangat penting disesuaikan dengan lebar blog kamu. Untuk kode pewarnaan, kamu bisa melihat kode warnanya disini.

Kemudian cari kembali kode seperti di bawah ini.

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

... dan seterusnya ...

</b:section>
</div>

Copas kode berikut tepat di bawah kode yang berwarna biru atau berwarna merah (sesuaikan dengan template blog kamu).

<div id='bg_nav'>

<div id='navleft'>
<div id='nav'>
<ul>
<li><a href='http://Alamat_Blog_Kamu.blogspot.com/'>home</a></li>
<li><a href='http://Link_yang_dituju'>Add Link</a></li>
<li><a href='http://Link_yang_dituju'>Add Link&amp;lt;/a></li>
<li><a href='http://Link_yang_dituju'>Add Link&amp;lt;/a></li>
<li><a href='http://Link_yang_dituju'>Add Link&amp;lt;/a></li>
</ul>
</div>
</div>

<div id='navright'>

kemudian simpan templete dan lihat hasilnya

Read more »

Posted in: Bloger

cara menambah animasi jam pada blogspot

selamat pagi kwan.. eh jam sgini kok di bilang masih pagi heheh
eh ya gmana kbar kwan baik baik kan.... kwan dalam kehidupan sehari hari pasti kwan membutuhkan jam nth itu jam tanggan atau jam dinding pokok nya setiap hari pasti butuh deh cz na da yang bilang waktu adalah uang dan sebagainya iya kan kwan ....

o ya klo terus bagi kwan yang hobinya ngeblog gmana trus mau negok ke depan bwat liat jam males mana ngak punya jam tanggan lagi di kompi jam nya terlalu kecil ngak usah binggung lagi sekarang pasang aja widged jam di blog kwan banyak seklai pilahan nya di sampng bsa buat memepercantik blog kwan juga bsa buat ngelihat jam sekarang..... key bgini nie caranya

kwan masuk saja di sini
terus pilih jenis gadged jam yang kwan inginkan banyak pilihan di sana
kemudian lihat kode HTML dan kopas ke blog kwan dengan menambah gadged HTML
simpan perubahan dan kwan bsa lihat hasil di blog kwan...

selamat mencoba smoga berhasil....... ^^

Read more »

Posted in: Bloger

membuat ling berwarna pelangi

alo sobat aku pernah liat dari blog kwan yang pas aku arahkan kursor ke link nya berubah warna nya seperti pelangi gtu,..... kemudian akutertarik buat mncobanya aku cari bagaimana tu cara supaya bisa kyak gtu dan akhirnya cranya sangatlah mudah

hmm gmana ada dari kwan yang trtarik ngak nie..... ayo ayo kita belajar bersama
mungkin dari kwan ada yg sudah ngerti caranya kali ya ..
klo dah ngerti diem ja ya ..... aku kan lagi blajar hehehehehhe

ok persiapan sudah matang tinggal dijalanin sekarng

1. login ke akun blog kwan
   
2. kemudian seperti biasa kwan tataletak dan pilih tab edit HTML
   
3. kemudian kwan cari kode <head> pada blog kwan
   
4. kalau sudah ketemu masukan kode dibawah ini
   

<script src='http://achmad46.googlepages.com/rainbow.js'>
</script>

kalau sudah sekarang kwan tingal klik save dan bisa di lihat hasil nya link nya akan berubah ubah warna ... hehehhehehe

gmana gmpang sekali kan ya dah aq krang juga mu praktekin dlu ah.......

Read more »

Posted in: Bloger

Cara Posting kode HTML

Pa kabar sobat...
aq punya sedikit cerita nie .. gnie dlue aq pernah kebingungan saat aq harus memostingkan kode HTML setiap aq tulis langsung kode HTML tersebut ternyata setelah di lihat di blog ngak kelihatan tulisan HTML nya ya pada saat itu aq masih awam ngak tau aq sempat kbingungan gmna aq bisa mostingnya nie setelah beberapa lama kemudian aq nyari artikel di Om google dan aq menemukan caranya eh ngak taunya kode html nya harus di parce dulue heheheh trus bagaimana cara parce kode tersebut aq nyari lagi dan ada beberapa alamat yang menyediakan fasilitas tersebut

heheh itu sedikit pengalaman aq eh kalian mau tau ngak alamat alamat nya nie ada di bwah ini

- Centricle

- Blogcrowds

- Eblogtemplates

- Accesify

la cara nya kalian kopas ke dalam kotak yg telah tersedia dari alamat tersebut dan klik parce maka akan muncul kode lain dan kode tersebutlah yang nantinya akan kita taruh di postingan kita ....... :)

gmana gampang banget kan.... key sekarang anda bisa mencobanya ...... moga berhasil

Read more »

Posted in: Bloger

Cara membuat red more pada blog

malem ini lagi hujan........ eh gerimis (tau ah pokok nya ada air yang jatuh dari atas ) enak ya kalau dalam kondisi begini nyantai bil di temenin secangkir kopi, cemilan, full musik apalagi kalau lampu nya mati hihihi ........ (kalau lampu mati ya gak bisa ngeblog dung) eh ya ya........
o ya sobat apakah sobat baru punya blog atau masih bingung ngeblog wah sama dung akau juga baru nie heheh eh ya aku dapet trik dari bloger lain nie dan mau aku shere di sini gppa kan ya cara membuat red more apa itu red more klo dalam bahasa indonesia artinya baca selengkapanya jadi setiap postingan kita ngak di tampilkan di halaman awal sepenuh nya kita bisa membatasi sampai kalimat mana yang tertampil di halaman awal blog kita .... gmana sekarang dah mengerti kan.......

kalau begitu langsung kita mulai saja ya
ok yang pertama sobat harus login ke akun sobat dulu
terus pilih pengaturan dan klik format
pada kotak kosong bagian bawah isi kan dengan kode di bawah ini
<span class="fullpost">


</span>
klik simpan pengaturan

Pemasangan kode ini di maksudkan agar pada saat posting artikel, kode tersebut langsung muncul tanpa harus menuliskan terlebih dahulu, jadi membantu kita agar tidak harus selalu mengingat kode tersebut.

kalu sudah seperti biasa sobat masuk ke tata letak dan edit HTML
sesudah dari sini sobat cari kode pada

<data:post.body/>

sesudah itu kamu gantikan kode tersebut dengan kode di bawah ini

<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
<p><data:post.body/>
<a expr:href='data:post.url'>
<strong>Selengkapnya...</strong></a></p>
</b:if>

setelah itu klik simpan templete selesai

cara mengirim kan posting

klik menu posting
edit HTML maka secara otomatis akan nampakkode yang telah kita masuk kan tadi yakni
<span class="fullpost">

tuliskan artikel yang akan kita nampak kan di hlaman utama sesudah kode di atas dan sebelum kode
</span>

kemudian klik mempublikasikan posting
dan lihat hasil nya

met mencoba ....

Read more »

Posted in: Bloger