Postingan

Menampilkan postingan dari Februari, 2012

cara menyembunyikan fanpage di samping kiri blog

Gambar
Salam Pembaca Blog di label tutorial blog ,Untuk blogger yang mempunyai fanpage di facebook , anda bisa menaruhnya di blog anda masing – masing kalau postingan sebelumnya saya membahas bagaimana cara membuat fanpage di facebook dan cara menaruh fanpage di blog kali ini saya akan membahas mengenai cara menyembunyikan fanpage di sebelah kiri blog ,oke langsung saja ini tutorialnya : Langkah Pertama : 1. Dari Dasbor > Rancangan > Edit HTML 2.   Silahkan save dulu template tersebut, ini di maksudkan untuk mengurangi resiko apabila terjadi kesalahan ketika melakukan editting pada template, kita masih punya back up data untuk mengembalikannya seperti semula 3.   Beri tanda centang pada kotak di samping tulisan Expand Template Widget , 4. Menggunakan fungsi find, (ctrl + F), cari kode  </head> 5.   Copy dan paste kode di bawah SEBELUM kode </head> <script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' ty...

Cara Upload Gambar Di Blog (classic)

Gambar
Salam Pembaca Blog di label tutorial blog ,Meletakkan gambar dalam sebuah postingan dapat  membuat tampilan blog menjadi lebih menarik dan pengunjung pun akan suka melihat isi postingan anda serta dapat meningkatkan kualitas dari postingan/artikel anda,ada dua cara untuk mengupload gambar pada blog yaitu dengan cara Classic dan Cara Modern Tutorial untuk cara upload gambar di blog dengan cara Classic sebagai berikut 1.Login seperti biasa, klik   'New Post' atau anda bisa edit artikel yang telah anda buat 2.Akan muncul area untuk memposting, Klik icon upload picture seperti dibawah. Catatan : Tampilan dalam keadaan ' Html ' dan juga ' Compose' tetapi simbolnya tetap sama. 3.Klik ' Browse '. 4.Pilih gambar yang anda inginkan dari komputer anda. Catatan : Jika ingin mengupload  lebih dari satu gambar  klik pada 'Add more image' . 5.Pilih posisi dan size yang anda inginkan untuk gambar tersebut, kemudian klik 'Upload'. 6. Tunggu sampai g...

Cara Membuat Widget Dibawah header

Gambar
Salam Pembaca Blog di label tutorial blog ,Memang pada umumnya pada template blogger tidak bisa untuk menyimpan widget atau elemen langsung di bawah header, biasanya hanya bisa menyimpan di atas elemen post namun tentu saja lebar dari elemen tersebut hanya selebar elemen post. Apakah ada cara agar kita bisa menyimpan widget atau elemen persis di bawah header ? seperti gambar dibawah ini : tentu saja bisa dan bahkan banyak cara untuk melakukan ini,salah satunya caranya seperti berikut  Silahkan ikuti langkah-langkahnya dengan teliti ya . 1.      Login ke blogger dengan id anda. 2.      Klik Tata Letak . 3.      Klik tab Elemen Halaman , lihat pada struktur layout template anda. 4.      Sekarang kita akan memodifikasinya, 5.      Klik Tab Edit HTML . . 6.      Cari Kode yang mirip seperti ini : <b:section class='header' id='header' maxwidgets='1' showaddelem...

Source Kode Blogger Emoticons

Salam Pembaca Blog di label tutorial blog ,Tidak puas hanya dari yahoo !!Buat anda yang ingin menghiasi postingannya dengan berbagai ekspresi dari Blogger ini, ada source code dari blogger , silahkan : <img src="http://photos1.blogger.com/blogger/7678/802/1600/wink.gif"> <img src="http://photos1.blogger.com/blogger/7678/802/1600/biggrin.gif"> <img src="http://photos1.blogger.com/blogger/7678/802/1600/cool.gif"> <img src="http://photos1.blogger.com/blogger/7678/802/1600/mad.gif"> <img src="http://photos1.blogger.com/blogger/7678/802/1600/sad.gif"> <img src="http://photos1.blogger.com/blogger/7678/802/1600/ohmy.gif"> <img src="http://photos1.blogger.com/blogger/7678/802/1600/tongue.gif"> <img src="http://photos1.blogger.com/blogger/7678/802/1600/smile.gif"> Selamat mencoba, Sekian dan terima kasih telah mengunjungi label tutorial blog salam pembaca lab...

