Cara Buat FB Bergetar

Cara Buat Getaran ( Vibra ) atau Gempa di Facebook sobat.

Waduh Ternyata Bukan HP saja yang ada Vibra nya, Ternyata Facebook sobat juga bisa kita bikin Bergoyang ria.

Ingin bermain-main dan jenuh dengan aktifitas Sobat yang itu-itu saja di facebook, mari kita bermain dengan Script berikut untuk membuat Facebook Kita jadi Bergetar ala HP.

Ikuti caranya sbb:

1. Copy dan paste kode berikut ke Browser atau tempat teman-teman biasa mengetik alamat url (http://www)
   
   
   
   
   javascript:function Shw(n) {if (self.moveBy) {for (i = 35; i > 0; i--) {for (j = n; j > 0; j--) {self.moveBy(1,i) ;self.moveBy(i,0);self.moveBy(0,-i);self.moveBy(-i,0); } } }} Shw(6)
2. Tekan Enter

Selamat Semua Gambar Di Facebook ANda Melayang. Dan Untuk mengembalikan seperti Semula, Anda cukup menekan Represh

READ MORE - Cara Buat FB Bergetar

Cara Memasang Templat diblog

salam sobb ..
okee kali ini saya akan share tentang gimana cara memasang templat diblog kita.
baiklah langsung aja iia ke langkahnya

langkah-langkah :
1. login dulu ke blog sobat
2. klik rancangan dihalaman dasbor

3. kemudian klik edit HTML

4. sebelum sobat k step ini ,sobat terlebih dahulu mendownload templat nya.
5. dan jika sudah didownload, browser templat sobat. lihat gambar

6. klik tombol upload . selesaii


 good luck yaa :)

READ MORE - Cara Memasang Templat diblog

Cara Menampilkan Judul Posting sebelum Judul Blog agar SEO Friendly

hyy sob ,, sebelum saya share

Cara Menampilkan Judul Posting sebelum Judul Blog, saya bingung gimana mau nampilkan postingan kita ke search engine , tapi nahh alhmdulillahh sekarang udahh dapat .hehehe ..

ok lah langsung ajaa ya ::

langkah nya :

1. Login ke Dashboard > layout > Edit HTML
2. Cari kode berikut :

<title><data:blog.pageTitle/></title>

3. Ganti dengan kode berikut :

<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.title/></title>
<b:else/>
<title><data:blog.pageName/> - <data:blog.title/></title>
</b:if>

4. Kemudian klik Simpan.

5. selesai deehh

 

 gud lakk .,he

READ MORE - Cara Menampilkan Judul Posting sebelum Judul Blog agar SEO Friendly

Cara Pasang Iklan Melayang Dengan 1 Kali Close

Ada banyak cara yang di gunakan untuk membuat iklan atau widget/gadget melayang pada blog anda, bagi yang baru belajar dan baru mengenal pengkodean HTML javascript ini adalah salah satu cara yang dapat anda coba, tidak terlalu rumit.

Dibawah ini cara pemasangannya:

• Login ke blogger.
• Silahkan tuju ke Tata Letak.
• Klik tab Elemen Halaman.
• Tambah Gadget (Add Gadget) -> pilih yang HTML/Javascript.
• Kemudian masukkan kode script dibawah ini :

<style type="text/css">
#gb{
position:fixed;

top:3px;

right:3px;

z-index:+1000;
}
* html #gb{position:relative;}


.gbcontent{
float:right;
border:2px solid #A5BD51;
background:#ffffff;
padding:10px;
}
</style>

<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir-100;
gb.style.top = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>

<div id="gb">

<div class="gbtab" onclick="showHideGB()"> </div>

<div class="gbcontent">

<div style="text-align:right">
<a href="javascript:showHideGB()">
.: Close [Click 1 x]:.
</a>
</div>
<center>

==============Area Pasang Iklan anda ==============
<a href="http://duniaiklanonline.blogspot.com/" target="_blank">Iklan Baris Gratis Tanpa Daftar</a><br/>
==============Area Pasang Iklan anda ==============
</center>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.center = (20-gb.offsetWidth).toString() + "px";
</script></div></div>

• Klik Simpan
• Selesai

Catatan:
Untuk memberikan jarak antara tepi Browser dengan iklan anda yang perlu dirubah adalah kode di atas yang berwarna merah. right:3px; top:3px; ganti 3px dengan angka yang anda butuhkan.
Untuk mengganti background iklan melayang silahkan ganti kode di atas yang berwarna biru.
Untuk merubah posisi Iklan silahkan ganti kode berikut right:3px; dengan posisi anda misalnya left, center, right, lihat tanda warna Merah.

GOOD LUCK ??!!

READ MORE - Cara Pasang Iklan Melayang Dengan 1 Kali Close

Cara Pasang Read More Otomatis di Blogspot

wassalam sob
kali inii saya akan share gimana membuat READ MORE pasa postingan , oke tanpa basa basi , langsung aja ya .
Langsung saja kita praktekan cara membuat read more otomatis tersebut di bawah ini:

Penting! Yang sudah memasang Read More versi lama sebaiknya di kodenya kembalikan dulu ke seperti semula, caranya hapus kode yang berwarna merah dibawah ini (Setiap template mungkin berbeda, jadi tinggal disesuaikan saja)

Koleksi Tutorial Lainnya

<div class='post-header-line-1'/>

<div class='post-body'>

<b:if cond='data:blog.pageType == "item"'>

<style>.fullpost{display:inline;}</style>

<p><data:post.body/></p>

<b:else/>

<style>.fullpost{display:none;}</style>

<p><data:post.body/></p>

<a expr:href='data:post.url'>Readmore</a>

</b:if>

<div style='clear: both;'/>

Kalau sudah kita ke tahap selanjutnya

Pertama, silahkan langsung ke halaman EDIT HTML, Cari kode
</head> kemudian letakan script dibawah ini di atas kode </head> jangan lupa di simpan terlebih dahulu.

Langsung copy paste aja kode dibawah ini:

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<script type='text/javascript'>
var thumbnail_mode = &quot;float&quot; ;
summary_noimg = 280;
summary_img = 250;
img_thumb_height = 70;
img_thumb_width = 100;
</script>
<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(b,a){if(b.indexOf("<")!=-1){var d=b.split("<");for(var c=0;c<d.length;c++){if(d[c].indexOf(">")!=-1){d[c]=d[c].substring(d[c].indexOf(">")+1,d[c].length)}}b=d.join("")}a=(a<b.length-1)?a:b.length-2;while(b.charAt(a-1)!=" "&&b.indexOf(" ",a)!=-1){a++}b=b.substring(0,a-1);return b+"..."}function createSummaryAndThumb(d){var f=document.getElementById(d);var a="";var b=f.getElementsByTagName("img");var e=summary_noimg;if(b.length>=1){a='<span style="float:left; padding:0px 10px 2px 0px;"><img src="'+b[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';e=summary_img}var c=a+"<div>"+removeHtmlTag(f.innerHTML,e)+"</div>";f.innerHTML=c};
//]]>
</script>
</b:if>
</b:if>




SAVE
Updates!: Apabila memakai trik diatas yang berwarna hijau saja halaman statis pasti ikut terpenggal seperti halaman depan, untuk itu silahkan pasang kode diatas yang saya kasih tanda Warna Biru agar halaman statis normal kembali.

------------------------------------------

Masih pada halaman EDIT HTML, Beri tanda centang pada "Expand widget template" lalu temukan kode seperti dibawah

<data:post.body/>

Kalo sudah, ganti kode <data:post.body/> dengan semua 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:left'><a expr:href='data:post.url'>READ MORE -
<data:post.title/></a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

yang terakhir SAVE ya sob

READ MORE - Cara Pasang Read More Otomatis di Blogspot

Cara Menghasilkan Uang Dari Blog

Survei Adalah cara paling mudah untuk mendapatkan uang dari sebuah blog.yang perlu anda lakukan hanya melihat situs dan mengomentarinya.setiap situs yang anda komentari akan di bayar 1 dolla per situs.Dan 1,25 dollar unruk setiap orang yang bergabung kesitus tersebut.Berikut ini adalah situs untuk anda bisa menghasilakan uang dengan mensurvei.

READ MORE - Cara Menghasilkan Uang Dari Blog

key kaspersky 2011

 

nii sob buat yang nyarii key kaspersky 2011 . langsung aja ya klik download

READ MORE - key kaspersky 2011

AVG AntiVirus Free

Kualitas software anti virus ini sudah tidak diragukan lagi. Terbukti!, 50 juta orang di dunia telah menggunakan anti virus ini.
Versi gratis dari anti virus AVG mendapatkan rating bintang 5 dari CNET Download.com.
langsung ajaa ya soob  download disini

READ MORE - AVG AntiVirus Free

Quran Auto Reciter

Software sederhana namun cukup canggih yang wajib untuk di miliki oleh setiap umat muslim!
Software ini dapat membantu anda untuk belajar "membaca" sambil "mendengarkan" Al-Qur'an. Quran Auto Reciter juga di lengkapi dengan pengingat "sholat 5 waktu".

download disini 

READ MORE - Quran Auto Reciter

Thumbsuck > Si Pencuri data flashdisk

Usb Flasdisk adalah media penyimpanan data yang sekarang umum digunakan. dalam flasdisk kadang sesorang menyimpan data-data penting yang mungkin berharga. nah sekarang saya akan memberikan sebuah software yang bisa digunakan untuk mencuri data dari flasdisk tanpadisadari oleh pemiliknya..penasaran? 

aplikasi ini bernama ThumbSuck, aplikasi ini biasanya dikenali oleh antivirus sebagai Worm.. tapi saya berani menjamin 100% program ini tidak akan merusak software kita. jadi sebaiknya untuk menggunakan aplikasiini lebih baik antivirus andadi disable dahulu.

cara penggunaannya cukup mudah, yaitu:

• DownLoad ThumbSuck
• Extract 
• Buat FoLder Dimana Anda Suka . . MisaLkan Di D:/Data Orang
• Simpan ThumbSuck.exe Di FoLder D:/Data Orang
• Simpan Shortcut ThumbSuck Di Desktop . . ApabiLa ada FLash disk Yang Tertancap KLik Icon ThumbSUCK
• Otomatis Thumbsuck.exe Akan Membuat FoLder baru di daLam FoLder D:/Data Orang,Yaitu "FD HACKING-Dump" di daLam FoLder Data Orang

Nah Sekarang Coba TancapKan FLash Disk Anda,Dan KLik ThumbSuck..Seperti nya Tidak Ada Proses Apa-apa Kan..Eit eit eit . . tunggu DuLu Coba Lihat Di Task Manager dan PiLih Tab Proses . . di situ Ada ThumSUCK Yang Sedang Bekerja Men . . !!!! . . . Baik Lah Cukup Sampai Disini ya . . Gunakan Dengan Bijak ya

download disini

 ref : http://ibnul-share.blogspot.com

READ MORE - Thumbsuck > Si Pencuri data flashdisk

Adobe Reader

Adobe merupakan sebuah perusahaan yang telah didirikan dan membangun kredibilitasnya sejak tahun 1982. Software Adobe reader ini berfungsi untuk membuka dan membaca file-file ebook berformat PDF.

download disitu ya sobb

download

READ MORE - Adobe Reader

Cara Menampilkan Label

Apa itu label?kalo kita beli barang di supermarket,disetiap barang pasti ada label harga,label jenis barang dan lain lain.nah di blog juga ada hal seperti itu.jadi label disini untuk mengelompokkan jenis jenis postingan dalam blog anda.bisa anda lihat contohnya ada di blog ini.

blogspot sendiri telah menyediakan fasilitas seperti ini.jadi anda bisa memanfaatkannya dengan mudah.dengan memasang label,maka akan mempermudah pengjung blog membaca artikel artikel yang telah anda tulis.dalam tips dan trik blog kali ini akan diajarkan cara membuat label

cara memasang label pada blog:

ada2 cara :
A.melalui menu posting
1.login ke blogger.com
2.klik new post
2.sekarang anda ada didalam menu posting.lihat dibagian paling bawah kiri.disana ada tulisan label
3.anda bisa menuliskan label di kolom tersebut.nanti label yang telah anda tulis disana otomatis akan langsung tersimpan dengan sendirinya.

B.melalui menu dasboard
1.login ke blogger.com
2.anda akan langsung masuk ke menu dasborad.klick edit post di bagian blog yang akan anda tambahkan label
3.di menu edit post akan muncul daftar tampilan semua tulisan/postingan anda
4.centang setiap postingan yang ingin anda tambahkan label
5.setelah itu klik bagian atas yang bertuliskan label.pilih new label..tuliskan nama label yang ingin anda gunakan.maka otomatis postingan yang tadi anda pilih telah tertempel label.

setelah pembuatan label selesai,sekarang kita akan memunculkan label label yang telah kita buat ke dalam blog.caranya:
1.masuk ke bagian layout-page element-gadgets
2.nanti akan muncul banyak sekali gadgets..
3.pilih "label"
4. atur letak label sesuai dengan yang anda inginkan.
5.kemudian save perubahan yang telah anda buat

sekarang coba anda kembali ke blog anda tadi.lihat sekarang label sudah muncul di blog anda.

Mudahh kaaan !!! hhe

READ MORE - Cara Menampilkan Label

Kode Warna HTML

Untuk mengubah warna background, warna font dan lain-lain dibutuhkan kode warna HTML. Berikut saya akan cantumkan jenis-jenis kode warna beserta nama dan sample nya pada background.

#FOF8FF Aliceblue

#FAEBD7 Antiquewhite

#00FFFF Aqua

#7FFFD4 Aquamarine

#F0FFFF Azure

#F5F5DC Beige

#FFE4C4 Bisque

#000000 Black

#FFEBCD Blanchedalmond

#0000FF Blue

#8A2BE2 Blueviolet

#A52A2A Brown

#DEB887 Burlywood

#5F9EAD Cadetblue

#7FFF00 Chartreuse

#D2691E Chocolate

#FF7F50 Coral

#64950 Cornflowerblue

#FFF8DC Cornsilk

#DC143C Crimson

#00FFFF Cyan

#00008B Darkblue

#008B8B Darkcyan

#B8860B Darkgoldenrod

#A9A9A9 Darkgray

#006400 Darkgreen

#8B008B Darkmagenta

#BDB76B Darkkhaki

#556B2F Darkolivegreen

#FF8C00 Darkorange

#9932CC Darkorchid

#8B0000 Darkred

#E9967A Darksalmon

#8FBC8B Darkseagreen

#483D8B Darkslateblue

#2F4F4F Darkslategray

#00CED1 Darkturquoise

#9400D3 Darkviolet

#FF1493 Deeppink

#00BFFF Deepskyblue

#696969 Dimgray

#1E90FF Dodgerblue

#B22222 Firebrick

#FFFAF0 Floralwhite

#228B22 Forestgreen

#FF00FF Fuchsia

#DCDCDC Gainsboro

#F8F8FF Ghostwhite

#FFD700 Gold

#DAA520 Goldenrod

#808080 Gray

#008000 Green

#ADFF2F Greenyellow

#F0FFF0 Honeydew

#FF69B4 Hotpink

#CD5C5C Indianred

#4B0082 Indigo

#FFFFF0 Ivory

#F0E68C Khaki

#E6E6FA Lavender

#FFF0F5 Lavenderblush

#7CFC00 Lawngreen

#FFFACD Lemonchiffon

#ADE8E6 Lightblue

#F08080 Lightcoral

#E0FFFF Lightcyan

#FAFAD2 Lightgoldenrodyellow

#90EE90 Lightgreen

#D3D3D3 Lightgray

#FFB6C1 Lightpink

#FFA072 Lightsalmon

#20B2AA Lightseagreen

#87CEFA Lightskyblue

#778899 Lightslategray

#B0C4DE Lightsteelblue

#FFFFE0 Lightyellow

#00FF00 Lime

#32CD32 Limegreen

#FAF0E6 Linen

#FF00FF Magenta

#800000 Maroon

#66CDAA Mediumaquamarine

#0000CD Mediumblue

#BA55D3 Mediumorchid

#9370DB Mediumpurple

#3CB371 Mediumseagreen

#7B68EE Mediumslateblue

#00FA9A Mediumspringgreen

#48D1CC Mediumturquoise

#C71585 Mediumvioletred

#191970 Midnightblue

#F5FFFA Mintcream

#FFE4E1 Mistyrose

#FFE4E1 Moccasin

#FFDEAD Navajowhite

#000080 Navy

#FDF5E6 Oldlace

#808000 Olive

#6B8E23 Olivedrab

#FFA500 Orange

#FF100%0 Orangered

#DA70D6 Orchid

#EEE8AA Palegoldenrod

#98FB98 Palgreen

#AFEEEE Paleturquoise

#DB7093 Palevioletred

#FFEFD5 Papayawhip

#FFDAB9 Peachpuff

#CD853F Peru

#FFC0CB Pink

#DDA0DD Plum

#B0E0E6 Powderblue

#800080 Purple

#FF0000 Red

#BC8F8F Rosybrown

#4169E1 Royalblue

#8B4513 Saddlebrown

#FA8072 Salmon

#F4A460 Sandybrown

#2E8B57 Seagreen

#FFF5EE Seashell

#A0522D Sienna

#C0C0C0 Silver

#87CEEB Skyblue

#708090 Slategray

#FFFAFA Snow

#00FF7F Springgreen

#4682B4 Steelblue

#D2B48C Tan

#008080 Teal

#D8BFD8 Thistle

#FF6347 Tomato

#40E0D0 Turquoise

#EE82EE Violet

#F5DEB3 Wheat

#FFFFFF White

#F5F5F5 Whitesmoke

#FFFF00 Yellow

#9ACD32 Yellowgreen

READ MORE - Kode Warna HTML

Cara Membuat Efek Meteor Jatuh

Cara Membuat Efek Meteor Jatuh
1. login blog
2. rancangan -> add widget (HTML/JavaScript)
3. lalu masukkan kode dibawah ini

<script language="javascript">
nd_mode="meteor";
nd_sound="on";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_top";
</script>
<script language="javascript" src="http://cayunkatel.googlecode.com/files/meteorjaruh.js">
</script>

4. simpan

READ MORE - Cara Membuat Efek Meteor Jatuh

Cara Merefresh Otomatis Di Blog

langsung aja ya sob kelangkahnya :

1. seperti biasa , login dulu diblog sobat
2. rancangan >> edit HTML
3. cari kode ]]></b:skin> menggunakan ctrl+F
4. lalu taruh kode dibawah ini dibawah kode ]]></b:skin>

<meta content='300' http-equiv='refresh'/>

5.lalu simpan

NB : pada angka 300 menunjukkan bahwa setiap 300 detik blog/website akan secara otomatis merefreshnya.

mudahh kaaan !!
gudd lakk ya sob ..

READ MORE - Cara Merefresh Otomatis Di Blog

Cara Membuat Blog

Ada dua layanan blog gratis yang sering digunakan oleh para bloger untuk ngeblog, yaitu blogspot (bloger.com) dan wordpress. Tapi kali ini yang akan dibahas adalah panduan cara membuat blog dengan blogspot (blogger) dulu. bagi kamu yang ingin tahu cara membuat blog di wordpress silahkan klik di sini
Oke, tanpa banyak berbasa-basi lagi silahkan baca langkah-langkah cara membuat blog di bawah ini ya…
1. Yang harus kamu siapkan dan wajib sebelum membuat atau bikin blog di blogspot (blogger) adalah memiliki email terlebih dahulu. email ini nantinya digunakan untuk mendaftar pertama kali. jika belum bisa atau belum membuat email baca di sini (klik di sini), kamu bisa belajar cara memabuat email di situ.  Tenang saja tidak usah terburu-buru. Baca dulu panduan ini sampai habis, kemudian baru dipraktekkan. oke
2. Jika sudah membuat email, bukalah alamat www.blogger.com, dan pastikan yang muncul adalah halaman seperti di bawah ini

klik tombol orange yang bertuliskan Memulai, untuk mulai mendaftar.
3. Kemudian lengkapi formulir pendaftaran pembuatan blog di blogspot seperti gambar di bawah ini.

gambar di atas merupakan contoh, untuk isinya sesuaikan dengan data yang kamu miliki
pada kolom alamat email : masukan email kamu
ketik ulang alamat email : masukan lagi email yang sama seperti diatas
masukan sebuah password : masukkan kata kunci (minimal 8 karakter, bisa huruf bisa angka)
ketikan ulang sandi : masukan lagi password yang telah kamu masukan sama dengan yang di atas
Nama tampilan : isi nama kamu atau nama alias kamu (ini akan tampil bersamaan dengan posting, artikel yang kamu buat nanti)
verifikasi : masukkan gambar kata yang terdapat di atas kolom.
pada gambar di atas sudah saya sertakan contoh pengisiannya
jika sudah diisi semua lalu klik Tombol panah orange (Lanjutkan)

4.  setelah kamu klik tombol lanjutkan, nanti akan tampil halaman formulir untuk melengkapi judul blog dan alamat blog kamu

Isilah Judul Blog dan Alamat blog sesuai dengan keinginanmu, jika alamat blog menggunakan 2 kata atau lebih gunakan tanda ( – ). karena blogspot tidak bisa menggunakan spasi. contoh pengisiannya perhatikan gambar di atas
terkadang alamat blog yang kita tulis sudah pakai oleh orang lain, jika sudah dipakai orang lain berati tidak bisa digunakan. Untuk mengetahui sudah dipakai orang lain atau belum Klik saja tombol “cek ketersediaan” jika belum dipakai orang lain, maka di bawahnya akan muncul tulisan warna hijau yang bertuliskan Alamat blog ini tersedia
jika sudah selesai menentukan judul dan alamat blog, silahkan klik tombol lanjutkan

5. Setelah kamu klik tombol lanjutkan, nanti akan tampil halaman untuk menentukan tema atau template blog kamu, seperti gambar di bawah ini.


Untuk memilih template tinggal klik salah satu. kemudian  klik  tombol lanjutkan.
Setelah tombol Lanjutkan di atas diklik,  berarti blog kamu sudah jadi, hanya saja belum ada artikelnya sama sekali. Untuk memberi artikel pertama kali, silahkan klik tombol Mulai Blogging seperti gambar di bawah ini.



