INSERT INTO sites(host) VALUES('amen24.wordpress.com') 1045: Access denied for user 'www-data'@'localhost' (using password: NO) amen24.wordpress.com Estimated Worth $71,893 - MYIP.NET Website Information
Welcome to MyIP.net!
 Set MYIP as homepage      

  
           

Web Page Information

Title:
Meta Description:
Meta Keywords:
sponsored links:
Links:
Images:
Age:
sponsored links:

Traffic and Estimation

Traffic:
Estimation:

Website Ranks

Alexa Rank:
Google Page Rank:
Sogou Rank:
Baidu Cache:

Search Engine Indexed

Search EngineIndexedLinks
 Google:
 Bing:
 Yahoo!:
 Baidu:
 Sogou:
 Youdao:
 Soso:

Server Data

Web Server:
IP address:    
Location:

Registry information

Registrant:
Email:
ICANN Registrar:
Created:
Updated:
Expires:
Status:
Name Server:
Whois Server:

Alexa Rank and trends

Traffic: Today One Week Avg. Three Mon. Avg.
Rank:
PV:
Unique IP:

More ranks in the world

Users from these countries/regions

Where people go on this site

Alexa Charts

Alexa Reach and Rank

Whois data

Who is amen24.wordpress.com at com.whois-servers.net



Whois Server Version 2.0



Domain names in the .com and .net domains can now be registered

with many different competing registrars. Go to
http://www.internic.net

for detailed information.



No match for "AMEN24.WORDPRESS.COM".

>>> Last update of whois database: Fri, 07 Oct 2016 17:20:54 GMT <<<



NOTICE:
The expiration date displayed in this record is the date the

registrar's sponsorship of the domain name registration in the registry is

currently set to expire. This date does not necessarily reflect the expiration

date of the domain name registrant's agreement with the sponsoring

registrar. Users may consult the sponsoring registrar's Whois database to

view the registrar's reported date of expiration for this registration.



TERMS OF USE:
You are not authorized to access or query our Whois

database through the use of electronic processes that are high-volume and

automated except as reasonably necessary to register domain names or

modify existing registrations; the Data in VeriSign Global Registry

Services' ("VeriSign") Whois database is provided by VeriSign for

information purposes only, and to assist persons in obtaining information

about or related to a domain name registration record. VeriSign does not

guarantee its accuracy. By submitting a Whois query, you agree to abide

by the following terms of use: You agree that you may use this Data only

for lawful purposes and that under no circumstances will you use this Data

to:
(1) allow, enable, or otherwise support the transmission of mass

unsolicited, commercial advertising or solicitations via e-mail, telephone,

or facsimile; or (2) enable high volume, automated, electronic processes

that apply to VeriSign (or its computer systems). The compilation,

repackaging, dissemination or other use of this Data is expressly

prohibited without the prior written consent of VeriSign. You agree not to

use electronic processes that are automated and high-volume to access or

query the Whois database except as reasonably necessary to register

domain names or modify existing registrations. VeriSign reserves the right

to restrict your access to the Whois database in its sole discretion to ensure

operational stability. VeriSign may restrict or terminate your access to the

Whois database for failure to abide by these terms of use. VeriSign

reserves the right to modify these terms at any time.



The Registry database contains ONLY .COM, .NET, .EDU domains and

Registrars.

Front Page Thumbnail

sponsored links:

Front Page Loading Time

Keyword Hits (Biger,better)

Other TLDs of amen24

TLDs Created Expires Registered
.com
.net
.org
.cn
.com.cn
.asia
.mobi

Similar Websites

More...
Alexa鏍囬

Search Engine Spider Emulation

Title: Hanya arsip
Description:halaman asli ada di http:kolom-tutorial.blogspot.com
Keywords:
Body:
Hanya arsip
Hanya arsip
halaman asli ada di http://kolom-tutorial.blogspot.com
Beranda
Tentang blog ini
Tutorial WordPress Lengkap dari ID Tutorial
Anda mencari tutorial wordpress yang lengkap? mungkin anda harus mengunjungi ID Tutorial. Di Id Tutorial di bahas berbagai trik cara membuat blog dengan menggunakan engine wordpress, di bahas secara detail namun dengan bahasa yang sederhana dan sangat mudah dimengerti oleh mereka yang mengaku masih newbie.
Panduan wordpress yang di bahas mulai dari Cara Install WordPress hingga coding wordpress themer. Penasaran, langsung saja meluncur ke Id Tutorial馃檪
22 Januari 2011
Posted by rohman |
Wordpress Tutorial | komplet wordpress tutorial, panduan wordpress, tutorial wordpress, wordpress tutorial lengkap |
Tinggalkan komentar
Cara Me-reset Template Blogger
Salah satu kelebihan blogging di blogger.com di banding dengan di wordpress.com adalah kita di beri kebebasan untuk mengganti ataupun mengedit template dengan sesuka hati, sehingga ini memungkinkan kita untuk mendapatkan tampilan blog sesuai dengan keinginan. Namun dari kebebasan tersebut ada sedikit efek negatifnya yaitu kita menjadi lebih sering mengedit atau bahkan mengganti template dibanding memposting artikel.
Akibat dari seringnya melakukan editting terhadap template yang kita miliki, terkadang ada hasil yang mengecewakan di suatu waktu, ambil contoh banyak blogger yang ingin mengembalikan kotak komentar dari haloscan ke kotak komentar original blogger serta hal-hal lainnya yang terkadang membuat kita frustasi karena tidak bisa mengembalikannya sesuai keinginan. Bagi anda yang mempunyai masalah-masalah seperti ini, kang Rohman mempunyai cara me-reset template blogger agar kembali seperti saat kita baru membuat blog, yup benar-benar kembali seperti awal anda membuat blog. penasaran? #160; lanjut deh.
Namun agar tidak ada hal-hal yang tidak di inginkan, silahkan coba dulu trik ini pada blog percoban anda, karena trik ini terbilang ekstrim. Catatan pertama yang harus anda ketahui adalah :
Semua widget yang ada akan hilang, jadi jangan lupa untuk membuat backup data sebelum melakukan reset. Tentang cara membackup data dalam widget pernah kang Rohman bahas pada postingan #160;Tips Membackup Data Dalam Widgets.
Isi posting anda tidak akan terlihat, namun tidak terhapus. Pada saat memilih template yang baru, posting yang ada akan di tampilkan kembali.
#160;
Siap untuk tantangan ekstrim? yuk kita mulai!
Langkah #1
Silahkan login ke Blogger dengan ID anda
Klik Tata Letak
Klik tab Edit HTML
Alihkan perhatian anda ke bagian bawah kode template anda, cari kode lt;body gt; dan lt;/body gt;
Hapus semua kode yang ada antara kode lt;body gt; dan lt;/body gt;. Contoh :
lt;body gt; lt;= yg ini jangan di hapus #160; lt;div id= #8217;outer-wrapper #8217; gt; lt;div id= #8217;wrap2 #8242; gt;
#160; #160; #160; lt;! #8211; skip links for text browsers #8211; gt; #160; #160; #160; lt;span id= #8217;skiplinks #8217; style= #8217;display:none; #8217; gt; #160; #160; #160; #160; #160; lt;a href= #8217;#main #8217; gt;skip to main lt;/a gt; | #160; #160; #160; #160; #160; lt;a href= #8217;#sidebar #8217; gt;skip to sidebar lt;/a gt; #160; #160; #160; lt;/span gt;
#160; #160; #160; lt;div id= #8217;header-wrapper #8217; gt; #160; #160; #160; #160; #160; lt;b:section class= #8217;header #8217; id= #8217;header #8217; maxwidgets= #8217;1 #8242; showaddelement= #8217;no #8217; gt; lt;b:widget id= #8217;Header1 #8242; locked= #8217;true #8217; title= #8217;Template Tutorial (Header) #8217; type= #8217;Header #8217;/ gt; lt;/b:section gt; #160; #160; #160; lt;/div gt; #160; #160; #160; lt;div id= #8217;content-wrapper #8217; gt;
#160; #160; #160; #160; #160; lt;div id= #8217;crosscol-wrapper #8217; style= #8217;text-align:center #8217; gt; #160; #160; #160; #160; #160; #160; #160; lt;b:section class= #8217;crosscol #8217; id= #8217;crosscol #8217; showaddelement= #8217;no #8217;/ gt; #160; #160; #160; #160; #160; lt;/div gt;
#160; #160; #160; #160; #160; lt;div id= #8217;main-wrapper #8217; gt; #160; #160; #160; #160; #160; #160; #160; lt;b:section class= #8217;main #8217; id= #8217;main #8217; showaddelement= #8217;no #8217; gt; lt;b:widget id= #8217;Blog1 #8242; locked= #8217;true #8217; title= #8217;Blog Posts #8217; type= #8217;Blog #8217;/ gt; lt;/b:section gt; #160; #160; #160; #160; #160; lt;/div gt;
#160; #160; #160; #160; #160; lt;div id= #8217;sidebar-wrapper #8217; gt; #160; #160; #160; #160; #160; #160; #160; lt;b:section class= #8217;sidebar #8217; id= #8217;sidebar #8217; preferred= #8217;yes #8217; gt; lt;b:widget id= #8217;Profile1 #8242; locked= #8217;false #8217; title= #8217;About Me #8217; type= #8217;Profile #8217;/ gt; lt;b:widget id= #8217;BloggerButton1 #8242; locked= #8217;false #8217; title= #8221; type= #8217;BloggerButton #8217;/ gt; lt;/b:section gt; #160; #160; #160; #160; #160; lt;/div gt;
#160; #160; #160; #160; #160; lt;! #8211; spacer for skins that want sidebar and main to be the same height #8211; gt; #160; #160; #160; #160; #160; lt;div class= #8217;clear #8217; gt; #160; lt;/div gt;
#160; #160; #160; lt;/div gt; lt;! #8211; end content-wrapper #8211; gt;
#160; #160; #160; lt;div id= #8217;footer-wrapper #8217; gt; #160; #160; #160; #160; #160; lt;b:section class= #8217;footer #8217; id= #8217;footer #8217;/ gt; #160; #160; #160; lt;/div gt;
#160; lt;/div gt; lt;/div gt; lt;! #8211; end outer-wrapper #8211; gt; lt;/body gt; lt;= yg ini jangan di hapus
Klik tombol Simpan Template.
Akan keluar peringatan semua widget akan di hapus. Klik tombol KONFIRMASI amp; SIMPAN (ingat! anda harus sudah membuat backup sebelumnya)
Silahkan lihat blog anda, dan hasilnya blog anda kosong tidak ada isinya.
Langkah #1 selesai.
#160;
langkah #2
Masih dalam kondisi login. silahkan klik tab Pilih Template baru
#160;
Silahkan pilih template yang anda sukai ( atau sembarang saja).
Klik tombol SIMPAN TEMPLATE
Silahkan lihat blog anda, seharusnya postingan sudah bisa muncul kembali seperti sedia kala.
Selesai.
#160;
Jika anda melakukan trik di atas, maka template anda akan kembali ke template standar blogger yang belum di utak-atik. Sekarang terserah anda mau di apakan lagi, mau di ganti template dengan yang baru sesuai keinginan anda? mau di edit atau di apakan, up to you deh.
#160;
Salam ekstrim dari kang Rohman.
26 Desember 2008
Posted by rohman |
blog tutorial, blogspot tutorial |
Tinggalkan komentar
Cara mengganti Tulisan Posting Lama Dan Posting Baru
Dulu pernah ada yang bertanya ke kang rohman tentang bagaimana cara menyembunyikan tulisan Posting lama atau Posting baru di blogger, dan jawaban tentang hal ini pernah kang Rohman posting pada artikel 鈥淐ara Menghilangkan Link Posting Lama鈥. Ternyata ada pertanyaan lain seputar 鈥淟ink Posting lama Dan Posting baru鈥 ini, kutipan pertayaan tersebut seperti ini :
Hallo,
Bagaimana caranya mengganti 鈥減osting lama鈥 atau 鈥淧osting baru鈥 dengan tulisan 鈥淣ext鈥 atau 鈥減revious鈥
Terima kasih
#160;
Tulisan Posting lama atau Posting baru tentu saja bisa anda ganti sesuai dengan keinginan anda, contoh di ganti dengan tulisan 鈥淣ext鈥 atau 鈥淧revious鈥, bahkan tidak hanya bisa diganti dengan dengan tulisan biasa namun 鈥淧osting lama atau Posting baru鈥 bisa diganti dengan gambar atau icon. Yuk, kita bahas satu 鈥 satu.
Mengganti Posting lama dan Posting baru dengan Next dan Previous
Ikuti langkah-langkah berikut :
Login ke blogger dengan ID anda
Klik Tata Letak.
Klik tab Edit HTML
Klik tulisan 鈥淒ownload Full Template鈥, silahkan di backup dulu template anda (penting)
Beri tanda centang pada kotak kecil di samping tulisan Expand Template Widget
Tunggu beberapa saat sampai proses selesai.
Cari kode berikut pada template anda :
lt;span id= #8217;blog-pager-newer-link #8217; gt; #160; #160; #160; #160; lt;a class= #8217;blog-pager-newer-link #8217; expr:href= #8217;data:newerPageUrl #8217; expr:id= #8217;data:widget.instanceId + amp;quot;_blog-pager-newer-link amp;quot; #8217; expr:title= #8217;data:newerPageTitle #8217; gt; lt;data:newerPageTitle/ gt; lt;/a gt; #160; #160; #160; #160; lt;/span gt; #160; #160; lt;/b:if gt;
#160; #160; lt;b:if cond= #8217;data:olderPageUrl #8217; gt; #160; #160; #160; #160; lt;span id= #8217;blog-pager-older-link #8217; gt; #160; #160; #160; #160; lt;a class= #8217;blog-pager-older-link #8217; expr:href= #8217;data:olderPageUrl #8217; expr:id= #8217;data:widget.instanceId + amp;quot;_blog-pager-older-link amp;quot; #8217; expr:title= #8217;data:olderPageTitle #8217; gt; lt;data:olderPageTitle/ gt; lt;/a gt; #160; #160; #160; #160; lt;/span gt; #160; #160; lt;/b:if gt;
#160; #160; lt;b:if cond= #8217;data:blog.homepageUrl != data:blog.url #8217; gt; #160; #160; #160; #160; lt;a class= #8217;home-link #8217; expr:href= #8217;data:blog.homepageUrl #8217; gt; lt;data:homeMsg/ gt; lt;/a gt; #160; #160; #160; #160; lt;b:else/ gt; #160; #160; #160; #160; lt;b:if cond= #8217;data:newerPageUrl #8217; gt; #160; #160; #160; #160; #160; #160; lt;a class= #8217;home-link #8217; expr:href= #8217;data:blog.homepageUrl #8217; gt; lt;data:homeMsg/ gt; lt;/a gt; #160; #160; #160; #160; lt;/b:if gt; #160; #160; lt;/b:if gt;
p
Perhatikan kode yang saya cetak merah.
Gantilah kode lt;data:newerPageTitle/ gt; dengan tulisan Next dan kode lt;data:olderPageTitle/ gt; dengan tulisan Previous
Klik tombol Simpan Template
Selesai.
Sangat sederhana bukan?
#160;
Mengganti Posting lama dan Posting baru dengan Icon
Untuk mengganti Posting lama serta Posting baru dengan icon, langkah pertama tentu saja anda harus mempersiapkan icon yang akan di pakai. Sebagai contoh kang Rohman mempunyai icon seperti ini :
#160;
#160;
Uploadlah icon-icon yang anda miliki ke server tempat anda biasa menyimpan gambar, kemudian catat URl nya. Contoh kang rohman mempunyai alamat icon icon di atas sebagai berikut :
http://lh6.ggpht.com/_pt7i0nbIOCY/SVGKP6ApR7I/AAAAAAAAAok/jdxY8orBJ10/Next_thumb%5B2%5D.png?imgmax=800
http://lh3.ggpht.com/_pt7i0nbIOCY/SVGWOwXOtlI/AAAAAAAAAo8/iCG-SNx6gMI/previous_thumb%5B1%5D.png?imgmax=800
http://lh4.ggpht.com/_pt7i0nbIOCY/SVGKSFmGSsI/AAAAAAAAAos/dzYf7KrG0S4/home_thumb%5B3%5D.png?imgmax=800
#160;
Ubahlah kode di atas menjadi seperti ini :
lt;img alt= #8217;Next #8217; border= #8217;0 #8242; src= #8217;http://lh6.ggpht.com/_pt7i0nbIOCY/SVGKP6ApR7I/AAAAAAAAAok/jdxY8orBJ10/Next_thumb%5B2%5D.png?imgmax=800 #038;#8242; title= #8217;Next #8217;/ gt;
lt;img alt= #8217;previous #8217; border= #8217;0 #8242; src= #8217;http://lh3.ggpht.com/_pt7i0nbIOCY/SVGWOwXOtlI/AAAAAAAAAo8/iCG-SNx6gMI/previous_thumb%5B1%5D.png?imgmax=800 #038;#8242; title= #8217;previous #8217;/ gt;
lt;img alt= #8217;home #8217; border= #8217;0 #8242; src= #8217;http://lh4.ggpht.com/_pt7i0nbIOCY/SVGKSFmGSsI/AAAAAAAAAos/dzYf7KrG0S4/home_thumb%5B3%5D.png?imgmax=800 #038;#8242; title= #8217;home #8217;/ gt;
#160;
Jika anda sudah mempunyai kode seperti diatas, langkah selanjutnya adalah tinggal memasukannya ke kode template anda, caranya seperti ini :
Login ke blogger dengan ID anda
Klik Tata Letak.
Klik tab Edit HTML
Klik tulisan 鈥淒ownload Full Template鈥, silahkan di backup dulu template anda (penting)
Beri tanda centang pada kotak kecil di samping tulisan Expand Widget Template
Tunggu beberapa saat sampai proses selesai.
Cari kode berikut pada template anda :
lt;span id= #8217;blog-pager-newer-link #8217; gt; #160; #160; #160; #160; lt;a class= #8217;blog-pager-newer-link #8217; expr:href= #8217;data:newerPageUrl #8217; expr:id= #8217;data:widget.instanceId + amp;quot;_blog-pager-newer-link amp;quot; #8217; expr:title= #8217;data:newerPageTitle #8217; gt; lt;data:newerPageTitle/ gt; lt;/a gt; #160; #160; #160; #160; lt;/span gt; #160; #160; lt;/b:if gt;
#160; #160; lt;b:if cond= #8217;data:olderPageUrl #8217; gt; #160; #160; #160; #160; lt;span id= #8217;blog-pager-older-link #8217; gt; #160; #160; #160; #160; lt;a class= #8217;blog-pager-older-link #8217; expr:href= #8217;data:olderPageUrl #8217; expr:id= #8217;data:widget.instanceId + amp;quot;_blog-pager-older-link amp;quot; #8217; expr:title= #8217;data:olderPageTitle #8217; gt; lt;data:olderPageTitle/ gt; lt;/a gt; #160; #160; #160; #160; lt;/span gt; #160; #160; lt;/b:if gt;
#160; #160; lt;b:if cond= #8217;data:blog.homepageUrl != data:blog.url #8217; gt; #160; #160; #160; #160; lt;a class= #8217;home-link #8217; expr:href= #8217;data:blog.homepageUrl #8217; gt; lt;data:homeMsg/ gt; lt;/a gt; #160; #160; #160; #160; lt;b:else/ gt; #160; #160; #160; #160; lt;b:if cond= #8217;data:newerPageUrl #8217; gt; #160; #160; #160; #160; #160; #160; lt;a class= #8217;home-link #8217; expr:href= #8217;data:blog.homepageUrl #8217; gt; lt;data:homeMsg/ gt; lt;/a gt; #160; #160; #160; #160; lt;/b:if gt; #160; #160; lt;/b:if gt;
Perhatikan kode yang saya cetak merah.
Gantilah kode lt;data:newerPageTitle/ gt;, lt;data:olderPageTitle/ gt; , dan lt;data:homeMsg/ gt; dengan kode icon anda. Contoh
lt;span id= #8217;blog-pager-newer-link #8217; gt; #160; #160; #160; #160; lt;a class= #8217;blog-pager-newer-link #8217; expr:href= #8217;data:newerPageUrl #8217; expr:id= #8217;data:widget.instanceId + amp;quot;_blog-pager-newer-link amp;quot; #8217; expr:title= #8217;data:newerPageTitle #8217; gt; lt;img alt= #8217;Next #8217; border= #8217;0 #8242; src= #8217;http://lh6.ggpht.com/_pt7i0nbIOCY/SVGKP6ApR7I/AAAAAAAAAok/jdxY8orBJ10/Next_thumb%5B2%5D.png?imgmax=800 #038;#8242; title= #8217;Next #8217;/ gt; lt;/a gt; #160; #160; #160; #160; lt;/span gt; #160; #160; lt;/b:if gt;
#160; #160; lt;b:if cond= #8217;data:olderPageUrl #8217; gt; #160; #160; #160; #160; lt;span id= #8217;blog-pager-older-link #8217; gt; #160; #160; #160; #160; lt;a class= #8217;blog-pager-older-link #8217; expr:href= #8217;data:olderPageUrl #8217; expr:id= #8217;data:widget.instanceId + amp;quot;_blog-pager-older-link amp;quot; #8217; expr:title= #8217;data:olderPageTitle #8217; gt; lt;img alt= #8217;previous #8217; border= #8217;0 #8242; src= #8217;http://lh3.ggpht.com/_pt7i0nbIOCY/SVGWOwXOtlI/AAAAAAAAAo8/iCG-SNx6gMI/previous_thumb%5B1%5D.png?imgmax=800 #038;#8242; title= #8217;previous #8217;/ gt; lt;/a gt; #160; #160; #160; #160; lt;/span gt; #160; #160; lt;/b:if gt;
#160; #160; lt;b:if cond= #8217;data:blog.homepageUrl != data:blog.url #8217; gt; #160; #160; #160; #160; lt;a class= #8217;home-link #8217; expr:href= #8217;data:blog.homepageUrl #8217; gt; lt;img alt= #8217;home #8217; border= #8217;0 #8242; src= #8217;http://lh4.ggpht.com/_pt7i0nbIOCY/SVGKSFmGSsI/AAAAAAAAAos/dzYf7KrG0S4/home_thumb%5B3%5D.png?imgmax=800 #038;#8242; title= #8217;home #8217;/ gt; lt;/a gt; #160; #160; #160; #160; lt;b:else/ gt; #160; #160; #160; #160; lt;b:if cond= #8217;data:newerPageUrl #8217; gt; #160; #160; #160; #160; #160; #160; lt;a class= #8217;home-link #8217; expr:href= #8217;data:blog.homepageUrl #8217; gt; lt;data:homeMsg/ gt; lt;/a gt; #160; #160; #160; #160; lt;/b:if gt; #160; #160; lt;/b:if gt;
Klik tombol Simpan Template
Selesai
#160;
Contoh hasil yang akan anda dapatkan seperti ini :
#160;
Jika anda mempraktekan tutorial ini kemudian mendapatkan pesan error, kang Rohman menyarankan untuk mencoba lagi dengan menggunakan browser yang berbeda.
Selamat mencoba!
p
25 Desember 2008
Posted by rohman |
blog tutorial, blogspot tutorial |
Tinggalkan komentar
Melacak Daerah Berdasarkan IP Address
Beberapa hari kemarin ada orang menyamar dengan memakai nama Kang Rohman di shoutbox, alamat blognya pun di tulis ke blog ini yaitu http://kolom-tutorial.blogspot.com, komentar-komentarnya seakan-akan dia adalah kang Rohman. Yang menjadi sedikit dongkol adalah ketika kang Rohman ikut berkomentar, sang pengaku ini malah mengclaim dirinya sebagai rohman yang asli. Hiks鈥 jadi penasaran ingin menyelidiki dari mana nih orang.
Sebagaimana kita ketahui bahwa shoutbox dari shoumix bisa menampilkan IP address dari sang pemberi komentar, jadi ada celah untuk menyelidiki darimana sang penyamar tersebut.
Ada banyak cara untuk melacak daerah berdasarkan IP address, salah satu cara gratisan adalah dengan menggunakan google earth atau google map. Sudah pada tahu kan tentang google earth? dengan google earth anda bisa mengintip berbagai belahan dunia hanya dari komputer kita. Yang belum pernah mencoba kehandalan google earth, silahkan download softwarenya di http://earth.google.com (sok atuh di klik link nya biar keluar situsnya).
Langkah pertama dalam penyelidikan adalah tentu saja IP address sang tersangka, dan setelah di lihat pada panel shoutbox kang Rohman mendapatkan IP address 125.164.227.180
Langkah kedua adalah mencari letak koordinat berdasarkan IP tersebut. Untuk hal ini anda bisa menggunakan berbagai tool gratisan di internet, contoh di http://www.geobytes.com/IpLocator.htm?GetLocation atau di http://www.ip2location.com. Hasil dari pengecekan terhadap IP 125.164.227.180 adalah sebagai berikut :
#160;
#160;
Dari data di atas yang di perlukan adalah koordinat Latitude serta Longitude, hasil yang di dapat Latitude : 鈥6.1670 #160; dan Latitude : 106.80000. Data yang di pasangkan ke google earth adalah gabungan dari keduanya yang hanya di pisahkan dengan tanda koma : 鈥6.1670, 106.80000
#160;
Langkah ketiga adalah melakukan penelusuran dengan dengan Google earth. Buka google earth nya, lihat ke bagian panel kiri atas. Pilih tab fly to, masukan data koordinat yang tadi : 鈥6.1670, 106.80000 klik icon search
#160;
Dan tarrrrraaaaaat鈥︹ kita langsung di bawa terbang ke tempat tujuan kita.
#160;
Pelacakan awal sudah selesai, tentu saja masih bisa di telusuri lebih akurat jika masih penasaran.
p
23 Desember 2008
Posted by rohman |
blogspot tutorial |
Tinggalkan komentar
Cara Membuat 鈥渂readcrumb-navigation鈥 Di Blogger
Jika anda pemerhati revolution theme karya brian gardner, mungkin anda pernah melihat deretan navigasi sederhana di atas judul artikel yang sedang di baca, sebagai contoh screenshotnya seperti ini :
Navigasi seperti di atas lebih di kenal dengan nama 鈥渂readcrumb-navigation鈥. Dengan adanya 鈥渂readcrumb-navigation鈥 maka pembaca dapat dengan mudah melihat posisi artikel yang di baca serta mencari artikel dalam satu kategori.
Apakah 鈥渂readcrumb-navigation鈥 bisa di pasang pada template blogger? Jawabannya adalah tentu saja bisa. Dengan sedikit modifikasi pada kode template anda, maka 鈥渂readcrumb-navigation鈥 akan segera anda miliki. Berikut adalah triknya.
Silahkan login ke blogger degan ID anda.
Klik Tata Letak.
Klik tab Edit HTML
Click Download Full Template and please back up your template first.
Silahkan beri tanda centang pada kotak kecil di samping tulisan Expand Template Widget.
Silahkan cari kode ]] gt; lt;/b:skin gt;
Copy lalu paste kode di bawah ini persis di atas kode ]] gt; lt;/b:skin gt;
.breadcrumbs { padding:5px 5px 5px 0px; #160; margin: 0px 0px 15px 0px; font-size:95%; #160; line-height: 1.4em; border-bottom:3px double #e6e4e3; }
Silahkan cari kode berikut pada template anda :
lt;div class= #8217;post hentry uncustomized-post-template #8217; gt;
Copy lalu paste kode di bawah ini persis di bawah kode lt;div class= #8217;post hentry uncustomized-post-template #8217; gt;
lt;b:if cond= #8217;data:blog.homepageUrl == data:blog.url #8217; gt; lt;b:else/ gt; #160; lt;b:if cond= #8217;data:blog.pageType == amp;quot;item amp;quot; #8217; gt; #160; #160; #160; #160; #160; lt;div class= #8217;breadcrumbs #8217; gt;
#160; #160; #160; #160; #160; #160; Browse #187; #160; lt;a expr:href= #8217;data:blog.homepageUrl #8217; rel= #8217;tag #8217; gt;Home lt;/a gt; #160; lt;b:loop values= #8217;data:posts #8217; var= #8217;post #8217; gt; #160; #160; #160; lt;b:if cond= #8217;data:post.labels #8217; gt; #160; #160; #160; #160; #160; lt;b:loop values= #8217;data:post.labels #8217; var= #8217;label #8217; gt; #160; #160; #160; #160; #160; #160; #160; #160; #160; #160; #160; lt;b:if cond= #8217;data:label.isLast == amp;quot;true amp;quot; #8217; gt; #187; #160; #160; #160; #160; #160; #160; #160; #160; #160; #160; #160; #160; #160; lt;a expr:href= #8217;data:label.url #8217; rel= #8217;tag #8217; gt; lt;data:label.name/ gt; lt;/a gt; #160; #160; #160; #160; #160; #160; #160; #160; #160; #160; #160; lt;/b:if gt; #187; lt;span gt; lt;data:post.title/ gt; lt;/span gt; #160; #160; #160; #160; #160; lt;/b:loop gt; #160; #160; #160; lt;/b:if gt; #160; lt;/b:loop gt;
#160; #160; #160; #160; #160; lt;/div gt; #160; lt;/b:if gt; lt;b:else/ gt; lt;b:if cond= #8217;data:blog.pageType == amp;quot;archive amp;quot; #8217; gt; lt;div class= #8217;breadcrumbs #8217; gt; Browse #187; lt;a expr:href= #8217;data:blog.homepageUrl #8217; gt;Home lt;/a gt; #187; Archives for lt;data:blog.pageName/ gt; lt;/div gt; lt;/b:if gt; lt;b:else/ gt; #160; lt;b:if cond= #8217;data:navMessage #8217; gt; lt;div class= #8217;breadcrumbs #8217; gt; lt;data:navMessage/ gt; lt;/div gt; lt;/b:if gt; lt;/b:if gt;
Klik tombol Save Template.
Tunggu beberapa saat sampai template anda tersimpan.
Buka halaman blog anda, klik pada judul artikelnya. Silahkan lihat hasilnya.
Selesai.
Jika langkah-langkah anda sudah benar, maka 鈥渂readcrumb-navigation鈥 akan seperti ini :
Selamat mencoba!
p
22 Desember 2008
Posted by rohman |
Uncategorized |
Tinggalkan komentar
Pasang Gambar Always On Top Plus Tombol Close
Pada posting sebelumnya telah di terangkan bagaimana cara membuat Gambar Always On Top atau gambar yang di pasang selalu tampil di depan layar walaupun pengunjung blog melakukan scrolling pada layar monitornya. Namun ternyata banyak yang rikues ke kang Rohman agar di buatkan tutorial membuat Gambar Always On Top tapi plus fasilitas Tombol Close Seperti special ads yang ada pada blog kang Rohman.
Trik yang di pakai untuk membuat Gambar Always On Top plus fasilitas Tombol Close adalah dari maxblogpress yaitu memakai skrip strip ad seperti yang pernah OOM terangkan. Namun agar bisa di terapkan seperti yang di inginkan, Kang rohman memodifikasi bagian CSS nya dan jadilah seperti yang anda lihat.
Special ads yang Kang Rohman gunakan sengaja memakai fasilitas ini agar bagi mereka yang merasa terganggu dengan keberadaan gambar yang selalu muncul di depan layar monitor, mereka sendiri bisa menghilangkannya.
Yang penasaran ingin bisa membuat Gambar Always On Top plus fasilitas tombol Close, berikut adalah langkah- langkahnya :
langkah #1
Buatlah dua buah gambar yang ingin di tampilkan yaitu gambar utama sebesar 125 X 125 pixel ( contoh saja ) serta tombol close yang akan di pakai, contoh :
#160;
#160; #160; #160; #160;
#160;
Uploadlah kedua gambar tersebut ke hosting tempat anda biasa menyimpan gambar. Catatlah alamat URL dari kedua gambar tersebut, contoh :
http://lh6.ggpht.com/_pt7i0nbIOCY/SUWuARPT5fI/AAAAAAAAAgM/GxFnybAf7-8/adspace_thumb%5B1%5D.png?imgmax=800
http://lh3.ggpht.com/_pt7i0nbIOCY/SUCgHswo4DI/AAAAAAAAAf8/evva1-0AhtU/close_thumb%5B1%5D.png?imgmax=800
#160;
Jangn lupa juga untuk menentukan target link untuk gambar anda, misal punya kang rohman seperti ini :
http://kolom-tutorial.blogspot.com
#160;
Langkah #2
#160;
Silahkan login #160; ke blogger dengan ID anda.
Klik Tata Letak.
Klik tab Edit HTML.
Klik Download Template Lengkap. Silahkan di backup dulu templatenya.
Copy lalu paste kode berikut persis di atas kode ]] gt; lt;/b:skin gt;
#mta_bar {
position:fixed;
_position:absolute;
bottom:10px;
right:10px;
margin:0;
padding:0
}
* html #mta_bar{
/*IE6 hack*/
position: absolute;
width: expression(document.compatMode== quot;CSS1Compat quot;? document.documentElement.clientWidth+ quot;px quot; : body.clientWidth+ quot;px quot;);
}
#mta_bar .right { float:right;width:125px;margin:0;padding:0}
#mta_bar .ads {margin:0;padding:0}
#mta_bar .close {margin:0;padding:0}
p
Copy lalu paste kode berikut persis di atas kode lt;/head gt;
lt;script type= #8217;text/javascript #8217; gt;
// lt;![CDATA[
var mta_arr = new Array();
var mta_clear = new Array();
function mtaFloat(mta) {
mta_arr[mta_arr.length] = this;
var mtapointer = eval(mta_arr.length-1);
this.pagetop = 0;
this.cmode = (document.compatMode amp; amp; document.compatMode!= quot;BackCompat quot;) ? document.documentElement : document.body;
this.mtasrc = document.all? document.all[mta] : document.getElementById(mta);
this.mtasrc.height = this.mtasrc.offsetHeight;
this.mtaheight = this.cmode.clientHeight;
this.mtaoffset = mtaGetOffsetY(mta_arr[mtapointer]);
var mtabar = #8216;mta_clear[ #8216;+mtapointer+ #8217;] = setInterval( quot;mtaFloatInit(mta_arr[ #8216;+mtapointer+ #8217;]) quot;,1); #8217;;
mtabar = mtabar;
eval(mtabar);
}
function mtaGetOffsetY(mta) {
var mtaTotOffset = parseInt(mta.mtasrc.offsetTop);
var parentOffset = mta.mtasrc.offsetParent;
while ( parentOffset != null ) {
mtaTotOffset += parentOffset.offsetTop;
parentOffset = parentOffset.offsetParent;
}
return mtaTotOffset;
}
function mtaFloatInit(mta) {
mta.pagetop = mta.cmode.scrollTop;
mta.mtasrc.style.top = mta.pagetop #8211; mta.mtaoffset + quot;px quot;;
}
function closeAds() {
document.getElementById( quot;mta_bar quot;).style.visibility = quot;hidden quot;;
}
//]] gt;
lt;/script gt;
Copy lalu paste kode berikut persis di atas kode lt;/body gt; (ganti dengan alamat URL anda)
lt;div id= #8217;mta_bar #8217; gt;
lt;div class= #8217;right #8217; gt;
lt;span class= #8217;ads #8217; gt;
lt;a href= #8217;http://kolom-tutorial.blogspot.com #8216; target= #8217;_blank #8217; gt;
lt;img border= #8217;0 #8242; height= #8217;125 #8242; src= #8217;http://lh6.ggpht.com/_pt7i0nbIOCY/SUWuARPT5fI/AAAAAAAAAgM/GxFnybAf7-8/adspace_thumb%5B1%5D.png?imgmax=800 #8216; width= #8217;125 #8217;/ gt;
lt;/a gt;
lt;/span gt;
lt;span class= #8217;close #8217; onmouseout= #8217;self.status= amp;apos; amp;apos; #8217; onmouseover= #8217;self.status= amp;apos;kolom-tutorial.blogspot.com amp;apos;;return true; #8217; gt;
lt;img align= #8217;absmiddle #8217; border= #8217;0 #8242; onClick= #8217;closeAds();return false; #8217; src= #8217;http://lh3.ggpht.com/_pt7i0nbIOCY/SUCgHswo4DI/AAAAAAAAAf8/evva1-0AhtU/close_thumb%5B1%5D.png?imgmax=800 #8216; style= #8217;cursor:hand;cursor:pointer; #8217;/ gt;
lt;/span gt;
lt;/div gt;
lt;/div gt;
Klik tombol SIMPAN TEMPLATE.
Selesai. Silahkan lihat hasilnya.
#160;
Selamat mencoba
21 Desember 2008
Posted by rohman |
blogspot tutorial |
Tinggalkan komentar
Pasang gambar Always On Top
p
Ada info menarik bagi anda yang suka memajang gambar di blognya. Info kali ini adalah tentang cara memasang gambar yang akan selalu muncul di bagian depan blog anda, gambar tersebut akan selalu muncul walaupun pengunjung melakukan scrolling ke halaman bagian bawah blog anda,Screenshot nya seperti ini :
Tertarik ingin tahu triknya? Berikut adalah langkah langkahnya :
Langkah #1
Buatlah gambar yang ingin anda tampilkan nanti. Saya sarankan gambar tersebut sekitar 125 X 125 agar tidak terlalu mengganggu pengunjung anda. Format gambar terserah anda, bentuk animasipun tentu saja boleh. Contoh Gambar :
uploadlah gambar tersebut ke hosting tempat anda menyipan gambar. Belum tahu cara upload gambar? Baca dulu posting yang ini.
Catat alamat gambar yang sudah anda upoad.
Langkah #2
Silahkan login ke blogger dengan ID anda
Klik Tata Letak.
Klik Tab Edit HTML
Klik tulisan Download Template Lengkap. silahkan backup dulu templatenya biar aman.
Copy lalu paste kode berikut persis di atas kode ] gt; gt; lt;b:skin gt;
#top_image { position:fixed; _position:absolute; bottom:5px; left:5px; clip:inherit; _top:expression(document.documentElement.scrollTop+ document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth #8211; offsetWidth); }
Silahkan cari kode lt;body gt; di template anda.
Copy lalu paste kode berikut persis di bawah kode lt;body gt; (ini contoh saja)
lt;div id= #8217;top_image #8217; gt; lt;img border= #8217;0 #8242; src= #8217;http://lh3.ggpht.com/_pt7i0nbIOCY/SUL0frimGbI/AAAAAAAAAgE/FrMr_MKfweA/Doraemon-1_thumb.gif?imgmax=800 #8217;/ #038;gt; lt;/div gt;
p
Klik tombol simpan template.
Selesai. Silahkan lihat hasilnya.
Secara default kode di atas adalah untuk menampilkan gambar di sebelah pojok kiri bawah layar monitor. Posisi tersebut bisa anda ubah sesuai keinginan, misal ingin di simpan di sebelah pojok kanan bawah, pojok atas kanan ataupun pojok atas kiri. Kode yang bisa anda edit adalah seperti ini ;
#top_image { position:fixed; _position:absolute; bottom:5px; left:5px; clip:inherit; _top:expression(document.documentElement.scrollTop+ document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth #8211; offsetWidth); }
#160;
kode yang berwarna merah adalah kode yg bisa anda ganti sesuai keinginan.
Untuk pojok kanan bawah :
bottom:5px;
right:5px;
untuk pojok kanan atas :
top:5px;
right:5px;
untuk pojok kiri atas
top:5px;
left:5px;
#160;
Pada contoh di atas, gambar yang tampil tidak bisa di klik. Jika anda menginginkan agar gambar ada bisa di klik atau nge link, anda hanya menambahkan kode link di dalamnya. contoh :
lt;div id= #8217;top_image #8217; gt;
lt;a href= quot;http://kolom-tutorial.blogspot.com quot; #038;gt; lt;img border= #8217;0 #8242; src= #8217;http://lh3.ggpht.com/_pt7i0nbIOCY/SUL0frimGbI/AAAAAAAAAgE/FrMr_MKfweA/Doraemon-1_thumb.gif?imgmax=800 #8217;/ #038;gt; lt;/a gt;
lt;/div gt;
p
#160;
Selamat mencoba!
20 Desember 2008
Posted by rohman |
blogspot tutorial |
Tinggalkan komentar
Memasang Kode Hasil CSS Menu Generator
Pada postingan terdahulu kang Rohman sempat menginformasikan tentang free download tool yang bernama CSS Menu Generator, dengan tool CSS Menu Generator anda dapat dengan mudah membuat sebuah Horizontal Menu, Vertical Menu, Combo-box Menu, Full Down Menu atau Drop down Menu. Namun ternyata eh ternyata setelah di kasih enak malah jadi pada bingung tujuh keliling dan akhirnya #160; banyak yang bertanya ke Kang Rohman tentang cara memasang kode hasil dari CSS Menu Generator pada blog. Hihihi.. pada bingung yah, duuuh kacian鈥..
Bagi anda yang masih merasa kebingungan memasang kode hasil dari CSS Menu Generator, mungkin postingan ini bisa menjadi obat sakit kepala anda karena Kang Rohman akan mencoba membahas tentang bagaimana cara memasukan kode yang di hasilkan oleh CSS menu generator ke dalam blog. Namun sebelumnya, anda saya anggap sudah bisa mengoperasikan CSS Menu Generator.
Kode yang di hasilkan oleh CSS Menu Generator terdiri dari dua bagian yaitu bagian kode CSS dan yang satunya kode HTML. Perhatikan gambar berikut :
#160;
Contoh kode CSS ;
lt;style type= quot;text/css quot; media= quot;screen quot; gt; .pd_menu_01 {float:left; padding:0; margin:0;color: #FFFFFF;background: #0000A0;width:100%; border:solid 1px #004080;clear:both;} /*Color navigation bar normal mode*/ .pd_menu_01 #160; a, .pd_menu_01 a:visited { font-family:Arial, Helvetica, sans-serif; font-style:normal; font-weight:bold; font-size:12px; color: #FFFFFF; background-color: #0000A0; text-decoration: none; } .pd_menu_01 ul {list-style-type:none;padding:0; margin:0;} .pd_menu_01 ul li {float:left; position:relative; z-index:auto !important /*Non-IE6*/; z-index:1000 /*IE6*/; border-right:solid 1px #004080; } .pd_menu_01 ul li a {color: #FFFFFF;background: #0000A0;float:none !important /*Non-IE6*/; float:left /*IE-6*/; display:block; height:30px; line-height:30px; padding:0 10px 0 10px; text-decoration:none; } .pd_menu_01 ul li ul {display:none; border:none;color: #FFFFFF;background: #0000A0;} .pd_menu_01 ul li:hover a {background-color:#008000; text-decoration:none; color:#FFFF00;} /*Color main cells hovering mode*/ .pd_menu_01 ul li:hover ul {display:block; #160; position:absolute; z-index:999; top:29px; margin-top:1px; left:0;} .pd_menu_01 ul li:hover ul li a {display:block; width:12em; height:auto; line-height:1.3em; margin-left:-1px; padding:5px 10px 5px 10px; border-left:solid 1px #004080; border-bottom: solid 1px #004080; background-color:#0000FF; #160; color:#FFFFFF;} /*Color subcells normal mode*/ .pd_menu_01 ul li:hover ul li a:hover {background-color:#CA0000; text-decoration:none;color:#FFFF00;} /*Color subcells hovering mode*/ .pd_menu_01 table {position:absolute; top:0; left:0; border-collapse:collapse;color: #FFFFFF;background: #0000A0;} .pd_menu_01 ul li a:hover {background-color:#008000; text-decoration:none;color:#FFFF00;} /*Color main cells hovering mode*/ .pd_menu_01 ul li a:hover ul {display:block; width:12em; position:absolute; z-index:999; top:29px; left:0; } .pd_menu_01 ul li a:hover ul li a {display:block; width:12em; height:1px; line-height:1.3em; padding:4px 16px 4px 16px; border-left:solid 1px #004080; border-bottom: solid 1px #004080; background-color:#0000FF; #160; color:#FFFFFF;} /*Color subcells normal mode*/ .pd_menu_01 ul li a:hover ul li a:hover {background-color:#CA0000; text-decoration:none;color:#FFFF00;} /*Color subcells hovering mode*/ lt;/style gt;
#160;
Contoh kode HTML :
lt;div class= quot;pd_menu_01 quot; gt; lt;ul gt; lt;li gt; lt;a href= quot;/ quot; gt;Home lt;! #8211;[if IE 7] gt; lt;! #8211; gt; lt;/a gt; lt;! #8211; lt;![endif] #8211; gt; lt;! #8211;[if IE] gt; lt;table gt; lt;tr gt; lt;td gt; lt;![endif] #8211; gt; lt;! #8211;[if IE] gt; lt;/td gt; lt;/tr gt; lt;/table gt; lt;/a gt; lt;![endif] #8211; gt; lt;/li gt; lt;/ul gt; lt;ul gt; lt;li gt; lt;a href= quot; quot; gt;Blog Tutorial lt;! #8211;[if IE 7] gt; lt;! #8211; gt; lt;/a gt; lt;! #8211; lt;![endif] #8211; gt; lt;! #8211;[if IE] gt; lt;table gt; lt;tr gt; lt;td gt; lt;![endif] #8211; gt; lt;ul gt; lt;li gt; lt;a href= quot; quot; #160; gt;Cara Daftar lt;/a gt; lt;/li gt; lt;li gt; lt;a href= quot; quot; #160; gt;cara Setting lt;/a gt; lt;/li gt; lt;li gt; lt;a href= quot; quot; #160; class= quot;lastone quot; gt;Cara Posting lt;/a gt; lt;/li gt; lt;/ul gt; lt;! #8211;[if IE] gt; lt;/td gt; lt;/tr gt; lt;/table gt; lt;/a gt; lt;![endif] #8211; gt; lt;/li gt; lt;/ul gt; lt;ul gt; lt;li gt; lt;a href= quot; quot; gt;Wordpress tutorial lt;! #8211;[if IE 7] gt; lt;! #8211; gt; lt;/a gt; lt;! #8211; lt;![endif] #8211; gt; lt;! #8211;[if IE] gt; lt;table gt; lt;tr gt; lt;td gt; lt;![endif] #8211; gt; lt;! #8211;[if IE] gt; lt;/td gt; lt;/tr gt; lt;/table gt; lt;/a gt; lt;![endif] #8211; gt; lt;/li gt; lt;/ul gt; lt;ul gt; lt;li gt; lt;a href= quot; quot; gt;Hot News lt;! #8211;[if IE 7] gt; lt;! #8211; gt; lt;/a gt; lt;! #8211; lt;![endif] #8211; gt; lt;! #8211;[if IE] gt; lt;table gt; lt;tr gt; lt;td gt; lt;![endif] #8211; gt; lt;! #8211;[if IE] gt; lt;/td gt; lt;/tr gt; lt;/table gt; lt;/a gt; lt;![endif] #8211; gt; lt;/li gt; lt;/ul gt; lt;/div gt;
#160;
Untuk menempatkan kode di atas pada blog anda tentu tidak ada ketentuan yang baku karena tergantung di manakah posisi tab menu mau di tempatkan, faktor yang lain adalah kode template antara yang satu dengan yang lain tentu saja berbeda. Namun sebagai gambaran, kang Rohman akan memberikan satu contoh, mungkin dengan ini akan ada sedikit titik terang.
Jika menurut kebiasaan, lazimnya suatu tab menu di simpan di atas Header atau di bawah header. Untuk itu anda di sarankan untuk membuat elemen di atas atau di bawah header, trik ini pernah kang rohman posting pada 鈥 Menyimpan Widget Persis Dibawah Header 鈥 atau pada posting 鈥 Cara Membuat Elemen Persis Di Bawah 鈥, Silahkan di baca dulu.
p
p
p
p
p
p
OK. sekarang saya anggap anda sudah membuat elemen persis di bawah header, dan sekarang kita mencoba untuk memasukkan kode hasil dari CSS Menu Generator. Namun sebelumnya perlu di ketahui bahwa pada kode CSS seperti contoh di atas ada sedikit kode yang perlu di hapus, yaitu pada contoh kode yang saya contohkan di atas saya cetak merah, tepatnya kode yang ini :
#160;
lt;style type= quot;text/css quot; media= quot;screen quot; gt;
#160;
lt;/style gt;
p
Sekali lagi, kode di atas di hapus saja.
#160;
Berikut adalah langkah-langkah untuk memasukkan kode dari CSS Menu Generator :
Silahkan login ke blogger dengan ID anda.
Klik Tata Letak.
Klik tab Edit HTML.
Klik Tulisan Download Template Lengkap, silahkan di backup dulu (penting).
Copy kode CSS tab menu anda ( tentunya ada kode yang di hapus seperti keterangan di atas ) persis di atas kode #160; ]] gt; lt;/b:skin gt; . Contoh ;
.pd_menu_01 {float:left; padding:0; margin:0;color: #FFFFFF;background: #0000A0;width:100%; border:solid 1px #004080;clear:both;} /*Color navigation bar normal mode*/ .pd_menu_01 #160; a, .pd_menu_01 a:visited { font-family:Arial, Helvetica, sans-serif; font-style:normal; font-weight:bold; font-size:12px; color: #FFFFFF; background-color: #0000A0; text-decoration: none; } .pd_menu_01 ul {list-style-type:none;padding:0; margin:0;} .pd_menu_01 ul li {float:left; position:relative; z-index:auto !important /*Non-IE6*/; z-index:1000 /*IE6*/; border-right:solid 1px #004080; } .pd_menu_01 ul li a {color: #FFFFFF;background: #0000A0;float:none !important /*Non-IE6*/; float:left /*IE-6*/; display:block; height:30px; line-height:30px; padding:0 10px 0 10px; text-decoration:none; } .pd_menu_01 ul li ul {display:none; border:none;color: #FFFFFF;background: #0000A0;} .pd_menu_01 ul li:hover a {background-color:#008000; text-decoration:none; color:#FFFF00;} /*Color main cells hovering mode*/ .pd_menu_01 ul li:hover ul {display:block; #160; position:absolute; z-index:999; top:29px; margin-top:1px; left:0;} .pd_menu_01 ul li:hover ul li a {display:block; width:12em; height:auto; line-height:1.3em; margin-left:-1px; padding:5px 10px 5px 10px; border-left:solid 1px #004080; border-bottom: solid 1px #004080; background-color:#0000FF; #160; color:#FFFFFF;} /*Color subcells normal mode*/ .pd_menu_01 ul li:hover ul li a:hover {background-color:#CA0000; text-decoration:none;color:#FFFF00;} /*Color subcells hovering mode*/ .pd_menu_01 table {position:absolute; top:0; left:0; border-collapse:collapse;color: #FFFFFF;background: #0000A0;} .pd_menu_01 ul li a:hover {background-color:#008000; text-decoration:none;color:#FFFF00;} /*Color main cells hovering mode*/ .pd_menu_01 ul li a:hover ul {display:block; width:12em; position:absolute; z-index:999; top:29px; left:0; } .pd_menu_01 ul li a:hover ul li a {display:block; width:12em; height:1px; line-height:1.3em; padding:4px 16px 4px 16px; border-left:solid 1px #004080; border-bottom: solid 1px #004080; background-color:#0000FF; #160; color:#FFFFFF;} /*Color subcells normal mode*/ .pd_menu_01 ul li a:hover ul li a:hover {background-color:#CA0000; text-decoration:none;color:#FFFF00;} /*Color subcells hovering mode*/
Klik tombol SIMPAN TEMPLATE
Tunggu beberapa saat sampai template anda tersimpan.
Klik tab Elemen Halaman.
Klik Tambah Gadget pada elemen yang di bawah header ( tentunya sudah di buat terlebih dahulu )
#160;
Klik tanda plus (+) untuk HTML/JavaScript.
Copy kode HTML dari CSS tab menu anda, lalu paste pada kolom yang muncul. Contoh ;
lt;div class= quot;pd_menu_01 quot; gt; lt;ul gt; lt;li gt; lt;a href= quot;/ quot; gt;Home lt;! #8211;[if IE 7] gt; lt;! #8211; gt; lt;/a gt; lt;! #8211; lt;![endif] #8211; gt; lt;! #8211;[if IE] gt; lt;table gt; lt;tr gt; lt;td gt; lt;![endif] #8211; gt; lt;! #8211;[if IE] gt; lt;/td gt; lt;/tr gt; lt;/table gt; lt;/a gt; lt;![endif] #8211; gt; lt;/li gt; lt;/ul gt; lt;ul gt; lt;li gt; lt;a href= quot; quot; gt;Blog Tutorial lt;! #8211;[if IE 7] gt; lt;! #8211; gt; lt;/a gt; lt;! #8211; lt;![endif] #8211; gt; lt;! #8211;[if IE] gt; lt;table gt; lt;tr gt; lt;td gt; lt;![endif] #8211; gt; lt;ul gt; lt;li gt; lt;a href= quot; quot; #160; gt;Cara Daftar lt;/a gt; lt;/li gt; lt;li gt; lt;a href= quot; quot; #160; gt;cara Setting lt;/a gt; lt;/li gt; lt;li gt; lt;a href= quot; quot; #160; class= quot;lastone quot; gt;Cara Posting lt;/a gt; lt;/li gt; lt;/ul gt; lt;! #8211;[if IE] gt; lt;/td gt; lt;/tr gt; lt;/table gt; lt;/a gt; lt;![endif] #8211; gt; lt;/li gt; lt;/ul gt; lt;ul gt; lt;li gt; lt;a href= quot; quot; gt;Wordpress tutorial lt;! #8211;[if IE 7] gt; lt;! #8211; gt; lt;/a gt; lt;! #8211; lt;![endif] #8211; gt; lt;! #8211;[if IE] gt; lt;table gt; lt;tr gt; lt;td gt; lt;![endif] #8211; gt; lt;! #8211;[if IE] gt; lt;/td gt; lt;/tr gt; lt;/table gt; lt;/a gt; lt;![endif] #8211; gt; lt;/li gt; lt;/ul gt; lt;ul gt; lt;li gt; lt;a href= quot; quot; gt;Hot News lt;! #8211;[if IE 7] gt; lt;! #8211; gt; lt;/a gt; lt;! #8211; lt;![endif] #8211; gt; lt;! #8211;[if IE] gt; lt;table gt; lt;tr gt; lt;td gt; lt;![endif] #8211; gt; lt;! #8211;[if IE] gt; lt;/td gt; lt;/tr gt; lt;/table gt; lt;/a gt; lt;![endif] #8211; gt; lt;/li gt; lt;/ul gt; lt;/div gt;
Klik tombol SIMPAN.
Selesai. Silahkan lihat hasilnya.
#160;
Mungkin langkah-langkah di atas bisa menjadi satu gambaran bagaimana cara memasukkan kode hasil dari CSS menu Generator.
#160;
Selamat mencoba!
p
18 Desember 2008
Posted by rohman |
blog tutorial, menu navigasi css |
Tinggalkan komentar
Meningkatkan Page Rank dengan Jaringan Link
p
Sobat tentu sudah pada tahu kalau link sangat berperan dalam menaikkan page rank website atau blog kita. Terutama bagi sobat yang tertarik untuk mendaftarkan blognya ke program-program penghasil uang seperti sponsored review atau adsense, dukungan link ini sangat dibutuhkan. Bagaimana mau me-review kalau belum apa-apa blog kita udah ditolak duluan karena popularitas linknya nol鈥
Kalau kita sudah cukup lama aktif membina jaringan blog kita, mungkin link nya sudah cukup banyak ya. Tapi kalau kita masih baru terjun, atau kita punya blog baru yang ingin segera kita pompa page rank-nya, maka kita sangat perlu dukungan link disamping dukungan trafik.
Selain dengan saling bertukar link, cara lain adalah dengan membeli program pemasangan link. Jadi kita membayar sejumlah uang supaya blog kita di-link secara masif. Program-program semacam ini sangat praktis tapi biasanya lumayan mahal, harganya bisa ratusan dolar.
Namun jangan berkecil hati, ternyata ada juga kok program pemasangan link yang murah abiss, cuma Rp 50.000,- Nama programnya Get 100 links!
Sesuai dengan namanya, link website atau blog kita akan dipasang pada jaringan 100 blog mereka. Kalau dihitung-hitung, berarti biayanya 500 perak per link. Link kita dipasang secara permanen, bukan bulanan. Murah banget khan? Jadi kita bisa lebih fokus pada materi blog, dan tidak terlalu memikirkan lagi urusan link.
Gak harus punya kartu kredit atau saldo PayPal untuk membeli program yang beralamat di www.get100links.net tersebut. Walaupun namanya in inglis, yang punya orang kita juga kok. Bisa bayar lewat transfer BCA atau Mandiri.
Mau?
17 Desember 2008
Posted by rohman |
Uncategorized |
Tinggalkan komentar
PhotoShop Tutorial 鈥 Teknik dasar Slicing
Saya yakin dan percaya bahwa anda pasti sudah mengetahui software pengolah gambar yang bernama PhotoShop. Dengan Photoshop anda dapat menciptakan sebuah gambar yang menarik dengan mudah, atau anda dapat mengedit sebuah gambar yang sudah jadi ( misal photo, dll ) sehingga menghasilkan gambar dalam bentuk lain yang anda inginkan.
Bagi anda yang senang akan blog design atau Web design tentu saja harus bisa mengoperasikan software pengolah gambar yang salah satunya seperti yang kang Rohman sebutkan tadi yaitu PhotoShop. Salah satu teknik yang sangat erat hubungannya dengan dunia blog design atau website design adalah teknik slicing.
Slicing adalah teknik membagi atau memotong gambar mejadi beberapa bagian dan mempunyai ukuran file serta format yang berbeda-beda. Teknik slicing ini sering di gunakan agar gambar tidak telalu berat pada saat blog anda di loading oleh pengunjung. Contoh, perhatikan contoh gambar (1) di bawah ini :p
Gambar seperti contoh di atas seringkali di gunakan sebagai background dari judul sidebar. Tahukah anda bahwa untuk menampilkan background seperti contoh di atas tidak perlu menampilkan keseluruhan gambar, namun anda hanya cukup memotongnya menjadi potongan kecil agar pada saat loading blog anda tidak terlalu berat. Gambar yang di perlukan cukup hanya potongan kecil seperti ini saja :
Teknik untuk menampilkannya adalah dengan bantuan kode :
background:url( #8220;URL_gambar) repeat-x;
repeat-x adalah teknik menampilakn gambar secara berulang dalam bentuk horizontal ( sumbu X ). Jadi walaupun gambarnya hanya berupa potongan kecil saja, gambar tersebut akan terlihat penuh ke pinggir seperti gambar (1) di atas.
Contoh lain adalah seperti gambar 2 di bawah ini :
gambar seperti contoh di atas biasanya di pakai sebagai background blog atau web (dalam ukuran besar tentunya). Agar gambar yang begitu besar tidak membebani loading, maka kita perlu memotongnya seperti gambar di bawah ini :
Teknik untuk menampilkannya adalah dengan bantuan kode :
background:url( #8220;URL_gambar) repeat-y;
repeat-y adalah teknik menampilakn gambar secara berulang dalam bentuk vertikal ( sumbu y ). Jadi walaupun gambarnya hanya berupa potongan kecil saja, gambar tersebut akan terlihat penuh ke secara vertikal seperti gambar 2 di atas.
Sepertinya postingan ini tidak akan terlalu mendalam tentang teknik gambar repeat-x atau repeat-y karena akan lebih fokus kepada teknik dasar slicing pada Photoshop.
Tanpa basa basi agar tidak terlalu panjang, maka silahkan buka adobe photoshop anda, buatlah file baru.
Pilihlah ukuran gambar 640 x 480 ( sebagai contoh )
Buatlah layer baru, klik : Layer 禄 New 禄 Layer鈥
Atau cukup klik icon create New layer (secara default biasanya ada di kanan bawah layar)
Klik icon add a layer Style, lalu pilih gradien overlay鈥
Setting angle menjadi 0 (nol), kemudian klik pada contoh gambar gradien :
Pilih gambar gradien kuning (sebagai contoh), maka hasilnya akan seperti ini ;
Sekarang waktunya kita melakukan slicing, Pilih Slice Tool ( space + k )
Arahkan pada sudut gambar yang ingin di potong sesuai keinginan, klik lalu tahan, kemudian geser pada arah yang anda inginkan. Lepaskan (klik yg di tahan tadi) pada ujung gambar yang di inginkan. Lakukan kembali slicing pada area gambar lainnya yang anda inginkan.
Klik File lalu Save For Web鈥 untuk menyimpan hasil gambar anda.
Pilih yang tab 4-up dan pilih format gambar serta kualitas yang anda inginkan. Lalu Save untuk mengakhirinya.
Mungkin itu saja teknik dasar dari slicing. Ternyata cape banget yah bikin tutorial photoshop, kapok sepertinya nih
Semoga bermanfaat.
16 Desember 2008
Posted by rohman |
PhotoShop |
Tinggalkan komentar
laquo; Entri Sebelumnya
Tentang blog ini
hanya seorang lelaki biasa, makan-makanan biasa, minum-minuman biasa, punya istri biasa, punya anak biasa. Semuanya biasa saja, tidak ada yang istimewa. hanya sedikit berbagi.
Mohon Perhatian
Bagi para pengunjung yang kebetulan tidak sengaja tersangkut di blog ini, jika ada pertanyaan tolong jangan di sini karena saya hampir tidak pernah update di sini, silahkan ajukan pertanyaan di :
Tutorial Blog
Terima kasih
Kategori
Kategori
Pilih Kategori
aksesori blog (47)
alexa rank (2)
backup widget (1)
banner (5)
bisnis (1)
blog baruku (1)
blog tools (14)
blog tutorial (165)
blogger isu (1)
Blogging relax Tips (6)
blogging tutorial (10)
blogspot tutorial (65)
cari duit di internet (4)
cari kerja (1)
daftar isi blog (1)
download gratis (28)
download template (21)
drop down menu (2)
ebook (1)
edit template (5)
favicon (1)
free template (7)
free tool (1)
google adsense (3)
google talk (2)
hiasan blog (4)
hilangkan navbar (1)
hosting (1)
HUT RI (1)
I #8217;m is back (1)
Iklan anda (2)
internet business-RM (1)
kontes (1)
kotak komentar (5)
langka tapi nyata (1)
make label cloud (1)
marquee (1)
membuat favicon (1)
membuat label (1)
membuat link (5)
membuat marquee (4)
membuat navbar (2)
membuat readmore (5)
menu dropdown (2)
menu dtree (2)
menu navigasi css (8)
modifikasi blog (13)
navigasi dengan css (6)
pasang feed (1)
pasang iklan (1)
pasang recent comment (1)
PhotoShop (1)
pindah alamat (1)
Program Iklan (3)
promosi blog (5)
putar haluan (1)
random header (1)
read more (2)
rss button (1)
sahabat (5)
search engine (1)
SEO (2)
setting blog (1)
sisipkan icon (1)
sosok favorit (1)
table of content (1)
tambah kolom (5)
template 3 kolom (2)
tutor wordpress (3)
Tutorial HTML (5)
tutorial software (2)
uang gratis (2)
uang kopi (1)
Uncategorized (68)
unek-unek (3)
video (1)
video comedy (1)
wordpress (2)
Wordpress Tutorial (1)
yahoo icon (3)
Blogroll
Blogspot Tutorial
Lowongan Kerja
WordPress.com
WordPress.org
Site info
Hanya arsip
Buat situs web atau blog gratis di WordPress.com.

Updated Time

Updating   
Friend links: ProxyFire    More...
Site Map 1 2 3 4 5 6 7 8 9 10 20 30 40 50 60 70 80 90 100 110 120 130 140 150 160 170 180 190 200 250 300 350 400 450 500 550 600 610 620 630 640 650 660 670 680 690 700 710 720 730 740 750
TOS | Contact us
© 2009 MyIP.cn Dev by MYIP Elapsed:58.438ms