Membuat kotak script diposting blog

Cara membuat kotak script di posting blog. Kotak script, biasanya digunakan untuk memasukan kode2 script ke dalam posting. Agar terlihat rapi dan tidak memakan banyak tempat. Ada yang berbentuk kotak sederhana, ada juga yang berbentuk kotak dengan tambahan scroll, dan lain-lainnya. Kotak script juga bisa diberi warna dibagian backgroundnya, dan juga border yang berbentuk kotak, bisa diatur bentuknya. Cara membuatnya, Ikuti langkah-langkah dibawah ini.

1. Login ke blogger. Dan pilih entri baru.
2. Selanjutnya buatlah tulisan seperti dibawah ini.

3. Selanjutnya Klik HTML dan masukan kode berikut, dibawah tulisan cara membuat kotak script.   <div style="border: 3px #1780dd Double; padding: 10px;background-color:#ffffff;
   text-align: left;">
   .Klik Disini.</div>
4. Untuk lebih jelasnya, lihat gambar dibawah ini.

5. Sekarang Klik Compose, maka akan ada kotak script. Contoh gambar:

6. Selanjutnya Klik di dalam kotak tersebut, dan hapus tulisan Klik Disini.
7. Terakhir, Masukan kode script yang ingin kamu masukan, didalam kotak itu. Selesai.

Keterangan Kode:

 <div style="border: 3px #1780dd Double; padding: 10px;background-color:#ffffff;
text-align: left;">
.Klik Disini.</div>

1. border: 3px = ketebalan kotak script. dan #1780dd = warna kotak script.
2. Double; = Bentuk kotak, bisa diganti dengan, 
dashed
dotted
Double
Groove
inset
outset
ridge
3. Padding:10px = panjang kotak ke bawah, untuk lebarnya otomatis sampai ke ujung posting.
4. background-color:ffffff; = warna dalam kotak. 
5. Dan text-align:left; = posisi tulisan didalam kotak di kiri.

Kotak Script Dengan Scroll.

<div style="border: 3px #1780dd solid; padding: 10px;background-color:#ffffff;
overflow: auto; height: 50px; width: 300px;
text-align: left;">
.kode script disini.</div>

1. Sama seperti cara diatas, masukan kode script ke HTML.
2. overflow:auto; = fungsi scrollnya. height(tinggi kotak) dan width(lebar kotak)
3. Kotak script bisa juga dipindahkan ke kanan, dengan menambahkan kode float: right; ditengah kode diatas.
Dengan menambahkan kotak script di posting blog, maka halaman blog akan terlihat lebih rapi. Dan tidak memakan banyak tempat. Tanpa harus mengurangi isi dari posting. Semoga Bermanfaat.

Read More

Cara Memasang Komentar Facebook Di Blog

Dalam Membuat Sebuah Blog tentunya anda membutuhkan komentar-komentar yang sangat membangun.
Apakah yang dimaksud dengan komentar ? komentar adalah ulasan atau tanggapan atas Penjelasan yang telah dibuat atau dikatakan sebelumnya. Pada kesempatan kali ini sampul ilmu menjelaskan tentang Cara Mudah Memasang Komentar Facebook di Blog.

Langkah-langkah Pembuatannya Adalah 

Siapkan ID Facebook Anda Terlebih Dahulu (untuk Cara Mudah Melihat ID Facebook Anda login kehalaman Facebook anda kemudian clik Profil anda setelah itu pada URL copy  Nama Facebook anda)

Langkah selanjutnya copy paste URL dibawah ini kemudian  ganti ID Facebook (Tulisan Warna Merah) dengan ID Facebook anda kemudian Enter
https://graph.facebook.com/ID Facebook 

Maka Akan Muncul Tampilan Seperti Dibawah Ini

Langkah Selanjutnya Login Ke dalam Dashboard Blog anda kemudian clik Template pilih Edit HTML setelah itu cari kata
Pada Code HTML Blog anda (Untuk Melakukan Pencarian Agar lebih Cepat Ditemukan Clik CTRL + F pada Keyboard kemudian ketikan Kata 
pada Search  lalu clik Enter)

Setelah code diatas telah ditemukan langkah selanjutnya copy code dibawah ini dan kemudian paste tepat dibawah code