6. Setelah kamu klik tombol mulai blogging nanti akan tampil halaman pengisian artikel.
gambar di bawah ini merupakan halaman pengisian artikel yang sudah disertai dengan contohnya.


Kolom judul untuk judul artikel, kolom yang lebar di bawahnya itu untuk menulis artikel atau posting, dan kolom label untuk mengisi jenis kategory artikel.
jika sudah diisi semua, tekan menu TERBITKAN ENTRI, setelah itu akan muncul pemberitahuan yang mengatakan bahwa kamu telah berhasil menerbitkan posting atau artikel seperti gambar di bawah ini.  Untuk melihat tampilan artikel yang berhasil kamu buat tadi silahkan klik tombol Lihat Entri.


Tampilan artikel di blog kamu akan tampak seperti gambar di bawah ini.

Sekarang blog kamu sudah selesai dibuat dengan satu buah artkel.
Perhatikan sisi halaman pojok kanan atas yang dilingkari.  tombol entri baru untuk menulis artikel yang baru, tombol Desain untuk menentukan atau pengatur Desain, sedangkan tombol keluar untuk Log out, jika sudah setelah memposting artikel atau setelah mengatur blog kamu.
7. jika suatu saat nanti kamu ingin memposting artikel baru lagi, kamu tidak perlu mendaftar lagi… tinggal buka www.blogger.com kemudian masukkan email , dan paswod kamu , kemudian klik tombol “masuk”, dengan begitu kamu akan d bawa ke menu dashboard blogspot,


Tampilan Dasrboard blogger kamu akan tampak seperti gambar di bawah ini, melalui halaman dashboard kamu bisa mengedit, membuat posting, ataupun mengatur setting blog kamu.

Beberapa waktu yang lalu, untuk bisa menggunakan blogger secara penuh, kita harus melakukan verifikasi akun dengan mengklik link verisikasi dari Blogger.com yang dikirimkan ke email kita, namun saat ini sudah tidak lagi. Jadi kita bisa menggunakan blogger secara penuh TANPA repot verisikasi akun.

8. Oh iya jika kamu sudah mempunyai email di Gmail. kamu tidak perlu mendaftar dari awal… Kamu dapat  langsung memasukkan alamat email gmail dan password kamu, kemudian klik tombol masuk.
jika menggunakan email dari Gmail, kamu tidak perlu memasukan password dan email lain ataupun capta kode lagi… tinggal masukkan nama tampilan saja
Selanjutnya langkah-langkahnya sama dengan yang di atas….
sampai di sini dulu posting tentang langkah membuat blog di blogspot, semoga cukup mudah dipahami, jika kurang paham mohon maaf, dan bisa menuliskan komentar ada di bawah ini jika ada pertanyaan dan saran. terima kasih. dan selamat mencoba

ref :http://ridwanaz.com

READ MORE - Cara Membuat Blog

Membuat Menu Dibawah Header

langsung aja ya sob :
Hal pertama yang harus dilakukan adalah login ke blogger > Layout/Tata Letak > Edit Html .
Selanjutnya Anda cari kode dibawah ini, untuk mempermudah pencarian silahkan gunakan CTRL+F

<div id='crosscol-wrapper' style='text-align:center'>
<b:section class='crosscol' id='crosscol' showaddelement='no'>
<b:widget id='HTML1' locked='false' title='' type='HTML'/>
</b:section>
</div>

Anda ubah kode showaddelement='no' menjadi  showaddelement='yes' , kalau sudah klik simpan ya

Setelah yang pertama sudah disimpan, sekarang klik Page elements / Elemen Laman > Tambah Gadget > HTML/Javascript , copy kode dibawah ini,simpan dan letakan tepat dibawah header.
Untuk menambah gadget dibawah header bisa baca  disini

<a href="http://www.masbugie.com " class="navigation">HOME</a>
<a href="http://www.masbugie.com " class="navigation">CONTACT</a>
<a href="http://www.masbugie.com " class="navigation">BUKU TAMU</a>
<a href="http://www.masbugie.com " class="navigation">FACEBOOK</a>
<a href="http://www.masbugie.com " class="navigation">TWITER</a>
<a href="http://www.masbugie.com " class="navigation">DOWNLOAD</a>
<a href="http://www.masbugie.com " class="navigation">LAIN-LAIN</a>
<a href="http://www.masbugie.com " class="navigation">CHATTING</a>

*Alamat url diatas silahkan sesuaikan dengan blog Anda.


Hal ketiga adalah supaya menu itu menimbulkan efek warna sehingga menjadi kelihatan menarik.

Klik Tata Letak > Edit HTML , cari kode </b:skin> , agar mudah gunakan tombol CTRL+F
Copy kode dibawah ini dan letakan tepat diatas kode  </b:skin> kemudian simpan.

a.navigation {
background: #3333ff ;
color: #ffffff;
margin: 1px;
padding: 2px;
border-width: 0;
text-transform: uppercase;
text-decoration: none;
font-weight: bold;
}
a.navigation:hover {
background: #333333;
color: #ffffff;
text-decoration: none;
}

Perhatikan kode yang berwarna biru adalah warna tombol dan efek hover dan bisa dirubah sesuka hati Anda.Dan yang berwarna merah adalah jarak antara tombol satu dengan lainnya, silahkan Anda sesuaikan sesuai selera.

Untuk mengetahui kode-kode warna dalam HTML silahkan lihat juga disini

Selesai, semoga bermanfaat....salam

Read more: Membuat Menu di Bawah Header / Judul Blog | Mas Bugie [dot] com http://www.masbugie.com/2010/05/membuat-menu-di-bawah-header-judul-blog.html#ixzz1dUdc8no3

