Beranda > Tutorial > Cara Membuat Big Social Bookmark Di Blogspot

Cara Membuat Big Social Bookmark Di Blogspot

Cara Membuat Big Social Bookmark Di Blogspot

Blog anda mungkin kurang traffic, ini salah satu akibat anda tidak mensubmit artikel anda ke social bookmark. Sekarang anda tidak perlu khawatir, setiap akhir postingan anda akan ada sebuah Big Social Bookmark yang akan selalu mengingatkan anda untuk mensubmit artikel anda ke social bookmark. Selain itu big social bookmark juga akan mempercantik tampilan postingan blog anda. Kalian belum pernah mellihat BigsocialBookmarK? Berikut ini gambarnya bisa anada lihat di akhir postingan ini yang ada gambar google,fcebook,dan twitter

Big Social Bokkmark

Sebenarnya ada beberapa macam desain social bookmark,ada yang Cuma share this posts,ada sexy social bookmark,dan yang lagi kita bahas ini Big social bookmark. Ok sekarang kita berfokus dahulu pada big social bookmark,untuk sexy social bookmark,dan share this posts akan saya bahas di lain waktu. Siapkan diri kalian untuk menyimak tutorial Membuat Big social bookmaark ini.

1. Log-in ke akun blogger mu
2. Klik layout >> edit HTML
3. Cari Kode ]]>
4. Setelah masukin kode berikut diatas kode ]]>

div.sociable { margin: 16px 0;}

span.sociable_tagline { position: relative; }
span.sociable_tagline span { display: none; width: 14em; }
span.sociable_tagline:hover span {
position: absolute;
display: block;
top: -5em;
background: #ffe;
border: 1px solid #ccc;
color: black;
line-height: 1.25em;
}
.sociable span {
display: block;
}
.sociable ul {
display: inline;
margin: 0 !important;
padding: 0 !important;
}
.sociable ul li {
background: #f5f5f5;
display: inline !important;
list-style-type: none;
margin: 0;
padding: 2px;
}
.sociable ul li:before { content: “”; }
.sociable img {
float: none;

border: 0;
margin: 0;
padding: 0;
}

.sociable-hovers {
opacity: 0.4;
-moz-opacity: 0.4;
filter: alpha(opacity=40);
}
.sociable-hovers:hover {
opacity: 1;
-moz-opacity: 1;
filter: alpha(opacity=100);
}

5. Setelah itu save dahulu template tersebut
6. Lalu click/centang “expand template widget”
7. Cari Kode

kalau blog kamu sudah memakai readmore, maka ada dua kode tersebut.
maka pilih kode yang kedua biar tidak tampak pada halaman utama.
8. setelah ketemu kamu masukkan kode HTML berikut dibawah kode diatas (atau setelah tag )

Bola Lover
  • Digg
  • del.icio.us
  • Facebook
  • Google
  • StumbleUpon
  • Technorati
  • TwitThis

9. Tutorial ini adalah bagian dari halaman posting,sehingga kamu tidak bisa meriview hasil kerja kamu.
10. Sebaiknya kamu edit terlebih dahulu,jika ada kesalahan atau error segera perbaiki
11. Setelah oke,segera lihat halaman posting kamu di bagian bawahnya,pasti ada tombol tombol social networking yang begitu gede.
12. Ini berarti bahwa anda sudah berhasi membuat Big Social Bookmark

Kategori:Tutorial
  1. 24 Maret 2011 pukul 09:38

    Gimana supaya tampilannya horizon aja bro dan ukurannya bisa dikurangi dikit? tks ya buat infonya

  1. No trackbacks yet.

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s

%d blogger menyukai ini: