Cara Membuat dan Memasang Link di Blog

      Kali ini, saya akan share tentang Cara Membuat dan Memasang Link di Blog. untuk yang belum tau ata lupa caranya, simak artikel berikut  :

Cara membuat link di Blogger atau website bisa dilakukan dengan dua cara, yaitu dengan metode "Compose" atau dengan metode "HTML".

Link bisa berupa kata, kalimat, barisan kalimat, atau juga sebuah gambar/foto.

Link bisa menuju ke alamat website/blog lain, menuju alamat dari website/blog yang sama, dan juga bisa pada satu halaman website/blog yang sama.

Metode Compose

Ketikan kata atau kalimat yang akan dibuat sebuah link, kemudian "blok" menggunakan mouse sehingga kata atau kalimat itu tersorot.

Setelah itu klik "Link" dan akan muncul jendela seperti di bawah ini.

Text to display adalah kata atau kalimat yang akan dijadikan sebuah link.

Web addres adalah alamat website tujuan dari link tersebut. Contoh:

http://devinewbie.blogspot.com

Email address adalah untuk membuat link yang tujuannya untuk mengirim e-mail. Contoh:  

Kirim E-mail

Open this link in a new window adalah apabila di centang fungsinya untuk membuka link pada jendela baru atau tab baru saat link tersebut di klik. Contoh: Klik link berikut ini untuk membuka pada jendela baru:

klik!

Add 'rel=nofollow' attribut adalah untuk menambahkan atribut atau informasi tambahan untuk link tersebut yang berfungsi memberikan keterangan/informasi kepada mesin pencari seperti Google untuk tidak melacak link itu di mesin pencarian.

Metode HTML

Metode HTML adalah cara yang berbeda dengan metode Compose. Kita harus menggunakan kode HTML untuk membuat sebuah link. Kode yang kita pakai adalah:

<a href="alamat url">Teks/gambar yang dijadikan sebuah link</a>

Warna merah bisa anda ganti dengan tujuan link anda.

Contoh: 

<a href="http://devinewbie.blogspot.com">Pasang Link Iklan</a>

Maka akan tampil seperti ini: Pasang Link Iklan

Membuka Link Pada Tab Baru Di Browser

Untuk membuka link pada halaman/tab baru, maka kita tambahkan kode "target=_blank". Contoh:

<a href="alamat url" target="_blank">devinewbie jatim</a>

Maka akan seperti ini: devinewbie jatim

Sekian dulu artikel kali ini. Semoga bermanfaat..

Cara membuat aplikasi biodata sederhana dengan Visual Basic Net 2008

Sekarang saya akan share tentang script membuat salah satu aplikasi di vb.net yaitu aplikasi biodata diri. Ok simak baik-baik ya, kalo perlu diplototin dan jangan berkedip .. :D

1.       Ketikkan kode berikut pada VB kalian masing-masing.. jangan di copas yaa :D

Public Class Form1

