2012

Home / Archives for 2012

CARA MEMBUAT KODE HTML DI DALAM TEXT AREA

Posted by Sonin Sabtu, 29 Desember 2012 9 komentar

Cara Memasukkan Kode Html ke dalam Text Area (bentuk kotak) Dalam memasukkan kode html pada text area, barangkali anda pernah mengalami, atau selalu mengalami kegagalan karena kode atau teks yang dimasukkan tidak bisa tampak alias kosong. Karena itu pada postingan kali ini saya akan sedikit berbisik kepada anda agar anda bisa menampilkan kode html atau teks pada test area yang anda buat. Pertama, Kode HTML yang ingin di masukkan kedalam Text Area syaratnya ubah dulu menjadi HTML Encode. Untuk merubahnya langkah-langkahnya sebagai berrikut: 1. Copy code HTML kemudian masukkan ke HTML Encode 2. Pastekan atau tempelkan code HTML yang sudah di copy ke dalam kotak Encode input text 3. Klik tombol Encode tunggu sejenak sampai proses loading selesai 4. Berikutnya copy kode yang terrdapat pada kotak Encoded Output dan pastekan kepostingan sobat menggunakan Text Area. Kedua, Untuk kode Text Area anda bisa menggunakan berbagai bentuk kode text area dibawah ini.

Kode Text Area Biasa

Letakkan kode atau tulisan Anda disini Coy

</textarea>

Hasilnya;

Kode Text Area Plus Tombol All Copy

<div>
<form name="copy">
<div align="center">
<input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Copy All" /> </div>
<div align="center">
</div>
<div align="center">
<textarea cols="15" name="txt" rows="50" style="height: 100px; width: 350px;" wrap="VIRTUAL">
Letakkan kode atau tulisan Anda disini Coy
</textarea>
</div>
</form>
</div>

Hasilnya seperti dibawah ini

Untuk memperindah text area anda, maka saudara bias menambahkan kode seperti dibawah ini, biar lebih kreen asal jangan kerempeng, heehee,

Contoh I

<textarea cols="30" name="code" rows="6" style="background: none repeat scroll 0% 0% rgb(239, 0, 144); border: 3px dotted rgb(255, 239, 249); color: #ffeff9; line-height: 1.5em; padding: 5px;"> Letakkan kode atau tulisan Anda disini Coy </textarea>

Hasilnya akan jadi seperti ini

Contoh 2

<textarea cols="30" name="code" rows="6" style="-moz-border-radius: 7px 7px 7px 7px; background: none repeat scroll 0% 0% rgb(251, 239, 255); border-color: rgb(202, 61, 217); border-style: solid; border-width: 1px 1px 1px 20px; color: #ca3dd9; line-height: 1.5em; padding: 5px;"> Letakkan kode atau tulisan Anda disini Coy </textarea>

Hasilnya;

Contoh 3

<textarea name="code" rows="3" cols="20" style="background:#BFFAFF; color:#FF0000; border-bottom: 4px solid #40FF1F; border-right: 4px solid #40FF1F; border-top: 4px solid #FFE900; border-left: 4px solid #FFE900; line-height:1.5em; padding:5px; -moz-border-radius:10px;"> Letakkan kode atau tulisan Anda disini Coy </textarea>

Hasilnya;

Contoh 4

<textarea cols="20" name="code" rows="3" style="background: none repeat scroll 0% 0% rgb(218, 255, 191); border: 2px dashed rgb(41, 95, 0); color: #295f00; line-height: 1.5em; padding: 5px;">ISI Letakkan kode atau tulisan Anda disini Coy </textarea>

Hasilnya;

Demikianlah cara membuat kode text area dan contoh-contoh bentuk text area.
Catatan untuk merubah dan ukuran dan warna bisa anda modifikasi dengan cara mengedit kode-kode di atas,, sebab kkode di atas cuma sebatas contoh yang insyaAllah bermanfaat bagi para pengunjung blog ini, terutama yang belum tau dan atau bagi pengunjunng yang sudah lupa.

Baca Selengkapnya ....

CARA MEMASANG KODE HTML WARNA PADA BLOG

Posted by Sonin Jumat, 28 Desember 2012 0 komentar

Cara memasang widget kode html warna adalah melalui langkah-langkah berikut: 1. Pertama terlebih dahulu Login ke akun Blogger Anda. 2. Pada halaman Dasbor, silakan pilih blog Anda. 3. selanjutnya pada halaman overview blog Anda, silakan pilih templates. 4. dan Pilih edit HTML dan pilih Proceed dan jangan lupa centang Expands Widget template, agar jika terjadi kesalahan anda bisa kembali pada template sebelumnya 5. Copy Script di bawah ini dan paste di atas kode </head>

var hue;
var picker;
//var gLogger;
var dd1, dd2;
var r, g, b;

function init() {
if (typeof(ygLogger) != "undefined")
ygLogger.init(document.getElementById("logDiv"));
pickerInit();
//ddcolorposter.fillcolorbox("colorfield1", "colorbox1") //PREFILL "colorbox1" with hex value from "colorfield1"
//ddcolorposter.fillcolorbox("colorfield2", "colorbox2") //PREFILL "colorbox1" with hex value from "colorfield1"
}

// Picker ---------------------------------------------------------
function pickerInit() {
hue = YAHOO.widget.Slider.getVertSlider("hueBg", "hueThumb", 0, 180);
hue.onChange = function(newVal) { hueUpdate(newVal); };
picker = YAHOO.widget.Slider.getSliderRegion("pickerDiv", "selector", 0, 180, 0, 180);
picker.onChange = function(newX, newY) { pickerUpdate(newX, newY); };
hueUpdate();
dd1 = new YAHOO.util.DD("pickerPanel");
dd1.setHandleElId("pickerHandle");
dd1.endDrag = function(e) {
// picker.thumb.resetConstraints();
// hue.thumb.resetConstraints();
};
}
executeonload(init);

var v = (180 - picker.getYValue()) / 180;
document.getElementById("pickervval").value = Math.round(v * 100);

var a = YAHOO.util.Color.hsv2rgb( h, s, v );
document.getElementById("pickerSwatch").style.backgroundColor =
"rgb(" + a[0] + ", " + a[1] + ", " + a[2] + ")";

6. Kemudian setelah di Paste jangan lupa simpan template anda

7. berikutnya silahkan paste kode dibawah ini, pada postingan baru anda lalu paste pada areal Edit HTML.

<center>
<form name="hcc" id="hcc">
<table style="border-collapse: collapse;" align="center" border="1" bordercolor="#cccccc" cellpadding="0" cellspacing="0"><tbody>
<tr><td><table align="center" border="0" cellpadding="0" cellspacing="1" width="375"><tbody>
<tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#190707">
</td><td onclick="Barva(this.bgColor)" bgcolor="#2a0a0a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#3b0b0b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#610b0b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#8a0808">
</td><td onclick="Barva(this.bgColor)" bgcolor="#b40404">
</td><td onclick="Barva(this.bgColor)" bgcolor="#df0101">
</td><td onclick="Barva(this.bgColor)" bgcolor="#ff0000">
</td><td onclick="Barva(this.bgColor)" bgcolor="#fe2e2e">
</td><td onclick="Barva(this.bgColor)" bgcolor="#fa5858">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f78181">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f5a9a9">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f6cece">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f8e0e0">
</td><td onclick="Barva(this.bgColor)" bgcolor="#fbefef">
</td></tr>
<tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#191007">
</td><td onclick="Barva(this.bgColor)" bgcolor="#2a1b0a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#3b240b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#61380b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#8a4b08">
</td><td onclick="Barva(this.bgColor)" bgcolor="#b45f04">
</td><td onclick="Barva(this.bgColor)" bgcolor="#df7401">
</td><td onclick="Barva(this.bgColor)" bgcolor="#ff8000">
</td><td onclick="Barva(this.bgColor)" bgcolor="#fe9a2e">
</td><td onclick="Barva(this.bgColor)" bgcolor="#faac58">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f7be81">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f5d0a9">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f6e3ce">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f8ece0">
</td><td onclick="Barva(this.bgColor)" bgcolor="#fbf5ef">
</td></tr>
<tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#181907">
</td><td onclick="Barva(this.bgColor)" bgcolor="#292a0a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#393b0b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#5e610b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#868a08">
</td><td onclick="Barva(this.bgColor)" bgcolor="#aeb404">
</td><td onclick="Barva(this.bgColor)" bgcolor="#d7df01">
</td><td onclick="Barva(this.bgColor)" bgcolor="#ffff00">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f7fe2e">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f4fa58">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f3f781">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f2f5a9">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f5f6ce">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f7f8e0">
</td><td onclick="Barva(this.bgColor)" bgcolor="#fbfbef">
</td></tr>
<tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#101907">
</td><td onclick="Barva(this.bgColor)" bgcolor="#1b2a0a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#243b0b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#38610b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#4b8a08">
</td><td onclick="Barva(this.bgColor)" bgcolor="#5fb404">
</td><td onclick="Barva(this.bgColor)" bgcolor="#74df00">
</td><td onclick="Barva(this.bgColor)" bgcolor="#80ff00">
</td><td onclick="Barva(this.bgColor)" bgcolor="#9afe2e">
</td><td onclick="Barva(this.bgColor)" bgcolor="#acfa58">
</td><td onclick="Barva(this.bgColor)" bgcolor="#bef781">
</td><td onclick="Barva(this.bgColor)" bgcolor="#d0f5a9">
</td><td onclick="Barva(this.bgColor)" bgcolor="#e3f6ce">
</td><td onclick="Barva(this.bgColor)" bgcolor="#ecf8e0">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f5fbef">
</td></tr>
<tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#071907">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0a2a0a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0b3b0b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0b610b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#088a08">
</td><td onclick="Barva(this.bgColor)" bgcolor="#04b404">
</td><td onclick="Barva(this.bgColor)" bgcolor="#01df01">
</td><td onclick="Barva(this.bgColor)" bgcolor="#00ff00">
</td><td onclick="Barva(this.bgColor)" bgcolor="#2efe2e">
</td><td onclick="Barva(this.bgColor)" bgcolor="#58fa58">
</td><td onclick="Barva(this.bgColor)" bgcolor="#81f781">
</td><td onclick="Barva(this.bgColor)" bgcolor="#a9f5a9">
</td><td onclick="Barva(this.bgColor)" bgcolor="#cef6ce">
</td><td onclick="Barva(this.bgColor)" bgcolor="#e0f8e0">
</td><td onclick="Barva(this.bgColor)" bgcolor="#effbef">
</td></tr>
<tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#071910">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0a2a1b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0b3b24">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0b6138">
</td><td onclick="Barva(this.bgColor)" bgcolor="#088a4b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#04b45f">
</td><td onclick="Barva(this.bgColor)" bgcolor="#01df74">
</td><td onclick="Barva(this.bgColor)" bgcolor="#00ff80">
</td><td onclick="Barva(this.bgColor)" bgcolor="#2efe9a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#58faac">
</td><td onclick="Barva(this.bgColor)" bgcolor="#81f7be">
</td><td onclick="Barva(this.bgColor)" bgcolor="#a9f5d0">
</td><td onclick="Barva(this.bgColor)" bgcolor="#cef6e3">
</td><td onclick="Barva(this.bgColor)" bgcolor="#e0f8ec">
</td><td onclick="Barva(this.bgColor)" bgcolor="#effbf5">
</td></tr>
<tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#071918">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0a2a29">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0b3b39">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0b615e">
</td><td onclick="Barva(this.bgColor)" bgcolor="#088a85">
</td><td onclick="Barva(this.bgColor)" bgcolor="#04b4ae">
</td><td onclick="Barva(this.bgColor)" bgcolor="#01dfd7">
</td><td onclick="Barva(this.bgColor)" bgcolor="#00ffff">
</td><td onclick="Barva(this.bgColor)" bgcolor="#2efef7">
</td><td onclick="Barva(this.bgColor)" bgcolor="#58faf4">
</td><td onclick="Barva(this.bgColor)" bgcolor="#81f7f3">
</td><td onclick="Barva(this.bgColor)" bgcolor="#a9f5f2">
</td><td onclick="Barva(this.bgColor)" bgcolor="#cef6f5">
</td><td onclick="Barva(this.bgColor)" bgcolor="#e0f8f7">
</td><td onclick="Barva(this.bgColor)" bgcolor="#effbfb">
</td></tr>
<tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#071019">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0a1b2a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0b243b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0b3861">
</td><td onclick="Barva(this.bgColor)" bgcolor="#084b8a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#045fb4">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0174df">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0080ff">
</td><td onclick="Barva(this.bgColor)" bgcolor="#2e9afe">
</td><td onclick="Barva(this.bgColor)" bgcolor="#58acfa">
</td><td onclick="Barva(this.bgColor)" bgcolor="#81bef7">
</td><td onclick="Barva(this.bgColor)" bgcolor="#a9d0f5">
</td><td onclick="Barva(this.bgColor)" bgcolor="#cee3f6">
</td><td onclick="Barva(this.bgColor)" bgcolor="#e0ecf8">
</td><td onclick="Barva(this.bgColor)" bgcolor="#eff5fb">
</td></tr>
<tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#070719">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0a0a2a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0b0b3b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0b0b61">
</td><td onclick="Barva(this.bgColor)" bgcolor="#08088a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0404b4">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0101df">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0000ff">
</td><td onclick="Barva(this.bgColor)" bgcolor="#2e2efe">
</td><td onclick="Barva(this.bgColor)" bgcolor="#5858fa">
</td><td onclick="Barva(this.bgColor)" bgcolor="#8181f7">
</td><td onclick="Barva(this.bgColor)" bgcolor="#a9a9f5">
</td><td onclick="Barva(this.bgColor)" bgcolor="#cecef6">
</td><td onclick="Barva(this.bgColor)" bgcolor="#e0e0f8">
</td><td onclick="Barva(this.bgColor)" bgcolor="#efeffb">
</td></tr>
<tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#100719">
</td><td onclick="Barva(this.bgColor)" bgcolor="#1b0a2a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#240b3b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#380b61">
</td><td onclick="Barva(this.bgColor)" bgcolor="#4b088a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#5f04b4">
</td><td onclick="Barva(this.bgColor)" bgcolor="#7401df">
</td><td onclick="Barva(this.bgColor)" bgcolor="#8000ff">
</td><td onclick="Barva(this.bgColor)" bgcolor="#9a2efe">
</td><td onclick="Barva(this.bgColor)" bgcolor="#ac58fa">
</td><td onclick="Barva(this.bgColor)" bgcolor="#be81f7">
</td><td onclick="Barva(this.bgColor)" bgcolor="#d0a9f5">
</td><td onclick="Barva(this.bgColor)" bgcolor="#e3cef6">
</td><td onclick="Barva(this.bgColor)" bgcolor="#ece0f8">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f5effb">
</td></tr>
<tr height="24"> <td onclick="Barva(this.bgColor)" bgcolor="#190718">
</td><td onclick="Barva(this.bgColor)" bgcolor="#2a0a29">
</td><td onclick="Barva(this.bgColor)" bgcolor="#3b0b39">
</td><td onclick="Barva(this.bgColor)" bgcolor="#610b5e">
</td><td onclick="Barva(this.bgColor)" bgcolor="#8a0886">
</td><td onclick="Barva(this.bgColor)" bgcolor="#b404ae">
</td><td onclick="Barva(this.bgColor)" bgcolor="#df01d7">
</td><td onclick="Barva(this.bgColor)" bgcolor="#ff00ff">
</td><td onclick="Barva(this.bgColor)" bgcolor="#fe2ef7">
</td><td onclick="Barva(this.bgColor)" bgcolor="#fa58f4">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f781f3">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f5a9f2">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f6cef5">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f8e0f7">
</td><td onclick="Barva(this.bgColor)" bgcolor="#fbeffb">
</td></tr>
<tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#190710">
</td><td onclick="Barva(this.bgColor)" bgcolor="#2a0a1b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#3b0b24">
</td><td onclick="Barva(this.bgColor)" bgcolor="#610b38">
</td><td onclick="Barva(this.bgColor)" bgcolor="#8a084b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#b4045f">
</td><td onclick="Barva(this.bgColor)" bgcolor="#df0174">
</td><td onclick="Barva(this.bgColor)" bgcolor="#ff0080">
</td><td onclick="Barva(this.bgColor)" bgcolor="#fe2e9a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#fa58ac">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f781be">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f5a9d0">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f6cee3">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f8e0ec">
</td><td onclick="Barva(this.bgColor)" bgcolor="#fbeff5">
</td></tr>
<tr height="10"><td>
</td></tr>
<tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#000000">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0b0b0b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#151515">
</td><td onclick="Barva(this.bgColor)" bgcolor="#1c1c1c">
</td><td onclick="Barva(this.bgColor)" bgcolor="#2e2e2e">
</td><td onclick="Barva(this.bgColor)" bgcolor="#424242">
</td><td onclick="Barva(this.bgColor)" bgcolor="#585858">
</td><td onclick="Barva(this.bgColor)" bgcolor="#6e6e6e">
</td><td onclick="Barva(this.bgColor)" bgcolor="#848484">
</td><td onclick="Barva(this.bgColor)" bgcolor="#a4a4a4">
</td><td onclick="Barva(this.bgColor)" bgcolor="#bdbdbd">
</td><td onclick="Barva(this.bgColor)" bgcolor="#d8d8d8">
</td><td onclick="Barva(this.bgColor)" bgcolor="#e6e6e6">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f2f2f2">
</td><td onclick="Barva(this.bgColor)" bgcolor="#ffffff">
</td></tr>
</tbody></table>
</td></tr>
</tbody></table>
<table align="center" border="0" cellpadding="0" cellspacing="2"><tbody>
<tr height="24"><td id="vzorec" height="24" width="24">
</td><td valign="bottom"><p>
Kode warna yang terpilih : <input name="barva" id="barva" style="font-weight: bold; font-family: Verdana; height: 16px; width: 74px; font-size: 12px;" maxlength="7" size="9" type="text"></p>
</td></tr>
</tbody></table>
</form>
</center>

Maka Akan muncul Tampilannya sebagai berikut:

ATAU COPY KODE DI BAWAH INI

MAKA KODE DI ATAS YANG ANDA PASTE AKAN BERBENTUK SEBAGAI BERIKUT;

Indah Bukan, jika indah dan bermanfaat bagi anda silahkan praktekkan,,,

Baca Selengkapnya ....

CARA MENAMPILKAN PHOTO DI PENCARIAN GOOGLE

Posted by Sonin Jumat, 30 November 2012 0 komentar

CARA MENAMPILKAN PHOTO DI PENCARIAN GOOGLE

Menampilkan Photo di pencarian Google, merupakan salah satu daya tarik bagi para Netter untuk mengklik postingan kita, kenapa bergitu?. Jawabannya tentu karena dengan tampilnya photo ketika di lihat para netter ketika melakkan research pada google, maka netter bisa penasaran, barangkali karena terlihat ada penampakan he,hee,hee,,, atau bisa juga karena dia melihat photo yang tampil itu semakin memperkuat keyakinan dirinya pada konten yang kita posting.

Baiklah langsung saja, akan saya beritahukan cara-caranya walaupun sebelumnya saya juga sama seperti anda, karena sifat keingintahuan dan penasaaran maka mencari langkah-langkah untuk menampilkan foto pada google risearch Adapun caranya adalah sebagai berikut:

A.    Sebelumnya Hubungkan dulu Profil Google Plus anda dengan blog anda.

Bagaimana cara menghubungkannya?

·         Ganti profil blog dengan profil google plus anda. kalau belum punya google plus silahkan buat dulu di sini Google Plus

Cara mengganti Profil blog dengan profil google plus

1)      Masuk ke dasbor blog anda

2)      klik gambar seperti roda Delman di pojok kanan atas

3)      Lalu pilih Terhubung ke Google+

4)      Centang kotak kecil di bawah lalu Klik "BERALIH SEKARANG JUGA"

5)      Bila diminta sign in/masuk silakan anda masuk dengan email dan pasword anda.

6)      Lalu muncul halaman "Tambahkan blog ke profil anda" centang kotak kecil di samping nama-nama blog anda untuk memilih blog mana sajakah yang ditampilkan di profil google+ kemudian klik Tambahkan Blog.

7)      Maka jika caranya benar dan tidak ada permasalahan pada google plus anda mana sekarang blog anda sudah terhubung dengan Google Plus

·         Setelah langkah-langkah di atas sudah selesai selanjutnya anda tinggal menunggu google mengindeks halaman-halaman blog anda. Untuk pengindekan biasanya membutuhkan waktu yang lama untuk menampilkan foto pada suatu artikel yang sudah di Publikasikan. Akan tetapi bila anda langsung posting artikel baru maka foto andalan anda akan turut terpampang di pencarian google