<div class='comments-tab' id='fb-comments' onclick='javascript:commentToggle("#fb-comments");' title='Comments made with Facebook'> <img class='comments-tab-icon' src='http://static.ak.fbcdn.net/rsrc.php/v1/yH/r/eIpbnVKI9lR.png'/><fb:comments-count expr:href='data:post.url'/> Comments</div> <div class='comments-tab inactive-select-tab' id='blogger-comments' onclick='javascript:commentToggle("#blogger-comments");' title='Comments from Blogger'> <img class='comments-tab-icon' src='http://www.blogger.com/img/icon_logo32.gif'/> <data:post.numComments/> Comments</div> <div class='clear'/> </div> <div class='comments-page' id='fb-comments-page'> <b:if cond='data:blog.pageType == "item"'><div id='fb-root'/> <fb:comments expr:href='data:post.url' num_posts='2' width='500'/></b:if></div> <div class='comments comments-page' id='blogger-comments-page'> <script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/><script src='http://code.jquery.com/jquery-latest.js'/><meta content='ID Facebook' property='fb:admins'/><script type='text/javascript'>function commentToggle(selectTab) {$(".comments-tab").addClass("inactive-select-tab");$(selectTab).removeClass("inactive-select-tab");$(".comments-page").hide();$(selectTab + "-page").show();}</script><style>.comments-page { background-color: #f2f2f2;}#blogger-comments-page { padding: 0px 5px; display: none;}.comments-tab { float: left; padding: 5px; margin-right: 3px; cursor: pointer; background-color: #f2f2f2;}.comments-tab-icon { height: 14px; width: auto; margin-right: 3px;}.comments-tab:hover { background-color: #eeeeee;}.inactive-select-tab { background-color: #d1d1d1;}</style>

Pada Code Diatas Cari kata meta content='ID Facebook'  Ganti Tulisan ID Facebook dengan ID Facebook Anda

Untuk Melihat Hasilnya Refresh blog kemudian clik postingan pada blog  anda

Dengan Adanya komentar-komentar akan dapat meningkatkan kualitas dari blog anda, semoga bermanfaat.

Read More

Cara membuat Facebook like di Blog

Manfaat widget Like Box Facebook di Blog adalah pengunjung pada Blog sobat tau bahwa Blog tersebut juga mempunyai halamanya di Facebook dan pengunjung dapat menyukai halaman Blog sobat di Facebook dengan sekali klik.

Sebelum membuat Widget Like Box Facebook di Blog, sobat terlebih dahulu harus mempunyai halaman Blogspot sobat di Facebook. Jika sobat belum punya halaman Blogspot di Facebook, sobat bisa baca panduan ini, Cara Membuat Halaman Blog di Facebook. Baca juga untuk tampilan lebih sederahana yaitu Tombol Like Facebook di Blog. Jika sobat telah mempunyai halaman Blogspot sobat di Facebook, maka membuat Like Box Facebook di Blog dapat dimulai.
OK, mulai saja sob. Cara membuat Like Box Facebook di Blog:
1. Login ke Facebook dengan akun sobat.
2. Isikan URL http://www.facebook.com/pages/Roem-Rahman/284260191699449 dan langsung kunjungi URL tersebut.
3. Atur Tampilan.
Masukan URL halaman blogspot sobat di Facebook.
Width, atur lebar Widget.
Height, atur panjang Widget.
Show Faces, menampilkan foto Profil Likers atau tidak.
Color Scheme, pilih antara dark atau light.
Stream, tampilkan ringkasan halaman Facebook atau tidak.
Border Color, tentukan warna garis luar.
Show header, tampilkan header atau tidak.
4. Setelah selesai klik Get Code untuk mendapatkan kode HTML widget Like Box.

5. Mendapatkan kode html Like Box, agar lebih mudah masuk pada bagian iFrame. Coppy seluruh kodenya.

6. Selanjutnya, masuk pada akun Blogger sobat.
7. Masuk pada bagian Tata Letak.
8. Kllik tambah gadget, pilih posisi mana yang sobat inginkan untuk memasang Widget Like Box.
9. Pilih HTML/Javascript.
10. Pastekan kode iFrame dan klik simpan.

Selesai, Widget Like Box Facebook telah berhasil dipasang pada Blog sobat. Silakan lihat hasilnya.

Read More

Membuat cursor bertabur bintang

Kita tau setiap pergerakan atau aktifitas yang kita gunakan dikomputer umumnya menggunakan Mouse yang mengarahkan Cursor untuk menuju tempat yang kita arahkan. Nah Selama ini kita gunakan hanya berbentuk tampilan cursor biasa seperti ujung anak panah. Menurut kita itu kurang bagus tampilannya. Jadi agar tampilan anak panah tersebut terlihat indah maka kita kasi hiasan seperti bintang kecil-kecil yang selalu mengikuti pergerakan cursor mouse tersebut. Sebagai contoh bisa dilihat langsung pada tampilan blog saya ini yang kemana arah cursornya selalu diikuti bintang yang bertaburan.

Berikut ini cara Membuat Cursor Bertabur Bintang.

1.Login ke blogger.
2.Klik Tatat Letak.
3.Klik Tambah Gadget.
4.Pilih HTML/javascript.
5.Letakkan HTML di bagian bagian mana saja.
6.Pilih lalu Copy dan paste kode di bawah ini ke dalah kotak HTML/javascript tadi .

Bintang biru

http://denisahlan.netau.net/bintang.biru.js" type="text/javascript">

Bintang hijau

http://denisahlan.netau.net/bintang.hijau.js" type="text/javascript">

Bintang merah

http://denisahlan.netau.net/bintang.merah.js" type="text/javascript">

Bintang putih

http://denisahlan.netau.net/bintang.putih.js" type="text/javascript">

Bintang ungu

http://denisahlan.netau.net/bintang.ungu.js" type="text/javascript">

Tutor ini saya dapat dari hasil penelusuran di halaman om google.., semoga berhasil..

Read More