Tampilan Baru Follower (Google Friend Connect)

Ternyata blogger melakukan update terhadap follower karena beberapa hari yang lalu follower saya berkurang jumlahnya dan sekarang blogger memakai tampilan baru follower yaitu memakai fasilitas Google Friend Connect.




Google Friend Connect memiliki kelebihan fasilitas daripada yang sebelumnya yaitu:

# Sign in dengan Google, Yahoo, AIM atau openid account.
# Berinteraksi dengan pengunjung lainnya dengan membuat teman-teman, berbagi media, posting komentar, permainan, dan banyak lagi.
# Mengundang teman-teman dari jaringan sosial lainnya dan daftar kontak untuk bergabung dengan situs atau blog Anda.

rekan-rekan yang belum tau cara membuat tampilan follower baru ini, monggo ikuti langkah-langkah berikut:

1. silahkan kunjungi http://www.google.com/friendconnect/
2. klik tombol biru "set up new site"
3. Klik continue-->muncul halaman "Tell us about your site"silahkan isi site name and home URL(URL blog anda)
4.muncul halaman "Add the following files to your site" silahkan download filenya
5.kemudian continue-->Test Your Setup-->klik tombol "test to finalize setup"
6.Muncul halaman "Add a Members gadget to your site" kemudian klik "Get code for the Member Gadget"
7.muncul halaman "Set up the Members gadget" silahkan edit ukuran dan warna gadget yang ada inginkan
8.Copy paste kode gadget ke website atau blog anda
Biasanya tanpa anda copy paste kode HTML nya Follower anda otomatis sudah diupdate ke tampilan yang baru setelah anda klik "test to finalize setup"
Selesai..

Selamat menggunakan follower baru ya dan perluas friend connection anda bersama tampilan baru follower Friend Connect...

Pasang Facebook Profile di Blog

Facebook seperti yang sudah anda kenal merupakan media yang bisa menghubungkan anda dengan banyak orang diseluruh dunia selain friendster yang kita kenal sebelumnya,widget profile Facebook seperti diatas bisa anda pasang diblog anda untuk mengajak pengunjung anda mengenal lebih jauh anda, untuk pasang widgetnya silahkan ikuti langkah-langkah berikut:

1. Login ke facebook anda
2. Klik menu Profile
3. Lihat pada bagian kiri bawah klik "create a Profile Badge"
4. klik tulisan create badge
5. kemudian akan muncul halaman yang berisi:
--> layout : silahkan pilih vertikal atau horizontal tergantung space pada blog anda
--> Image : Javascript untuk aplikasi blogspot dan image untuk semua blog
--> Items : Silahkan pilih item yang akan anda masukkan ke widget profile facebook and
--> Kemudian Save

6. Kemudian akan muncul kode scriptnya, silahkan dicpy paste ke element halaman blog anda dengan cara seperti biasa Layout-->Add Gadget-->Javascript/HTML-->Save

sekarang anda bisa memperluas jaringan anda bersama facebook dan blog anda,,

Selamat mencoba ya dan semoga berhasil!!!

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

Menampilkan Gambar di Judul Postingan

Image dalam judul postingan sedikit membuat tampilan blog kita lebih menarik dan lebih cantik nah untuk membuat gambar atau image tampil dijudul postingan seperti pada screenshoot pada blog saya dibawah ini silakan ikuti langkah-langkah berikut ini:

1. langkah pertama adalah membuat image yang anda inginkan atau bisa juga ambil image yang sudah ada
2. Upload gambar tersebut di photobucket.com untuk mendapatkan URL image anda bagi yang belum tahu cara uploadnya silakan lihat kembali postingan saya sebelumnya tentang upload fhotobucket.com
3. anda akan mendapatkan URL image anda seperti contoh URL image saya

http://i383.photobucket.com/albums/oo276/0512_photo/images.jpg

4.setelah itu buat kode berikut

<img src="http://i383.photobucket.com/albums/oo276/0512_photo/images.jpg" width="45" hight="45" border="0"></img>

angka "45" merupakan ukuran image anda, silakan ganti angka tersebut sesuai keinginan anda

Untuk memasukkan image ke judul postingan silakan ikuti langkah-langkah sebagai berikut:

1.Menu Layout-->Edit HTML-->jangan lupa klik "Expand Widget Templates"

2.silakan anda cari kode dibawah ini

<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>

3. kemudian sisipkan kode yang kita buat sebelumnya (kode pada no.4) menggantikan kata sisipkan kode

<a expr:href='data:post.url'> sisipkan kode <data:post.title/></a>
<b:else/>

4.Save Template

5. Silakan View Blog

Selamat Mencoba dan semoga berhasil!!!

Membuat Mybloglog Versi Lama

Jika kita daftar ke mybloglog maka kita akan mendapatkan widget kotak mybloglog seperti di bawah ini yang merupakan versi baru

para pengguna blogger ternyata masih banyak yang suka model kotak mybloglog yang versi lama seperti contoh pada kotak mybloglog blog saya


untuk membuatnya silakan ganti Kode HTML anda dengan kode dibawah ini:

<script src="http://pub.mybloglog.com/comm2.php?mblID=ID_MBL&amp;c_width=330&amp;c_sn_opt=n&amp;c_rows=2&amp;c_img_size=h&amp;c_heading_text=&amp;c_color_heading_bg=eeeddf&amp;c_color_heading=111&amp;c_color_link_bg=eeeddf&amp;c_color_link=c13a10&amp;c_color_bottom_bg=ffffff" type="text/javascript"></script>