B.     Kemudian yang tidak kalah pentingan dalam melakukan penampakan pada pencarian google supaya photo anda selalu tampil di search engine bersamaan postingan anda, maka dianjurkan untuk pasang juga profil kamu di blog, adapun caranya sebagai adalah:

1)      Masuk ke Tata Letak

2)      Pilih Tambah Gadget

3)      Pilih Profil blog anda

C.    Atau Cara Lain

Langkah-langkahnya sebagai berikut:

Langkah Pertama, Anda ke halaman profile Google Plus (+), setelah itu edit profil, upload foto yang mau anda tampilkan (ingat harus foto) karena Google bisa mendeteksinya, selain foto tidak akan tampil.

Langkah Kedua, Masukkan alamat blog Blogspot kamu di bagian Contributor To di profil google plus anda lalu klik bagian itu.

Lankah Ketiga, Klik tulisan di sebelah Contributor To, lalu masukan nama dan alamat blog blogspot anda. Kemudian simpan. Lalu done editing.

Langkah Keempat, Masuk ke profil blogger anda (login ke blogger.com lalu edit profil). Saat didalam blogger kamu lihat pojok kanan atas ada nama kamu, sebelahnya ada tanda panah kebawah lalu d klik, kemudian klik Blogger Profile.

Langkah Kelima, Lalu dibagian General, anda masukkan Link Url Google di bagian HomePage URL. Lalu simpan profil (save profile).

Langkah Ketujuh, Pada langkah ini anda diperkenankan untuk melakukan tes, apakah berhasil atau tidak. Caranya kamu menuju halaman Google Rich Snippet test, dan masukan alamat Blogspot kamu lalu klik Preview. Jika hasilnya sudah menunjukkan ada gambar artinya usaha anda sudah berhasil. Tinggal tunggu beberapa waktu (seminggu, dua minggu atau lebih).

Akan tetapi jika anda ingin mempercepat agar tampilan gambar lebih cepat muncul di pencarian google. Maka silahkan masukan kode html Google plus di bawah ini sebelum kode penutup ini: </head>

<link rel="author" href="https://plus.google.com/116454191360608679396/posts"/>

Silahkan anda paste kode html di atas, selanjutnya jangan lupa ganti angka yang tebal di atas ganti dengan nomor URL google plus anda. dan jangan lupa simpan.

Selamat Mencoba

Baca Selengkapnya ....

