Senin, 07 Mei 2012

Pasang widget share facebook pada blog

untuk membuatnya ikuti langkah-langkah di bawah ini:

  • Login ke blogger

  • Edit tamplate

  • Centang "expand widget template"

  • Kemudian cari kode 

  • Letakkan kode dibawah ini persis dibawah nya

    This share facebook

  • Kemudian simpan dan lihat hasilnya

Semoga artikel di atas bermanfaat dan salam sukses....

Pasang profile facebook di blogger



Facebook adalah dunia pertemanan yang sangat luas. siapa yang tidak kenal dengan web yang satu ini. tak kalah menariknya facebook menyediakan widget khusus buat blogger. penyediaan dari widget itu adalah bertujuan untuk memperluas jaringan dunia facebook. banyak yang berpendapat dengan adanya widget ini sangat membantu. selain profile nya yang menarik dan memudah kita untuk mencari teman. Nah untuk menambah widget ini di blog anda ikuti langkah-langkah di bawah ini.
  • Log in ke facebook anda
  • kemudian klik menu profile
  • Lihat bagian kiri bawah klik tulisan buat lencana profile
  • kemudian anda bisa meng edit dengan mengklik sunting lencana ini
  • disana terdapat beberapa pilihan di tata letak
    tegak
    mendatar
    dua kolom pilih salah satunya
  • kemudian di kolom isi
    Foto profil
    Nama
    Jaringan
     dan seterusnya..........
    pilih status yang ingin anda tampilkan
  • Kemudian simpan
  • setelah itu di sana terdapat beberapa pilihan untuk menambah lencana tadi ke berbagai situs di antaranya
    Blogger
    Typepad
    other
  • Pilih salah satu dengan mengkliknya. misalkan blogger.
  • Setelah anda mengklik, anda akan di bawa ke blogger untuk menambah widget itu tadi. seharusnya anda login terlebih dahulu.
  • Kemudian simpan dan lihat hasilnya..
Selamat mencoba..........

Cara membuat Widget Kalender

Tampilan widget kalender sebagai penunjuk hari dan tanggal tentulah akan sangat bermanfaat bagi para pengunjung blog anda. Nah untuk menambahkan salah satu koleksi widget kalender yang menarik ke dalam blog anda, ikutilah panduan berikut ini:

  1. Masuklah terlebih dahulu kehalaman Design lantas pilihlah add Gadget Pilih opsi More Gadgets di sisi kiri atas halaman Pilih Daily Calender.
  2. Pada halaman selanjutnya yang muncul, lakukanlah pengaturan Nama dan Tinggi nya.
  3. Berikutnya Simpan
  4. Selesai

Cara Memasukkan Video Ke Postingan Blog Blogger


Langkah pertama


Silahkan cari video youtube yang ingin anda masukkan ke posting di situsnya yaitu www.youtube.com

Langkah @2


Silahkan klik tulisan Embed yang letaknya di sebelah kanan Video tersebut dan silahkan tunggu sampai kode html nya terlihat . Lihat Gambar Berikut.
Cara Memasukkan Video Youtube Ke Posting Blog

Langkah @3


Letakkan kode html vide youtube tersebut di tempat yang anda inginkan, setelah itu silahkan publikasikan Postingan tersebut.

Jika anda mengklik Menu Compose (yang bersebelahan dengan Edit HTML itulho), maka video youtube tersebut akan terlihat seperti ini:

Cara Memasukkan Video Youtube Ke Posting Blog
Oh ia.. Hampir saja lupa.

Tadi saya bilang bahwa kita bisa juga mamasukkan video dari komputer/laptop ke postingan blog blog.

Untuk panduan bagaimana cara memasukkan atau upload video yang ada di koputer/laptop kita ke postingan blog blogger silahkan lihat Video YouTube di bwah ini.

Di dalam video tersebut juga ada sedikit tutorial cara memasukkan video you tube ke postingan blog blogger.

Membuat Related Post dengan Thumbnails


Langkah-langkah Membuat Related Post Thumbnails
1. Login terlebih dahulu ke blogger.com
2. Lalu buka window baru pada browser anda klik CTRL+T
3. Di window baru tersebut silahkan ketikkan/buka http://linkwithin.com
4. Setelah muncul seperti gambar di atas masukkan detail blog yang akan anda pasangRelated Post Thumbnails di form yang tersedia
Email : Masukkan alamat email anda
 - Blog Link : Isi dengan alamat blog anda yang akan dipasang Related Post dengan Thumbnails
 - Platform : Isi dengan platform blog anda, jika blogspot pilih Blogger. Jika WordPress pilih WordPress. Untuk panduan blog kali ini saya jelaskan Related Post Thumbnails di blogspot
 - Width : Isi pilih berapa Thumbnails yang akan anda tayangkan. Maksimal 5 stories
5. Klik tombol Get Widget !
6. Klik Link Install Widget dan akan terbuka Window baru yang mengarah ke login blog anda di Blogger.com ( Ingat tadi saya suruh login kan ). Dan akan melihat halaman seperti di bawah ini :
7. Pada tampilan Menambah Elemen Halaman di atas, pilih blog yang akan anda pasang Related Post, Isi Judul dengan Related Post atau Artikel Terkait atau Baca juga ya artikel yang lain… atau apa saja sesuai dengan selera anda. Edit konten dan Edit Templatebiarkan saja apa adanya.
8. Klik tombol Menambah Widget
9. Sebuah elaman halaman akan otomatis bertambah dan lihatlah hasilnya.
Cara Meletakkan Related Post dengan Thumbnails di bahwa setiap Posting
1. Masih di Elemen Halaman tadi ( jangan close setelah langkah terakhir tadi ) geser Widget Related Post ke bawah Blogs Post seperti gambar di bawah ini
2. Jangan lupa klik SAVE/Simpan di bagian atas kanan.
Selamat !

Cara Membuat Link Blog


Bagi blogger pemula mungkin membuat link masih merupakan barang baru. Bahkan tidak jarang saya mendapatkan sms yang bertanya tentang bagaimana sich membuat KLIK DI SINIkalau diklik akan mengarah ke halaman lain. Nah jadi dalam kesempatan ini saya akan menjawabnya untuk anda. Semoga akan bermanfaat.
Cara Membuat Link di area artikel, Khusus Blogspot
1. Silahkan anda login seperti biasa ke blogger.com
2. Lakukan posting artikel, klik Entry Baru atau Posting, tulis judul dan isi artikel
3. Sekarang silahkan anda sorot kata atau kalimat yang akan anda buatkan linknya seperti dalam gambar saya sorot Supercross motorcycle racing.
4. Klik di bagian atas area posting artikel menu Link seperti iniAdd or Remove Link ) dan akan keluar window seperti di bawah ini
5. Masukkan di Web Address link url yang akan anda munculkan di artikel lalu klik tombol OK. Jika anda mau link anda bila diklik terbuka window baru / New Window centang saja Open this link in a new window lalu klik OK.
Cara Membuat Link di Side Bar
Membuat link di side bar biasanya digunakan untuk tukeran link atau memasukkan blog blog milik anda yang lain. Siapa tahu anda punya banyak blog di internet dan bisa anda masukkan di side bar. Berikut caranya :
1. Login ke blogger.com
2. Klik Tata Letak/Rancangan.
3. Klik Tambah Gadget
4. Klik menu Daftar Link
5. Isi form di atas sebagai berikut :
•  Judul, Isi judul sesuai dengan selera anda misalnya my blog atau my link atau blog saya yang lain atau blogroll dll.
•  URL Situs baru, isi dengan alamat blog anda, teman anda atau blog saya ( he he he )
•  Nama Situs baru, isi dengan kata atau kalimat yang menggambarkan blog anda misalnya tips blogging.
6. Klik Simpan/Save

Minggu, 06 Mei 2012

Menambahkan Musik Pada Blog


Cara Memasang Musik di Blog
1. Buka web musiknya di http://fullmusik.co.cc
2. Pilih lagu yang akan anda pasang ke blog anda. Lagu banyak tuh. Ada Malaysia Song, Lagu Indonesia, English Song, Nasyid Song dll. Dalam contoh kali ini saya pilih lagu Group Wali, Doaku Untukmu Mama.
3. Klik saja judulnya dan copy kodenya. Untuk kode wali band- doaku untukmu sayangadalah di bawah ini

Selanjutnya pasang kode Musik di blog anda, caranya sebagai berikut :
1. Login ke blogger.com
2. Klik Design atau Rancangan. Kalau blogger versi terbaru klik Tata Letak
3. Lalu klik Tambah Gadget
4. Klik HTML/JavaScript
5. Masukkan kode html musik yang telah anda copy tadi.
6. Klik Simpan/Save.
7. Nggak ada langkah ke 7. He he he. Sukses. Buka blog anda sekarang. Sebuah alunan lagu mendayu-dayu di telinga anda khan? Nah jika blog anda dibuka oleh visitor dari seberang sana, atau oleh pacar anda dll. mereka juga akan mendengarkan musik yang telah anda pasang. Contoh blog yang saya pasang musik, silahkan berkunjung kehttp://bl4you.blogspot.com.

