TUTORIAL BLOGGER: January 2009

Thursday, January 29, 2009

Rabu yang Menyakitkan

Diposkan oleh fandyQwu di 10:32 AM

Rabu, tepatnya pukul 21.30 WIB.
Awalnya 16.00 WIB saya melihat menayangkan blog saya di komputernya teman saya. Saya banyak membuka halaman saya agar BP Je saya meningkat dan tinggal klik 5-10 kali iklan google. Bayangan saya yaitu menjadi orang sukses dengan adsense yang saya miliki. Biasanya sehari saya rata-rata $ 4 , bayangkan jika itu diperoleh 1 bulan. Saya tidak bekerja keras, cuma klik-klik saja. Lebih dari cukup kan??? Maka dari itu saya melakukan klik dan menayangkan iklan sendiri.
Sungguh sangat menyedihkan. Ternyata tindakan saya diketahui oleh google. Entah bagaimana perasaan saya ketika melihat email yang isinya :

Halo fandy eka nanda,

Sewaktu memeriksa data kami baru-baru ini, kami menemukan bahwa
account

AdSense Anda telah menimbulkan risiko besar terhadap pengiklan AdWords.

Karena menyimpan account Anda dalam jaringan penayang kami dapat

merugikan pengiklan kami secara materi di masa mendatang, kami

memutuskan untuk menonaktifkan account Anda.

Harap maklum bahwa langkah ini perlu kami lakukan untuk melindungi

kepentingan pengiklan dan penayang AdSense lainnya. Kami menyadari

ketidaknyamanan yang ditimbulkan karenanya, dan kami berterima kasih

sebelumnya atas pengertian dan kerjasama Anda.

Jika Anda memiliki pertanyaan tentang account atau tindakan yang kami

lakukan, jangan balas email ini. Anda dapat menemukan informasi lebih

lanjut dengan mengunjungi

https://www.google.com/adsense/support/bin/answer.py?answer=57153&hl=in.

Hormat kami,

Tim Google AdSense

Sedih sekali.......
Itu mengkin kata-kata yang pantas aku ucapkan. Tapi ada kata lain selain itu.

SEmangat--Semangat--semangat!!!

Berjuang terus sampai titik darah penghabisan.

Selengkapnya... »»

Monday, January 26, 2009

Windows XP Shortcuts

Diposkan oleh fandyQwu di 11:10 AM

Kamu akan lebih enak kalau tahu tentang Shotrcuts di XP. Dengan ini kamu mudah untuk melakukan cara cepat/singkat. Berikut kode-kodenya :

ALT+- (ALT+hyphen) Displays the Multiple Document Interface (MDI) child window’s System menu
ALT+ENTER View properties for the selected item
ALT+ESC Cycle through items in the order they were opened
ALT+F4 Close the active item, or quit the active program
ALT+SPACEBAR Display the System menu for the active window
ALT+TAB Switch between open items
ALT+Underlined letter Display the corresponding menu
BACKSPACE View the folder one level up in My Computer or Windows Explorer

CTRL+A Select all
CTRL+B Bold
CTRL+C Copy
CTRL+I Italics
CTRL+O Open an item
CTRL+U Underline
CTRL+V Paste
CTRL+X Cut
CTRL+Z Undo
CTRL+F4 Close the active document
CTRL while dragging Copy selected item
CTRL+SHIFT while dragging Create shortcut to selected iteM
CTRL+RIGHT ARROW Move the insertion point to the beginning of the next word
CTRL+LEFT ARROW Move the insertion point to the beginning of the previous word
CTRL+DOWN ARROW Move the insertion point to the beginning of the next paragraph
CTRL+UP ARROW Move the insertion point to the beginning of the previous paragraph
SHIFT+DELETE Delete selected item permanently without placing the item in the Recycle Bin
ESC Cancel the current task
F1 Displays Help
F2 Rename selected item
F3 Search for a file or folder
F4 Display the Address bar list in My Computer or Windows Explorer
F5 Refresh the active window
F6 Cycle through screen elements in a window or on the desktop
F10 Activate the menu bar in the active program
SHIFT+F10 Display the shortcut menu for the selected item
CTRL+ESC Display the Start menu
SHIFT+CTRL+ESC Launches Task Manager
SHIFT when you insert a CD Prevent the CD from automatically playing
WIN Display or hide the Start menu
WIN+BREAK Display the System Properties dialog box
WIN+D Minimizes all Windows and shows the Desktop
WIN+E Open Windows Explorer
WIN+F Search for a file or folder
WIN+F+CTRL Search for computers
WIN+L Locks the desktop
WIN+M Minimize or restore all windows
WIN+R Open the Run dialog box
WIN+TAB Switch between open items

Windows Explorer Shortcuts

ALT+SPACEBAR - Display the current window’s system menu
SHIFT+F10 - Display the item’s context menu
CTRL+ESC - Display the Start menu
ALT+TAB - Switch to the window you last used
ALT+F4 - Close the current window or quit
CTRL+A - Select all items
CTRL+X - Cut selected item(s)
CTRL+C - Copy selected item(s)
CTRL+V - Paste item(s)
CTRL+Z - Undo last action
CTRL+(+) - Automatically resize the columns in the right hand pane
TAB - Move forward through options
ALT+RIGHT ARROW - Move forward to a previous view
ALT+LEFT ARROW - Move backward to a previous view
SHIFT+DELETE - Delete an item immediately
BACKSPACE - View the folder one level up
ALT+ENTER - View an item’s properties
F10 - Activate the menu bar in programs
F6 - Switch between left and right panes
F5 - Refresh window contents
F3 - Display Find application
F2 - Rename selected item

Internet Explorer Shortcuts

CTRL+A - Select all items on the current page
CTRL+D - Add the current page to your Favorites
CTRL+E - Open the Search bar
CTRL+F - Find on this page
CTRL+H - Open the History bar
CTRL+I - Open the Favorites bar
CTRL+N - Open a new window
CTRL+O - Go to a new location
CTRL+P - Print the current page or active frame
CTRL+S - Save the current page
CTRL+W - Close current browser window
CTRL+ENTER - Adds the http://www. (url) .com
SHIFT+CLICK - Open link in new window
BACKSPACE - Go to the previous page
ALT+HOME - Go to your Home page
HOME - Move to the beginning of a document
TAB - Move forward through items on a page
END - Move to the end of a document
ESC - Stop downloading a page
F11 - Toggle full-screen view
F5 - Refresh the current page
F4 - Display list of typed addresses
F6 - Change Address bar and page focus
ALT+RIGHT ARROW - Go to the next page
SHIFT+CTRL+TAB - Move back between frames
SHIFT+F10 - Display a shortcut menu for a link
SHIFT+TAB - Move back through the items on a page
CTRL+TAB - Move forward between frames
CTRL+C - Copy selected items to the clipboard
CTRL+V - Insert contents of the clipboard
ENTER - Activate a selected link
HOME - Move to the beginning of a document
END - Move to the end of a document
F1 - Display Internet Explorer Help

Selengkapnya... »»

Friday, January 16, 2009

Pasang Widget Google Translate

Diposkan oleh fandyQwu di 9:02 AM

Ini mungkin akan lebih lengkap jika ada widget google translate. Akan sangat mudah bagi pengunjung yang berasal dari luar negeri...

