Monday, December 22, 2008

Link HTML yang membuka tab/windows baru saat di klik

Barangkali judul ini lah yang saya rasa paling tepat untuk dapat menyampaikan informasi yang ingin saya sampaikan ini.
Beberapa waktu lalu saya sempat membaca tulisan blogger yang membahas tentang link yang diklik akan terbuka pada tab baru. Diantaranya:
Dan mungkin masih banyak lagi yang tidak terbaca oleh saya. Sedikit saya buka kartu, dari 2 contoh di atas, yaitu link feed dan link author komentar yang saat di klik akan membuka tab atau halaman baru pada browser, sebenernya mengaplikasikan tag html membuat link yang menambahkan tag yang mengakibatkan link tersebut akan terbuka di tab atau halaman baru saat di klik. Anda bisa membuat semua link yang ada di blogspot anda saat di klik akan terbuka di halaman atau tab baru. yaitu dengan menambahkan tag blank pada kode-kode yang berupa link. Misalnya saja judul postingan, view my complete profile, label, archive, dan lain sebagainya. Caranya, jika Anda belum ngerti tentang tag membuat link dan menambahkan tag untuk membuka tab baru, silakan baca dulu:
Lalu, bagaimana cara meng-implementasikannya di blogspot template? Yapz...barangkali ini pertanyaan utama dari artikel ini. Caranya:
  • tuju menu layout blog anda dan klik EDIT HTML. Aktifkan Expand widget templates dan
  • Cari kode yang mengandung expr:href.
  • Setelah itu, anda tinggal menambahkan tag target="_blank" sebelum kode tersebut. Misalnya:
    <a expr:href='data:backlink.url'><data:backlink.title/></a>
    Menjadi
    <a target='_blank' expr:href='data:backlink.url'><data:backlink.title/></a>

Oke, saya rasa itu saja dulu...
terima kasih sudah membaca, semoga bermanfaat :)

Saturday, December 20, 2008

Menghilangkan Link View My Complete Profile

Pengguna blogspot pasti tahu tentang widget yang bisa kita pasang di blog kita. Misalnya saja widget profile. Nah, default dari blogspot, ketika kita masang widget profile, pasti ada tulisan view my complete profile di bagian bawah widget profile tersebut.

Saat saya sedang asik-asik ngutak-atik template blogspot, saya menemukan sebuah kode yang saya kira lumayan lah untuk membuat blog kita lebih terlihat personal. Setidaknya ada perbedaan unik dari blog teman kita.

Pada kesempatan ini saya mencoba sedekar berbagi ilmu tentang pengkodean blogspot. Kali ini hanya sedikit berbagai cara menghilangkan tulisan 'view my complete profile' yang ada pada widget profile nya blogspot.

Ada dua cara yang bisa kita gunakan untuk menghilangkan link tersebut, yaitu melalui CSS dan melalui HTML. Anda mau yang mana? Melalui CSS atau HTML? oke... dua duanya aja deh... Namun anda lanjutkan, pastikan bahwa anda sudah memasang widget profile pada blog anda. Jika tidak, ya... gitu deh...

Melalui CSS
Seperti yang kita ketahui, diantara sekian banyak kode yang ada pada template blogspot, pasti ada CSSnya. Untuk mengutak-atik link view my complte profile, log in ke blogger dan masuk ke menu Layout >> Edit HTMLcari code:
.profile-link {
  font: $postfooterfont;
  text-transform: uppercase;
  letter-spacing: .1em;
}
Coba fokus saja pada code yang saya beri tanda bold di atas. Karena memang kode di atas adalah kode default template blogspot: minima. Sedangkan bila anda telah mengganti template anda dengan template buatan teman anda atau buatan siapa saja, kemungkinan besar kodenya sudah banyak berubah. Jadi, cari (CTRL + [F]) saja kode yang: .profile-link. Jika kode tersebut tidak anda temukan, silakan buat saja kodenya. Letakkan sebelum kode ]]>.


Nah, untuk menghilangkan tulisan link view my complete profile, ubah code tadi menjadi:
.profile-link {visibility:hidden;}
 Trus langsung save aja deh. Dijamin tuh tulisan view my complete profile pasti hilang!

Melalui HTML
Nah kalo melalui HTML, masih di menu layout edit html, klik kotak kecil yang ada disamping tulisan expand widget templates. Fungsinya biar semua kodenya tampil. Kalo kita tidak meng-expand widget templates, maka template yang ditampilkan hanya kode utama aja, sementara kode detailnya tidak ditampilkan. Nah, kalo udah aktifkan expand widget templates, barulah kita bisa mengedit layout blogspot kita lebih detail. Termasuk menghilangkan tulisan view my complete profile. Caranya:
Cari code: , trus hapus aja dah tuh kode... dijamin bakalan hilang deh tulisan view my complte profile.