hasilnya akan seperti ini



Silakan ganti ID_MBL diatas dengan ID_MBL anda,,

Silakan mencoba dan semoga berhasil!!!

Mengganti Icon Blogger

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

http://i383.photobucket.com/albums/oo276/0512_photo/enny-1.jpg

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

Silakan lihat blog anda apakah iconnya sudah berubah dengan ganbar anda,,Semoga berhasil!!!

Membuat kotak Blogroll

Kotak Blogroll dipasang apabila link yang ada diblog anda sudah kebanyakan misalnya link friend atau link iklan sehingga jika tampil semua akan memakan blog area yang banyak, tetapi dengan memasang kotak Blogroll dengan area yang sempit bisa masuk jauh lebih banyak link, untuk membuat kotak blogroll ada 2 macam yaitu

1. Kotak Blogroll Text Area

Kotak Blogroll Text area biasanya digunakan untuk pasang link frind anda atau link postingan anda, Kotak Blogroll ini sudah saya posting sebelumnya di judul postingan Membuat Scroll Element Halaman

2.Kotak Blogroll Marquee

Kotak Blogroll Marquee biasanya dipasang untuk link2 iklan, related link contohnya pada iklan berjalan saya di bagian atas halaman posting
untuk membuat Blogroll marquee silakan copy kode dibawah ini

<MARQUEE align="center" direction="up" height="100" scrollamount= "2" onmouseover='this.stop()' onmouseout='this.start()' width="95%" >

#link1 <br />
#link2 <br />
#link3 <br />
#link..<br />

</marquee>

Kode "up" itu berati arah bergeraknya, anda bisa menggantinya dengan down, left, right
Jikaingin bergerak secara horizontal left atau right maka hilangkan kode <br />.
Nilai"100" menunjukkan tinggi dari kotak blogroll kamu. Semakin tinggi angkanya maka semakin tinggi pula ukuran kotak blogroll anda
Scroolamount "2" adalah kecepatan link anda berjalan, semakin tinggi angkanya semakin cepat pergerakannya

GOOD LUCK!!!

Berapa Harga Blog mu??

Pertama saya tau klo blog itu ada harganya, saya bertanya-tanya apa benar trus klo ada harganya berapa ya harganya blog saya hehe,,nah pasti anda juga penasaran kan, Mau tau harga blog mu berapa dollar? saya mau berbagi contekan link nih dimana anda tinggal memasukkan saja alamat blog anda dan lihat

berapa harga blog anda, silakan klik dibawah ini untuk daftar dan lihat harga blog anda:

1. HOW MUCH IS YOUR BLOG WORTH?

2. DAFTAR

My blog is worth $10,726.26.
How much is your blog worth?

untuk pasang tool nya diblog anda seperti contoh diatas silakan copy paste kode HTML nya di blog anda, taukan cara nya klo belum tau saya kasih tau lagi ya Layout->Page Element->Add gadget->HTML/Javascript->insert kode HTMLnya ->Save Setting->selesai

Selamat melihat harga blog anda,,,

Membuat Link Exchange (Banner Blog)

Link Exchange adalah media untuk tukaran link website atau blog anda dengan memasang banner yang kita design sendiri dan meletakkan pada blog kita beserta kode scriptnya supaya bisa dicopy oleh pengunjung yang ingin tukeran link dgn anda sebagai contoh banner blog saya seperti ini

Cara untuk membuat link exchange sebagai berikut:

1. Silakan buat banner anda secara free disini
2. Silakan pilih logo anda atau banner anda dan silakan edit logo anda sesuai keinginan anda
3. kemudian klik render logo
4. Klik Get HTML code
5. Silakan register jika anda belum mempunyai account dan login jika anda sudah mempunyai account
6. Silakan copy kode anda ke halaman lain dahulu
7. Sign ini ke blog anda Layout->Add Gadget->HTML/Javascript-->Copy kode dibawah ini

<textarea name="textarea" cols="30"><a href="http://wartoberita.blogspot.com"><img src="http://images.cooltext.com/329956.jpg" width="110" height="25" alt="Tutorial Blogger" /></a></textarea>

8. Silakan ganti angka yang berwarna merah yaitu ukuran lebar dari kolom text exchange anda
9. Ganti alamat yang berwarna biru dengan alamat blog anda
10. Ganti kode yang berwarna hijau dgn kode2 yang ada di kode yang anda dapat dari cooltext.com tadi
11. Save setting
12. Hasilnya akan seperti kotak dan jika anda ingin menambahkan gambarnya silakan copy kode2 yang ada dalam kotak tersebut dan letakkan di tempat yang anda inginkan atau bisa juga dikcopy diatas kotak tadi seperti link exchange saya

Selamat Mencoba!!!

Membuat Kalimat Kelap-Kelip

Dalam Suatu blog kita sering lihat kaya atau kalimat kelap-kelip biasanya itu digunakan supaya pengunjung lebih fokus untuk melihat kalimat tersebut,

untuk membuatnya kita tinggal menambah kan kode HTMLnya saja
Contohnya untuk membuat seperti ini

"cara membuat kalimat kelap-kelip"

maka kode HTMLnya menjadi

<blink>"cara membuat kalimat kelap-kelip"</blink>

Mudah bukan!!!