Widget yang akan terpasang adalah seperti gambar berikut, silahkan sorotkan mouse anda ke gambar-gambar bendera yang ada sehingga terlihat sedikit efek blur sebagai pemanis :

Bagi anda yang tertarik untuk memasang widget ini, berikut adalah langkah-langkahnya :

Silahkan login ke blogger dengan ID anda
Klik Tata Letak
Klik tab Elemen Halaman
Klik Tambah Gadget
Tambahkan HTML/Javascript
Copy paste kode google translate ke dalam HTML tersebut

Selengkapnya... »»

Wednesday, January 14, 2009

Marquee di Javascript

Diposkan oleh fandyQwu di 3:18 PM

Akan sangat mudah jika Marquee bisa ditempatkan di JAVASCRIPT. Jadi kamu tidak perlu meng-edit HTLM segala..

Untuk Template baru

Klik menu Layout

KLik menu Edit HTML

Klik tulisan Download Full Template, silahkan save dulu untuk berjaga-jaga apabila terjadi kesalahan editting

Copy paste kode berikut di antara kode <b:skin><![CDATA[ dan kode ]]></b:skin> , atau jika bingung simpan saja persis di atas kode ]]></b:skin>

#isi-marquee{ position: relative; width: 200px; /*lebar marquee */ height: 200px; /*tinggi marquee */ background-color: white; /*warna background */ overflow: hidden; padding: 2px; padding-left: 4px; }
Copy kode berikut lalu paste di atas kode </head>

Klik tombol SIMPAN TEMPLATE

Klik menu Elemen Halaman

Klik tulisan Tambah sebuah Elemen Halaman

Klik tombol TAMBAHKAN KE BLOG di bawah tulisan HTML/JavaScript

Copy paste kode berikut pada elemen yang muncul

Klik tombol SIMPAN PERUBAHAN

Sorot elemen yang baru di buat, klik lalu tahan dan kemudian pindahkan pada tempat yang sobat inginkan (di drag and drop)

Klik tombol SIMPAN

Selesai.

Selengkapnya... »»

Horizontal Dropdown Menu

Diposkan oleh fandyQwu di 3:03 PM

Sekilas tentang menu dropdown ini yaitu menu navigasi yang apabila di sorot oleh mouse akan secara otomatis mengeluarakan sub menu yang terkandung di dalamnya. Contoh gampang yaitu silahkan kamu sorot menu-menu yang ada pada bagian atas blog ini, tentunya nanti akan keluar berupa sub-sub menu. Ingin tahu cara membuatnya? silahkan baca tutorialnya sampai selesai !

• Untuk template minima baru

Sigin di blogger

Klik menu Layout

Klik menu Edit HTML

Klik tulisan Download Full Template, silahkan save dulu untuk berjaga-jaga apabila terjadi kesalahan editting

Copy paste kode berikut di antara kode dan kode
]]> , atau jika bingung simpan saja persis di atas kode
]]>

 #dropmenudiv{
position:absolute;
border:1px solid black;
border-bottom-width: 0;
font:normal 12px verdana;
line-height:18px;
z-index:100;

}

#dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid black;
padding: 1px 0;
text-decoration: none;
font-weight: bold;
color:#ffffff;

}

#dropmenudiv a:hover{ /*hover background color*/
background-color: #e7f4fd;
color:#000000;
}

/* menu dropdown
----------------------------------------------- */

#menu{
text-align: center;
background:#c4e1ff;
height:20px;
}

#menu a{
margin:0;
font-size:1em;
font-weight:normal;
padding-left:20px;
padding-right:20px;
letter-spacing:-1px;
color: #000000;
font-family:georgia,verdana,arial;
text-decoration:none;

}

#menu a:hover{
color: #ffffff;
background: #140E7E;
}

Copy paste kode berikut di atas kode </head>

<script type='text/javascript'>
//<![CDATA[

/***********************************************
* AnyLink Drop Down Menu- Â© Dynamic Drive (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit http://www.dynamicdrive.com/ for full source code
***********************************************/

//isi dari menu 1, silahkan ubah dengan link milik sobat
var menu1=new Array()
menu1[0]='<a href="http://template-unik.blogspot.com/2007/07/white-minima-3-column.html">Minima 3 column (classic)</a>'
menu1[1]='<a href="http://template-unik.blogspot.com/2007/07/white-minima-3-column-xml.html">Minima 3 column (beta)</a>'
menu1[2]='<a href="http://template-unik.blogspot.com/2007/07/scribe-3-column-classic.html">Scribe 3 column (classic)</a>'
menu1[3]='<a href="http://template-unik.blogspot.com/2007/07/scribe-3-column-xml.html">Scribe 3 column (new)</a>'
menu1[4]='<a href="http://template-unik.blogspot.com/2007/07/1st-template-unik.html">1St Template Unik (new)</a>'
menu1[5]='<a href="http://template-unik.blogspot.com/2007/07/denim-3-column-xml.html">Denim 3 column (new)</a>'
menu1[6]='<a href="http://template-unik.blogspot.com/2007/07/denim-3-column-xml.html">Blue Lover (new)</a>'

//isi dari menu 2, silahkan ubah dengan link milik sobat
var menu2=new Array()
menu2[0]='<a href="http://rubrik-elektronik.blogspot.com/2007/05/tips-maintenance-of-crt-television.html ">About Television</a>'
menu2[1]='<a href="http://rubrik-elektronik.blogspot.com/2007/04/baterai.html">About Battery</a>'
menu2[2]='<a href="http://rubrik-elektronik.blogspot.com/2007/04/progressive.html">About Progressive</a>'
menu2[3]='<a href="http://rubrik-elektronik.blogspot.com/2007/04/electronic-shopping.html">Electronic Shopping</a>'
menu2[4]='<a href="http://rubrik-elektronik.blogspot.com/2007/04/cute-bean.html"> About Mp3 Player</a>'
menu2[5]='<a href="http://rubrik-elektronik.blogspot.com/2007/04/tips-maintenance-of-camera.html">About Handy Cam</a>'

//isi dari menu 3, silahkan ubah dengan link milik sobat
var menu3=new Array()
menu3[0]='<a href="http://www.obralplus.com/?id=rohman" title="menjual berbagai software dengan harga sangat murah">Obral Plus</a>'

//isi dari for menu 4, and so on
var menu4=new Array()
menu4[0]='<a href="http://www.resepbisnis.com/?id=rohman" title="cocok bagi anda yang ingin belajar lebih jauh tentang pembuatan website">Resep Bisnis.com</a>'

var menuwidth='200px' //default menu width
var menubgcolor='#4B4D52' //menu bgcolor
var disappeardelay=250 //menu disappear speed onMouseout (in miliseconds)
var hidemenu_onclick="yes" //hide menu when user clicks within menu?

/////No further editting needed

var ie4=document.all
var ns6=document.getElementById&&!document.all

if (ie4||ns6)
document.write('<div id="dropmenudiv" style="visibility:hidden;width:'+menuwidth+';background-color:'+menubgcolor+'" onMouseover="clearhidemenu()" onMouseout="dynamichide(event)"></div>')

function getposOffset(what, offsettype){
var totaloffset=(offsettype=="left")? what.offsetLeft : what.offsetTop;
var parentEl=what.offsetParent;
while (parentEl!=null){
totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;
parentEl=parentEl.offsetParent;
}
return totaloffset;
}

