Info

Membuat Banner pada Widget

Fitur dari template iklan 125×125 buka-rahasia.blogspot.com:
• Fleksibel, susunan yg tampil sesuai dengan lebar widget.
• Efek Border radius.
• Efek Transparan/Opacity ketika gambar di-hover.
• Gampang di edit guna memasang gambar iklan & link.
• Update (28-01-2012, 19.03 WIB): Dengan menghilangkan width serta height, template space iklan ini sekarang bisa digunakan untuk berbagai jenis ukuran banner iklan, 125×125, 300×250, 468×60, dst. Gunakan gambar sesuai dengan ukuran yg diinginkan maka widget space iklan akan muncul sesuai dengan ukuran tersebut.
Cara Memasang Kotak Space Banner Iklan di Widget Blog:
1. Masuk ke dashboard > template/design
#bukarahasiaads {margin:0px;padding:0px;text-align:center}
#bukarahasiaads img {margin:1px 1px;text-align:center;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;-webkit-box-shadow: 1px 2px 1px #ccc;-moz-box-shadow: 1px 2px 1px #ccc;box-shadow: 1px 2px 1px #ccc;}
#bukarahasiaads img:hover {-moz-opacity: 0.7;opacity: 0.7;filter:alpha(opacity=70);}
Ganti nilai pada margin:1px 1px untuk mengatur jarak gambar iklan. Nilai pertama jarak atas bawah, nilai kedua jarak kiri kanan.
3. Save Template.
4. Buka layout/design > Add a widget > Pilih HTML/Javascript.
5. Copy kode HTML berikut (edit terlebih dahulu untuk memasukkan link dan url gambar gambar yg ingin digunakan):

ALT/TEXT GAMBAR
ALT/TEXT GAMBAR
ALT/TEXT GAMBAR
ALT/TEXT GAMBAR

Jika ingin menambahkan/mengurangi kotak space iklan tambahkan/hapus bagian:
ALT/TEXT GAMBAR di atas .
6. Save. Drag/geser gadget ke posisi yg diinginkan, untuk ukuran yg lebar & besar, letakkan widget di bawah header atau di atas posting. Save lagi.

Anda dapat menggunakan gambar berikut sebagai gambar space iklan (ukuran 125×125), untuk ukuran lain atau ingin yg sesuai selera & desain blog, bisa dicari di Google dengan keywords “ads space banner image (ukuran banner)”. Upload gambar, ganti URL GAMBAR dengan url gambar yg sudah di-upload.
Copy paste kode di bawah itk menyertakan blog pembuatnya
Cara Membuat Kotak Space Banner Iklan Di Blog (Updated)

Cara lain membuat banner iklan
Masuk ke blogger > Rancangan > add gadget > HTML/Javascript, kemudian masukkan kode di bawah ini;

Deskripsi Iklan Deskripsi Iklan
Deskripsi Iklan Deskripsi Iklan
Pasang Iklan Di Sini

Pengaturan Kotak Banner Iklan:

1. Ganti kata URL/Alamat IKLAN dengan alamat website pemasang iklan

2. Ganti kata URL/Alamat Gambar Iklan dengan link atau alamat gambar iklan di hosting

3. Ganti kata Deskripsi Iklan dengan informasi dan deskripsi mengenai iklan yang dipasang, deskripsi ini akan muncul pada saat kursor mouse digerakkan ke arah banner iklan.

4. Ukuran default sidebar adalah 265, jadi pastikan ukuran sidebar blog sobat tidak kurang dari itu.

Jika sobat ingin menambah kotak iklan lagi dibawahnya misalnya menjadi 6 kotak tinggal masukkan kode di bawah ini, di bawahnya kode yang berwarna biru.

Deskripsi Iklan Deskripsi Iklan

Dibawah ini adalah contoh sebuah kotak iklan;

Tempat Sobat Belajar Blogspot

• yang berwarna biru adalah alamat pengiklan
• yang berwarna kuning info/deskripsi iklan
• sedangkan yang berwarna merah adalah alamat gambar pengiklan dihosting
membuat like facebook, twtterdan google
lihat cara dan kodenya di bawah ini :
Langsung saja ya gak usah basa basi lagi dah, hehehe….
1. Masuk ke akun blogger Anda/ dasbor
2. Klik Menu template > Edit HTML> centang Expand Template Widget. Jangan lupa untuk memback up template sobat dengan cara mendownloadnya.
3. Masukkan dulu kode di bawah ini tepat di atas kode

kode ini adalah kode javascript untuk memunculkan tombol Google+1, jika kode tersebut sudah ada, maka tidak perlu dimasukkan lagi.

4. Kemudian Copy kode di bawah ini ;

lintasme.init('right'); // options : left, top, bottom, right

Ganti kode twitter supergaptech dengan nama akun twitter sobat. Sobat juga bisa menghapus kode berwarna biru, jika mau. Widget tersebut adalah kode javascript untuk web directory lintas.me

5. Masukkan kode di atas pada kode-kode ini:
• jika ingin memasang share button di bawah postingan blog cari kode berikut, dan masukkan kode tadi, tepat dibawahnya kode ini.

• Jika ingin memasang share button diatas postingan / di bawah judul postingan, masukkan tepat di bawahnya kode berikut,

Kemudian klik pratinjau terlebih dahulu, jika tidak error berarti share button sudah terpasang di blog. Klik Simpan Template. Share button ini akan ditampilkan di halaman posting bukan di menu utama / homepage. Oleh karena coba buka salah satu postingan blog sobat untuk melihatnya apakah sudah bekerja dengan baik.

Oke, Bagaimana… sudah terpasang? Jika belum bisa, Julak siap membantu. Selamat Berblogging mania, hehehe. Salam Blogger. Jangan lupa di share, hehehe…

Membuat Recent pos berjalan
========================

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 = 255;
cellspacing = 6;
borderColor = “#232c35”;
bgTD = “#000000”;
thumbwidth = 70;
thumbheight = 70;
fntsize = 12;
acolor = “#666″;
aBold = true;
icon = ” “;
text = “comments”;
showPostDate = true;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = “#666″;
icon2 = ” “;
numposts = 15;
home_page = “http://mediabelajar81.wordpress.com/”;
limitspy=4
intervalspy=4000

Source: http://amronbadriza.blogspot.com/2012/10/cara-membuat-recent-post-berjalan-di.html#ixzz2CHT1U3gW

MEMASANG WIDGET SHARE MELAYANG
Copy paste kodenya dibawah ini –masuk

#pageshare {position:fixed; bottom:15%; left:10px; float:left; border: 1px solid black; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#eff3fa;padding:0 0 2px

0;z-index:10;}

#pageshare .sbutton {float:left;clear:both;margin:5px 5px 0 5px;}

.fb_share_count_top {width:48px !important;}

.fb_share_count_top, .fb_share_count_inner {-moz-border-radius:3px;-webkit-border-radius:3px;}

.FBConnectButton_Small, .FBConnectButton_RTL_Small {width:49px !important; -moz-border-radius:3px;-webkit-border-radius:3px;}

.FBConnectButton_Small .FBConnectButton_Text {padding:2px 2px 3px !important;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:8px;}

Tinggalkan Pesan disini

Please log in using one of these methods to post your comment:

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