READ MORE - Membuat Menu Dibawah Header

Cara Membuat Scroll Pada Blog Archive (Arsip Blog)

nampaknya tampilan arsip yang biasa kagak menarik dan memakan area yang lebih banyak jadi nii sob ada langkah tuk buat scroll arsip kita , tanpa panjang lebar yukk kita ikuti step nya sob

READ MORE - Cara Membuat Scroll Pada Blog Archive (Arsip Blog)

Efek ini secara otomatis akan muncul setelah sobat" menggerak"an kursor sobat. untuk contoh seperti kursor saya , baguskan ??!!!

 langsung aja iia ke langkahnya :
1.Login ke Blogger
2.Rancangan --> Elemen Laman --> klik Tambah Gadget --> HTML/Javascript
3.Lalu Copy dan Paste Kode Bubble Kursor Efek di bawah ini di kotak HTML/Javascript

<noscript></noscript><!-- --><script type="text/javascript" src="http://www.freewebs.com/p.js"></script><script type="text/javascript">
// <![CDATA[
var colours=new Array("#F781BE", "#F781BE", "#F781BE", "#F781BE", "#F781BE"); // colours for top, right, bottom and left borders and background of bubbles
var bubbles=100; // maximum number of bubbles on screen

var x=ox=400;
var y=oy=300;
var swide=800;
var shigh=600;
var sleft=sdown=0;
var bubb=new Array();
var bubbx=new Array();
var bubby=new Array();
var bubbs=new Array();

window.onload=function() { if (document.getElementById) {
var rats, div;
for (var i=0; i<bubbles; i++) {
rats=createDiv("3px", "3px");
rats.style.visibility="hidden";

div=createDiv("auto", "auto");
rats.appendChild(div);
div=div.style;
div.top="1px";
div.left="0px";
div.bottom="1px";
div.right="0px";
div.borderLeft="1px solid "+colours[3];
div.borderRight="1px solid "+colours[1];

div=createDiv("auto", "auto");
rats.appendChild(div);
div=div.style;
div.top="0px";
div.left="1px";
div.right="1px";
div.bottom="0px"
div.borderTop="1px solid "+colours[0];
div.borderBottom="1px solid "+colours[2];

div=createDiv("auto", "auto");
rats.appendChild(div);
div=div.style;
div.left="1px";
div.right="1px";
div.bottom="1px";
div.top="1px";
div.backgroundColor=colours[4];
div.opacity=0.5;
if (document.all) div.filter="alpha(opacity=50)";

document.body.appendChild(rats);
bubb[i]=rats.style;
}
set_scroll();
set_width();
bubble();
}}


function bubble() {
var c;
if (x!=ox || y!=oy) {
ox=x;
oy=y;
for (c=0; c<bubbles; c++) if (!bubby[c]) {
bubb[c].left=(bubbx[c]=x)+"px";
bubb[c].top=(bubby[c]=y)+"px";
bubb[c].width="3px";
bubb[c].height="3px"
bubb[c].visibility="visible";
bubbs[c]=3;
break;
}
}
for (c=0; c<bubbles; c++) if (bubby[c]) update_bubb(c);
setTimeout("bubble()", 40);
}

function update_bubb(i) {
if (bubby[i]) {
bubby[i]-=bubbs[i]/2+i%2;
bubbx[i]+=(i%5-2)/5;
if (bubby[i]>sdown && bubbx[i]>0) {
if (Math.random()<bubbs[i]/shigh*2 && bubbs[i]++<8) {
bubb[i].width=bubbs[i]+"px";
bubb[i].height=bubbs[i]+"px";
}
bubb[i].top=bubby[i]+"px";
bubb[i].left=bubbx[i]+"px";
}
else {
bubb[i].visibility="hidden";
bubby[i]=0;
return;
}
}
}
document.onmousemove=mouse;
function mouse(e) {
set_scroll();
y=(e)?e.pageY:event.y+sleft;
x=(e)?e.pageX:event.x+sdown; }

window.onresize=set_width;
function set_width() {
if (document.documentElement && document.documentElement.clientWidth) {
swide=document.documentElement.clientWidth;
shigh=document.documentElement.clientHeight;
}
else if (typeof(self.innerHeight)=="number") {
swide=self.innerWidth;
shigh=self.innerHeight;
}
else if (document.body.clientWidth) {
swide=document.body.clientWidth;
shigh=document.body.clientHeight;
}
else {
swide=800;
shigh=600;
}
}
window.onscroll=set_scroll;
function set_scroll() {
if (typeof(self.pageYOffset)=="number") {
sdown=self.pageYOffset;
sleft=self.pageXOffset;
}
else if (document.body.scrollTop || document.body.scrollLeft) {
sdown=document.body.scrollTop;
sleft=document.body.scrollLeft;
}
else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
sleft=document.documentElement.scrollLeft;
sdown=document.documentElement.scrollTop;
}
else {
sdown=0;
sleft=0;
}
}
function createDiv(height, width) {
var div=document.createElement("div");
div.style.position="absolute";
div.style.height=height;
div.style.width=width;
div.style.overflow="hidden";
return (div);
}
// ]]>
</script>

NB :

• Kode yang berwarna merah adalah warna Bubble silahkan sobat ganti dengan warna kesukaan sobat, untuk bantuan kode warna silahkan klik disini.
• Kode yang berwarna biru adalah jumlah Bubble yang akan kita pasang. Sobat boleh menggantinya mau seberapa banyak Bubble yang akan di tampilkan

4. Simpan dan coba lihat hasilnya.....

ref : http://vikrymadz.blogspot.com

READ MORE -

Cara Membuat Kotak Fans Page

