Cara Menambah Background Gambar Sebelum Judul Pada Blogger

Jika Anda suka dan ingin mencobanya, Anda juga dapat menambahkan gambar latar belakang dengan latar belakang judul posting Anda. Yang paling menakjubkan adalah resolusi. Meskipun Anda menggunakan Gambar kecil pendek sebagai gambar latar belakang ke latar belakang judul posting Anda, itu akan kembali berulang kali ukuran dan diposting. Jadi lebih baik menggunakan Pola sebagai gambar latar belakang. Seperti contah gambar dibawah ini

Cara kerjanya ikuti tutorial berikut ini

1. Edit Template Anda

2. Lalu cari kode dibawah ini

post h3

(Tekan 'Ctrl' + F untuk pencarian browser Anda)

Sekarang Anda akan menemukan posting beberapa baris kode h3 tetapi menggunakan post h3 pertama

Anda akan melihat banyak kode yang sangat mirip dengan ini

post h3. {

color: # 3E3533; ------------ warna judul Posting ini

font-size: 20px; ------------ ukuran Posting judul ini

font-weight: bold; --------- dekorasi huruf judul Posting ini

line-height: 1.4em;

margin: 0.25em 0 0;

Sekarang paste kode dibawah ini setelah kode. Post h3 {

background: url (URL Tempel Gambar Anda di sini) repeat-x atas;

Contoh:

post h3. {

background: url (http://1.bp.blogspot.com/_wa6zL1GRiOs/SdjrkNXWBYI/AAAAAAAACio/MP2Dh1GqvCs/s1600/sidebar-h.jpg) repeat-x atas;

color: # 3E3533;

font-size: 20px;

* tetap ingat, kode di atas akan berada dalam cara yang berbeda sesuai dengan template yang Anda gunakan.

Lalu SAVE dan lihat hasil nya..

Berikut Ada Beberapa Gambar Header untuk Blog Anda

Image URL :- http://2.bp.blogspot.com/_XByc9SCisZM/Segw7tvdsHI/AAAAAAAACHI/iC2CtxXG1gI/s1600/bg_sb_title.jpg





Image URL :- http://1.bp.blogspot.com/_wa6zL1GRiOs/SdjrkNXWBYI/AAAAAAAACio/MP2Dh1GqvCs/s1600/sidebar-h.jpg





Image URL :- http://4.bp.blogspot.com/_XByc9SCisZM/ScH7SRnT2qI/AAAAAAAABlE/E0A3QBmSKYc/s1600/bg_sb1_g.gif





Image URL :- http://2.bp.blogspot.com/_XByc9SCisZM/SbIMdJZNoRI/AAAAAAAABKM/i1iLQZEWRIc/s1600/bg_sb1.jpg

Cara Mengubah atau Menghapus Ikon Pada Blog

Setelah setiap komentar yang Anda telah diposting, Anda mungkin telah melihat ikon recycle bin kecil jenis yang mengarahkan Anda untuk menghapus komentar Anda. Apakah Anda benci itu? Maksudku, apakah Anda ingin menambahkan gambar Anda sendiri ke sana? atau menambahkan teks? Atau Anda mungkin ingin menghapus ikon , sekali dan untuk semua. kalau anda ingin menghapusnya  ikuti tutorial sebagai berikut:

1. Edit Template Anda

2. Cari kode dibawah ini

b: includable id = 'commentDeleteIcon'

(Tekan 'Ctrl' + F untuk pencarian browser Anda)

Sekarang gulir ke bawah, Anda akan melihat baris kode sebagai

<img src='http://www.blogger.com/img/icon_delete13.gif'/>

Sebagian besar, gambar ini adalah umum untuk setiap blog. Sehingga Anda bahkan dapat mencari langsung kode tersebut.

<img src='http://www.blogger.com/img/icon_delete13.gif'/>

Sekarang tambahkan menggantikan URL Gambar yang ada dengan URL Gambar Anda Atau Anda dapat menambahkan teks, bukan gambar, hanya menghapus kode berikut.

<img src='http://www.blogger.com/img/icon_delete13.gif'/>

Dan setiap jenis  hal yang Anda inginkan. (Ex: - 'Hapus', 'Hapus' ......) Tapi saya sarankan Anda untuk tidak untuk menambahkan teks.

sekarang Anda dapat melanjutkan pencarian kode di bawah ini

<img src='http://www.blogger.com/img/icon_delete13.gif'/>

dan Anda mungkin menemukan baris lain kode, yang untuk Backlinks hapus. Ubah juga. (Jika Anda ingin:))

Lalu SAVE dan lihat hasilnya...

Cara Mengedit Judul Blog Dalam HTML

Judul blog Anda adalah nama Anda memilih yang mengidentifikasi Anda dan / atau tujuan dari situs Anda. Ini merupakan elemen penting karena label ini merek konten tertentu Anda dan muncul di bagian atas halaman Anda dan jendela browser. Ketika Anda bekerja pada blog Anda, Anda memiliki pilihan untuk memodifikasi nama yang ada dengan mengubah kode HyperText Markup Language (HTML). Dengan mengetahui dimana untuk mengubah data ini, perubahan nama blog Anda, seperti yang Anda inginkan.

 

CARANYA:

1. Log in ke account blog Anda seperti Wordpress, Blogspot atau LiveJournal. Bergantian, meluncurkan aplikasi editor teks Anda dan membuka dokumen HTML blog Anda dengan mengklik "Open" di bawah menu "File".

2. Cari "HTML" link atau yang serupa untuk mendapatkan akses ke kode HTML yang mengontrol akun blog Anda. Sebagai contoh, di Blogger, klik "Desain" tab dan kemudian klik "Edit HTML" link. Lihat "Bantuan" account Anda atau "FAQ" halaman jika Anda memerlukan bantuan dengan menemukan daerah ini.

3. Cari "<title> </ title>" tag judul di bagian atas dokumen HTML Anda. Kode ini tertutup antara "<head> </ head>" elemen.

4. Mengubah teks antara tag judul untuk nama yang Anda inginkan. Sebagai contoh:

Judul <title> Baru </ title>

5. Klik tombol "Simpan" fitur dalam account blog Anda, atau pilih "Simpan" pilihan di bawah menu editor teks Anda "File". Judul di edit sekarang akan berubah di blog Anda. 

Cara Menghapus Header Pada Blogger

Blogger adalah sebuah situs yang memungkinkan pengguna untuk membuat dan memelihara sebuah blog. Situs ini juga memberikan pengguna kemampuan untuk merancang dan mengubah tampilan blog dalam banyak cara. Salah satu fitur tersebut adalah untuk menghapus header yang muncul di bagian atas blog. Blogger template memerlukan setidaknya sebuah judul dalam kotak header. Satu-satunya cara untuk menghapus header seluruhnya adalah untuk mengedit kode HTML blog.

Cara Menghapus Isi Blog
1. Masuk ke  Blogger. Anda dapat memasukkan username dan password di sudut kanan atas halaman. Setelah Anda login ke situs, pergi ke blog yang ingin Anda update. Jika Anda mempertahankan lebih dari satu blog, Anda mungkin perlu gulir ke bawah halaman untuk menemukan blog yang ingin Anda update.

2.Klik "Desain" di sebelah blog yang ingin Anda update. Pada Januari 2012, "Desain" link adalah link keempat di sebelah kanan tombol "New Post". Ini akan membawa Anda ke bagian "Page Elements".

3.Klik "Edit HTML" di bagian atas layar. Anda akan melihat kode HTML untuk seluruh halaman Blogger Anda.

4.Klik mouse Anda di dalam kode HTML dan tekan "Control" dan "A" pada waktu yang sama. Ini akan menyoroti semua kode HTML Anda. Klik "Control" dan "C" bersama-sama untuk menyalin kode. Buka program seperti Notepad, dan tekan "Control" dan "V" untuk paste kode. Simpan kode ini di suatu tempat di komputer Anda. Dalam hal masalah terjadi selama proses ini, informasi Anda sekarang disimpan di mana Anda dapat menyalin kode kembali ke bagian ini.

5.Gulir melalui kode HTML sampai Anda menemukan kode dibawahini:

<"B: widget id = 'Header 1' terkunci = 'false' title = 'TitleOfYourBlog (Header)' type = 'Header' />

Tergantung pada template Anda, kode ini mungkin berlokasi pada akhir kode. Dalam contoh di atas, kata "TitleOfYourBlog" akan menunjukkan apa pun yang Anda berjudul blog tertentu Anda.

6. Hapus seluruh baris ini dengan menyorot awal baris dan menyeret mouse anda sampai akhir. Tekan "Hapus" untuk menghapus baris dari teks.

7. Klik  "Preview" untuk melihat blog di jendela terpisah. Jika Anda menyukai tampilan blog, Anda dapat kembali ke layar "Edit HTML" dan klik "Simpan Template." Jika Anda tidak suka dengan cara terlihat, Anda dapat memilih "Bersihkan Edit" untuk kembali ke kode HTML sebelumnya.

Cara Membuat Referensi Header Custom Link Pada Blogger

Tambahkan gambar header kustom untuk Blogger dan membuat link URL untuk itu. Sebelum menambahkan header kustom, mengubah properti header dalam kode untuk memungkinkan header baru. Gambar header harus di-host pada situs web yang berbeda, dan URL harus ditambahkan ke gadget HTML.

CARANYA:

1. Login ke Dashboard Blogger Anda. Klik "Desain"  link biru di bawah nama blog di Dashboard. Klik "Edit HTML" di bawah tab Desain dan pergi ke halaman "Edit Template".

2. Gulir ke bawah dalam kode sampai Anda menemukan bagian dari HTML:

<div id='header-wrapper'> <b:section class='header' id='header' maxwidgets='1' showaddelement='no'> <b:widget id='Header1' locked='true' title='Header (Header)' type='Header'/> </b:section> </div>

3. Ubah "showaddelement = 'no" untuk "showaddelement = 'yes'" untuk menambahkan unsur lain ke bagian header. Mengubah "terkunci 'true' =" ke "terkunci = 'false'" Klik tombol "Simpan Template" .

4. Klik "Elemen Halaman" link di bawah tab Desain untuk pergi ke halaman "Tambah dan Susun Elemen Halaman". Klik "Tambah Gadget."

5. Klik tanda "+" di samping "HTML / Javascript" untuk membuka "Configure HTML / Javascript" kotak. Klik "Edit HTML" link.

6. Ketik kode berikut: ". <img Src="http://www.yoursite.com/images/yourimage.jpg">" Ganti "yoursite" dengan nama situs gambar. Ganti "yourimage" dengan nama gambar.

7. Tambahkan "<a href="http://www.yourlink.com"> and "</a>" tag sekitar" img src "file untuk membuat link Klik tombol." Simpan ".

8. Klik link "Edit" di bagian "header". Klik tombol "Hapus" tombol untuk menghapus header yang ada. Klik tombol "Simpan" tombol dan pilih "View Blog" untuk melihat blog.

Cara Menambahkan Daftar Link Di Atas Header Pada Blog

Desain template halaman di Blogger.com memberikan Anda kemampuan untuk menyesuaikan sebagian besar aspek tampilan blog Anda, tapi tidak semua - Anda tidak dapat memindahkan elemen halaman Header, Anda juga tidak bisa menempatkan apa pun di atasnya. Namun, untuk menghapus keterbatasan ini dengan membuat modifikasi kecil ke template blog Anda. Setelah menciptakan area gadget baru di atas header, Anda dapat menginstal gadget Daftar Link untuk membuat menu navigasi atau link ke situs-situs lain.


CARANYA:

1. Klik "Desain" link untuk blog Anda setelah masuk ke Dashboard Blogger.com.

2. Klik "Edit HTML" di bagian atas halaman, dan kemudian klik link "Download Full Template" pada halaman berikut untuk men-download salinan dari kode sumber arus blog Anda. Simpan file ini dan menggunakannya untuk mengembalikan tampilan asli blog Anda jika Anda tidak puas dengan perubahan.

3. Klik conteng "Expand Widget Templates".

4. Tekan "Ctrl" dan "F" untuk  "Cari" kode, dan ketik "header1" untuk mencari bagian kode berikut:

<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='(Blog Name) (Header)' type='Header'>

"(Nama Blog)" adalah nama dari blog Anda.

5. Ganti nomor setelah "maxwidgets" untuk nilai lebih besar dari 1, dan perubahan nilai setelah "showaddelement" untuk "yes." Kode tersebut sekarang terlihat seperti berikut:

<b:section class='header' id='header' maxwidgets='2' showaddelement='yes'>
<b:widget id='Header1' locked='true' title='(Blog Name) (Header)' type='Header'>

6. Klik "Simpan Template"  dan kemudian klik "Page Elements" link di bagian atas halaman. Anda sekarang harus melihat "Tambah Gadget" link di atas header blog Anda.

7. Klik "Tambah Gadget" link, dan kemudian klik ikon "+" di samping "Daftar Link" untuk menginstal gadget Daftar Link.

Cara Menambahkan Foto Footer Pada Blog

 

Menambahkan elemen ke sidebar, header atau footer dari blog Anda adalah mudah dengan alat Blogger "Layout". Setiap elemen statis layout blog Anda dikenal sebagai "gadget." Ini termasuk daftar link, arsip blog dan modul iklan. Anda juga dapat menyisipkan gambar di footer blog Anda dari PC Anda atau di tempat lain di Web dengan menambahkan gadget baru.

CARANYA:

1. Login ke Blogger.com, dan klik "Desain" di bawah blog yang ingin Anda edit.

2. Klik "Tambah Gadget" di footer tata letak.

3. Klik "+" di samping "Gambar."

4. Masukkan judul link dan alamat Web, atau URL, jika Anda ingin membuat foto link yang dapat diklik.

5. Klik "Pilih File," dan pilih file foto dari komputer Anda. Atau, masukkan URL gambar yang sudah diupload ke Web.

6. Klik kotak centang di sebelah "Shrink to Fit" jika file foto asli terlalu besar untuk muat di footer.

7. Klik "Simpan."

Cara Menyembunyikan Tags Label dan Nama Penulis Dalam Postingan Blog

Ada beberapa halaman seperti halaman kontak Anda, tentang halaman, daftar isi halaman di mana Anda tidak ingin tag label atau "Diposkan oleh Penulis di xyz waktu" teks yang muncul. Anda dapat melihat salah satu halaman saya di menu navigasi atas dan Anda akan melihat bahwa Anda tidak melihat tag atau nama penulis di bawah judul posting.

Cara Sembunyikan Tags Label Pada Halaman Blogger?

1. Pergi ke Blogger> Desain> Edit HTML

2. Backup template Anda untuk lebih aman.

3. Conteng "Expand Template Widget"

4. Cari Kode dibawah ini

<span class='post-labels'>

5. Sekarang tambahkan kode dibawah ini tepat di atasnya,

<b:if cond='data:blog.url != "URL OF Selected Post"'>

Ganti "URL OF Selected Post" dengan Link dari halaman di mana Anda ingin menyembunyikan tag label.

6. Setelah 6-7 baris di bawah kode Anda mencari pada langkah # 4, Anda akan menemukan ini,

</span>

7. Hanya setelah itu paste kode di bawah ini,

</b:if>

8. Simpan template Anda dan lihat hasilnya.


Menyembunyikan Nama Penulis dan Waktu Tanggal Pada Halaman

Di dalam template anda cari kode dibawah ini,

<span class='post-author vcard'>

dan  di bawah, Anda akan menemukan kode sedikit mirip dengan kode yang ditunjukkan di bawah ini,

<span class='post-author vcard'>
<b:if cond='data:top.showAuthor'>
<data:top.authorLabel/>
<span class='fn'><data:post.author/></span>
</b:if>
</span>

<span class='post-timestamp'>
<b:if cond='data:top.showTimestamp'>
<data:top.timestampLabel/>
<b:if cond='data:post.url'>
<a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a>
</b:if>
</b:if>
</span>

Anda hanya perlu menambahkan kode berikut sebelum dan setelah kode warna merah seperti yang ditunjukkan di bawah ini,

<b:if cond='data:blog.url != "URL OF Selected Post"'>

<span class='post-author vcard'>
<b:if cond='data:top.showAuthor'>
<data:top.authorLabel/>
<span class='fn'><data:post.author/></span>
</b:if>
</span>

<span class='post-timestamp'>
<b:if cond='data:top.showTimestamp'>
<data:top.timestampLabel/>
<b:if cond='data:post.url'>
<a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a>
</b:if>
</b:if>
</span>

</b:if>

Sekarang lagi Anda akan harus mengganti URL OF Selected Post Terpilih dengan link halaman yang dipilih Anda.

Simpan template Anda dan lihat hasilnya!

Bagaimana untuk menyembunyikan mereka pada lebih dari satu halaman?

Jika Anda ingin menyembunyikan label dan tanggal dan waktu pada halaman lain juga kemudian hanya mengulangi proses yang sama. Sebagai contoh jika Anda ingin menyembunyikan mereka pada tiga halaman yang dipilih kemudian melakukan ini untuk tanggal dan waktu,

<b:if cond='data:blog.url != "URL OF Selected Post -1"'>

<b:if cond='data:blog.url != "URL OF Selected Post -2"'>

<b:if cond='data:blog.url != "URL OF Selected Post -3"'>

<span class='post-author vcard'>
<b:if cond='data:top.showAuthor'>
<data:top.authorLabel/>
<span class='fn'><data:post.author/></span>
</b:if>
</span>

<span class='post-timestamp'>
<b:if cond='data:top.showTimestamp'>
<data:top.timestampLabel/>
<b:if cond='data:post.url'>
<a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a>
</b:if>
</b:if>
</span>

</b:if>

</b:if>

</b:if>

Lakukan hal yang sama untuk menyembunyikan tag label sebagai yang disebutkan pada langkah # 4.

.....SELAMAT MENCOBA....

Cara Pasang Gambar Background Matrix Pada Blog Anda

Sebelumnya nya Saya telah Posting bagaimana Cara Membuat Gambar Background Bergerak Pada Blog. Oke...kali ini  ACEH BLOGGER memposting bagaimana Cara Memasang Gambar  Background Matrix Pada Blog. Sebelum anda mencoba trik kali ini ada baiknya membuat backup template blog anda terlebih dahulu untuk menghindari hal-hal yang tidak diinginkan.

Cara Pemasangan
Login ke blog sobat.
Klik "Design" kemudian klik "Edit HTML".

Cari kode </Head> kemudian copy-paste kode CSS di bawah ini diatas </Head>.

<style type="text/css">
body{
background:url(https://lh5.googleusercontent.com/-F5UfAsRs24I/Ts0uwOoH7QI/AAAAAAAAAf4/UQXNleByOcE/s800/monozcore_blogspot_com_redmatrix.gif) repeat center center fixed black;
}
</style>

Ganti kode yang berwarna kuning pada baris kode di atas dengan URL gambar animasi matrix yang anda inginkan.

Klik "Save" dan lihat hasilnya... Semoga anda Puas.

0-1-1 Matrix

http://3.bp.blogspot.com/-D6nQQ3d_wfw/Ts31QI5aQPI/AAAAAAAAAgA/mMEBDufqDpk/s1600/0_1_1.gif

Black Red Matrix

https://lh6.googleusercontent.com/-oIKDL5K_Jus/Ts32BmE64MI/AAAAAAAAAgI/QncRScTidN8/s800/black_red_matrix.gif

Blue Matrix 1

https://lh3.googleusercontent.com/-bf_x-yTTHjQ/Ts32HIlpUJI/AAAAAAAAAgQ/WctrlVSdVXI/s800/bluematrix.gif

Blue Matrix 2

https://lh6.googleusercontent.com/-wnxb6Bv75j8/Ts32HR4rlOI/AAAAAAAAAgU/ubCAT0zE3hA/s800/bluematrix2.gif

Green Matrix

https://lh4.googleusercontent.com/-yEVdif3Bi_U/Ts32PtuIGBI/AAAAAAAAAgo/Ce1ujGXZ6RE/s800/matrix.gif

Port Listener

https://lh3.googleusercontent.com/-CYobas4WGXo/Ts32QusPKsI/AAAAAAAAAgw/xQQMNbgAa0M/s800/port_listener.gif

Red Matrix

https://lh5.googleusercontent.com/-F5UfAsRs24I/Ts0uwOoH7QI/AAAAAAAAAf4/UQXNleByOcE/s800/monozcore_blogspot_com_redmatrix.gif

Blue Matrix

https://lh3.googleusercontent.com/-4XZ7JTeJH_Y/TsaAYPiMYSI/AAAAAAAAAcU/_-8fu6GQ7eI/s800/matrix.gif

Selamat mencoba...jangan lupa Follow me.Apabila kurang mengerti tinggalkan komentar anda TQ.

Cara Membuat Gambar Pada Favicon Bergerak Pada Blogger

Oke....lansong aju beh...hehehehe..pu tabasa basi teuma...

Berikut kodenya :

<link href='http://3.bp.blogspot.com/-LgxHXeLDrgc/TuJKUcfXT_I/AAAAAAAACHo/iT4GwZuW9nA/s1600/dedeyahya.gif' rel='shortcut icon' type='image/vnd.microsoft.icon'/>

Tempatkan kode di atas sebelum kode <b:skin><![CDATA[/*

cari di edit html template anda.

url ini http://3.bp.blogspot.com/-nblOeBv0JEU/TueryIEyGSI/AAAAAAAACKo/3fiSZAY-ivo/s1600/dedeyahya.gif

ini adalah link gambar yang akan dijadi favicon blog anda, anda bisa ganti dengan gambar-gambar yang bergerak seperti animasi gif bisa gambar rumah, api, dan lain sebagainya dengan ukuran gambar yang tidak terbatas. Semoga berhasil..

Membuat Gambar Background Bergerak Pada Blog

Bagaimana sih Cara Membuat Gambar Background Bergerak pada Blog, oke kali ini Belajar computer Dunia Maya membagi Tips atau cara bagaimana Cara Membuat Gambar Background Bergerak pada Blog. Sebenarnya Trik ini menggunakan JQuery sederhana yang dikhususkan untuk membuat gambar background menjadi bergerak (Scrolling Background). Script ini membuat gambar background blog bergerak secara vertikal dari arah bawah ke arah atas. Buat anda yang ingin mempercantik blog silahkan anda mencobanya.  berikut ini tutorialnya.

Cara Pemasangan

Login » blogger.
Rancangan » Edit HTML.
Apabila anda belum menggunakan kode JQuery silakan anda pasang kode JQuery dibawah ini tepat di atas Kode </Head>.

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js?ver=1.3.2' type='text/javascript'></script>

Copy-Paste kode di bawah ini tepat di atas Kode </Head>.

<script type='text/javascript'>
//<![CDATA[
$(function(){
// ***
// Scrolling background
// ***
// height of background image in pixels
var backgroundheight = 4000;

// get the current minute/hour of the day
var now = new Date();
var hour = now.getHours();
var minute = now.getMinutes();

// work out how far through the day we are as a percentage - e.g. 6pm = 75%
var hourpercent = hour / 24 * 100;
var minutepercent = minute / 30 / 24 * 100;
var percentofday = Math.round(hourpercent + minutepercent);

// calculate which pixel row to start graphic from based on how far through the day we are
var offset = backgroundheight / 100 * percentofday;

// graphic starts at approx 6am, so adjust offset by 1/4
var offset = offset - (backgroundheight / 1);

function scrollbackground() {
// decrease the offset by 1, or if its less than 1 increase it by the background height minus 1
offset = (offset < 1) ? offset + (backgroundheight - 1) : offset - 1;
// apply the background position
$('body').css("background-position", "50% " + offset + "px");
// call self to continue animation
setTimeout(function() {
scrollbackground();
}, 70
);
}
// Start the animation
scrollbackground();
});

//]]>
</script>

Copy-Paste Kode CSS di bawah ini tepat di atas Kode </Head> untuk memasang gambar background. Anda dapat mengganti gambar background sesuai dengan yang anda inginkan dengan merubah alamat hosting gambar pada Kode CSS di bawah dengan alamat hosting gambar yang anda pilih.

<style>
body {
background: black url(http://3.bp.blogspot.com/-tS5lZKl3Qag/TtjQUfMzi2I/AAAAAAAAAkA/QZc2FwvhW4o/s200/bg.gif) repeat center; background-attachment: fixed;
}
</style>

Keterangan :
- repeat // Pengulangan gambar arah x dan y.

repeat-x // Pengulangan gambar hanya arah horizontal.
repeat-y // Pengulangan gambar hanya arah vertikal.

- http://3.bp.blogspot.com/-tS5lZKl3Qag/TtjQUfMzi2I/AAAAAAAAAkA/QZc2FwvhW4o/s200/bg.gif // URL Link gambar.
- center // Lokasi gambar berada di tengah layar.

Left // Lokasi gambar berada di kiri gambar.
Right // Lokasi gambar berada di kanan gambar.

Pilihan Gambar Background

http://3.bp.blogspot.com/-tS5lZKl3Qag/TtjQUfMzi2I/AAAAAAAAAkA/QZc2FwvhW4o/s200/bg.gif

https://lh3.googleusercontent.com/-uJ-Th52g6r0/TtjTcIlyYZI/AAAAAAAAAkM/4dNde9sGNKw/s800/bg_star.png

https://lh4.googleusercontent.com/-dQkfB1XjogQ/TtjaZFg_FNI/AAAAAAAAAkY/27E-kzfkkvc/s800/bg-clouds.jpg

Selamat Mencoba, Semoga Bermanfaat...

Cara Memasang "Read More" Pada Blog

Cara memasang Read More otomatis di Blogspot dengan menambahkan kode javascript pada template blog. Kali ini yang akan saya bahas mengenai cara membuat read more di blogspot atau blogger. Kenapa cara membuat read more di wordpress tidak dibahas? karena read more di wordpress tidak bisa dibuat secara otomatis, tapi dengan cara manual setiap postingan. Ok kita mulai bahasan mengenai cara membuat read more otomatis di blogspot.

Bagaimana Cara membuat Read More otomatis di blogspot

Cara membuat read more otomatis di blogspot sangat mudah. Sebelum melangkah  ke cara membuat read more otomatis di blogspot lebih baik kita tahu apa itu read more? dan apa fungsi read more? Read more dalam bahasa indonesia yaitu " Baca Selengkapnya " dan fungsi read more itu sendiri adalah meminimalis penggunaan halaman blog agar terlihat lebih rapi dan menarik. Read more otomatis ini akan memotong tampilan depan artikel yang panjang dan anda bisa menentukan berapa banyak huruf yang akan ditampilkan di halaman depan, begitu pengunjung membuka Read more atau baca selengkapnya barulah pengunjung bisa membaca artikel penuh blog anda. Sekarang lanjut ke langkah cara membuat read more otomatis di blogspot.

Langkah-langkah cara membuat Read More Otomatis di Blogspot

• Login ke Blog anda
• Buka halaman design > Edit HTML > centang Expand template widget
• Cari kode </head> gunakan CTRL + F untuk mempermudah pencarian
• Paste kode berikut tepat dibawah </head>

<script type='text/javascript'> var thumbnail_mode = &quot;no-float&quot; ; summary_noimg = 430; summary_img = 340; img_thumb_height = 100; img_thumb_width = 120; </script> <script src='http://script-bamz-us.googlecode.com/files/read-moreotomatis.js' type='text/javascript'/>

• Selanjutnya cari kode <data:post.body/> atau <p><data:post.body/></p>  ( seperti biasan gunakan CTRL + F untuk mempermudah pencarian. Jika ditemukan 2 kode yang sama, gunakan atau ganti yang pertama.
• Jika sudah ketemu silahkan anda ganti kode tersebut dengan kode dibawah ini

<b:if cond='data:blog.pageType != &quot;item&quot;'>

<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>

<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);

</script>

<span class='rmlink' style='float:right;padding-top:20px;'>

<a expr:href='data:post.url'><img src="http://lh3.ggpht.com/_kTaFrEr_318/SkKGIoU-oPI/AAAAAAAAA9g/5A_nTHvFgiI/readmore_thumb%5B2%5D.gif"></img></a></span>

</b:if>

<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

• Terakhir SAVE template dan lihat hasilnya

Cara membuat Read More otomatis di Blogspot ini bisa anda rubah sebagian. Yang bisa dirubah adalah berwarna merah saja dan berikut ini adalah keterangannya :

1. summary_noimg = 430; apabila artikel anda tanpa gambar satupun maka yang akan tampil pada halaman depan adalah 430 huruf
2. summary_img = 340; apabila artikel anda berisi gambar maka yang akan tampil pada halaman depan adalah 340 huruf dan gambar
3. img_thumb_height = 100; ini adalah ukuran tinggi gambar / thumbnail yang akan muncul di halaman depan
4. img_thumb_width = 120; sedangkan yang ini adalah lebar gambar / thumbnail di halaman depan.
5. Anda juga bisa mengubah Icon read more http://lh3.ggpht.com/_kTaFrEr_318/SkKGIoU-oPI/AAAAAAAAA9g/5A_nTHvFgiI/readmore_thumb%5B2%5D.gif silahkan diganti URL icon yang anda inginkan. Atau anda ingin mengubah Icon Read more tersebut menjadi tulisan saja misalnya " >> Read more ", maka anda tinggal menghapus / mengganti kode <img src="http://lh3.ggpht.com/_kTaFrEr_318/SkKGIoU-oPI/AAAAAAAAA9g/5A_nTHvFgiI/readmore_thumb%5B2%5D.gif"></img> menjadi tulisan >> Read More atau Baca selengkapnya dll.

Semoga artikel cara membuat read more otomatis di blog ini bermanfaat. Selamat mencoba dan semoga berhasil jangan lupa juga untuk di share :)

Cara Memasukkan Animasi Burung Elang Beterbangan Pada Blog

Belajar Computer Dunia Maya kali ini membagi Trik bagaimana cara membuat animasi burung elang beterbangan pada blog. Selain membuat tampilan unik dan menarik, animasi ini bisa membuat daya tarik tersendiri bagi pengunjung blog terutama penggemar burung elang. Buat anda yang ingin mencobanya, silahkan ikuti tutorialnya berikut ini.

1. Pada Dasbor, anda pilih Rancangan.

2.Klik "Design" kemudian klik "Edit HTML".

3. Cari kode </Head> kemudian copy script di bawah ini dan paste-kan di atas kode </Head>.

<script language='JavaScript'>
var no = 8;
var speed = 15;
var snowflake = &quot;http://1.bp.blogspot.com/-QyDjZOQUP2k/Tr0_81nF4bI/AAAAAAAAAbQ/p2FXOTSLxRc/s200/Hawk_Animation.gif&quot;; </script>
<script language='JavaScript' src='http://monozcore-project.googlecode.com/files/FallinImages.js'/>

4.Simpan dan anda lihat hasilnya. Semoga Bermanfaat.

Cara Edit CSS Untuk Mengubah Tampilan Pada Blogger

CSS singkatan dari Cascading Style Sheets. Ini disajikan dalam bentuk HTML atau XHTML. Ini memberikan tampilan yang unik dan merasa ke halaman web Anda. Browser menampilkan dokumen (s) berdasarkan aturan style. Aturan-aturan ini dapat menentukan gaya gaya font, ukuran dan warna, gaya perbatasan, ukuran dan warna, dll CSS eksternal dianjurkan karena Anda dapat mendikte dan mengubah semua halaman web dengan hanya satu file. Anda akan perlu memiliki pengetahuan yang layak dari HTML atau XHTML kode untuk memanfaatkan CSS untuk keuntungan penuh Anda. Langkah-langkah di bawah ini menunjukkan contoh file CSS sederhana eksternal.

CARANYA:

1. Buat nama file teks biasa seperti: style.css Kemudian, buat kode Anda. Seharusnya terlihat seperti ini:

body {background-color: use hexidecimal value for your color choice here;}
h1,h2,h3 {font-family: your style here, your style here, 'your style here'; }
p,table,li {font-family: your style here, your style here, 'your style here'; }
p,li,th,td {font-size: your size here%;}
h1,h2,h3,hr {color:your color choice here; }
a:link {color:your color choice here}
a:visited {color:your color choice here}
a:active {color:your color choice here}
a:hover {color:your color choice here}

2. Pastikan untuk menambahkan tampilan unik Anda sendiri dan merasa dengan menentukan gaya, warna dan ukuran. Kecuali ditentukan, Anda tidak perlu menggunakan nilai heksadesimal warna. Anda hanya bisa mengetik dalam warna hitam, biru, merah, hijau, dll

3. Link ke style sheet Anda dengan menambahkan kode ini di antara dan tag:

ASSALAMUALAIKUM

SELAMAT DATANG PARA PENGGEMAR BLOGGER ACEH....
INSYAALLAH KAMI AKAN POSTING SEMUA TENTANG BLOGGER