Cara membuat dan memasang Favicon Blog

Bagi anda yang masih bingung apa sih Favicon itu? Favicon (favourite icon) adalah icon kecil yang berada di samping alamat blog atau website anda. Apabila anda membuat blog di Blogger.com alias blogspot, maka favicon yang berada di samping alamat URL anda adalah berupa favicon blogger. Berikut screenshot favicon blog dan favicon punya saya:

Favicon blog saya

 Favicon default

 Apakah favicon tersebut bisa di ganti dengan favicon milik anda? jawabannya adalah bisa. Berikut adalah contoh favicon blogger yang sudah di ganti :

Untuk mengganti favicon tersebut, anda bisa melakukan langkah-langkah seperti berikut :

1. Pertama buatlah sebuah gambar anda bisa membuatnya di photoshop,corel draw dll.yang akan di jadikan sebagai favicon

2. Setelah itu anda harus mengubah gambar tersebut kedalam bentuk gambar icon. Untuk hal tersebut, anda bisa menggunakan tool Favicon Generator, silahkan kunjungi situs

http://www.favicongenerator.com

3. Klik pada tombol Browse...

4. Masukan gambar yang tadi dibuat untuk di ubah menjadi format icon

5. Klik pada tombol Generate Favicon.

6. Setelah proses selesai, klik pada Click Here to Download your favicon.

7. Save ke komputer anda.

8. Langkah selanjutnya adalah anda harus mengupload Favicon yang tadi ke tempat hosting gambar, contoh adalah ke Yahoo! Geocities. Sekarang saya asumsikan bahwa anda sudah mempunyai alamat URL dari favicon anda. sebagai contoh, saya mempunyai sebuah alamat URL seperti ini : 

http://www.geocities.com/amn_tea/favicon.ico

8. Anda harus mengubah alamat URL favicon anda menjadi seperti ini :

<link rel="shortcut icon" href="http://www.geocities.com/amn_tea/favicon.ico"/>

9. Langkah selanjutnya adalah silahkan login ke blogger dengan ID anda.

10. Klik pada Tata Letak.

11. Klik Edit HTML.

12. Silahkan cari kode </head> .

13. Simpan kode favicon yang tadi persis di atas kode </head> . Contoh :

<link rel="shortcut icon" href="http://www.geocities.com/amn_tea/favicon.ico"/>                      </head>

14. Klik tombol Simpan Template.

15. Selesai. Sekarang anda sudah mempunyai favicon di alamat URL blog anda.

Catatan : Bagi anda yang masih menggunakan browser IE6, favicon anda tidak akan langsung terlihat, coba di bookmark dulu alamatnya. Berbeda jika anda menggunakan browser firefox, opera dan yang lainnya, favicon anda sudah langsung dapat di lihat.

sekian tutorial ini ,semoga bermanfaat bagi pembaca label tutorial blog.Terima kasih telah

Read More

Membuka link baru apabila gambar di klik

Salam Pembaca Blog di label tutorial blog ,Apabila kita sedang mengupload gambar menggunakan tool yang telah tersedia oleh blogger.com, secara default gambar tersebut akan dibuka pada halaman yang sama.

Alangkah baiknya jika gambar tersebut menuju ketempat yang semestinya, tetapi kurang bagus apabila seorang blogger ingin menuju ke tempat yang. karena apabila membuka pada halaman yang sama, pengunjung terpaksa menekan tombol back untuk kembali kepada blog asal.

Tutorial ini akan menerangkan bagaimana untuk menjadikan gambar yang mempunyai link akan dibuka pada tab yang baru apabila diklik.

Perhatikan kedua - dua gambar ini, silahkan klik pada keduanya.

1) Gambar 1

2) Gambar 2


Gambar pertama tidak memberi efek apa-apa, tetapi gambar kedua membawa anda ke yahoo.com (memang sengaja di'link'kan kepada yahoo).

Tutorialnya sangat mudah,ikuti langkah berikut :

<a href="Letakkan link untuk dibuka disini" target="_blank" ><img src="Letakkan url gambar disini"/></a>

Sebagai contoh, untuk kode gambar kedua adalah seperti ini

<a href="http://www.yahoo.com" target="_blank" ><img src="http://www.google.com.my/intl/en_com/images/logo_plain.png"/></a>

Keterangan:

1. Untuk gambar kedua, link akan membuka tab baru. Jika anda ingin link membuka pada halaman yang sama, hapus kode target="_blank"
2. Cara lain untuk membuka link dalam halaman yang sama bias menggunakan aplikasi upload gambar dan letak link yang ada jika ingin membuat sebuah postingan baru.

sekian tutorial ini ,semoga bermanfaat bagi pembaca label tutorial blog.Terima kasih telah membaca.

Read More

Kode Warna

Kode warna :

Read More

Membuat Menu Multi Kolom

Membuat menu multi kolom disini maksudnya membuat lebih dari satu menu dalam satu kolom, ini berguna sekali untuk menghemat space blog anda yang sudah memiliki menu yang banyak seperti pada contoh screenshot berikut:




Langkah-langkah untuk membuat menu multi kolom silahkah ikuti seperti dibawah ini:
1. Login ke blogger anda
2. Layout-->Edit HTML
3. Kemudian cari kode ]]></b:skin>
4. Masukan kode dibawah ini sebelum kode diatas

