Slide Title 1

Aenean quis facilisis massa. Cras justo odio, scelerisque nec dignissim quis, cursus a odio. Duis ut dui vel purus aliquet tristique.

Slide Title 2

Morbi quis tellus eu turpis lacinia pharetra non eget lectus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec.

Slide Title 3

In ornare lacus sit amet est aliquet ac tincidunt tellus semper. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.

Sabtu, 03 Mei 2014

Dasar Dasar HTML

Published : 00.58 Author :
Sebuah Web atau Blog tidak bisa lepas dari yang namanya HTML (Hyper Text Mark up Language) karena HTML inilah yang mendasari sebuah web/blog. Walaupun sekarang kita bisa membuat web/blog hanya dengan klak-klik mouse tapi setidaknya kita harus sedikit mengerti tentang dasar-dasar HTML, ya tho?. Dalam tutorial kali ini kita tidak akan membahas tentang semua dasar-dasar HTML tapi kita akan mempelajari tag-tag atau kode-kode penting yang sering digunakan dalam membangun sebuah web/blog misalnya cara membuat link, menampilkan gambar, mengganti warna font, membuat barus baru dll. Ok marikita mulai pelajaranya :

* CARA MEMASUKKAN GAMBAR
kode :
<img src="http://kendhin.890m.com/banner-trik.gif" border="0" height="17" width="90">
keterangan :
yang warna biru adalah lokasi gambar kamu.
height="17" width="90" adalah ukuran lebar dan tinggi gambar
hasil :


* CARA MEMBUAT LINK
Kode :
<a href="http://trik-tips.blogspot.com" >trik blog </a>
Keterangan :
Text warna biru adalah link yang dituju.
Tulisan "trik blog" adalah tulisan yang ditampilkan.
Jika pingin yang dikasih link bukan tulisan melainkan gambar maka ganti tulisan tersebut dengan kode gambar seperti diatas, sehinga kodenya akan seperti ini :
<a href="http://trik-tips.blogspot.com" target="_blank"><img src="http://kendhin.890m.com/banner-trik.gif" border="0" height="17" width="90"> </a>
Jika pingin link yang dituju dibuka dalam window baru maka tambahkan kode target="_blank" setelah kode "http://trik-tips.blogspot.com"
Hasil :
trik blog (dibuka pada window yg sama)
(dibuka pada window baru)

* CARA MENGETENGAHKAN TEXT/GAMBAR
Kode :
<center>text</center>
Keterangan :
Ganti tulisan "text" dengan tulisan yana kamu inginkan, tau bisa juga diganti dengan gambar

* CARA MEMBUAT BARIS BARU
Kode :
<br>
Keterangan :
Tambahkan kode tersebut sebelum objek (text/gambar) yang dinginkan

* MEMBUAT HURUF TEBAL, MIRING DAN BERGARIS BAWAH
Kode :
<b>text</b>
<i>text</i>
<u>text</u>
Hasil :
Tebal
Miring
Garis Bawah

* MEMBERI WARNA TEXT
<font color="#FF0000"> text </font>
<font color="red"> text </font>
Keterangan :
Ganti text yang dicetak tebal dengan warna atau kode warna kesukaanmu.
Hasil :
Merah
biru

* KODE-KODE WARNA
WarnaKode
 #000000
 #999999
 #FFFFFF
 #FF0000
 #00FF00
 #0000FF
 #FFFF00
 #00FFFF
 #FF00FF
 #9900FF
 #FF6600


Kode2 warna selengkapnya bisa dilihat DISINI

* PENULISAN KARAKTER-KARAKTER KHUSUS
Ada beberapa karakter yang tidak bisa ditulis secara langsung, jika ditulis maka akan hilang atau berubah, jadi untuk menuliskanya harus menggunakan kode-kode tertentu, berikut ini contoh karakter-karakter tersebut :
Karakter
Kode
>
&gt;
<
&lt;
&
&amp;
"
&quot;
(spasi)
&nbsp;
| 1 komentar

Cara Membuat Efek Animasi Page Loading di Blog

Published : 00.03 Author :

1.Masuk ke Blogger.
2.Pilih Template.
3.Klik Edit HTML.
4.Untuk Mengantisipasi Kesalahan , Lakukanlah BACKUP data terlebih dahulu.
5.Cari code <body>
6.Kemudian Ganti code <body> dengan code berikut dibawah ini :

<body onLoad='init()'>
<div id='loading' style='position:absolute; width:100%; text-align:center; top:300px;'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhv8D0oNKuTVCCHvFatW-Y9AVXH6T0TaWzURwCodTMbed4q0QClnSaor2Xabn8Ti8JEZqn1Bo6oelIIPbWR6oDeTyoFgVbiItQcCakb1IF4hjfK4fB-HgG8oXzuqdIV_akvkT9_fQP-zG4Q/s1600/loading1.gif'/></div><script src='http://lamersblogger.googlecode.com/files/page-loading.js' type='text/javascript'/>

7.Tinggal klik Simpan Template dan lihat hasilnya.
Silahkan ganti alamat URL yang berwarna MERAH dengan gambar animasi yang kamu suka.


Beberapa alamat URL gambar animasi loading kemungkinan ada yang kamu suka.
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhv8D0oNKuTVCCHvFatW-Y9AVXH6T0TaWzURwCodTMbed4q0QClnSaor2Xabn8Ti8JEZqn1Bo6oelIIPbWR6oDeTyoFgVbiItQcCakb1IF4hjfK4fB-HgG8oXzuqdIV_akvkT9_fQP-zG4Q/s1600/loading1.gif
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiq0I6nnaaQmDIVsvPjJcmIGYvlSAQYSCyzRK4aZiz1sxjmWa7P1ZfZfQCZi8RaMYJ-9RHZg_XJ7WB8p0-y17_ZWLertea1DIHUoa95rOoS3Rjz8GPIPHf8KMMEGMfi-c8ZX0NLNfffNjnQ/s1600/loading2.gif
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEig1fKMgLTD5nSLyv_SiIuyjNA_hPze-XODDsc1rREfvMZE0DMDGNsdMHaEPWCoDpPK5pWzX3fMG3IJSlQ_XTF_euoC9_PN9DWChxpO8Ys9izGmClarl4Zh5xFfnswZBOqER2CLyP789uPZ/s1600/loading3.gif
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEit32_sK85zPMov0ZOo5diH1ELoXVp-sd2S3_7FfrL2CTZYs_Ne1iY07yAfWnTe_kSmej0AFa_JsS-YFvFO3uJ3rPLr7zm6zl6WBsBDWi8gBvt2I8VcTYxcHyon1H2QVAcezeIkSNe2Mf3x/s1600/loading4.gif
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJnJdU63d0vatVEOrrWSvcwcwabfMMfc0HFQFWtAJVioYZm0Ix1S7L4N9GBx9ZcsqD5qkwH9j0oyvw4VI0luJysrJAB-pxfex2ByGO_zIL7YUVLfC0yUZIItwrdu77YV31Lpz2Y4QlYCQY/s1600/loading5.gif




