Thursday 22 December 2011

Cara Membuat Followers Pada Blog

Langsung Aja


Login Blog Sobat 


Layout --> HTML/JavaScript


Masukkan Kode Dibawah Ini




<a href="javascript:showHideFL()" style="display:scroll;position: fixed; left:5px;center:5px;" title="Follow"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvFRa-HW3ZSACFNDRb4DT1V7zYWprzaEcvQDZ2ooMd7jznW0WmapZzFbBSqZI89TLNeqMvA18FKWeptKttXxC9QQdXrWXCIUak9IkJt9Op8iv44pqySbD7wCLlFFPXudG7wG6mIC7Cxzo1/" /></a>


Semoga Berhasil
READ MORE - Cara Membuat Followers Pada Blog

Cara Membuat Background pada Blog

Hal pertama yang harus dilakukan adalah mencari id dari tiap widget yang akan di isikan background, yang ada di sidebar, caranya, buka Blogger --> Design --> Edit HTML, kemudian cari kode :

  1. <div id='sidebar-wrapper'> ini untuk kode css template yang lama atau
  2. <b:section-contents id='sidebar-right-1'> dan kode sebelah ini untuk template baru yang sidebar-nya ada disebelah kanan, pada intinya cari kode yang hampir sama dengan kode tersebut, atau langsung cari kode dibawah.

Setelah ketemu kemudian coba lihat kode dibawahnya, dan cari kode yang dicetak 
tebal dibawah ini.

<b:widget id='Followers1' locked='false' title='Followers' type='Followers'/>
<b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'/>

Kode diatas merupakan beberapa kode widget yang biasanya selalu ada di sidebar untuk 
menampilkan widget Follower dan widget Archive.
Untuk melihat id widget diatas coba perhatikan kode yang diberi warna merah, nach kode itulah yang disebut id dari widget.

Untuk lebih memudahkan, saya hanya ambil dua widget saja sebagai contoh.

Setelah mengetahui ID dari tiap widget, tinggal dibuat kodenya.
#Followers1{
background: url('Url gambar')center;
}
#BlogArchive1 {
background: url('
Url gambar
')center;
}


Selanjutnya copy kode  diatas, dan paste-kan tepat diatas kode ]]></b:skin>

Simpan dan lihat hasilnya.

Note :


  1. Url Gambar ganti dengan url gambar anda
READ MORE - Cara Membuat Background pada Blog

Thumbails to Recent Posts Comment Count



1. Sign into Blogger dashboard


2. Go to Layout » Add a gadget » html/javascript

3. Just copy and paste this code..




<script language="JavaScript">

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 = 298;

cellspacing = 8;

borderColor = "#ffffff";

bgTD = "#000000";

thumbwidth = 40;

thumbheight = 40;

fntsize = 12;

acolor = "#666";

aBold = true;

icon = " ";

text = "comments";

showPostDate = false;

summaryPost = 40;

summaryFontsize = 10;

summaryColor = "#666";

icon2 = " ";

numposts = 5;

home_page = "http://Ascool23.blogspot.com/";

</script>

<script src="http://myblogtalk.com/bloggertemplates/js/recentposts_thumbnail.js" type="text/javascript"></script>



boxwidth - Lebar widget
cellspacing - Ruang antar sel (default adalah baik)
bordercolor - Perbatasan warna (menambahkan warna latar belakang template Anda untuk berbaur sempurna di template)
thumbwidth & thumbheight - Lebar dan Tinggi thumbnail (default yang baik)
fntsize - Ukuran font dari judul
acolor - Warna judul
aBold - Anda ingin judul berani? (true atau false)
numposts - Berapa banyak posting yang ingin anda tampilkan?
home_page: http://schemar-mag.blogspot.com/ (perubahan ini url blog Anda)
Script ini saat ini host di server saya (http://myblogtalk.com/bloggertemplates/js/recentposts_thumbnail.js).
Tapi, itu adalah SANGAT Direkomendasikan untuk men-download dan meng-upload script ke hosting sendiri (google untuk host javascripts gratis) dan mengganti url yang dengan Anda.
4. Terakhir namun tidak sedikit .. Simpan Perubahan.
READ MORE - Thumbails to Recent Posts Comment Count

Cara Memasang template

Pertama Download template Yang anda Suka Disini http://www.skincorner.com/


lalu Extract File Template 


Login Ke Blog Sobat


lalu Buka Rancangan --> Edit HTML --> Download template lengkap --> Expand template Widget Lalu masukkan File Yang telah Di extract Seperti Gambar dibawah Ini






Semoga Berhasil
READ MORE - Cara Memasang template

Cara membuat Teks Bergoyang apa Bila Disentuh Mouse

 Login Ke Blog


 Buka Rancangan


EDIT HTML


Cari Kode </head


lalu taruh Kode dibawah ini pas Diatas kode </head












READ MORE - Cara membuat Teks Bergoyang apa Bila Disentuh Mouse

Template by:

Free Blog Templates

Isi Buku Tamu Nya Ya
Jangan Lupa Follow And Like This yo