BAGAIMANA MENURUT KAMU ?
FREE BLOGGER TEMPLATES
BAGI TEMAN-TEMAN YANG INGIN MENCARI TEMPLATE UNTUK BLOG, SILAHKAN AJA KUNJUNGI DI http://free-bloggertemplates.blogspot.com.
Blog itu milik saya sih ( pamer nih... ), UDAH BANYAK KOK TEMPLATESNYA. SILAHKAN PILIH-PILIH YA ( GRATIS KOK ). BIAR GAK SIA-SIA SAYA BUATNYA.
READ MORE - FREE BLOGGER TEMPLATES
Blog itu milik saya sih ( pamer nih... ), UDAH BANYAK KOK TEMPLATESNYA. SILAHKAN PILIH-PILIH YA ( GRATIS KOK ). BIAR GAK SIA-SIA SAYA BUATNYA.
THE OLD ADVERTISEMENT ll
Lagi-lagi iklan lama. Kali ini dari "Njoja Meneer" sangat tjotjok boeat anda2
semoea. He...he..
DOWNLOAD FREE BLOGGER TEMPLATES HERE (CLASSICS TEMPLATES)
STYLISH WEB BORDERS WITH PHOTOSHOP
Tutorial berikut adalah membuat STYLE WEB BORDERS menggunakan PHOTOSHOP.
Buatlah Image baru dengan ukuran 50 x 100 RGB colour, eit... jangan lupa ya warnanya putih.
Buat Layer baru dengan nama "kiri". Kemudian gunakan rectangular marquee tool dengan menggunakan seleksi 8 x 100, warnanya hitam.
Kemudian buat sebuah layer baru dengan nama "kanan". lalu gunakan kembali gunakan rectangular marquee tool dengan menggunakan seleksi 10 x100, warnanya hitam. contoh :
Seleksi layer kanan dan blending options, add gradient overlay. Angle : 0, style : linear, blendmode : normal, Gradient
Seleksi layer kiri dan blending options, add gradient overlay. Angle : 180, style : linear, blendmode : normal, Gradient.
Sekarang tinggal tambahkan 1 px black stroke untuk layer kiri, kanan. Maka jadilah BORDERS yang di inginkan.
TEXT EFFECT WITH CSS
Menurut saya ini adalah salah satu tips yang lumayan bagus untuk di ikuti yaitu membuat TEXT EFFECT dengan CSS.
Sebenarnya cara ini sangatlah mudah, cuma 3 langkah saja. Adapun langkah-langkahnya adalah sbb:
Letakkan code dibawah ini diantara <head></head> pada HTML Blog / Website kamu ( He..he..bahasanya sama dengan dibawah ya...kurang kursus merangkai kata nih) :
<style type="text/css">
A:hover {
color:#ffffff;
text-decoration: none;
height:1px;
filter:progid:DXImageTransform.Microsoft.DropShadow(OffX=1, OffY=1,Color='#ffffff', Positive='true');
}
</style>
Nah untuk lebih leluasa memilih sesuai selera, silahkan lihat penjelasan di bawah ini :
engraved | |
| drop shadow | |
| glow | |
| motion blur | |
| blur | |
| motion shadow |
Sekarang tambahkan style untuk link, tinggal masukkan aja code ini :
<a href="link.htm" style="filter:progid:DXImageTransform.Microsoft.Shadow(color='black', Direction=135, Strength=8)"> link </a>
BLOG AND WEB DESIGN ( CSS SCROLLBARS)
Jika kamu pernah melihat warna scrollbar pada sebuah website yang didesain sesuai dengan warna website tersebut, maka kali ini saya akan memberikan sedikit penjelasan bagaimana cara membuat scrollbar tersebut.
letakkan code berikut di antara <head></head> pada HTML blog / website kamu.<STYLE type="text/css">
<!--
BODY {
scrollbar-face-color:#C0C0C0;
scrollbar-highlight-color:#FFFFFF;
scrollbar-3dlight-color:#C0C0C0;
scrollbar-darkshadow-color:#000000;
scrollbar-shadow-color:#808080;
scrollbar-arrow-color:#FFFFFF;
scrollbar-track-color:#E0E0E0;
}
-->
Contoh :
<head>
<STYLE type="text/css">
<!--
BODY {
scrollbar-face-color:#C0C0C0;
scrollbar-highlight-color:#FFFFFF;
scrollbar-3dlight-color:#C0C0C0;
scrollbar-darkshadow-color:#000000;
scrollbar-shadow-color:#808080;
scrollbar-arrow-color:#FFFFFF;
scrollbar-track-color:#E0E0E0;
}
-->
</head>
adapun penjelasannya silahkan lihat gambar berikut :
Untuk masalah pewarnaan, silahkan sesuaikan dengan selera masing-masing.
PEACE ....!!!!
NEW DESIGN FOR BLOG TEMPLATES
Oh.. ya..nih sekedar info lagi nih fren ( "info melulu nih"..he..he. .), untuk para pengguna blogger.com, aku baru tambahin lagi nih 7 templates ( CLASSIC TEMPLATE ) untuk nambahin koleksi template. Silahkan kunjungi saja di http://free-bloggertemplates.blogspot.com, siapa tau ada yang memikat hati kamu ( tebar pesona neh ceritanye..).
READ MORE - NEW DESIGN FOR BLOG TEMPLATES
BEST RESOLUTION FOR THIS BLOG
SEKEDAR INFO SAJA NIH FRENZ, SETELAH AKU NGECEK, TERNYATA TAMPILAN BLOG INI BAGUSNYA PADA RESOLUSI 1024 X 768 PIXEL. BIAR KAMU LIHATNYA AGAK NYAMAN. he..he...
THANX ATAS KUNJUNGANNYA..
THE OLD ADVERTISEMENT
IKLAN INI KETIKA NENEKU MASIH MUDA.. HE..HE..HEE
MENGUBAH TAMPILAN WARNA PADA BUTTON
1.
2.
Coba bandingkan antara tombol 1 dan tombol 2 diatas. Sangat jauh berbeda kan? apalagi dilihat dari artistiknya jelas sekali kalau tombol nomor 2 lebih dibandingkan dengan nomor 1.
Nah untuk pembahasan kali ini adalah bagaimana merubah warna dari tombol ( BUTTON).
- Pertama saya akan memberitahu terlebih dahulu code HTML dari tombol nomor 1 diatas adalah <button >TOMBOL</button>.
Untuk melihat hasil dari code HTML ini coba saja buka program editor NOTEPAD pada komputer kamu.Caranya biar lebih paham lagi Klik Start > All Program >Accessories > Notepad. Bisa kan ?...
Seteleh NOTEPAD kamu siap, coba ketikkan code tersebut yaitu
<button>TOMBOL</button>, lalu simpan dengan nama tombol.html. Kemudian buka lagi tombol.html tersebut, maka yang kamu dapatkan adalah seperti pada contoh nomor 1 diatas.
Nah..sekarang tugas kita adalah bagaimana merubah warna dari tombol tersebut sesuai selera kita. Untuk itu ikuti langkah nomor 2 dibawah ini...
- Untuk mengganti warna tombol yang masih default seperti pada nomor 1 diatas tidaklah susah. Sekarang tinggal kamu tambahkan beberapa baris code tambahan yaitu seperti ini
<button style="color: #000000; border: 3px double #000000; background-color: #8AB36F" >TOMBOL</button>.
Sebenarnya ini hanyalah permainan CSS saja.
Untuk penjelasannya silahkan simak disini :
color: #000000 ==> Tulisan TOMBOL
border: 3px double #000000 ===> bingkai tombol dengan garis double, besar 3 pixel serta warna bingkai hitam.
background-color: #8AB36F ===> background tombol hijau.
Cara ini juga bisa di terapkan pada text area.
Contoh :
OK... Silahkan mencoba ............... !!!!
BLOG SOFTWARE (bBlog)
bBlog adalah aplikasi handal untuk menerbitkan informasi pribadi pada web. Aplikasi ini dibuat dengan PHP. Aplikasi ini fleksibel dan mudah digunakan bagi pemula yang ingin mencoba blogging.
"BBlog was the competent application to publish personal information in web.
This application was made with PHP. This aplication was flexible and was easy to be used for the beginner who wanted to try blogging."
BLOG SOFTWARE (BloggerForWordSetup)
Software adalah plugin buat MS Word agar Anda dapat dengan mudah menuliskan blog tanpa harus menunggu loading dalam membuka situs blogger.com. Sebelumnya Anda sudah harus menjadi anggota dari blogger.com.
"This was plugin for Ms Word so that you could easily wrote blog without must be waiting loading in opening the site blogger.com."
OPTIMALISASI SEARCH ENGINE (SEO).
Dulu nih, ceritanye..waktu lagi mainin om GOOGLE, saya pernah nemuin satu situs yang tampilannya sangat sederhana sekali dan bahkan menurut saya mungkin pemilik situs tersebut baru saja belajar untuk membuat website sendiri, karena dilihat dari tampilan dan isinya hampir gak ada kwalitasnya sama sekali (hee..hee), tapi ini memang bener soalnye isi website tersebut cuma :
Nah tambah bingung kan gue. padahal Elo tau gak kalo di GOOGLE tuh situs urutan nomor 2 dan 3. Setelah aku amati lebih detail ternyata disetiap gambar yang dipasang pada websitenya itu terdapat ALT (alternative text) , dimana itulah yang dibaca oleh search engine sebagai keywords.
READ MORE - OPTIMALISASI SEARCH ENGINE (SEO).
Haloo friends + foto dia 2 biji + gambar mobil 4 biji + gambar cartoon 6 biji. itu doang... (+) masih menggunakan hosting gratisan juga.
Belum lagi ketika ngelihat HTML nya disana gak ada keywords ataupundescription dari website tersebut.Nah tambah bingung kan gue. padahal Elo tau gak kalo di GOOGLE tuh situs urutan nomor 2 dan 3. Setelah aku amati lebih detail ternyata disetiap gambar yang dipasang pada websitenya itu terdapat ALT (alternative text) , dimana itulah yang dibaca oleh search engine sebagai keywords.
Contoh :
(Menggunakan ALT)
<a href="http://free-bloggertemplates.blogspot.com/" target="_blank"><img src="http://aycu14.webshots.com/image/21693/2003863295364486236_rs.jpg" alt="Free Blogger Templates" width="110" height="70" border="0" /></a>
(Tidak menggunakan ALT)
<a href="http://free-bloggertemplates.blogspot.com/" target="_blank"><img src="http://aycu14.webshots.com/image/21693/2003863295364486236_rs.jpg" width="110" height="70" border="0" /></a>.
Kalo pengen tau mana gambar yang pake ALT ato gak, coba aja cursor mouse kamu diarahkan kepada gambar dalam website yang sedang dibuka, ketika gambar tersebut mengeluarkan tulisan kecil yang melayang maka itu tandanya bahwa gambar tersebut menggunakan ALT. Coba arahkan mouse kamu pada gambar dibawah ini :
Kamu bisa lihat ketika cursor mengenai gambar tersebut, maka muncul tulisan melayang yang bertuliskan Free Blogger Templates.
Dari sinilah keyakinan saya muncul kalo ALT mempunyai pengaruh terhadap Optimalisasi ke search engine sepaerti GOOGLE, YAHOO, MSN, ALTAVISTA dan lain-lain, ditambah dengan berbagai macam artikel yang pernah saya temui.
Nah dari pengalaman ini mari kita belajar bareng ok. Semoga bermanfaat bagi kamu, saya dan orang-orang yang mencintai saya ( he..he.."PD" abis BOOOO...).
MENGHILANGKAN BANNER ADD BLOG
Coba perhatikan pada bagian atas Blog kamu, biasanya disana terpampang banner dari blogger, apalagi yang masih menggunakan template default dari blogspot.com. Sebenarnya kamu bisa saja menyembunyikan banner tersebut dengan menanmbahkan baris script <noembed></noembed> atau <noscript></noscript>.
Scipt tersebut diletakkan sebelum dan sesudah <body>, contohnya :<noemebed>
<body>
</noembed>
READ MORE - MENGHILANGKAN BANNER ADD BLOG
Scipt tersebut diletakkan sebelum dan sesudah <body>, contohnya :<noemebed>
<body>
</noembed>
atau
<noscript>
<body>
</noscript>
Dengan code script diatas, maka banner blog kamu dapat dihilangkan.
META TAGS
When a search engine robot indexes a website, it takes down cursory information like remote location, size, and other details. The actual content of the page is often dynamic and very difficult to categorize automatically; this is where Meta tags come into play. Meta tags serve as guidelines for search engine robots, validation engines, and even your audience's actual web browser. Proper use of these tags ensures your page will be recognized by all types of browser and search engine robot, and will be indexed quickly and efficiently.
Generally, the following format should be sufficient for most sites:
The latter tags ensure that robots will visit often, and index your entire site. The very last tag prevents your page from being improperly indexed by Microsoft's controversial "Smart Tags" program.
READ MORE - META TAGS
- Beware defaults; visitors with their browser settings set up in nonstandard ways will rarely see your website as it's intended to be seen
- In general, it's good practice to keep everything in lower case
- Using quotations within quotations is a common source of error, beware of quotes in your meta information
- Punctuation in general can wreak havoc on validators and robots, try and avoid it within meta tags.
Generally, the following format should be sufficient for most sites:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Descriptive Title</title>
<meta name="author" content="Author of this site's content">
<meta name="classification" content="Descriptive category for indexing">
<meta name="copyright" content="Usually author or company name">
<meta name="description" content="Keep to about 12 words, be descriptive and concise">
<meta name="keywords" content="A series of keywords, separated by a comma and space, that describe your site. These are things users might type into a search engine if they were looking for your services. Don't go overboard, keep them focused. Some robots will only read the first dozen or so, keep the important ones at the beginning">
<meta name="distribution" content="Global">
<meta name="language" content="Language code. In Canada, this is en-ca">
<meta name="reply-to" content="Put your inquiries email address here">
<meta name="revisit-after" content="30">
<meta name="robots" content="index,follow">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="rating" content="GENERAL">
<meta name="MSSmartTagsPreventParsing" content="TRUE">
The latter tags ensure that robots will visit often, and index your entire site. The very last tag prevents your page from being improperly indexed by Microsoft's controversial "Smart Tags" program.
SEARCH ENGINE ROBOTS
Every search engine has a continually-refined and complicated process for updating its search database. The "big three", that is Google, Yahoo, and MSN, all employ a combination of methods, but all three use search engine "spiders" (or crawlers, robots, any of a dozen nicknames). These spiders are largely-autonomous programs which travel the web, jumping from page to page based on the link structure, the same way a regular user might. While the spiders sweep across the web, they collect a variety of data about the pages they encounter, including such items as modification dates, descriptions, and other information contained in the meta tags within a site.
Upon reaching a page, a spider might either index the page initially if it isn't already within the database, or it might update its record of the page, based on how much has changed. The frequency of these spider visits are determined by a variety of factors, including how "static" the content of the page is, and the relative importance of the page itself (PageRank is a measure of this, in Google's world).
Ideally, if you wish to promote your website, you need the spiders to visit often, and "see" all the important sections of your site in order to maintain an updated index that will serve your goals. Accomplishing this is a major goal of SEO on a whole, and is by no means simple. For one, the ways in which spiders move around and collect data is proprietary, and can only really be guessed at by crunching log data, and measuring how quickly a site is indexed and visited.
A separate blog entry will be devoted to each of the big three engines and their methods of indexing, but one general standard for instructing the basic behavior of spiders is a simple textfile called "robots.txt", which is placed in the top-directory of the webserver.
A number of directives can be specified within this file, most notably which areas of your site are "off limits" to search engine spiders. For instance, adding the following lines to robots.txt...
User-agent: webcrawler
Disallow: /
...will tell webcrawler not to index or collect information on any part of your website. Wildcards can be used, as illustrated in the following lines...
User-agent: *
Disallow: /secret
Disallow: /logs
...which keeps every search engine spider (that follows this standard) out of the noted folders. Note that wildcards aren't supported in the actual file path, so instead of /secret/*, just use /secret/.
There is also a META equivalent to this method; simply add the following line to your HTML file, if you don't want it indexed:
<META NAME="ROBOTS" CONTENT="NOINDEX">
If you'd like the page indexed but not the links contained within, use:
<META NAME="ROBOTS" CONTENT="NOFOLLOW">
READ MORE - SEARCH ENGINE ROBOTS
Upon reaching a page, a spider might either index the page initially if it isn't already within the database, or it might update its record of the page, based on how much has changed. The frequency of these spider visits are determined by a variety of factors, including how "static" the content of the page is, and the relative importance of the page itself (PageRank is a measure of this, in Google's world).
Ideally, if you wish to promote your website, you need the spiders to visit often, and "see" all the important sections of your site in order to maintain an updated index that will serve your goals. Accomplishing this is a major goal of SEO on a whole, and is by no means simple. For one, the ways in which spiders move around and collect data is proprietary, and can only really be guessed at by crunching log data, and measuring how quickly a site is indexed and visited.
A separate blog entry will be devoted to each of the big three engines and their methods of indexing, but one general standard for instructing the basic behavior of spiders is a simple textfile called "robots.txt", which is placed in the top-directory of the webserver.
A number of directives can be specified within this file, most notably which areas of your site are "off limits" to search engine spiders. For instance, adding the following lines to robots.txt...
User-agent: webcrawler
Disallow: /
...will tell webcrawler not to index or collect information on any part of your website. Wildcards can be used, as illustrated in the following lines...
User-agent: *
Disallow: /secret
Disallow: /logs
...which keeps every search engine spider (that follows this standard) out of the noted folders. Note that wildcards aren't supported in the actual file path, so instead of /secret/*, just use /secret/.
There is also a META equivalent to this method; simply add the following line to your HTML file, if you don't want it indexed:
<META NAME="ROBOTS" CONTENT="NOINDEX">
If you'd like the page indexed but not the links contained within, use:
<META NAME="ROBOTS" CONTENT="NOFOLLOW">
A NOTE ON JAVASCRIPT
In the course of web design, it has become popular to include various javascript code snippets to perform various functions within a site; often they can be used for browser-compatibility checks, basic dynamic content, and to provide the most accurate and accessible webpage to a viewer based on pertinent data provided to the server. These scripts are often called inline from the HTML within a site; in the interest of bandwidth, it is a good idea to avoid this whenever possible.
Taking a javascript program and putting it into an external file, then calling this script in a webpage header instead of writing out the entire script inline, serves to cache the script instead of forcing the browser to reload it every time a page is reloaded, especially if every page on a site calls the same set of scripts.
If embedding is required, be very careful to properly bracket the script.
<script type="text/javascript" language="JavaScript"></script>
is the correct method of declaring an inline javascript snippet. Often, WYSIWYG code editors may mangle this declaration, often omitting type="text/javascript" entirely. This informal style is one of the most significant causes of erratic javascripts, and should be strictly avoided.
READ MORE - A NOTE ON JAVASCRIPT
Taking a javascript program and putting it into an external file, then calling this script in a webpage header instead of writing out the entire script inline, serves to cache the script instead of forcing the browser to reload it every time a page is reloaded, especially if every page on a site calls the same set of scripts.
If embedding is required, be very careful to properly bracket the script.
<script type="text/javascript" language="JavaScript"></script>
is the correct method of declaring an inline javascript snippet. Often, WYSIWYG code editors may mangle this declaration, often omitting type="text/javascript" entirely. This informal style is one of the most significant causes of erratic javascripts, and should be strictly avoided.
KEMBALIKAN FILE TANPA HARUS MENGINSTAL ULANG
Mungkin kamu pernah mengalami sebuah "kecelakaan" he..he.. yaitu file di komputer kamu hilang. Nah biar gak repot lagi harus nginstal ulang nih ada cara yang lebih gampang...
READ MORE - KEMBALIKAN FILE TANPA HARUS MENGINSTAL ULANG
- Klik Start > Run, lalu ketik sfc/scannow.
- Jika ada permintaan untuk masukkan CD, langsung aja masukan cd Windows XP kamu kedalam cd room / dvd room kamu.
MENGHEMAT MEMORY PADA WINDOWS XP
Haloo fren..sekarang kita ketemu lagi di artikel yang laen. Disini saya ingin berbagi sedikit info mengenai cara bagaimana "MENGHEMAT MEMORY PADA WINDOWS XP".
Adapun langkah-langkahnya adalah :
READ MORE - MENGHEMAT MEMORY PADA WINDOWS XP
Adapun langkah-langkahnya adalah :
- Start>Run ketikan Services.msc kik ok. Setelah itu kita akan melihat deretan prgram-program bacground dan kolom-kolom (Name, Description, Status, Starup type dan log on as).
- Klik kanan program yang akan kita rubah settingnya, lalu klik properties sebelum mengubah baca dahulu keterangan yang ada di description sehingga dapat diketahui apakah program tersebut ada kaitanya dengan program yang lainya, klik despendencies.
- Beberapa program yang tidak dapat diubah: EventLog, Plug and paly, Remote procedure Call(RCP), Windows Audio, dan Windows management Instrumentation.
- Untuk mengndari kesalahan sebelum mengubah program,simpan dahulu setting defaultnya. aranya: Add/Remove Columns remove Descreption, Status dan log On As, klik ok hal ini perlu dilakukan agar file *.txt yang kita simpan nanti tidak terlalu ruwet Klik actio pada service, klik expot list simpan dalam file Service.txt jika anda ingin mengembalikan seperti semula anda tinggal melihat dan mengembalikanya seperti semula.
Ok.. See you..
MEMBUAT MENU ARSIP MENJADI "DROP DOWN"
Untuk memperindah tampilan menu "ARCHIVES" pada blog kamu ada banyak macam, salah satunya adalah membuatnya menjadi menu "DROP DOWN" (dalam bahasa JAWA). Nah untuk contoh kamu bisa liha pada "sidebar" Blog ini disana ada menu "archives" kan? Dah liat Belom? tuh dibawah aja dech lihat gambarnya ..
nah untuk membuat seperti itu masukin code ini pada blog kamu di kolom archives
<mainorarchivepage>
<select name="archivemenu" class="archives" onchange=" document.location.href=this.options[this.selectedIndex].value;" style="border: 1px solid #000000" size="1">
<option selected="selected">Archives</option>
<bloggerarchives>
<option value="<$BlogArchiveURL$>"><$BlogArchiveName$></option>
</bloggerarchives> <archivepage>
<option value="<$BlogURL$>">Postingan Sekarang</option>
</archivepage>
</select>
</mainorarchivepage>
masalah warna dan besar ukuranya tinggal kamu edit aja sendiri.
Insya Allah berhasil dech, yang penting jangan asal masukin aja....
Alamat Hosting Gambar
Kemarin ada teman yang mengeluh nih sama saya masalah tempat dia hosting gambar buat blognya. Dia selama ini menggunakan jasa dari photobucket.com, namun akhir-akhir ini photobucket.com untuk bukanya aja lama. Nah untuk alternatif lain saya berikan alamat hosting yang lumayan cepat aksesnya dan banyak juga fasilitas untuk mengupload gambarnya. coba buka aja http://allyoucanupload.webshots.com. tapi bukannya photobucket jelek lho..soalnya saya juga pengguna dari "dia", he..he..(soalnya GRATISSS). Ini cuma sekedar alternatif doang. Ya gak?
READ MORE - Alamat Hosting Gambar
Setting Tampilan Posting pada Blogger.com
Mungkin diantara kamu kadang merasa tidak nyaman dengan tampilan posting pada blog yang agak panjang, hingga menyebabkan harus scroll kebawah untuk melihat artikel-artikel yang pernah di posting. Nah untuk menyeting tampilan posting kamu tersebut silahkan ikuti petunjuk berikut : 1. pertama harus masuk dulu kedalam blog area kamu. 2.setelah itu pada DASHBOARD pilih menu pengaturan (Setting)
3. Untuk tampilan default, postingan akan ditampilkan sebanyak 7 postingan. Nah disinilah kamu mengganti sesuai selera. Bisa ditambah ataupun dikurangi.
4. Terakhir jangan lupa untuk menyimapan tombol "save setting" atau "simpan setting" |
Subscribe to:
Posts (Atom)