function showhide(obj, e, visible, hidden, menuwidth){
if (ie4||ns6)
dropmenuobj.style.left=dropmenuobj.style.top="-500px"
if (menuwidth!=""){
dropmenuobj.widthobj=dropmenuobj.style
dropmenuobj.widthobj.width=menuwidth
}
if (e.type=="click" && obj.visibility==hidden || e.type=="mouseover")
obj.visibility=visible
else if (e.type=="click")
obj.visibility=hidden
}

function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

function clearbrowseredge(obj, whichedge){
var edgeoffset=0
if (whichedge=="rightedge"){
var windowedge=ie4 && !window.opera? iecompattest().scrollLeft+iecompattest().clientWidth-15 : window.pageXOffset+window.innerWidth-15
dropmenuobj.contentmeasure=dropmenuobj.offsetWidth
if (windowedge-dropmenuobj.x < dropmenuobj.contentmeasure)
edgeoffset=dropmenuobj.contentmeasure-obj.offsetWidth
}
else{
var topedge=ie4 && !window.opera? iecompattest().scrollTop : window.pageYOffset
var windowedge=ie4 && !window.opera? iecompattest().scrollTop+iecompattest().clientHeight-15 : window.pageYOffset+window.innerHeight-18
dropmenuobj.contentmeasure=dropmenuobj.offsetHeight
if (windowedge-dropmenuobj.y < dropmenuobj.contentmeasure){ //move up?
edgeoffset=dropmenuobj.contentmeasure+obj.offsetHeight
if ((dropmenuobj.y-topedge)<dropmenuobj.contentmeasure) //up no good either?
edgeoffset=dropmenuobj.y+obj.offsetHeight-topedge
}
}
return edgeoffset
}

function populatemenu(what){
if (ie4||ns6)
dropmenuobj.innerHTML=what.join("")
}

function dropdownmenu(obj, e, menucontents, menuwidth){
if (window.event) event.cancelBubble=true
else if (e.stopPropagation) e.stopPropagation()
clearhidemenu()
dropmenuobj=document.getElementById? document.getElementById("dropmenudiv") : dropmenudiv
populatemenu(menucontents)

if (ie4||ns6){
showhide(dropmenuobj.style, e, "visible", "hidden", menuwidth)

dropmenuobj.x=getposOffset(obj, "left")
dropmenuobj.y=getposOffset(obj, "top")
dropmenuobj.style.left=dropmenuobj.x-clearbrowseredge(obj, "rightedge")+"px"
dropmenuobj.style.top=dropmenuobj.y-clearbrowseredge(obj, "bottomedge")+obj.offsetHeight+"px"
}

return clickreturnvalue()
}

function clickreturnvalue(){
if (ie4||ns6) return false
else return true
}

function contains_ns6(a, b) {
while (b.parentNode)
if ((b = b.parentNode) == a)
return true;
return false;
}

function dynamichide(e){
if (ie4&&!dropmenuobj.contains(e.toElement))
delayhidemenu()
else if (ns6&&e.currentTarget!= e.relatedTarget&& !contains_ns6(e.currentTarget, e.relatedTarget))
delayhidemenu()
}

function hidemenu(e){
if (typeof dropmenuobj!="undefined"){
if (ie4||ns6)
dropmenuobj.style.visibility="hidden"
}
}

function delayhidemenu(){
if (ie4||ns6)
delayhide=setTimeout("hidemenu()",disappeardelay)
}

function clearhidemenu(){
if (typeof delayhide!="undefined")
clearTimeout(delayhide)
}

if (hidemenu_onclick=="yes")
document.onclick=hidemenu
//]]>
</script>
Copy paste kode berikut persis di bawah kode :
<div class='descriptionwrapper'>
<p class='description'><span><data:description/></span></p>
</div>
</div>
</b:if>
</b:includable>
</b:widget>
</b:section>

Klik tombol Simpan Template

Selesai.

Selengkapnya... »»

Mendaftar ke Google Sitemap

Diposkan oleh fandyQwu di 2:50 PM

Dengan mendaftar ke Google sitemap maka setiap artikel yang kita posting akan secara otomatis di tangkap oleh google. Syarat pertama kamu harus mempunyai account di Google. Bagi kamu yang sekarang belum punya account, buruan daftar ya!!!

Bagi yang mau daftar Google sitemap silahkan ikuti langkah-langkah berikut ini :

Login di google dengan ID GMAIL sobat, silahkan kunjungi Google sitemap
Setelah berada di halaman account sobat, alihkan perhatian ke halaman sebelah atas ! di sana terdapat kotak isian di samping tombol Add Site, isilah kotak tersebut dengan alamat blog anda. Contoh : http://template-unik.blogspot.com
Klik tombol Add Site
Klik link Verify your site
Klik menu dropdown yang ada, pilih metode yang di inginkan. Biar mudah pilih saja yang Add a meta tag
Copy meta tag yang di berikan, lalu paste pada notepad atau text editor yang lainnya agar mudah di gunakan nantinya.
Silahkan masuk ke account blogger dan tuju blog yang di daftarkan tadi
Copy paste meta tag yang di berikan tadi, sebaiknya di bawah kode <title><data:blog.pageTitle/></title>untuk template baru atau di bawah kode <title><$BlogPageTitle$></title> untuk template klasik, jangan lupa klik tombol Simpan perubahan.
Bila sudah selesai, tuju kembali Goggle site map, lalu klik tombol Verify
Jika semua berjalan dengan baik, akan ada tulisan “You've successfully verified http://NamaBlogAnda.blogspot.com/”
Selesai.

Bila anda mempunyai beberapa blog, anda tinggal memasukan lagi ke Add Site, ikuti seperti langkah sebelumnya.

Semoga bermanfaat buat blog kamu!!!!

Selengkapnya... »»

Pelacak IP Address

Diposkan oleh fandyQwu di 2:44 PM

Ini bisa dibilang sebagai accecories buat blog kamu. Selain itu pelacak ini juga bisa dipakai sebagai pendeteksi IP dari pengunjung kamu.
Tertarik untuk memasangnya??

Silahkan ikuti langkah-langkah berikut ini :

Silahkan buka situs http://www.ipnow.org

Di bawah tulisan Custom Image ada beberapa tampilan yang bisa di pilih. Ambil contoh : klik yang Custom Graphical Info Image

Pilih warna backround serta warna text yang di inginkan oleh sobat

Klik tombol Create My Image

Tunggu beberapa saat sampai proses selesai

Copy kode yang di bawah tulisan Linked Image, paste pada notepad untuk keperluan nanti di masukan ke blog

Silahkan tutup situs tersebut

Kalau sudah mengikuti cara tadi, berikut langkah-langkah selanjutnya :

Klik menu Layout

Klik menu Elemen halaman

Klik tulisan Tambah sebuah Halaman Elemen

Klik tulisan TAMBAHKAN KE BLOG di bawah tulisan HTML/javascript

Copy kode yang ada pada notepad, kemudian paste pada kolom yang tersedia

Klik tombol SIMPAN PERUBAHAN

Pindahkan elemen yang baru di buat pada tempat yang sobat inginkan, lalu klik tombol SIMPAN

Selesai.

Selain situs tadi, berikut situs-situs lain yang bisa kamu kunjungi :

http://www.danasoft.com

http://www.ip2phrase.com

Selamat mencoba!!!