Cara membuat Translate (terjemahan) pada blog

Posted by Sonin Kamis, 22 November 2012 2 komentar

CARA MEMBUAT TRANSLATE DENGAN IKON BENDERA

Terjemahan untuk blog atau website sangatlah dibutuhkan, sebab translate/terjemahan adalah merupakan salah satu alat komunikasi dalam menjelajahi Dunia Lunamaya, eh maaf dunia maya maksudnya. Kenapa demikian??? Ingat bahwa yang menggunakan internet tidak cuma satu orang, satu keluarga dan satu Negara saja melainkan dari berbagai penjuru dunia. Mengingat bukan dari satu suku, bangsa saja maka dibutuhkan terjemahannya. Kemudian harus kita sadari bahwa tidak semua orang menguasai lebih satu bahasa selain bahasa tanah airnya, walaupun sudah ada bahasa yang dijadikan bahasa pemersatu yaitu bahasa inggris, tapi ingat walaupun merasa sudah mahir berbahasa inggris tapi dalam memahami teks biasanya masih mengalami kelemahan-kelemahan dalam pada kata-kata tertentu, dan ketika mengalami kelemahan tersebut tentunya membutuhkan suatu kamus.

Kamus memang salah satu alat bantu untuk menerjemahkan suatu bahasa tapi ingat hal ini sangat banyak sekali kelemahaannya dan memboroskan waktu untuk menerjemahkan teks atau artikel yang ada pada postingan blog. Karena kedua pokok inilah penulis tertarik untuk memberikan langkah-langkah mentraslate blog atau website.

Adapun langkah-langkah membuat translate pada blogspot dan website adalah sebagai berikut:

1. Masuk ke akun blogger anda setelah loading internet selesai

2. Arahkan kursor moese anda pada tata letak

3. tambah gadget atau add gadget

4. pilih HTML/javascript

5. Copy dan masukan script dibawah ini ke HTML anda

6. Setelah kode HTML diatas sudah dimasukkan, maka langkah selanjutnya adalah menyimpan kode html di atas dengan cara klik icon simpan pada gatget

Baca Selengkapnya ....

Cara Membuat Daftar Isi Otomatis di Blogspot

Posted by Sonin Rabu, 21 November 2012 0 komentar

CARA MEMBUAT DAFTAR ISI OTOMATIS

Daftar isi merupakan suatu hal yang sangat penting bagi para pembaca buku, tanpa ada daftar isi maka sangat kesulitan bagi para pembaca untuk mencari Bab, sub bab dan point-point penting yang mau di baca si pembaca dari sebuah buku. Jadi kalau suatu buku di sertai dengan daftar isi maka disana juga akan meningkatkan atau menurunkan motivasi untuk membacanya.

Blog yang kita kenal menyukai content atau isi, maka bagi para blogger senantiasa untuk memperkaya konten blognya. Namun sebagaimana buku, blog juga membutuhkan daftar isi untuk mempermudah para pembaca dan calon pembaca agar senantiasa tertarik atas isi blog, yang tidak kalah pentingnya agar pembaca buku tersebut tidak kebingungan mencari halaman dalam blog atau websate tersebut

Banyak para blog yang diabaikan dan dilupakan para pengunjungnya karena disebabkan kebingungan dan ketidak jelasan keberadaan content-content dalam sebuah blog. Mengingat betapa pentingnya daftar isi dalam sebuah blog atau web maka saya akan memberikan langkah-langkah cara membuat daftar isi blog otomatis.

Berikut ini langkah-langkah Pembuatan daftar Isi:

1. Masuk ke account blogger anda

2. Pilih tata letak/layout

3. Pilih tambah gadget

4. Pilih HTML/javascript.

5. Beri Judul Dafar isi atau judul sesuai dengan keinginan sobat

6.. Kopas kode di bawah ini

</script>

</script>

7. Terbitkan Entri.

Cara kedua jika saudara ingin membuat daftar isi menggunakan fungsi scroll, ada beberapa kode yang harus ditambahkan seperti dibawah ini :

