Scroll pada blog

Kali ini saya akan share cara membuat postingan scrol pada postingan blog mudah dan simple, mungkin kalian pada bingung bagaimana sih cara membuat postingan blog dengan menambahkan scrol di dalamnya, biasanya buat postingan kode supaya kode tersebut tetap beraturan dengan adanya scrol tersebut, lalu bagaimana cara membuatnya? simak aja di bawah ini moga bisa membantu kalian dalam posting blog.

 Langkah Pertama :

• Silahkan Login ke Akun blog anda. 

Langkah Kedua :

• Memulai Postingan baru di blog anda.

Langkah Ketiga :

• Lalu Pilih Edit HTML, bukan Compose.

Langkah Keempat :

• Copy kode di bawah ini, dan letakkan kodenya di bagian Edit HTML.

<div style="overflow:auto;width:100%;height:50px;padding:2px;border:1px solid #000">Masukan text atau kode HTML dan lainya disini</div>

Langkah Kelima :

• Memastikan apakah kode Scroll sudah terpasang dengan benar, maka lakukan Preview. 

Langkah keenam :

• jika sudah di pastikan berhasil di dalam menerapkan 5 langkah di atas, maka langkah keenam adalah SELESAI.

Untuk keterangan pada kode Scroll :

• width:100% : silahkan anda atur untuk lebar scroll di blog anda.
• height:50px : silahkan anda atur untuk tinggi scroll di blog anda.

Nah, untuk selanjutnya silahkan anda kreasikan sesuai kebutuhan yang anda inginkan, salahsatunya seperti memberikan warna latar belakang pada objek yang di pasang kode scroll. Mungkin itu saja yang dapat saya berikan tentang cara Membuat Scroll pada Postingan Blog, semoga postingan kali ini memberi manfaat untuk anda.

Membuat Cursor Bertabur Bintang

Crusor Bertabur Bintang

Banyak cara yang dibuat oleh setiap blogger untuk membuat tampilan blognya terkesan cantik, unik dan macam-macam deh. Diantaranya dengan modifikasi template yang sudah ada, memasang ragam widget dan ragam aksesoris blog termasuk mengganti tampilan cursor. pernah lihat suatu blog dengan cursor bertabur bintang? Pingin mencobanya? Mudah kok, ikuti langkah-langkah berikut:
Membuat cursor bertabur bintang

1. Login ke blogger.
2.Masuk ke Layout-->Page Element
3.Tambahkan gadget HTML/JavaScript
4.Pilih kode taburan bintang dibawah ini.
Bintang Hijau

<script src="http://sites.google.com/site/amatullah83/js-indahnyaberbagi/bintang.hijau.js" type="text/javascript"></script>

Bintang Ungu

<script src='http://sites.google.com/site/amatullah83/js-indahnyaberbagi/bintang.ungu.js' type="text/javascript"></script>

Bintang Merah

<script src='http://sites.google.com/site/amatullah83/js-indahnyaberbagi/bintang.merah.js' type="text/javascript"></script>

Bintang Biru

<script src='http://sites.google.com/site/amatullah83/js-indahnyaberbagi/bintang.biru.js' type="text/javascript"></script>

Bintang Putih

<script src='http://sites.google.com/site/amatullah83/js-indahnyaberbagi/bintang.putih.js' type="text/javascript"></script>

 
5.Kopi salah satu kode diatas dan simpan.

6. Jangan lupa save dan save lagi.
Kodenya bisa dicampur-campur, menurut selera sobat. Semoga bermanfaat!

Read More

Mungkin semua udah tau, mungkin ini juga gak penting ^_^ tapiii belajar dari kesukaan orang Indonesia dengan Copas nya, makanya saya menulis kembali di blog saya karna orang indonesia jarang banget yang mau susah susah nulis script nya ... heheh... ayo monggo di copas ◕ ‿ ◕

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 = "no-float" ; 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 != "item"'>
    <div expr:id='"summary" + data:post.id'><data:post.body/></div>
    <script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");
    </script>
    <span class='rmlink' style='float:right;padding-top:20px;'>
    <a expr:href='data:post.url'><img src="http://www.moddingway.com/images/readmore.gif"></img></a></span>
    </b:if>
    <b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>

•  Finish simpan template dan lihat hasilnya

Cara membuat Read More otomatis di Blogspot ini bisa anda rubah sebagian. berikut ini adalah keterangannya data yang bisa dirubah :

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://www.moddingway.com/images/readmore.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://www.moddingway.com/images/readmore.gif"></img> menjadi tulisan >> Read More atau Baca selengkapnya dll.
6. selamat mencoba ^_^

Cara Mendownload Video di Youtube

Berawal dari kesukaan saya ngedownload video di kantor ( mumpung gratis ^_^ ) saya akan berbagi mengenai download di youtube tanpa software.Selain di Youtube.com cara ini juga bisa dipake untuk download di rapidshare.com lhoo.

Cara Terbaru Mendownload Video di Youtube

1. Silahkan anda masuk/buka youtube.com atau rapidshare,kemudian pilih video atau file yang anda inginkan untuk didownload.
2. Setelah anda menemukan Video yang cocok untuk didownload,kemudia copy address url video tersebut (lihat screenshoot).
3. 
4. Setelah anda copy link/url video tadi silahkan (klik disini).Kemudian pastekan Url Videonya disana dan klik "download now".
5. Kemudian anda pilih format video yang anda inginkan,misalnya 3Gp,MP4,Flv dll.Nanti secara otomatis akan terbuka panel download untuk menyimpan file anda.

gampang kan??
yaa sebenernya saya buat ini sekalian biar kalo mau ngedownload gampang gak klik klik blog yang lain ♪(*^ ・^)ノ⌒☆ biar yaaa.. walaupun sedikit ada peningkatan rating. ENJOY ^_^