Selengkapnya... »»

Hilangkan Garis Bawah Link

Diposkan oleh fandyQwu di 2:32 PM

Tampilan posting jika disuatu link ada garis bawahnya mungkin agak mengganggu tampilan pada artikel itu. Nah berikut cara-cara untuk menghilangkan garis bawah link :

Untuk menghilangkannya sobat perlu merubah beberapa kode yang ada pada style sheet CSS, kode tersebut biasanya seperti ini :

a:link {
color:#58a;
text-decoration:underline;
}

a:hover {
color:#c60;
text-decoration:underline;
}

a:visited {
color:#969;
text-decoration:underline;
}

Kalau ingin lebih paham, ini saya uraikan :

a:link {
color:#58a;
text-decoration:underline;
}

kode ini mempunyai arti --> sebuah link akan berwarna biru dan bergaris bawah.

a:hover {
color:#c60;
text-decoration:underline;
}

Sebuah link apabila di sorot oleh mouse akan berubah warna menjadi biru tua dan bergaris bawah.

a:visited {
color:#969;
text-decoration:underline;
}

Sebuah link apabila pernah di klik oleh komputer yang sama akan berwarna biru tua (banget) dan bergaris bawah.

Pertanyaan selanjutnya manakah kode diatas yang membuat link menjadi bergaris bawah? jawabnya adalah kode :

text-decoration:underline;

Tulisan underline lah yang membuat link menjadi bergaris bawah. Apabila kita tidak menginginkan adanya garis bawah pada sebuah link, maka kita hanya cukup merubahnya dengan kata none, nanti kodenya akan menjadi seperti ini :

text-decoration:none;

Dari uraian diatas,tentu kamu sudah mengerti maksudnya. Ini kembali dari selera kita masing-masing.

OK selamat mencoba!!!

Selengkapnya... »»

Pasang Kalender

Diposkan oleh fandyQwu di 2:23 PM

Untuk memasang sebuah kalender kita bisa memanfaatkan berbagai situs penyedia kalender gratisan. Baca artikelnya sebagai berikut :

http://www.free-blog-content.com/
Silahkan coba sobat kunjungi situs tersebut !

Disana banyak bermacam macam kalender yang mungkin sesuai dengan keinginan kamu.
Ini suatu contoh kalender :

Free Blog Content

Untuk cara instalasi, silahkan ikuti langkah-langkah berikut !

Klik menu layout

Klik menu Elemen Halaman

Klik tulisan Tambahkan sebuah elemen halaman

Klik tombol TAMBAHKAN KE BLOG di bawah tulisan HTML/JavaScript

Copy kode yang tadi telah ada di notepad lalu paste pada kolom yang di sediakan

Klik tombol SIMPAN PERUBAHAN

Pindahkan elemen yang baru di buat pada tempat yang sobat inginkan, lalu klik tombol SIMPAN

Selesai.

OK selamat mencoba..

Kamu juga bisa melihat macam-macam kalender di situs yang lainnya.

Selengkapnya... »»

Agar Cepat Terdeteksi Google

Diposkan oleh fandyQwu di 2:03 PM

Mungkin kamu seneng kalau ranking kamu yang paling tertinggi? Ada beberapa cara yang sangat mudah untuk mendapatkan itu..

* Memperbaiki pengaturan blog kamu.
Yaitu kita harus mempercantik blog kita agar pengunjung senang dan ingin berada lama di blog kita, selain itu dari segi warna juga sangat berpengaruh. Kamu jangan memasang warna yang kontras/norak. Yang bisa mengganggu penglihatan pengunjung.

* Link blog yang sudah mempunyai rank tinggi.
Kamu bisa liat di Search Engine, disana kamu dapat melihat blog papan atas.

* Pasang META
Caranya seperti ini :

<meta name="robots" content="INDEX, FOLLOW">
<meta name="description" content="Deskripsi dari blog sobat di sini ">
<meta name="keywords" content="kata kunci atau keyword simpan disini, buatlah beberapa keyword yang sobat anggap sangat berhubungan dengan blog sobat ">

Tulisan yang berwarna merah harus disesuaikan dengan blog kamu.

Isi kata kunci yang berhubungan dengan blog kamu.

Bagi yang belum mengetahui dimanakah tag meta di simpan, jawabannya adalah di dalam kode header blog, atau jika masih bingung simpan saja di bawah kode <title><data:blog.pageTitle/></title>

OK ini sedikit info dari saya!!!

Selengkapnya... »»

Pasang Kode Tuker Link

Diposkan oleh fandyQwu di 10:30 AM

Biar lebih mudah tukeran link, ada beberapa cara untuk menampilkan suatu banner biar gampang buat tukerab link. . . .

langkah selanjuatnya adalah membuat kode link dari alamat gambar tadi, contoh kodenya seperti ini :

http://i428.photobucket.com/albums/qq2/fandy_ooo/logofandy.jpg

Selanjutnya kalau kode link sudah ada, berikut contohnya :

<p><span class="fullpost">
<textarea name="code" rows="6" cols="20">
<a href="http://konsep-blog.blogspot.com" target="_blank">
<img
src="http://i428.photobucket.com/albums/qq2/fandy_ooo/logofandy.jpg"
border="0" alt="Konsep-Blog"></a>
</textarea> <br>
<br>

dan hasilnya seperti ini :

<br /><a href="http://konsep-blog.blogspot.com" target="_blank"><br /><img<br />src="http://i428.photobucket.com/albums/qq2/fandy_ooo/logofandy.jpg"<br />border="0" alt="Konsep-Blog"></a><br />

SELESAI !!!

Selengkapnya... »»

Link Satu Halaman

Diposkan oleh fandyQwu di 9:45 AM

Link Satu Halaman juga disebut Anchor. OK ini penjelasannya :

>> Kembali lagi ke atas <<

Diatas merupakan contoh Anchor.

Untuk membuat kode dasarnya seperti ini :

<a name="NamaAnchor"> .... </a> <-- objek anchor

<a href="#NamaAnchor"> .... </a> <-- link pemanggil anchor

Perhatikan tanda pagar (#) di atas, untuk nama anchor tidak memakai tanda pagar, akan tetapi untuk link pemanggil anchor harus memakai tanda pagar.

Objek dari suatu anchor bisa di tampilkan bisa juga tidak, terlihat dari kode di atas ada tanda berupa titik-titik. Titik-titik tersebut bisa di isi tulisan bisa juga di biarkan kosong, contoh :

a name="AtasBlog"></a> <-- objek anchor yang tidak ingin menampilkan tulisan.

<a name="AtasBlog">Blog bagian atas</a> <-- objek anchor yang ingin menampilkan tulisan

Berbeda dengan objek dari anchor, link pemanggil anchor haruslah di beri tulisan untuk bisa di klik oleh pengunjung, contoh :

<a href="#AtasBlog">Kembali ke atas</a> <-- link pemanggil anchor harus di beri tulisan.

Tertarik ingin membuatnya, silahkan ikuti langkah-langkah berikut :

Untuk template klasik :

1. Sign in di blogger

2. Klik menu Template

3. Klik menu Edit HTML

4. Copy seluruh kode template, lalu paste pada notepad, silahkan save dulu untuk backup data

5. Copy kode berikut lalu paste persis di bawah kode <body>

<a name="atas"></a>

6. Copy paste kode berikut di atas kode <body>

<center><a href="#atas"> Kembali lagi ke atas</a> </center>

7. Klik tombol Pratinjau untuk melihat perubahan

8. Jika sudah OK, klik tombol Simpan Perubahan Template

9. Selesai.

Penambahan kode di maksudkan agar tulisan link berada pada posisi tengah.

Untuk template baru :

1. Sign in di blogger

2. Klik menu Layout

3. Klik menu Edit HTML

4. Klik tulisan Download Template Lengkap, silahkan save dulu template sobat untuk backup data

5. Klik kotak kecil di samping tulisan Expand Template Widget

6. Tunggu beberapa saat sampai proses selesai

7. Copy kode berikut lalu paste persis di bawah kode <body>

<a name="atas"></a>

8. Copy paste kode berikut di atas kode <body>

<center><a href="#atas"> Kembali lagi ke atas</a> </center>

9. Klik tombol Pratinjau untuk melihat perubahan

10. Jika sudah OK, klik tombol SIMPAN TEMPLATE

11. Selesai.

Selengkapnya... »»

Gambar Pada Judul Artikel

Diposkan oleh fandyQwu di 9:16 AM

Akan lebih menarik jika ada gambar di sebuah artikel. Ini permintaan temen saya yang bernama Dani. Setelah Dani kirim email dan bertanya bagaimana cara pasang gambar pada judul artikel. OK, ini caranya :

* Carilah/buatlah sebuah gambar yang bergerak. Mungkin kamu sudah punya gambar tersebut.
* Upload gambar tersebut disini
* Kamu copy URL gambar tersebut, contoh :
http://i428.photobucket.com/albums/qq2/fandy_ooo/SpongeBob.gif
Kemudian tambahkan kode <img src="URL image">
Sehingga kodenya akan seperti ini :
<img src="http://i428.photobucket.com/albums/qq2/fandy_ooo/SpongeBob.gif">
4. Dan akan terlihat seperti ini :

1. Sign in ke blogger

2. Klik menu Layout

3. Klik menu Edit HTML

4. Klik tulisan Download Full Template

5. Silahkan save dulu template sobat, ini untuk back up data apabila terjadi kesalahan editting

6. Beri tanda centang pada kotak disamping tulisan Expand Widget Templates. Sekali lagi jangan lupa beri tanda centang, sebab kalau tidak, nanti tidak akan sesuai dengan langkah selanjutnya

7. Tunggu beberapa saat sampai proses selesai

8. Cari kode berikut pada template sobat :

<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>

9. Sisipkan kode gambar yang kita miliki diantara kode :

<a expr:href='data:post.url'> dan kode <data:post.title/></a>
<b:else/>

Sehingga bila di satukan kodenya menjadi :

<a expr:href='data:post.url'> <img src="http://i428.photobucket.com/albums/qq2/fandy_ooo/SpongeBob.gif" width="45" hight="45" border="0"></img>   <data:post.title/></a>
<b:else/>

10. Klik tombol PREVIEW untuk melihat perubahan

11. bila sudah OK, klik tombol SAVE TEMPLATE

12. Selesai

Selengkapnya... »»

Tuesday, January 13, 2009

Cara Membuat Label/Kategori

Diposkan oleh fandyQwu di 2:15 PM

Cara untuk meringkas sebuah artikel dan dijadikan sebuah daftar. Sangat rajin dan rapi. Bisa membuat pengunjung tertarik pada blog kita. Dan akan betah berada di blog kita. Berikut cara-caranya :

Sig in di blogger

Klik menu Layout

Klik menu Elemen Halaman

Klik tulisan Tambahkan sebuah Elemen Halaman

Klik tombol yang bertuliskan TAMBAHKAN KE BLOG yang berada di bawah tulisan Label

Tulisan Labels di samping tulisan Judul bisa dirubah menjadi Kategori jika kamu mau merubahnya

Pilih radio button yang diinginkan di samping tulisan Menyortir, Alfabetik : jika kategori ingin di tampilkan sesuai dengan abjad alfabetik ( dari A --> Z ), Berdasarkan Frekuensi : jika kategori ingin ditampilkan sesuai dengan banyaknya label (kategori)

Klik tombol yang bertuliskan SIMPAN PERUBAHAN

Selesai.

Selengkapnya... »»

Text Berjalan di Bar menu

Diposkan oleh fandyQwu di 2:03 PM

Tentunya sangat menarik jika ada text berjalan.
Ikuti cara-caranya sebagai berikut :

Klik menu Layout

Klik menu Edit HTML

Klik tulisan Download Full Template, lalu save data tersebut. Ini untuk berjaga-jaga apabila terjadi kesalahan dalam mengedit kode template

Klik kotak kecil di samping tulisan Expand Widget Templates untuk memberi tanda centang. Sekali lagi jangan lupa klik kotak kecil di samping tulisan Expand Widget Templates

Tunggu beberapa saat sampai proses selesai

Simpan kode berikut di bawah kode </body> , kode ini letaknya berada paling bawah sebelum kode </html>

  <script language='javascript'>
message = "Tulis text pertama yang ingin muncul disini ^" +
"Tulis text kedua disini ^" +
"Tulis text ketiga disini ^" +
"Tulis text keempat disini ^"

scrollSpeed = 130
lineDelay = 0

// Do not change the text below //

txt = &quot;&quot;

function scrollText(pos) {
if (message.charAt(pos) != '^') {
txt = txt + message.charAt(pos)
status = txt
pauze = scrollSpeed
}
else {
pauze = lineDelay
txt = &quot;&quot;
if (pos == message.length-1) pos = -1
}
pos++
setTimeout(&quot;scrollText('&quot;+pos+&quot;')&quot;,pauze)
}
scrollText(0)
&lt;/script&gt;

Klik tombol SAVE TEMPLATE

Selesai

SeLamaT MenCOba!!

Selengkapnya... »»

Buat Favicon

Diposkan oleh fandyQwu di 1:25 PM

Kalau temen-temen belum tau apa yang di maksud dengan Favicon. Langsung aja!!
Favicon adalah logo kecil yang terletak di dekat tulisan http:// . . . .

Coba temen-temen lihat sebentar logo favicon itu,biar sedikit paham tentang favicon.
Nah,,kalau udah tau and pengen membuatnya, tenang aja!!!

Ikuti langkah-langkahnya :

1. Pertama buatlah sebuah gambar yang akan di jadikan sebagai favicon, contoh seperti gambar di bawah ini :

2. Setelah itu anda harus mengubah gambar tersebut kedalam bentuk gambar icon. Untuk hal tersebut, anda bisa menggunakan tool Favicon Generator, silahkan kunjungi situs http://www.favicongenerator.com

3. Klik pada tombol Browse...

4. Masukan gambar yang tadi dibuat untuk di ubah menjadi format icon

5. Klik pada tombol Generate Favicon.

6. Setelah proses selesai, klik pada Click Here to Download your favicon.

7. Save ke komputer anda.

8. Langkah selanjutnya adalah anda harus meng upload Favicon yang tadi ke tempat hosting gambar

9. Sekarang saya asumsikan bahwa anda sudah mempunyai alamat URL dari favicon anda. sebagai contoh, saya mempunyai sebuah alamat URL seperti ini :
http://www.geocities.com/amn_tea/favicon.ico

10. Anda harus mengubah alamat URL favicon anda menjadi seperti ini :

<link rel="shotcut icon" href="http://www.geocities.com/amn_tea/favicon.ico"/>
11. Langkah selanjutnya adalah silahkan login ke blogger dengan ID anda.

12. Klik pada Tata Letak.

13. Klik Edit HTML.

14. Silahkan cari kode (posisinya hampir paling atas, jadi jangan jauh-jauh nyari ke bawah dhenk).

15. Simpan kode favicon yang tadi persis di atas kode . Contoh :
<link rel="shotcut icon" href="http://www.geocities.com/amn_tea/favicon.ico"/>

16. Klik tombol Simpan Template.

17. Selesai. Sekarang anda sudah mempunyai favicon di alamat URL blog anda.

Selengkapnya... »»

Monday, January 12, 2009

Navigasi dengan CSS

Diposkan oleh fandyQwu di 3:13 PM

Tampilan yang menarik jika menggunakan CSS. Berikut cara-caranya :

DaftarMenu

Tutorial Blogger |
Komisi Gratis |

Tempat Download Gratis |
1 klik,600 rupiah

Lihat contoh diatas, tentu kamu harus mempunyai sebuah URL foto untuk dijadikan sebuah CSS.

1. Tambahkan kode berikut sesudah kode <style type="text/css"> dan sebelum kode </style>, ya di mana saja asalkan di antara kode tadi.

.unyil{
text-align:left;
display:block;
width:180px;
height:20px;
background:#f0f0f0 url() top right no-repeat;
padding:3px 4px 3px 8px;
margin:7px 10px 7px 0;
}

.unyil:hover{
background:#97A4B9 url() top right no-repeat;
text-decoration:none;
}

2. copy kode di bawah ini, lalu paste di tempat yang sobat inginkan, bisa di sidebar, footer atau dimana saja, kemudian rubahlah dengan link yang sobat punya :

<a class="button" href="http://konsep-blog.blogspot.com">Tutorial Blogger</a><span class="hide"> | </span>

<a class="button" href="http://www.komisigratis.com/?id=fandy_ooo">Komisi Gratis</a><span class="hide"> | </span>

<a class="button" href="http://fandy-abc.blogspot.com">Tempat Download Gratis</a><span class="hide"> | </span>

<a class="button" href="http://kumpulblogger.com/minibanner_desc.php?refid=28095">1 klik,600 rupiah</a><span class="hide"> | </span>

OK..
Cukup jelas kan??
Selamat Mencoba!!!!!!

Selengkapnya... »»

Video dalam Blog

Diposkan oleh fandyQwu di 3:10 PM

Salah satunya cara ialah melalui www.youtube.com. Ikuti langkah-langkahnya disini :

Untuk daftar www.youtube.com silahkan klik di sini
Setelah berada di situs tersebut, klik tulisan Sign Up yang berada pada layar bagian atas
Isi semua data diri anda pada form yang di sediakan, jangan lupa beri tanda tik/cek pada kotak di samping tulisan --> Sign me up for the "Broadcast Yourself" email - I agree to the terms of use and privacy policy. lalu klik tombol Sign Up
Setelah berhasil, anda diminta untuk veryfikasi, silahkan cek email yang anda daftarkan tadi untuk melakukan veryfikasi
Jika email dari youtube.com sudah masuk, silahkan buka lalu klik tulisan Confirm your email addres
Dengan meng klik tulisan tadi, secara otomatis anda sudah masuk kedalam halaman account anda dan siap untuk upload video
Klik tulisan Upload Video yang berada pada layar sebelah atas
Isi form yang di sediakan
Klik tombol bertuliskan Continue Uploading
Klik tombol Browse, masukan file video yang ingin anda masukan
Beri tanda tik/cek pada radio button, public--> jika video anda bisa dilihat oleh umum. Private -->Jika video anda bersifat pribadi yang hanya bisa di lihat oleh orang yang anda tunjuk
Klik tombol Upload Video, tunggu beberapa saat sampai proses upload selesai
Setelah proses upload selesai, anda tinggal mengcopy kode HTML yang di berikan. lalu paste pada Notepad
Silahkan klik Log Out untuk keluar dari situs tersebut
Selesai

Selengkapnya... »»

Pasang ID Yahoo

Diposkan oleh fandyQwu di 2:56 PM

Cara berikut merupakan cara yang sangat baik jika ada seseorang pembaca kita yang mengalami kesulitan tentang artikel. OK saya tidak lama-lama,dan saya bahas disini :

Untuk menampilkan icon status online yahoo ! messenger, kita bisa memilih sebanyak 5 pilihan, yakni style id 1, style id 2, style id 3, style id 4, serta style id 5, Apa perbedaan dari style id ini? perbedaannya adalah ukuran dari icon itu sendiri, untuk melihat perbedaan style id, silahkan sobat perhatikan gambar berikut :

Style ID 1 Style ID 2 Style ID 3 Style ID 4 Style ID 5

masing-masing gambar mempunyai URL adddress sendiri yaitu :

http://opi.yahoo.com/online?u=YahooID&m=g&t=1
Untuk Style ID 1

http://opi.yahoo.com/online?u=YahooID&m=g&t=2
Untuk Style ID 2

http://opi.yahoo.com/online?u=YahooID&m=g&t=3
Untuk Style ID 3

http://opi.yahoo.com/online?u=YahooID&m=g&t=4
Untuk Style ID 4

http://opi.yahoo.com/online?u=YahooID&m=g&t=5
Untuk Style ID 5

itu tadi adalah URL address masing-masing Style ID, maka agar tampil menjadi gambar, kita harus menambah kode yaitu :

<img src="URL address">

Sehingga untuk menampilkan URL address di atas menjadi sebuah gambar, maka kodenya akan seperti ini :

<img src="http://opi.yahoo.com/online?u=YahooID&m=g&t=1" border="0">
Untuk Style ID 1

<img src="http://opi.yahoo.com/online?u=YahooID&m=g&t=2" border="0">
Untuk Style ID 2

<img src="http://opi.yahoo.com/online?u=YahooID&m=g&t=3" border="0">
Untuk Style ID 3

<img src="http://opi.yahoo.com/online?u=YahooID&m=g&t=4" border="0">
Untuk Style ID 4

<img src="http://opi.yahoo.com/online?u=YahooID&m=g&t=5" border="0">
Untuk Style ID 5

Kirim Instant Messenger

Kodenya sebagai berikut :

<a href="ymsgr:sendIM?YOURID">Kirim IM</a>

Sehingga untuk kode lengkapnya jadi seperti ini :

<a href="ymsgr:sendIM?YOURID"><img src="http://opi.yahoo.com/online?u=YourID&m=g&t=StyleID" border="0"></a>

Kirim Instant Messenger dengan pesan

Kodenya sebagai berikut :

<a href="ymsgr:sendIM?YOURID&m=YOUR+MESSAGE">Kirim IM</a>

Sehingga untuk kode lengkapnya jadi seperti ini :

<a href="ymsgr:sendIM?YOURID&m=YOUR+MESSAGE"><img src="http://opi.yahoo.com/online?u=YourID&m=g&t=StyleID" border="0"></a>

OK Selamat Coba!!

Selengkapnya... »»

Buat Blogroll

Diposkan oleh fandyQwu di 1:35 PM

Tampilan ini mungkin akan sangat bagus jika ditampilkan di blog kamu. Banyak macam-macamnya. Ikuti langkah-langkahnya disini :

# Blogroll dengan marquee

yang paling banyak di gunakan oleh para blogger untuk menghemat space pada blog adalah dengan menggunakan perintah marquee.

Contoh membuat blogroll dengan perintah marquee :

<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="100%" height="200" >

<a href="http://konsep-blog.blogspot.com" target="_blank">Tutorial Blogger</a>
<br/><br/>
<a href="http://fandy-abc.blogspot.com" target="_blank">Tempat Download Gratis</a>
<br/><br/>
<a href="http://kumpulblogger.com/minibanner_desc.php?refid=28095" target="_blank">1 klik,600 rupiah</a>
<br/><br/>
<a href="http://www.komisigratis.com/?id=fandy_ooo" target="_blank">Komisi Gratis</a>
<br/><br/>

</marquee>

Maka akan jadi seperti contoh dibawah :

Tutorial Blogger

Tempat Download Gratis

1 klik,600 rupiah

Komisi Gratis

Ada variasi lain, yaitu dengan memakai tabel, contoh :

<table border="3" width="155" height="130" cellpadding="2">

<tr>

<td align="left">

<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="100%" height="200" >

<a href="http://konsep-blog.blogspot.com" target="_blank">Tutorial Blogger</a>
<br/><br/>
<a href="http://fandy-abc.blogspot.com" target="_blank">Tempat Download Gratis</a>
<br/><br/>
<a href="http://kumpulblogger.com/minibanner_desc.php?refid=28095" target="_blank">1 klik,600 rupiah</a>
<br/><br/>
<a href="http://www.komisigratis.com/?id=fandy_ooo" target="_blank">Komisi Gratis</a>
<br/><br/>

</marquee>

</td>

</tr>

</table>

Maka akan jadi seperti contoh dibawah :

Tutorial Blogger

Tempat Download Gratis

1 klik,600 rupiah

Komisi Gratis

OK,,Selamat Berkreasi

Selengkapnya... »»

Desain Logo dan Button

Diposkan oleh fandyQwu di 12:32 PM

Buat para blogger yang tidak bisa men-desain Logo maupun Button, sekarang tidak sulit lagi. Kamu tidak perlu menggunakan software semacam Adobe Photoshop atau yang lainnya. Cukup ikuti langkah-langkanya disini. . . . .

Silahkan buka alamat http://cooltext.com
Lalu klik tulisan Design a Logo
Klik gambar contoh logo yang sobat sukai
Tulis tulisan yang ingin di jadikan logo di sampimg tulisan Logo Text. Misal : Blog Tutorial
Tulis ukuran yang di inginkan di samping Tulisan Text Size. Misal : 50
Klik logo warna-warni disamping kotak yang ada tulisan Text Color untuk memilih warna tulisan (text).silahkan pilih warna yg sobat sukai
Pilih format image disamping tulisan file format. sebaiknya .JPG atau .GIF
Klik tombol yang bertuliskan Render Logo Design
Tunggu beberapa saat ketika proses pembuatan logo berlangsung
Lihat hasil logo, sudah cocok apa belum? bila belum cocok, klik tulisan Edit this logo ulangi langkah diatas, rubah yang sobat inginkan. Jika sudah cocok, klik tulisan Download Image untuk kita simpan di PC kita
Selesai. Sobat sudah mempunyai sebuah logo.

Untuk proses upload di photobucket.com, silahkan ikuti langkah-langkah berikut :

Silahkan buka alamat http://www.photobucket.com,
Jika belum terdaftar di situs ini, silahkan daftar dulu (gratis bo) dengan meng klik tombol yang bertuliskan Join Now pada sudut kanan atas layar
Sekarang saya asumsikan sobat sudah terdaftar (pastilah cara daftarnya bisa kan)
Silahkan Sign In dengan Id sobat
Bila sudah berada pada halaman Account sobat, Klik tombol yang bertuliskan Browse... Silahkan pilih logo yang tadi di buat
Klin tombol yang bertuliskan Upload
Tunggu beberapa saat ketika proses upload berlangsung
Setelah upload selesai, akan di perlihatkan gambar logo serta kode HTML nya
Copy kode HTML yang ada di sebelah tulisan URL Link. Paste pada program notepad
Silahkan klik tulisan Log Out untuk keluar dari account sobat. tutup layar browser sobat

Sekarang kamu tinggal copy kode URL itu : <img src="Link URL logo">

Tulisan merah diatas diganti URL foto kamu.

OK Selamat mencaoba !!

Selengkapnya... »»

Sunday, January 11, 2009

Musik di Dalam Blog

Diposkan oleh fandyQwu di 8:18 PM

Buat para blogger jika ingin memasang musik atau lagu di blog anda,itu caranya sangat mudah. Banyak situs-situs yang menyediakan kode-kode HTML buat dipasang di blog atau pun di friendster.

Langkah-langkah untuk memilih situs yaitu dengan search lagunya. Kamu tinggal masuk di www.4shared.com

1. Seacrh lagunya, ketik judul lagu atau penyanyinya saja.
2. Cari kode HTMLnya
3. Copy kode itu
4. Login ke Blog
5. Pilih Tata Letak
6. Lalu Elemen Halaman
7. Tambah Gadget
8. Pilih HTML javascript
9. Kode tadi tinggal diPASTE saja.

SELESAI

Selengkapnya... »»

Cara Pasang Tracker dan Statistik

Diposkan oleh fandyQwu di 3:31 PM

Dengan adanya statistik blog, maka kita yang mpunya blog ataupun yang berkunjung pun dapat mengetahui berapa pengunjungkah yang pernah berkunjung ke blog kita. selain itu juga bisa sekaligus sebagai tracker yakni kita bisa mengetahui para pengunjung blog kita datang dari mana, apakah dari search engine, blog lain ataupun darimana saja kita dapat mengetahuinya.

Sebagai contoh adalah situs http://www.sitemeter.com. Berikut adalah contoh tool yang bisa kita pilih :

Untuk mendapatkannya silahkan ikuti langkah-langkah berikut :

Silahkan kunjungi situs http://www.sitemeter.com.

klik tulisan Sign Up untuk melakukan pendaftaran

klik tombol bertuliskan Next

Klik tombol Next lagi

Isi semua tabel yang ada lalu klik tombol Next lagi

Isi lagi tabel yang ada, lalu klik tombol Next lagi

klik tombol Next lagi

klik tombol Next lagi ( cape dech next..next melulu

Setelah ada keterangan proses sign up selesai, anda harus melakukan veryfikasi, silahkan buka email yg anda berikan

Buka email yang datang dari sitemeter.com, di dalamnya ada username dan password anda untuk login ke sitemeter.com

Silahkan login dengan id anda

Bila sudah login, Klik menu Manager

Klik Menu Meter Style untuk memilih gaya dari site meter anda

Pilih style yang anda sukai, kemudian klik tombol Select

Klik menu HTML Code

Klik tulisan Adding site Meter to a Blogger.com Site

copy semua kode HTML yang di berikan lalu paste pada Notepad

Klik menu Logout untuk keluar dari situs tersebut

Selesai, tinggal memasukan kode yang kita dapat ke dalam blog kita

Sekarang tugas kita adalah memasukan kode yang sudah kita dapat ke dalam blog, ikuti langkah- langkah berikut :

khusus blog dengan template klasik :

Klik menu TEMPLATE

Klik Edit HTML

Klik Edit (yang ada pada bar menu browser anda)

Klik Find (on this page)... ⇒ untuk mempercepat pencarian

Tuliskan kata dimana anda ingin tempatkan, contoh di blog saya adalah blogger (karena dekat dengan tombol blogger) klik Find

Copy & paste kode yang telah di simpan di notepad tadi, lalu klik tombol Preview untuk melihat perubahan yang terjadi

Jika sudah cocok dengan perubahan tadi, Klik Save Template Changes. Selesai

Sedikit tambahan, bila anda ingin site meter posisinya berada di tengah-tengah, tinggal tambah kode <center> ...kode site meter... </center>

Untuk blog dengan Template baru :

Klik menu layout

Klik Elemen Halaman

Klik Tambahkan sebuah Elemen Halaman

Klik TAMBAHKAN KE BLOG pada menu HTML/JavaScript

Tulis Judul site meter anda pada isian di sebelah form judul (bila ingin ada keterangan. kalau tidak, ya kosongkan saja)

Copy & paste kode Site meter pada kolom isian

Klik tombol Simpan Perubahan

Klik Elemen yang baru anda buat tadi, tahan lalu pindahkan ke tempat yang anda inginkan ( di drag & drop)

Klik tombol PRATINJAU untuk melihat perubahan yang baru di lakukan

Bila sudah cocok dengan perubahan tadi, klik tombol SIMPAN

Selesai

Selengkapnya... »»

Buat Buku Tamu

Diposkan oleh fandyQwu di 3:25 PM

Untuk mendapatkannya sangat mudah, anda tinggal mencarinya pada mesin pencari semisal google ataupun yahoo, silahkan ketikan kata free shoutbox atau free guestbook pada search engine masing-masing situs, maka dalam beberapa detik saja akan muncul berpuluh-puluh situs penyedia buku tamu tadi, anda tinggal klik lalu coba lihat-lihat. Tapi untuk menghemat waktu pencarian anda, maka di sini saya akan langsung memberikan alamat situs penyedia buku tamu yang servernya lumayan bagus dan jarang sekali mengalami down yakni http://www.shoutmix.comUntuk caranya silahkan anda ikuti langkah-langkah berikut ini :

Seperti biasa anda harus daftar terlebih dahulu dengan cara mengklik tulisan Get One noe, free>>, ataupun dengan mengklik tulisan Sign Up, silahkan anda tulis data-data anda pada form yang telah di sediakan.
Jika sudah tedaftar, dan di terima jadi anggota shoutmix, silahkan anda login dengan id anda
Pada kolom yang berjudul Style, klik menu appearance.
Silahkan klik menu pulldown di samping tulisan Load From Preset untuk mengatur tampilan buku tamu anda, silahkan pilih yang sesuai dengan keinginan anda. Jika sudah selesai klik Save Setting.
Untuk mendapatkan kode HTML dari shoutbox anda, silahkan klik Use Shoutbox yang berada di bawah menu Quick Start
Klik tulisan Place Shoutbox on web page. Isi lebar dan tinggi shoutbox yang di inginkan
Copy seluruh kode HTML yang ada pada text area yang berada di bawah tulisan Generated Codes, lalu simpan di program Notepad anda
Klik Log out yang berada di atas layar anda untuk keluar dari halaman shoutmix anda. Silahkan close situs tersebut.
Selesai

Perhatikan contoh shoutmix di blog saya sebelah kanan anda.

Selengkapnya... »»

Buat Banner

Diposkan oleh fandyQwu di 3:21 PM

Hiasi blog anda dengan banner-banner cantik. Berikut cara-caranya :

Anda bisa kunjungi http://www.addesigner.com Silahkan daftar (gratis), Jika sudah di terima anda tinggal memilih banner yang di sediakan, trus ya tinggal di masukin ke blog, mau di sidebar atau di dalam postingan tentu bisa. Untuk cara pemasangan silahkan anda baca postingan terdahulu bagaimana cara memasukan kode HTML kedalam blog.

Contoh banner animasi :

Selamat mencoba

Selengkapnya... »»

Pasang Jam di Blog

Diposkan oleh fandyQwu di 2:57 PM

Aksesoris buat blog salah satunya yaitu pasang jam.

Dan bagi anda yang ingin blognya di pasang jam blog juga, silahkan ikuti langkah-langkah berikut :

Silahkan klik link berikut --> http://www.clocklink.com
Jika sudah berada pada situs tersebut, silahkan klik tulisan Want a clock on your Website ?
Silahkan anda melihat-lihat dulu model dari jam yang tersedia, yaitu mulai dari Analog, Animal, Animation, dll
Jika di rasa sudah menemukan model jam yang anda sukai, klik tulisan View HTML tag yang berada di bawah jam yang anda sukai tadi
Klik tombol yang bertuliskan Accept
Pilih waktu yang sesuai dengan tempat anda di samping tulisan TimeZone. Contoh : untuk indonesia bagian barat pilih GMT +7:00
Set ukuran jam yang anda sukai di samping tulisan size
Copy kode HTML yang di berikan pada notepad
Lalu buka Elemen halaman pilih Tambah Gadget
Paste di HTML/javascript
Tempatkan sesuai keinginan mu
Selesai

Selengkapnya... »»

Blogger Emo

Diposkan oleh fandyQwu di 2:53 PM

Senyum dan ketawa kamu akhirnya tersalurkan. Bila ingin kasih senyum atau ketawa di comment. Berikut caranya :

<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 menghiasi postingannya...

Selengkapnya... »»

Yahoo Emo

Diposkan oleh fandyQwu di 2:32 PM

Buat temen-temen yang ingin mempercantik postingan kamu dengan berbagai emo dari yahoo. Silahkan copy source code berikut, sisipkan pada kata yang sesuai dengan postingan anda, kalo lagi sedih jangan di pasang yang lagi ngakak, trus kalo lagi patah hati ya nyengir aja ya...

:)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 eyelashe s<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif" width=18 height=18 border=0>
>:D <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/7.gif" width=20 height=18 border=0>

:xlove struck <img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif" width=18 height=18 border=0>

:">blushing <img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/9.gif" width=18 height=18 border=0>

:Ptongue <img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif" width=18 height=18 border=0>

:-*kiss <img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif" width=18 height=18 border=0>

=((broken heart <img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif" width=18 height=18 border=0>

:-Osurprise <img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif" width=18 height=18 border=0>

X(angry <img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif" width=34 height=18 border=0>

:>smug<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/15.gif" width=18 height=18 border=0>
B-)cool <img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/16.gif" width=18 height=18 border=0>

:-Sworried <img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/17.gif" width=18 height=18 border=0>

#:-Swhew! <img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/18.gif" width=34 height=18 border=0>

>:)devil <img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/19.gif" width=18 height=18 border=0>

:((crying <img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif" width=22 height=18 border=0>

:))laughing <img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif" width=18 height=18 border=0>

:straight face <img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif" width=18 height=18 border=0>

/:)raised eyebrow <img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/23.gif" width=18 height=18 border=0>

=))rolling on the floor <img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif" width=30 height=18 border=0>

O:-)angel <img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/25.gif" width=30 height=18 border=0>

:-Bnerd <img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/26.gif" width=24 height=18 border=0>

=;talk to the hand