Menambahkan Jam Pada Blog


Ada beberapa langkah yang harus anda lakukan dalam cara menambahkan jam di blog anda, nah berikut cara selengkapnya :
Langkah 1
Buka situs ini http://www.clocklink.com
Trus Want a clock on your Website
Langkah 2
Silahkan anda melihat-lihat dulu model dari jam yang tersedia, yaitu mulai dari Analog, Animal, Animation, dll
Langkah 3
Jika anda sudah menemukan jam yang anda suka, klik tulisan View HTML tag yang berada di bawah jam yang anda sukai tadi
Langkah 4
Klik tombol yang bertuliskan Accept
Langkah 5
Pilih waktu yang sesuai dengan tempat anda di samping tulisan TimeZone. Contoh : untuk indonesia bagian barat pilih GMT +7:00
Langkah 6
Set ukuran jam yang anda sukai di samping tulisan size
Langkah 7
Copy code HTML ter sebut TRUS BUKA BLOGGER
Langkah 8
Lalu kembali masuk kehalaman blogger, pilih Elemen halaman -> Tambahkan sebuah Elemen Halaman -> pilih HTML/JavaScript -> lalu Copy/Paste code tersebut, dan jangan lupa di simpan dan selesai.

Cara Menghilangkan Navbar Pada Blog

Untuk menghilangkan navbar blogger, sobat tinggal menambahkan kode di bawah ini pada style sheet CSS : 


/* hilangkan navbar
----------------------------- */

#navbar-iframe {
height:0px;
visibility:hidden;
display:none
}


Atau bisa juga menaruh kode berikut persis di bawah kode  : 





Mau pilih yang mana? keduanya mempunyai fungsi yang sama yaitu menghilangkan navbar blogger. Masih bingung juga dalam pemasangan kode di atas? silahkan ikuti langkah-langkah berikut ini : 

  • Untuk template klasik


    1. Sign in di blogger


    2. Klik menu Template


    3. Klik menu Edit HTML


    4. Copy seluruh kode yang ada lalu save di komputer sobat sebagai backup data agar aman


    5. Copy kode berikut lalu paste di atas kode 



    6. /* hilangkan navbar
      ----------------------------- */

      #navbar-iframe {
      height:0px;
      visibility:hidden;
      display:none
      }


    7. Klik tombol Simpan Perubahan Template


    8. Selesai.



  • Untuk template baru


    1. Sign in di blogger


    2. Klik menu Layout


    3. Klik menu Edit HTML


    4. Klik link bertuliskan Download Template Seluruhnya, silahkan save dulu untuk backup data


    5. Copy kode berikut lalu paste di atas kode ]]>



    6. /* hilangkan navbar
      ----------------------------- */

      #navbar-iframe {
      height:0px;
      visibility:hidden;
      display:none
      }


    7. Klik tombol Simpan Template


    8. Selesai.

    Membuat Menu Sederhana

    Sekarang sudah banyak tutorial membuat menu horizontal yang beredar pada internet mulai dari yang sederhana hingga yang menggunakan animasi, kali ini kita akan mencoba membuat menu horizontal yang sederhana. Seperti dibawah ini :



    Berikut kode menu horizontal :


                        
    Keterangan :
    • Ubah dengan Link Tujuan Menu
    • Ubah Menu dengan nama menu yang Anda inginkan

    Cara memasangnya pada blog.
    Cara 1 < Elemen Laman > :
    1. Masuk pada blog Anda
    2. Pilih Rancangan >> Elemen Laman
    3. Pilih Tambahkan Widget >> HTML/JavaScript
    4. Pastekan kode menu horizontal diatas pada widget
    5. Pindahkan wiidget munu kebawah Header blog Anda
    Cara 2 < Edit HTML > :
    1. Masuk pada blog Anda
    2. Pilih Rancangan >> Edit HTML
    3. Centang Expand Template Widget terlebih dahulu
    4. Cari kode :
    5. Pastekan kode Menu Horizontal tepat diatas kode 
      tersebut
    6. Simpan Template dan lihat hasilnya