Source Kode Yahoo ! Messenger Emoticons

Salam Pembaca Blog di label tutorial blog , Buat anda yang ingin menghiasi postingannya dengan berbagai ekspresi dari yahoo, ini ada source codenya, silahkan : :)happy <img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif" width=18 height=18 border=0> :(sad <img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif" width=18 height=18 border=0> ;)winking <img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif" width=18 height=18 border=0> :Dbig grin <img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif" width=18 height=18 border=0> ;;)batting eyelashes <img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif" width=18 height=18 border=0> >:D<big hug <img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/6.gif" width=42 height=18 border=0> :-/confused <img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/...

Cara Mengubah lebar kotak komentar

Gambar
Salam Pembaca Blog di label tutorial blog , Mengubah lebar kotak komentar bagi sebuah blog dapat memberi tempat yang lebih luas kepada pengunjung yang sering memberikan komentar panjang – panjang  dan juga dapat memberikan tempat komentar  terlihat  sama besar dengan tempat postingan. Tutorial ini akan menunjukkan cara untuk melebarkan tempat kotak komentar, dan tutorial ini  hanya untuk blog yang menggunakan embedded comment . Sebelum Sesudah Berikut adalah langkah-langkah yang diperlukan untuk mengubah lebar  kotak komentar pada blog . 1. Login akun blogger anda, dari Dasbor  > Rancangan  > Edit html , kemudian klik  E xpand Template Widget 2. Pada keyboard anda, klik ctrl + f untuk menjalankan  fungsi find kemudian cari kode berikut. <iframe allowtransparency='true' class='blogger-iframe-colorize' frameborder='0' height='275' id='comment-editor' scrolling='no' src='' width=' 100 %'/> Keterangan : Ganti ...

Cara membuat Redirect blog lama ke yang baru

Salam Pembaca Blog di label tutorial blog , Anda sedang  membuat blog baru? tapi khawatir traffic anda menurun, sebab kalau membuat yang baru berarti trafficnya dimulai dari nol lagi. Tenang, anda tidak perlu khawatir lagi, laksanakan niat anda, buat blog baru dengan tampilan yang bagus, desain yang menarik, ringan dan clean atau terserah anda lalu tambah sedikit script berikut untuk Membuat alamat blog lama redirect ke alamat blog baru . cara kerjanya, ketika sesorang menuju alamat blog lama anda contohnya blog lama saya ini yaitu kliklabel.blogspot.com ketika orang ingin menuju blog itu dan mengetikannya di browser maka akan secara otomatis dibawa ke blog saya yang baru yaitu aurelialaras.blogspot.com ,Dan bagaimana Membuat alamat blog lama redirect ke alamat blog baru , langsung aja ini dia : 1. login dulu ke blog lama anda > rancangan > edit HTML > C entang expand widget 2. cari kode tag <head> (dengan menekan tombol CTRL+ F untuk mengaktifkan fungsi mencari) ...

Dasar CSS