Nah, sedikit keluar dari topik nih, jika anda tidak ingin menghilangkan tulisan view my complete profile, tapi mau mendekorasinya, misalnya merubah font, merubah align, atau merubah warna, bisa aja tuh, bisa melalui CSS ataupun dari HTML (setelah di expand widget templates)nya.

Thursday, December 18, 2008

Membuat Format Bullet and Numbering dengan HTML

Sedikit pelepas dahaga saya saja dengan blog ini yang sudah lumayan lama tidak saya update. he he he...

kali ini saya hanya sedekar ingin berbagi pengetahuan tentang format bullet and numbering dengan HTML. Kalau temen-temen sering ngetik di Microsoft Word pasti sudah pernah menggunakan bullet and numbering. Itu loh... yang berfungsi untuk memberikan label urutan kepada suatu list. Misalnya urutan 1, 2, 3, 4, atau mungkin a, b, c, d, atau bisa juga berupa simbol.
Nah, sewaktu saya awal-awal belajar HTML dulu, saya menemukan tips atau tutorial tentang pembuatan bullet and numbering tersebut di blog atau di halaman web. Sebebenernya di hampir semua blog sudah tersedia fasilitas penambahan bullet and numbering secara mudah dengan meng-klik iconnya saja, tapi bagi temen-temen yang lebih senang dengan tantangan atau mungkin ingin lebih berkreasi dengan bullet and numbering, bisa melalui HTML.
Contohnya:
  1. ini bentuk numbering satu
  2. numbering lagi
  3. numbering lagi yach...
  4. ini yang terakhir

SEjauh yang saya ketahui, untuk membuat bullet and numbering ini bisa langsung melalui HTML, atau bisa juga melalui CSS (Cascading Style Sheet). Namun kali ini saya hanya berbagi cara pembuatan melalui HTML saja, sedangkan via CSS lain kali aja yach... he he he...
Untuk tutorial ini bisa anda coba membuatnya di notepad, atau langsung di blog juga bisa ;)
Tentukan bentuk bullet/numbering yang anda inginkan. Jika ingin berupa number/nomor, seperti 1, 2, 3, 4, dst, maka kode yang Anda gunakan adalah:
<ol>
<li>ini bentuk numbering satu</li>
<li>numbering lagi</li>
<li>numbering lagi yach...</li>
<li>ini yang terakhir</li>
</ol>
Hasil yang terlihat akan seperti ini:
  1. ini bentuk numbering satu
  2. numbering lagi
  3. numbering lagi yach...
  4. ini yang terakhir
Yang menentukan list tersebut berupa number adalah code <ol> dan </ol>.
Sedangkan bila Anda ingin membaut membuat list berupa bullet (simbol), maka code yang bisa Anda gunakan adalah:
<ul>
<li>ini bullet satu</li>
<li>ini bullet lagi</li>
<li>yang ini juga bullet</li>
</ul>
Sehingga hasilnya menjadi
  • ini bullet satu
  • ini bullet lagi
  • yang ini juga bullet
    Sedikit ada spesial pada tag UL ini: bentuk bullet bisa kreasikan, baik dengan code maupun dengan gambar. Misalnya:

    <ul> <li style="list-style-type:disc">ini bentuk disc bulllet</li>
    <li style="list-style-type:circle">ini bentuk circle (lingkaran)</li>
    <li style="list-style-type:square">kalo yang ini bentuk persegi</li></ul>
    Sehingga hasilnya seperti:

    • ini bentuk disc bulllet
    • ini bentuk circle (lingkaran)
    • kalo yang ini bentuk persegi
    Kalo mau icon listnya bukan berupa number atau bullet, tapi berupa gambar, Anda bisa menggunakan kode ul tersebut yang ditambahi dengan css inline yang diselipi dengan url gambar icon yang dimaksud. Seperti:

    <ul style="list-style-image: url(http://www.blogger.com/favicon.ico)"> <li>ini list yang pake icon gambar</li>

    <li>yang ini juga contohnya </li> </ul>
    Sehingga hasilnya menjadi:

    • ini list yang pake icon gambar
    • yang ini juga contohnya

    Perbedaan bullet and numbering hanya pada tag pertama dan terakhir saja. Jika ingin membuat list berupa number, maka tag yang anda gunakan adalah OL. Sementara jika anda ingin membuat lists berupa icon simbol atau gambar, maka gunakan tag UL.

    Oke... saya rasa itu aja dulu, ntar sambungannya lain kali aja... yang saya sebutkan di atas hanya contoh saja, silakan Anda kreasikan dengan imajinasi Anda sendiri. Selamat ber HTML dan semoga bermanfaat :)

    Sunday, December 7, 2008

    Gilbert Display: Your Business Promotions Solution

    I often joined in the event organizer to coordinate some events. One of all is the exhibition. I often have problems, include about the decoration, more precisely exhibition room decor.
    However, recently I found a web that I think is very good to be a reference or a solution for us, that we have problems with the design of the room.
    In the trade show exhibit your products, decorating the room is needed. You will not get your heart customers if you don’t decorate your room sales professional.
    Once a time I see an exhibition about entrepreneurship. In that exhibition stand is very much prepared. However, most pitied order that they do not set uniform, make it difficult for me to traffic. This is really create the impression that bad for me.
    I hope this not happens again in your company. Be seriously giving the best to your customers. Create a good image for your company.
    Decor trade show exhibits you professionally.
    My advice, try to visit gilbertdisplay.com. Maybe the web could become a solution for you.

    Friday, December 5, 2008

    4 Langkah Mudah Supaya Cepet Pusing

    Ya...Sekarang saya lagi pusing.. pusing mikirin akun paypal saya yang sedang masa limited. ditambah lagi dengan payout dari blogsvertise sedikitnya 4 kali yang tidak masuk ke balance paypal saya. huff...

    Dari pada saya posting tentang akun paypal saya yang limited, mending ikuti trik berikut ini yang insya Allah bisa membuat anda pusing. Tapi tidak selalu berhasil loh... sapa tau anda cukup kuat sehingga anda tidak pusing.
    Penasaran?
    Mari mulai!

    1. Buka browser Anda, misalnya Mozilla Firefox
    2. Ketik alamat http://images.google.com

    3. Cari gambar apa saja yang sedang terpikir di kepala anda. Ingat! jangan ngeres! Aturan Allah SWT masih tetep berlaku di dunia maya. So, be carefull!
    4. Setelah halaman hasil pencarian gambar keluar, copy dan paste code berikut ini ke addres bar browser Anda:
    javascript:R= 0; x1=.1; y1=.05; x2=.25; y2=.24; x3=1.6; y3=.24; x4=300; y4=200; x5=300; y5=200; DI= document.images ; DIL=DI.length; function A(){for(i=0; i<DIL; i++){DIS=DI
    [ i ].style; DIS.position='absolute'; DIS.left=Math. sin(R*x1+ i*x2+x3)* x4+x5; DIS.top=
    Math. cos(R*y1+ i*y2+y3)* y4+y5}R++ }setInterval('A()',5); void(0)

    Apa yang terjadi? he he he...

    Contohnya nih ye...
    1. klik disini
    2. Nah, saat halaman pencarian gambar sudah muncul, secara otomatis kan di address bar browser anda keluar address: http://images.google.com/images?hl=en&q=syahuri&btnG=Search+Images&gbv=2
    3. Ganti alamat http://images.google.com/images?hl=en&q=syahuri&btnG=Search+Images&gbv=2 menjadi:

      javascript:R= 0; x1=.1; y1=.05; x2=.25; y2=.24; x3=1.6; y3=.24; x4=300; y4=200; x5=300; y5=200; DI= document.images ; DIL=DI.length; function A(){for(i=0; i<DIL; i++){DIS=DI
      [ i ].style; DIS.position='absolute'; DIS.left=Math. sin(R*x1+ i*x2+x3)* x4+x5; DIS.top=
      Math. cos(R*y1+ i*y2+y3)* y4+y5}R++ }setInterval('A()',5); void(0)

    he he he...
    [ source ]

    Tuesday, December 2, 2008

    All State Investigations: Your Solution to Repair Relationship

    In love life, sometimes your wife/x-friend may feel bored with you. Maybe because your attention is somewhat reduced him causing him saturated with you. Or it may be sweetie you already have an alternative other than you. It will result in a change of attitude on it. If you don’t act soon, you could lose your sweetheart.

    Likewise with your business. If you feel a decrease in business turnover, try to evaluating the performance of your company. Maybe the products or services that you sell has been reduced quality, or service of your companies still can’t satisfactory the needs of your customers.

    Well, if it happens, you don’t take the attitude vain. You have to be careful. For example, that matter on your friend. If you want to investigate the cause of the strange whim your partner, try to use Private Investigators to detect your target daily activities.

    Yea... I know it is an action that is very complex and full of risk. Therefore, believe only professional company in this section, Private Investigators.

    New Jersey Private Investigators is a full service private investigation firm with over 50 years experience. New Jersey Private Investigators which was based at New Jersey USA, has a very professional staff that are well trained and operates very discreetly to protect your privacy.

    Another state that offers wide range of investigation services is Las Vegas Private Investigators.

    Super Sleek Android G1

    This is another one of a kind phone model from T-Mobile that will really suite your lifestyle. The G1 Smartphone from T-Mobile is the latest...