Private Sub Form1_Load(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles MyBase.Load

ComboBoxtgl.Text = "Tgl"

ComboBoxbln.Text = "Bulan"

ComboBoxthn.Text = "Tahun"

ComboBoxAgama.Text = "Agama"

End Sub

Private Sub ButtonUlangi_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles ButtonUlangi.Click

'Tombol Ulangi

TextBoxDepan.Text = ""

TextBoxBelakang.Text = ""

TextBoxTempat.Text = ""

TextBoxAlamat.Text = ""

TextBoxLain.Text = ""

ComboBoxtgl.Text = ""

ComboBoxbln.Text = ""

ComboBoxthn.Text = ""

ComboBoxAgama.Text = ""

RadioButton1.Checked = False

RadioButton2.Checked = False

CheckBoxBasic.Checked = False

CheckBoxC.Checked = False

CheckBoxCplus.Checked = False

CheckBoxPhp.Checked = False

CheckBoxJava.Checked = False

CheckBoxLain.Checked = False

End Sub

Private Sub Button1_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles Button1.Click

'Nama Lengkap

LabelNama.Text = TextBoxDepan.Text

LabelBelakang.Text = TextBoxBelakang.Text

'Tempat Tanggal Lahir

LabelTtl.Text = TextBoxTempat.Text & "," & ComboBoxtgl.Text & " " & ComboBoxbln.Text & " " & ComboBoxthn.Text

'Agama

LabelAgama.Text = ComboBoxAgama.Text

'Jenis Kelamin

If RadioButton1.Checked Then

LabelJK.Text = "Laki-laki"

ElseIf RadioButton2.Checked Then

LabelJK.Text = "Perempuan"

End If

'Alamat

LabelAlamat.Text = TextBoxAlamat.Text

'Pilihan Bahasa Program

If CheckBoxBasic.Checked Then

ListBox1.Items.Add("Basic")

End If

If CheckBoxC.Checked Then

ListBox1.Items.Add("C")

End If

If CheckBoxCplus.Checked Then

ListBox1.Items.Add("C++")

End If

If CheckBoxPHP.Checked Then

ListBox1.Items.Add("PHP")

End If

If CheckBoxJava.Checked Then

ListBox1.Items.Add("Java")

End If

If CheckBoxLain.Checked Then

ListBox1.Items.Add = TextBoxLain.Text

End If

End Sub

Private Sub ComboBoxtgl_SelectedIndexChanged(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles ComboBoxtgl.SelectedIndexChanged

End Sub

Private Sub ListBox1_SelectedIndexChanged(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles ListBox1.SelectedIndexChanged

End Sub

End Class

Bimsalabim .. dan ini hasilnya .. Selamat mencoba  :D

 

Cara Membuat Tombol Panah Back To Top di Blogspot

Cara Membuat Tombol Panah Back To Top di Blogspot

Tombol back to top adalah sebuah tombol yang berfungsi untuk membuat/mempercepat pergerakan scroll dari bawah keatas di sebuah web page ataupun blog page sehingga akan mempermudah reader ataupun visitor untuk kembali´pada bagian atas dari blog/website dengan cepat ketika berada dibagian bawah halaman dengan hanya sekali klik pada tombol back to top tersebut.

Fitur back to top yang kita buat/bahas sekarang ini adalah fitur tombol back to top menggunakan jQuery. Kelebihan nya juga adalah efek back to top ini sangat ringan ketika di loading dan sangat cocok digunakan didalam blog tentunya bagi yang suka me-modifikasi blog-nya dengan sesuatu yang unik, indah dan bermanfaat. Untuk membuat nya silahkan ikuti tips & tricks blogger berikut.

Cara Membuat/Memasang Tombol Back To Top Dengan jQuery di Blogger

• Silahkan login di Blogger

• Pilih Template > Edit HTML > klik Expand Widget Template

• Cari kode </body>  (gunakan CTRL+F)

• Copy kode dibawah ini dan Paste tepat diatas kode </body>  (jika kode dibawah sudah ada di template sobat, kode dibawah tidak usah dipasang lagi)

• Kemudian Copy lagi kode dibawah ini dan kemudian Paste tepat dibawah kode diatas

<!-- Back to top designed by Blogger Peer - bloggerpeer.blogspot.com -->
<a href='#' style='display:scroll;position:fixed;bottom:5px;right:5px;' title='Back to Top'><img onclick='MGJS.goTop();return false;' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWt7CmuW_LpKwWBtQV7vUiHjMnyx3xDiz6EbzQAzdp7QJSclWZ8fAduz1LRl54Twjrjq8yD_YDD4xUvNKuaVtq0VKoeJnEHeLJf-u2ba-aSwkJ2LcAT7H3Da31hFedqKlVEDmtxm28R7o/s1600/back-to-top.gif'/></a>

• Terakhir simpan template sobat dan tombol back to top sudah bisa dipakai

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>

<script src='https://googledrive.com/host/0B7X69YyzZu-IZjFKQ19VVi10RlE/backtotop.js' type='text/javascript'/>

Cara Mengirimkan peta situs / sitemap ke google webmaster tools

Cara Mengirimkan peta situs / sitemap ke google webmaster tools 

webmaster tools adalah sebuah situs yang disediakan oleh pemilik situs penelusuran di internet misalnya google.com , yahoo.com , bing.com dan yang lainya

supaya webmaster bisa membantu situs anda dalam hal index di penelusuran google search maka anda harus mendaftarkan blog kedalam google webmaster tools dan juga mengirimkan peta situs kedalam google webmaster tools seperti yang akan saya berikan panduanya cara mengirimkan peta situs ke google webmaster tools pada kesempatan ini

Untuk bisa mengirimkan peta situs atau sitemap syarat pertamanya anda harus mendaftar dan mendaftarkan blog kedalam webmaster baik webmaster google dan webmaster bing
poin artikel ini adalah cara mengirimkan sitemap ke google webmaster , maka saya akan fokus untuk cara kirim peta situs di google webmaster tools , untuk cara kirim peta situs di webmaster bing di lain waktu nanti saya akan memberikan panduanya

Cara kirim peta situs google webmaster tools

1.buka situs webmaster google nya di link ini Google Webmaster Tools

2.lalu setelah kebuka halaman google webmaster tools nya jika belum login silahkan login dulu dengan akun gmail anda

3.setelah login lalu klik di alamat url blog anda yang ada didalam situs google webmaster tools nya

4.selanjutnya perhatikan menu di dalam akun google webmaster yang di sebelah kiri , lalu pilih / klik tulisan Perayapan , dan klik lagi tulisan Peta situs 

5.selanjutnya perhatikan halaman yang terbuka dan lihat disebelah kanan dan pilih atau klik tulisan Tambahkan peta situs

6.selanjutnya akan muncul kolom kecil ( kolom kecil tersebut untuk mengirimkan alamat atau kode peta situs nya )
7.lalu silahkan masukan kode peta situsnya satu persatu / bergantian dan kode peta situsnya silahkan kopi di bawah ini

atom.xml

feeds/posts/default

rss.xml

atom.xml?redirect=false&start-index=1&max-results=500

feeds/posts/default?orderby=UPDATED

keterangan :
- cara mengirimkan peta situs copi kode di atas satu persatu dan kirim kan secara bergantian
- untuk bergantian mengirimkan peta situs nya klik tulisan segarkan dan tunggu sampai muncul kolom tempat mengirinkan peta situsnya
- khusus kode peta situs yang ini  atom.xml?redirect=false&start-index=1&max-results=500 , jika jumlah postingan di blog anda sudah lebih dari 500 judul artikel , anda bisa merubah angka 500 menjadi 700 atau 1000

8.jika sudah selesai mengirimkan kode peta situs nya artinya mengirimkan peta situs atau sitemap nya sudah selesai / berhasil 

Cara Membuat Background Transparan dengan CSS

Cara Membuat Background Transparan dengan CSS

Untuk membuat background transparent, disini kita dapat menggunakan 2 properti style CSS, yaitu dengan menggunakan opacity dan background RGBA (Red, Green, Blue, Alpha). Oke sekarang kita coba satu-satu :

 1 .  Contoh dengan menggunakan opacity:

Kode HTML:

<div class="transparan1"></div>

Kode CSS:

.transparan1{background:#000;opacity:0.4;filter:alpha(opacity=40);}

style "filter:alpha(opacity=40);" diatas adalah untuh IE.

Untuk nilai (value) dari opacity dan alpha kalau 0.1 berarti 10%, 0.2=20%... dst, untuk nilai rgb-nya dapat dilihat di Kode warna RGB sedangkan jika menggunakan filter maka nilainya langsung ditulis tanpa lambang %, contoh 12 artinya 12%, 50=50%...dst.

2 .  Contoh dengan menggunakan rgba:

Kode HTML:

<div class="transparan2"></div>

Kode CSS:

.transparan2{background:rgba(0,0,0,0.4);}

maaf untuk pengguna MSIE, bila ada yang mempunyai solusi agar rgba ini bisa jalan di MSIE silahkan sampaikan melalui comment.

     Dengan properti opacity maka efek dari elemen yang menggunakan opacity tersebut akan mempengaruhi semua elemen-elemen didalamnya. Seperti pada contoh pertama diatas semuanya menjadi ikut redup dan hampir tidak terbaca padahal warna tulisannya adalah warna putih sama seperti contoh yang kedua.

Kalau ada yang kurang jelas, dapat ditanyakan pada comment di bawah. :

Cara Menampilkan Jam dan Kalender di WordPress

CaraMenampilkan Jam dan Kalender di WordPress

Posting kali ini saya akan share tentang cara menampilkan jam dan kalender di wordpress

pertama kita tambah dulu widgetnya:

1. login dulu ke wordpress kita

2. pilih tab Appreance >> widget , lokasinya di sebelah kiri

 

3. ada banyak pilihan disana, tapi kita pilih yang Text

4. klik tahan di widget Text geser kearah kanan atas

5. ketik judulnya, lalu di bagian bawah tinggal di copas scriptnya

6. untuk scriptnya bisa di cari via google

contoh script untuk jam dan kalender

ini scriptnya:

 [/gigya src="http://widgia.com/widgets/welcome_clock/welcome_clock.swf" width="250" height="250" quality="high" wmode="transparent" ]

tidak pake titik dua ya, tanda “/” sebelum gigya dihapus dulu

7 .  Terakhir klik save, dan jam/kalender sudah terpasang di wordpress anda

Sekian artikel saya kali ini, apabila ada yang kurang jelas bias ditanyakan lagi pada kolom komentar. :