Gambar
Salam Pembaca Blog di label tutorial blog , Taukah Anda apa itu CSS (Cascading Style Sheet) ?, CSS adalah bahasa scripting untuk memformat tampilan website secara keseluruhan. Misalnya Anda ingin mengatur jenis dan ukuran huruf, background, posisi element dan sebagainya. Sebagai contoh kita akan memformat tag p (parapraph) keseluruhan pada satu element dengan menggunakan cara HTML seperti ini <p font="tahoma">text</p>. Akan lebih efisien lagi jika kita memformat tag p dengan menggunakan CSS agar tidak terlalu rumit. Dan Anda juga bisa menyusun element layout dengan CSS tanpa harus menggunakan table yang menurut saya terlalu rumit dalam codingnya.  CSS juga bisa di akses oleh bahasa pemrograman, misalkan javascript, PHP dll. Pengguna'an CSS ada 3 cara yaitu 1. Langsung disisipkan didalam tag <head></head>. Untuk menyisipkan di dalam tag head harus diawali dengan tag <style type="text/css"></style> 2. Menggunakan fi...

Membuat Efek Gelembung Pada Blog

Salam Pembaca Blog di label tutorial blog , Membuat Efek Gelembung Pada Blog . Mungkin sudah banyak artikel yang sudah membahas di blog para blogger yaitu kalo ngga salah Tentang cara membuat efek hujan di blog ,efek hujan salju atau daun yang jatuh berguguran, tapi kali ini saya berbagi sebuah tips tentang cara membuat efek gelembung yang bertaburan di blog, Pertama masuk dulu ke akun blogger anda Masuk rancangan Edit HTML Cari kode <body> Lalu copy script di bawah ini lalu pastekan di bawah kode <body> <script src="http://clief.googlecode.com/files/bubble.js"></script> Setelah itu simpan template Sekarang lihat blog anda ada gelembung yg betaburan di blog anda. Sekian dan terima kasih telah mengunjungi label tutorial blog . salam pembaca label tutorial blog !!

Memanfaatkan Web Iklan Baris Untuk Meningkatkan Traffic Blog

Gambar
Web Iklan Baris untuk meningkatkan traffic Blog Salam Pembaca Blog di label tutorial blog , Traffic dan blog adalah 2 sisi yang harus selalu ada karena keduanya saling membutuhkan. Ada traffic tapi tidak punya blog apa namanya ya. Dan blog tanpa traffic ibarat rumah tak berpenghuni. Ihhhh ngeriiiii. Banyak blogger berlomba-lomba untuk meningkatkan traffic . Ada cara yang "halal" dan ada cara yang "haram". Cara yang halal misalnya melakukan promosi blog dengan baik, tidak melakukan spamming dan tidak melakukan Black Hat untuk memburu kata kunci di Search Engine. Cara yang haram sebaliknya. Misalnya melakukan spam komentar di mana, black hat SEO dll. Anda tinggal pilih mana yang berkenan, yang halal atau yang haram. Kalau cara halal Insya Allah umur blogmu akan langgeng. Dan kalau cara yang haram maka umur blogmu akan cepat gulung kertas atau gulung tikar. Dalam kesempatan ini saya akan sedikit mengulas tentang bagaimana cara meningkatkan traffic dengan memanfaatkan w...

Disable klik kanan pada image tanpa script

Gambar
Salam Pembaca Blog di label tutorial blog , Kali ini saya akan berbagi sedikit tutorial kecil yang sangat mudah namun rupanya sangat bermanfaat bagi sebagian banyak blogger yang memposting gambar, dan mungkin tidak ingin gambar dalam blognya atau website nya di copy bebas oleh orang lain. Sebenarnya banyak celah dan cara untuk meng-copy suatu file dalam sebuah website atau blog. Namun bagi orang yang awam hal tersebut akan sangat sulit dan memerlukan keterampilan khusus dan pengetahuan lebih tentang soure suatu website/blog. Dan itu tentunya sangat beruntung untuk kita. Beberapa trick serupa mungkin teman-teman pernah membacanya di blog nya para master. Namun saya pikir itu lebih rumit. Dan kali ini saya akan memberikan trik yang lebih simple dan mudah tentang bagaimana caranya agar suatu gambar tidak bisa di klik kanan tanpa menggunakan script yang berlebihan dan tidak ada peringatan sama sekali. Hanya menambahkan sedikit code pada code image nya. Code standar sebuah gam...