div.TabView div.Tabs
{
height: 24px;
overflow: hidden;
}
div.TabView div.Tabs a
{
float: left;
display: block;
width: 90px; text-align: center;
height: 24px;
padding-top: 3px;
vertical-align: middle;
border: 1px solid #000;
border-bottom-width: 0;
text-decoration: none;
font-family: "Times New Roman", Serif;
font-weight: 900;
color: #000;
}
div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active
{
background-color: #FF9900;
}
div.TabView div.Pages
{
clear: both;
border: 1px solid #6E6E6E;
overflow: hidden;
background-color: #FF9900;
}
div.TabView div.Pages div.Page
{
height: 100%;
padding: 0px;
overflow: hidden;
}
div.TabView div.Pages div.Page div.Pad
{
padding: 3px 5px;
}

Keterangan :

- Angka yang berwarna merah-->lebar kotak menu utama
- Angka yang berwarna biru--> tinggi kotak menu utama
- Kode yang berwarna hijau--> warna border menu utama
- Kode yang berwarna ungu-->warna Font menu utama
- Kode yang berwarna abu-abu-->Warna background menu utama
- Kode yang berwarna kuning-->Warna border kotak utama
- Kode yang berwana orange-->warna background kotak utama

Untuk mengetahui kode-kode warna silahkan klik disini

5. Silahkan masukkan kode dibawah ini sebelum kode </head>

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

6. Kemudian Save

Kemudian ke menu Layout-->Page Elements-->pilih Add Gadget yang akan kamu tempatkan menu multi kolom ini-->HTML/Javascript

Silahkan masukkan script menu multi kolom dibawah ini:

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

<div class="Page">
<div class="Pad">
Link 1 di menu 1 <br />
Link 2 di menu 1 <br />
Link 3 d1 menu 1 <br />
</div>
</div>

<div class="Page">
<div class="Pad">
Link 1 di menu 2 <br />
Link 2 di menu 2 <br />
Link 3 d1 menu 2 <br />
</div>
</div>

<div class="Page">
<div class="Pad">
Link 1 di menu 3 <br />
Link 2 di menu 3 <br />
Link 3 d1 menu 3 <br />
</div>
</div>

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

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

Keterangan
- kode yang berwarna hijau adalah title menu anda
- kode yang berwarna biru adalah lebar dan tinggi menu multi kolom
- kode yang berwarna merah adalah isi dari menu anda

Silahkan dicoba,,semoga berhasil!!!

Read More

Pasang Icon Yahoo Messenger

Untuk membuat simbol Yahoo Messenger di blogger yang menunjukkan status anda dan pengunjung bisa langsung chat dgn anda, langkah-langkahnya adalah sebagai berikut:
1. Langka Pertama masuk klik Layout
2. Klik edit HTML
3. Kemudian add widget
4. Pilih edit HTML menu
5. Silahkan copy salah satu kode berikut

a.Contoh 1

<a href="ymsgr:sendIM?eni_12may"><img src="http://opi.yahoo.com/online?u=yono_pati&m=g&t=0 border="0 /> </a>

b.Contoh 2

<a href="ymsgr:sendIM?eni_12may"><img border="0" src="http://opi.yahoo.com/online?u=eni_12may&m=g&t=2"/></a>

c.Contoh 3

<a href="ymsgr:sendIM?eni_12may"><img src="http://opi.yahoo.com/online?u=yono_pati&m=g&t=2 border="0 /> </a><br />

6.Kemudian silakan ganti ID eni_12may dengan ID anda
6. save setting
Selesai selamat mencoba!!GOOD LUCK

Read More

Enam Perangkat Baru Berbasis Aliyun OS Melenggang Di Pasaran Cina

Aliyun OS atau yang lebih dikenal sebagai Ali Cloud OS dalam versi bahasa Inggrisnya adalah sebuah platform distribusi Linux yang dirancang untuk smartphone. Platform ini sendiri dikembangkan oleh AliCloud yang notabene merupakan salah satu anak perusahaan Alibaba Group yang berbasis di Cina.

Sejalan dengan perkembangannya sejak dari tahun 2011, sistem operasi ini telah menyedot perhatian para produsen di Cina saat ini. Dan bahkan sebagai tindak lanjut dari hal itu, baru-baru ini kabarnya telah hadir enam perangkat baru berbasis Aliyun OS sekaligus yang melenggang di pasarkan Cina saat ini. Selain Zopo yang memiliki dua perangkat baru, sisanya berasal dari G’Five, Konka, Amoi dan Small Chili.

Perangkat high end pertama yaitu Zopo Black, yang dibekali oleh fitur layar sentuh 5 inci dengan dukungan resolusi 1080p FHD, processor Quad Core MediaTek MT6589 1.2GHz, RAM 1GB, ROM 4GB, kamera belakang 5MP, kamera depan 1.3MP dan baterai 2000mAh. Sedangkan perangkat kedua adalah Zopo White dengan keberadaan asupan fitur layar sentuh 5 inci HD 720p, kamera belakang 8MP, kamera depan 2MP dan selebihnya serupa seperti Zopo Black.

Perangkat ketiga adalah G’Five Big 7 yang dibekali layar sentuh 5,7 inci HD 720p, processor quad-core MediaTek MT6589 1.2GHz dan baterai 2500mAh. Sedangkan perangkat keempat dan kelima, masing-masing adalah Amoi Big Ka (yang dibekali layar sentuh 4,5 inci, processor quad-core MediaTek MT6589, kamera belakang 8MP dan kamera depan 3MP) dan Konka KOMI V1 (yang memiliki tampilan layar yang mirip dengan Big Amoi Ka tetapi dengan processor Dual Core MediaTek MT6517T). Dan tak hanya itu, untuk perangkat keenamnya yang bernama Small Chili M1Y juga telah didukung oleh processor Snapdragon MSM8225Q.

Semua perangkat yang telah disebutkan barusan ternyata kini telah dipasarkan di Cina dengan kisaran harga antara 899 RMB (1,4 juta rupiah) s/d 1.999 RMB (3,1 jutaan rupiah) per unitnya.

Read More