https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhf5xafgDBIWrRIRhQnr6Shy5TKWqx-xHjglGW1J-gHQDvrTGQeXLYOvR3RZMTDbHkrZziIJgHLHqHJc-fY_vMgTmoMJPBX8PaAz7s-2u4pagIzyjOzsGhajIAQHBfbbx8HaIDPjEtmIYDI/s1600/loading6.gif
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFNvdnjIl-uaIKGDOpLEqj_FW8FDaobRHPObLMXd3IE0sD4GpHnSviAlAmDdfGyJeNV5dZG6SLfEfPyj_ltcV-M5h58DjXj_VO1X1367VV_yN6jPci_4oIa1PPprMTwT5tQnp1AwFg8REh/s1600/loading7.gif
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9wxSdLqb-AFDr77V1PtKWM-WZTNhWI5_fNv4U9BkNsCiaXV9pO38AhvnXzSVIAf8h18zBKxXhmXF14y0B_mi3ELWrjOmMN1dpdWo516YOakzOdz5ODAcYyZ7E3IWS_G46TEwqg7LtUuD0/s1600/loading8.gif
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijHBCtBpfY9kV80GCaZCK-DshHcHpQv_J_yJNrOL1TYN0yUo0PtBN8x9iWw-_ffKuMLt4ewT-SsHbUBfz2QaNZHn-Qwv9punIv00AbRztgx0tz2Oc148UgU955seZu02G6ucZm2fl1pEkR/s1600/loading9.gif
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCBpnBlRzVTui5X4VlcoVHtITxVz2K0QyQrMDJawhv4tfRVmbYAoWVOph3-Q4NU1KslHdLYMoi6myE18NIu8TqhnuBO-H3uPjBIIKGWUptIiVaVK0qMV4-6mncY2hRJfKIJ5Rm9sT9MJVa/s1600/loading10.gif
| 0 komentar

Selasa, 29 April 2014

Membuat Kotak Ucapan Selamat Datang Dan Selamat Tinggal Di Blogspot

Published : 05.59 Author :

Membuat Kotak Ucapan Selamat Datang Dan Selamat Tinggal Di Blogspot

Dalam sebuah kegiatan dan setiap kali akan melakukan sebuah aktifitas, alangkah lebih baiknya kalau kita berikan sambutan yang baik, semisal dengan niatan yang tulus, doa dan kesungguhan. Karena dengan sambutan yang baik, maka insyaallah juga akan menghasilkan hasil yang baik pula.
Sama halnya setiap orang yang sedang bertamu, maka juga akan terasa nyaman jika awalnya mendapatkan sambutan yang baik, begitu pula dalam ranah teknologi dan dunia maya, dan dalam postingan kali ini saya akan sedikit membahas tentang bagaimna kita memberikan sambutan yang baik buat para pengunjung Blog, atau yang sering orang kenal dengan kotak dialog berisi sambutan “selamat datang dsb”. 
Baiklah, langsung saja menuju ke TKP, terkait membuat kotak dialog ucapan selamat datang (pada saat pengunjung membuka blog anda) dan ucapan selamat tinggal (saat pengunjung akan menutup blog anda). Adapun caranya adalah sebagai berikut:
  • Pertama-tama silahkan anda login dulu ke akun Blogger anda, kemudian pilihlah Desain, lalu Klik Layout-Edit HTML. Setelah itu silahkan anda cari kode <head>, kemudian silahkan anda masukkan script berikut ini tepat di bawah kode <head> tadi, 
 <script type='text/javascript'>
alert(&quot;Selamat datang di blog saya. untuk melanjutkan, Silahkan Klik OK.  eits,,,Jangan lupa  komennya&quot;)
</script>



Kalau ada “ucapan selamat datang” tentunya pasti ada juga ucapan “selamat tinggal”, lalu bagaimana menampilkan pesan jika halaman blog ditutup pengunjung, dan kita ingin menampilkan pesan untuk pengunjung sebelum mereka pergi jauh meninggalkan blog kita?

Begini caranya:

  • Masih dalam mode Edit HTML tadi dan dengan cara yang sama seperti di atas tadi, hanya saja beda scriptnya, masukkan script berikut di bawah kode <head> atau juga bisa di bawah script pesan pembuka tadi,
<script type='text/javascript'>
// goodbye alert
function goodbye(){
alert(&#39;Hayoo mau kemana?????   oke lah,, salam sejahtera,,,..Besok mampir lagi yaa.. &#39;);
}
parent.window.onunload=goodbye;
</script> 
NB: Tulisan yang berwarna biru silahkan anda ganti dengan kata-kata sesuka hati anda semua. 
Oke, sementara itu saja dulu yang bisa saya sampaikan, sedikit namun semoga bisa memberikan manfaat.
TERIMA KASIH ATAS KUNJUNGAN SAUDARA
Judul: Membuat Kotak Ucapan Selamat Datang Dan Selamat Tinggal Di Blogspot
Ditulis oleh zaynun addin
Rating Blog 5 dari 5
Semoga artikel ini bermanfaat bagi saudara. Jika ingin mengutip, baik itu sebagian atau keseluruhan dari isi artikel ini harap menyertakan link dofollow ke http://zaynunaddin.blogspot.com/2012/06/kugugkgg-di-bawah-ini-alertselamat.html. Terima kasih sudah singgah membaca artikel ini.
| 4 komentar

Senin, 28 April 2014

Published : 11.54 Author :
http://buka-rahasia.blogspot.com/2011/10/blog-design-kumpulan-tips-trik-desain.html
Tips Trik Blogger
| 1 komentar
Published : 10.55 Author :
http://roiko.heck.in/trik-css-mywapblog.xhtml
http://xtgem.com/account/panel
http://roiko.heck.in/cara-paling-mudah-mengintip-css-mywapblo.xhtml
http://wapdeidara.xtgem.com/myblog/__xtblog_entry/4413407-cara-mudah-mencuri-script-css-dengan-media-wen.ru-amp-xtgem?__xtblog_block_id=1
http://xtgem.com/app#area=creator;file=index
| 2 komentar
Published : 10.02 Author :
Kode anda :
Hasil anda :
Edit kode di atas dan klik untuk melihat hasilnya
| 2 komentar

Editor Css

Published : 09.55 Author :

Kode anda :

Hasil anda :
Edit kode di atas dan klik untuk melihat hasilnya www.codingku.com
| 1 komentar
Langganan: Postingan (Atom)

Text Widget

You can replace this text by going to "Layout" and then "Page Elements" section. Edit " About "

Recent Posts

Definition List

Download

Authors

Pages

Diberdayakan oleh Blogger.

Pages - Menu

Translate

Social Icons

  • Editor Css
    Kode anda : <html> <body> <marquee direction="right">This text berjalan dari kiri ke kanan...
  • (tanpa judul)
    http://roiko.heck.in/trik-css-mywapblog.xhtml http://xtgem.com/account/panel http://roiko.heck.in/cara-paling-mudah-mengintip-css-mywapblo...
  • (tanpa judul)
    http://buka-rahasia.blogspot.com/2011/10/blog-design-kumpulan-tips-trik-desain.html Tips Trik Blogger
  • Cara Membuat Efek Animasi Page Loading di Blog
    1.Masuk ke Blogger. 2.Pilih Template. 3.Klik Edit HTML. 4. Untuk Mengantisipasi Kesalahan , Lakukanlah BACKUP data terlebih dahulu. 5....
  • (tanpa judul)
    Kode anda : Hasil anda : Edit kode di atas dan klik untuk melihat hasilnya
  • Dasar Dasar HTML
    Sebuah Web atau Blog tidak bisa lepas dari yang namanya HTML (Hyper Text Mark up Language) karena HTML inilah yang mendasari sebuah web/bl...
  • Dasar kode CSS | Belajar CSS | Penjelasan CSS
    Sebelumnya aldi ingin memberi arahan kepada kalian yang ingin  belajar CSS , di dalam proses pembelajaran css hal yang pertama harus kalian ...
  • Belajar Html Dan Css
    HTML dan  CSS sebenarnya adalah bahasa keseharian para pengguna internet. Halaman yang tampil dalam browser ketika kita berselancar itu...
  • Membuat Kotak Ucapan Selamat Datang Dan Selamat Tinggal Di Blogspot
    Membuat Kotak Ucapan Selamat Datang Dan Selamat Tinggal Di Blogspot Dalam sebuah kegiatan dan setiap kali akan melakukan sebuah aktif...
  • Belajar Css
    Belajar CSS : cara mengubah background halaman pada blog / website kalian .sebenarnya mudah untuk mengubah background pada halaman blog de...

About Me

Unknown
Lihat profil lengkapku

Followers

Featured Posts