Apakah Anda ingin menampilkan seberapa banyak fans blog Anda di Facebook? Saat ini Facebook menyediakan berbagai macam aplikasi dan widget yang dapat Anda gunakan di website atau blog Anda. Tapi kali ini saya akan membahas bagaimana cara membuat like box (dulu disebut fan box) dan menampilkannya di blog Anda.

Like box adalah sebuah widget yang dapat Anda tampilkan di blog atau website Anda, berupa kotak yang berisi foto-foto dari profile Facebook yang menyukai, atau meng-like blog kita dengan mengklik tombol like yang terdapat di kotak tersebut. Like Box dahulu bernama Fan Box dan tombol like di dalam kotak itu dulu ditulis become a fan. Tidak tahu kenapa Facebook menggantinya dengan like, menurut saya kata-kata become a fan agak sedikit terlalu berlebihan, tidak seperti kata like yang lebih familiar dan lebih ringan didengar.

Ada banyak keuntungan menggunakan Like Box, disamping dapat mendatangkan traffic dari Facebook, akan ada kepuasan tersendiri jika banyak yang menyukai blog kita. Tentu saja untuk menampilkan sebuah Like Box kita harus membuat page di Facebook. Page adalah fasilitas dari Facebook, penggunaannya sama seperti halnya profil pribadi Facebook kita, kita dapat menuliskan status, dan sharing apapun disana. Hanya saja di page ini tidak fasilitas add friend request atau approve friend request. Yang ada hanya tombol like itu tadi. Dan jika kita sudah meng-like sebuah page di Facebook, kita tidak perlu menunggu disetujui dahulu oleh sang empunya page.

Lalu bagaimana cara membuat page di Facebook?

Setelah login, klik link ini Create Facebook Page, selanjutnya pilih salah satu jenis halaman yang akan dibuat, berikut ini:
- Tempat atau Bisnis Lokal
- Perusahaan, Organisasi, atau Institusi
- Merek atau Produk
- Artis, Band, atau Tokoh Masyarakat
- Hiburan
- Gerakan atau Topik

Selanjutnya pilih kategori halaman yang tersedia, tulis Nama Halaman yang akan dibuat, dan beri tanda centang pada "I agree to Facebook Pages Terms" atau yang bertuliskan "Saya adalah perwakilan resmi bagi orang, bisnis, grup musik, atau produk ini, dan memiliki izin untuk membuat Halaman ini", serta akhiri dengan mengklik tombol Memulai. Jika Anda tidak masuk pada salah akun Facebook ketika membuat halaman, silakan klik tombol Buat Halaman Komunitas atau jika halaman yang dibuat bersifat resmi, pilih yang di sebelah kanannya dengan mengisi data yang diperlukan dan akhiri dengan mengklik tombol Buat Halaman Resmi.
Sekarang halaman Anda telah berhasil dibuat, silakan tambahkan informasi lainnya, dan undang teman Anda untuk bergabung atau menjadi penggemar di halaman tersebut.

Selanjutnya Anda dapat menambahkan foto atau mengedit profil sesuai dengan keinginan Anda.

Cara Membuat Like Box

Setelah selesai membuat Official Page pribadi Anda di Facebook, langkah selanjutnya adalah membuat Like Box.

- Klik Edit page.

- Lalu klik Promote with a Like Box.

- Pada Facebook Page ID isikan dengan Facebook Page ID Anda.
- ID ini dapat Anda temukan di address bar browser Anda.

- Maka akan Like Box Anda akan muncul. Anda tinggal mengatur saja Width, Height, Connections, Stream, Headernya.

Width: lebar dari Like Box, Height: tinggi dari Like Box, Connections: jumlah orang yang meng-like page Anda (sesuaikan dengan header dan width), Stream: aktivitas live terbaru dari page Anda, Header: opsi untuk menampilkan Find us on Facebook atau tidak.
Setelah selesai Anda setting, klik Get Code

- Dan akan muncul 2 macam kode yang dapat Anda pilih.

Saya menyarankan Anda gunakan XFBML, karena kelebihan dari XFBML adalah lebih flexible dibandingkan dengan iframe.
Kelebihan lain dari XFBML adalah Like Box yang Anda pasang nanti tidak akan menghalangi loading element lain di blog Anda. Berbeda dengan iframes, contoh: Like Box Anda taruh di sidebar bagian atas, jika loading Like Box ini belum sempurna, maka widget atau elemen lain di bawah Like Box akan loading sebelum Like Box Anda di-load secara utuh.
Namun ada kode yang harus Anda tambahkan agar Anda dapat menambahkan kode XFBML ini. Masukkan kode dibawah ini di header.php Anda setelah itu copy kode Javascript SDK yang ada di halaman tersebut.

 gudd lakk iia

NB : http://snifan.blogspot.com

READ MORE - Cara Membuat Kotak Fans Page

Menampilkan posting hanya judul saja

  lansung aja ya sob ke langkah-langkahnya .,

Berikut langkah-langkahnya :

1. Login ke Blogger dengan ID Blogger sobat.

2. Masuk ke halaman "Edit HTML".
3. Carilah kode ]]></b:skin>

4. Lalu copykan script dibawah ini dibawah kode ]]></b:skin> :

<style type='text/css'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
.post-body{display:none;}
</b:if>
</b:if>
</style>

5. Jika ingin menghilangkan tanggal posting, komentar dan yang lainnya. silakan copy script yang
dibwah ini :

<style type='text/css'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
.post-body, .post-footer, .jump-link,
.post-timestamp, .reaction-buttons,
.star-ratings, .post-backlinks,
.post-icons, .date-header{display:none;}
</b:if>
</b:if>
</style>

6. Simpan template, selesai.

 selamat mencobaa dan tinggalkan komentar iia ??!!

READ MORE - Menampilkan posting hanya judul saja

Cara Memasang Widget Tombol "Like" Facebook di Blog

sambil liat* blog temen , kepikir dehh mau ngepost Cara Memasang Widget Tombol "Like" Facebook di Blog.
nii diee caranya :
1. login blog
2. rancangan -> edit HTML (Centang Expand Template Widget )
3. cari kode <data:post.body/>
4. lalu taruh kode dibawah ini, dibawah kode diatas

<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=standard&amp;show_faces=false&amp;width=100
&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' height='30' scrolling='no' style='border:none; overflow:hidden; '/>

maka hasilnya akan seperti dibawah ini

lalu jika sobat ingin hasilnya seperti dibawah ini

maka ganti kode yang berwarna merah diatas menjadi button_count

coba ya !!!!!

NB : http://vikrymadz.blogspot.com 

READ MORE - Cara Memasang Widget Tombol "Like" Facebook di Blog

Cara Membuat Menu Bar Multi Level Drop Down

nyobain nih posting tentang trik blogging mengenai cara membuat menu bar multi level drop down diblog kita. ok kagak usahh panjang lebar langsung aja iia om caranya.







Caranya sangat lah mudah, ikuti  saja langkah berikut:

1. Login dulu ke bloger.com
2. Ke menu rancangan  >---->>Lalu pilih edit html
3. Sebelum mengedit template Anda, Anda sebaiknya menyimpan sebuah salinan dari template tersebut
4. Lalu cari kode </head> di kotak html,jika susah mencari anda bisa menekan Ctrl+f untuk mengeluarkan menu pencarian huruf  pada halaman Mozilla Firefox.
5. Letakkan kode berikut persis diatas kode </head>:
   
   
   
   
   
   
   
   <link rel="stylesheet" type="text/css" href="http://dsai.588.googlepages.com/slidemenu_hori.css" />
   
   <!--[if lte IE 7]>
   <style type="text/css">
   html .jqueryslidemenu{height: 1%;} /*Holly Hack for IE7 and below*/
   </style>
   <![endif]-->
   
   <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script>
   <script type="text/javascript" src="http://dsai.588.googlepages.com/slidemenu_horiz.js"></script>
6. Simpan template yang sudah dipaste kan sesuai dengan yang diatas
7. Setelah di save sekarang menuju menu Tata letak dan pilih menu Elemen halaman Lalu tambah gadget halaman dengan 
   
   

7. HTML/JAVASCRIPT Tambahkan fungsional pihak ketiga atau kode lainnya ke blog Anda. Oleh Blogger

8. copy kode berikut dan pastekan ke dalam gadget HTML/JAVASCRIPT Anda:
   
   
   
   
   
   
   
   <div id="myslidemenu" class="jqueryslidemenu">
   <ul>
   <li><a href="http://trieck69.blogspot.com">Item 1</a></li>
   <li><a href="#">Item 2</a></li>
   <li><a href="#">Folder 1</a>
   <ul>
   <li><a href="#">Sub Item 1.1</a></li>
   <li><a href="#">Sub Item 1.2</a></li>
   <li><a href="#">Sub Item 1.3</a></li>
   <li><a href="#">Sub Item 1.4</a></li>
   </ul>
   </li>
   <li><a href="#">Item 3</a></li>
   <li><a href="#">Folder 2</a>
   <ul>
   <li><a href="#">Sub Item 2.1</a></li>
   <li><a href="#">Folder 2.1</a>
   <ul>
   <li><a href="#">Sub Item 2.1.1</a></li>
   <li><a href="#">Sub Item 2.1.2</a></li>
   <li><a href="#">Folder 3.1.1</a>
   <ul>
   <li><a href="#">Sub Item 3.1.1.1</a></li>
   <li><a href="#">Sub Item 3.1.1.2</a></li>
   <li><a href="#">Sub Item 3.1.1.3</a></li>
   <li><a href="#">Sub Item 3.1.1.4</a></li>
   <li><a href="#">Sub Item 3.1.1.5</a></li>
   </ul>
   </li>
   <li><a href="#">Sub Item 2.1.4</a></li>
   </ul>
   </li>
   </ul>
   </li>
   <li><a href="http://trieck69.blogspot.com">Item</a></li>
   </ul>
   <br style="clear: left" />
   </div>
   
   
9. simpan gadget trus letakan gadgate persis dibawah header save template dan lihatlah
10. Anda juga bisa menambah dan mengganti nama menu sesuka hati, Saya ambilkan contoh dimenu yang pertama
    
    
    
    
    
    
    
    Menu yang belum dirubah
    
    

    <div id="myslidemenu" class="jqueryslidemenu">
    <ul>
    <li><a href="http://trieck69.blogspot.com">Item 1</a></li>

    
    

    perhatikan kode yang diberi warna hijau,karena warna hijau lah yang akan kita rubah

    menjadi
    
    

    Menu yang sudah dirubah
    
    
    <div id="myslidemenu" class="jqueryslidemenu">

    
    
    
    
    
    
    

    <ul>
    <li><a href="http://URL BLOG ANDA.blogspot.com">HOME</a></li>

    
    

    PERUBAHAN

       URL MASUKAN SESUAI DENGAN ALAMAT YANG MAU DITUJU

      TEXT ITEM 1 SAYA GANTI MENJADI HOME

    
    
11. Terimakasih, Dan kini Anda telah memiliki Menu bar Multi Level Drop Down di Blog Anda.....

Pembelajaran selesai semoga blog yang anda buat jadi tambah cantik........
GUD LAAKKK .....



ref : http://trieck69.blogspot.com

READ MORE - Cara Membuat Menu Bar Multi Level Drop Down