</div>

Cara ketiga leh indah dari ke dua cara di atas, yaitu masukkan kode di bawah ini

Loading... </div>

</div>

var jumlah_kata_dalam_ringkasan = 250;

</script>

</script>

</script></div>

</div>

Keterangan :

Ganti tulisan yang berwana merah dengan nama blog Anda

Sesuaikan tinggi scroll dengan merubah height:120px sesuai keingingan Anda

Sesuikan lebar scroll dengan merubah width:430px sesuai dengan keinginan Anda.

Get paid to share your links!

Baca Selengkapnya ....

CARA MEMASANG KEYWORD OTOMATIS DI BLOGSPOT

Posted by Sonin Jumat, 16 November 2012 2 komentar

BAGAIMANA MEMASANG KEYWORD OTOMATIS DI BLOGSPOT?

Pada postingan ini anda akan menemukan jawabannya. Namun sebelumnya terlebih dahulu akan diberitahukan bahwa Meta keyword, merupakan salah satu cara memasang kata kunci agar lebih dikenal oleh google dalam membaca artikel-atikel yang di posting. Memasang keyword bagi para blogger, untuk mengenalkan tulisan-tulisannya di dunia maya merupakan keharusan, kayaknya bersifat sunnah muakkat, kalau tanpa keyword ibaratkan makan tidak belawuk. Kenapa demikian?, karena keyword merupakan kata kunci agar tulisannya kita lebih friendly, karena itu untuk memasang keyword keharusan ketika kita memposting content. Maka dari itu kami berikan solusinya bagi anda agar pekerjaan anda terbantukan dan tentunya lebih efesien dalam mengatur waktu. Nah pada postingan kali ini saya akan jelaskan solusinya dengan membuat meta keyword yag otomatis di setiap postingan anda, sehingga anda tidak perlu repot lagi untuk memasang satu persatu keyword di postingan.

Adapun Langkah-langkah nya sebagai berikut:

A. Bagi yang BELUM PERNAH memasang meta tag deskripsi sebelumnya, ikuti langkah-langkah berrikut ini :

1. Login ke dashbor blog sobat.

2. Klik Template >> Edit HTML >> Lanjutkan (jangan lupa centang Expand Template Widget).

3. Tunggu sampe terload secara maksimal dan cari kode dibawah ini (gunakan ctrl + f di firefox untuk mencari) :

4. Setelah dapat kode diatas hapus lalu ganti dengan kode berikut :

<b:if cond='data:blog.url == "http://soninkomputer.blogspot.com/"'>
<title><data:blog.pageTitle/></title>
<meta name='DESCRIPTION' content='Blog Penjual Sofware Komputer'/>
<meta name='KEYWORDS' content='anti virus asli dan murah'/> </b:if>
<b:if cond='data:blog.pageType == "item"'>
<title><data:blog.pageName/> - <data:blog.title/></title>
<meta expr:content='data:blog.pageName + ", " + data:blog.title + ", " + data:blog.pageName' name='Description'/>
<meta expr:content='data:blog.pageName + ", " + data:blog.title + ", " + data:blog.pageName' name='Keywords'/>
</b:if>

5. Jika sudah selesai jangan lupa di simpan (save) template blog anda.

B. Apabila anda pernah menggunakan meta tag pada blogmu sebelumnya, maka langkah-langkah awalnya sama dengan langkah-lang di atas, yakni dengan cara.

1. Login ke blogger anda, >kemudian menuju> Tata letak > kelik edit html dan lanjutkan.

2. Pada halaman edit html, cari kode dibawah ini, atau cari kode deskripsi lama.

<b:if cond='data:blog.pageType == "item"'>
<title><data:blog.pageName/> | <data:blog.title/></title>

3. Setelah kode deskripsi yang lama ketemu, maka langsung saja hapus kode meta tag deskripsi dan keyword tersebut.

4. Kemudian masukkan kode yang lebih canggih berikut ini: