Facebook Hack: Tutorial Blog

Tampilkan postingan dengan label Tutorial Blog. Tampilkan semua postingan

Minggu, 23 April 2017

Membuat Postingan Justify Alignment atau Rata Kiri-Kanan Secara Otomatis

Pagi semuanya, kali ini saya ingin share lagi tentang Tutorial Blog, dan kali ini saya akan membahas bagaimana membuat postingan kita menjadi Rata kiri-kanan secara otomatis. cara ini bisa menghemat waktu pemostingan kita karena kita tidak harus lagi mengubah Alignment posting secara manual. mungkin cara ini sudah basi kali ya...^_^ ? tapi siapa tahu ada yang belum tahu. Owy, berikut langkah-langkahnya :
1. Loggin ke blog sobat
2. Pilih Rancangan lalu pilih edit Html
3. Cari kode seperti ini .post { untuk memudahkan pencarian silahkan tekan Ctrl+f
4. copy kan kode text-align: justify; sebelum tanda penutupnya ( } )
5. Terakhir simpan
Nah, sekarang coba anda buat sebuah artikel lalu anda publish, maka rataan paragraf nya akan menjadi rata kiri-kanan dan tentunya akan lebih enak untuk dibaca dan dilihat.

Banner Google Adsense Tidak Muncul Karena Pengalihan Domain Otomatis Blogspot Menjadi (Blogspot.co.id)

Malam semuanya, hari ini saya dikejutkan dengan menghilangnya banner adsense google di blog Rastanzshare ini, sayapun berpikir apakah blog saya kena banned Google Adsense ya..?
sayapun coba membuka dashboard GA saya.. dan ternyata disitu tidak terdapat notif pelanggaran TOS GA. sampai di langkah ini saya masih sangat bingung sekali..
secara tidak sengaja mata ini tertuju horisontal sejajar dengan address bar di browser saya, dan betapa kaget saya domain rastanzshare.blogspot.com berubah menjadi rastanzshare.blogspot.co.id
wah.. ternyata ini yang menyebabkan banner Google Adsense saya tidak muncul. sayapun bingung apakah harus saya daftar ulang lagi nih blog ke GA..?
Penasaran, sayapun mencari solusi untuk pengalihan domain blogspot otomatis ini dan alhamdulillah akhirnya sayapun menemukan solusinya.

solusi untuk pengalihan domain blogspot otomatis

Ok, langsung aja bagi anda yang mengalami hal serupa dengan saya ini bisa menerapkan trik di bawah ini agar domain anda tidak ter redirect otomatis ke domain blogspot.co.id meskipun yang mengakses blog anda dari negara indonesia.

Langkah pertama silahkan anda buka blog anda masuk ke edit template seperti biasa lalu taruh kode script berikut ini di bawah kode <head> :

<script type='text/javascript'> var str= window.location.href.toString(); if ((str.indexOf('.com/'))=='-1') { var str1=str.substring(str.lastIndexOf(".blogspot.")); if (str1.indexOf('/')=='-1') { var str2=str1; } else { var str2=str1.substring(0,str1.indexOf('/')+1); } window.location.href =window.location.href.toString().replace(str2,'.blogspot.com/ncr/'); } </script>

Kemudian Save Template anda. selesai deh.

Semoga artikel ini bermanfaat.
thanks for sobat blogger saya yang dah share artikel ini.

Kamis, 27 Oktober 2016

Cara Membuat HTML Layout Dengan Tabel Di Blog

Cara Membuat HTML Layout Dengan Tabel Di Blog, Tabel telah menjadi metode populer untuk mencapai layout maju dalam HTML. Secara umum, ini melibatkan menempatkan seluruh halaman web di dalam sebuah tabel besar. Tabel ini memiliki kolom atau baris yang berbeda untuk setiap bagian utama.

Misalnya, contoh tata letak HTML berikut ini dicapai dengan menggunakan tabel dengan 3 baris dan 2 kolom - tetapi header dan footer kolom meliputi kedua kolom (menggunakan atribut colspan):

Ok langsung ke cara pembuatannya aja Yu...!!!

Berikut kode HTMLnya :

<table width="400px" border="0">
<tr>
<td colspan="2" style="background-color:yellow;">
Header
</td>
</tr>
<tr>
<td style="background-color:orange;width:100px;text-align:top;">
Left menu<br />
Item 1<br />
Item 2<br />
Item 3...
</td>
<td style="background-color:#eeeeee;height:200px;width:300px;text-align:top;">
Main body
</td>
</tr>
<tr>
<td colspan="2" style="background-color:yellow;">
Footer
</td>
</tr>
</table>

Hasilnya akan tampak tabel seperti dibawah ini :

Header
Left menu Item 1 Item 2 Item 3...	Main body
Footer

Dan untuk kombinasi warna, silahkan anda gunakan Tool Kode Hex Warna di blog ini. berkreatifitas sendirilah agar sesuai dengan keinginan di template blog anda.

Selasa, 25 Oktober 2016

Cara Membuat Tool Kode Hex Warna Di Blog

Anda sudah tahu kan apa dan seperti apa Tool Kode Hex Warna itu ? jika belum silahkan lihat tool nya di sini >> Tool Kode Hex Warna Untuk Blog.

Ok sudah lihat kan..? apabila anda ingin memasang nya juga di blog kesayangan anda tidak usah khawatir, kali ini saya sengaja membuat artikel tentang Cara Membuat Tool Kode Hex Warna Di Blog dan mengupas nya untuk anda.

Berikut caranya :

Step 1 :

1. Login ke blogger.
2. kalau sudah masuk ke Dasbor, klik Tata Letak.
3. masuk ke Elemen Halaman
4. Klik Tambah Widget
5. Pilih HTML/Java Sript
6. Masukkan kode JS di bawah ini :

<script language='javascript'> function Barva(koda) { document.getElementById("vzorec").bgColor=koda; document.hcc.barva.value=koda.toUpperCase(); document.hcc.barva.select(); } function BarvaDruga(koda) { document.getElementById("vzorec2").bgColor=koda; document.hcc.Barva2.value=koda.toUpperCase(); document.hcc.Barva2.select(); } </script> <script type='text/javascript'> 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); function pickerUpdate(newX, newY) { pickerSwatchUpdate(); } function hueUpdate(newVal) { var h = (180 - hue.getValue()) / 180; if (h == 1) { h = 0; } var a = YAHOO.util.Color.hsv2rgb( h, 1, 1); document.getElementById("pickerDiv").style.backgroundColor = "rgb(" + a[0] + ", " + a[1] + ", " + a[2] + ")"; pickerSwatchUpdate(); } function pickerSwatchUpdate() { var h = (180 - hue.getValue()); if (h == 180) { h = 0; } document.getElementById("pickerhval").value = (h*2); h = h / 180; var s = picker.getXValue() / 180; document.getElementById("pickersval").value = Math.round(s * 100); 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] + ")"; document.getElementById("pickerrval").value = a[0]; document.getElementById("pickergval").value = a[1]; document.getElementById("pickerbval").value = a[2]; var hexvalue = document.getElementById("pickerhexval").value ='#'+ YAHOO.util.Color.rgb2hex(a[0], a[1], a[2]); ddcolorposter.initialize(a[0], a[1], a[2], hexvalue) if (hexvalue!="#FFFFFF") document.getElementById("pickerhexval").select(); } </script>

7. Simpan

Step 2 :

1. Buat satu postingan baru dalam mode HTML.
2. Masukkan copas kode di bawah ini :

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

3. Selesai. anda bisa lihat hasilnya.

Senin, 24 Oktober 2016

Tool Kode Hex Warna Untuk Blog

Tool kode hex warna untuk blog tentunya sangat diperlukan sekali dalam dunia blogging, karena dengan itu kita bisa mengetahui dan berkreasi tentunya dengan blog kesayangan kita. Maka dari itu sengaja pada kesempatan kali ini saya akan persembahkan untuk anda para blogger mania.. :D sebuah Tool Kode Hex Warna untuk mempermudah anda dalam berkarya.

Semoga bermanfaat. ^_^

Cara Membuatnya klik Disini

Sabtu, 15 Oktober 2016

Trik posting kode HTML ( Update !!! )

Trik posting kode HTML ( Update !!! 2016 )

Untuk memposting kode html, sebelumnya kode html tersebut harus di parse terlebih dahulu. Misal kita akan memposting kode html banner kita agar orang bisa meng-copynya dan memasang banner kita di blognya. Eh....ketika ketika posting yang muncul bukan kodenya, tetapi gambar bannernya. Nah....Oleh karena itu kode html harus di phrase terlebih dahulu sebelum di posting. Cara posting kode html kali ini tidak harus mengunjungi website oranglain, tapi sekarang kita dapat melakukannya di blog Keyword Target ini atau bahkan di blog sobat sendiri. Mudah, cepat dan tidak repot tantenya...Eh...maksud saya Tentunya...Apakah anda tertarik? Fitur-fitur yang di sediakan blogger semakin bagus dan beragam. Sebenarnya post edit blogger juga dapat digunakan untuk parse kode html, tapi kurang efisien dan agak repot. Oleh karena itu, lebih baik gunakan tools parse kode html di blog ini:

Anda tinggal Copas kode html yang mau di posting, lalu klik tulisan "Parse Script", Enjoyyy....

Kamis, 26 April 2012

Menu Navigasi Melayang Di Atas Awan

Cara Membuat Menu Navigasi Melayang di blog atau keren nya Menu Navigasi Melayang Di Atas Awan.. sebenarnya merupakan fitur blog yang sangat indah dan banyak manfaatnya... indahnya ? Enak dilihatnya... menurut saya sih...

Manfaatnya? Bisa menghemat ruang simpan blog kita..

Artikel ini sengaja saya buat spesial buat sobatKu disana.... Semangat Ya sob...

Oke, kita langsung ke cara pembuatannya aja ya..
Pertama, seperti biasa kita log in dulu ke rumah kita..hehee..
Nah setelah masuk lebih baik kita tidur dulu kaya nya...Lho ko tidur...

??? Ach ngawur ni.. canda dikit dong,,,

Nah setelah log in silahkan anda cari kode </head> lalu copy kan kode script di bawah ini tepat dibawa kode tersebut :

    <script src='http://elmubarok.googlecode.com/files/floating1.js' type='text/javascript'/>

    <script>

    YOffset=121;

    XOffset=0;

    staticYOffset=30;

    slideSpeed=20

    waitTime=100;

    menuBGColor="#0080FF";

    menuIsStatic="yes";

    menuWidth=120;

    menuCols=3;

    hdrFontFamily="verdana";

    hdrFontSize="2";

    hdrFontColor="white";

    hdrBGColor="#0080FF";

    hdrAlign="left";

    hdrVAlign="center";

    hdrHeight="15";

    linkFontFamily="Verdana";

    linkFontSize="2";

    linkBGColor="white";

    linkOverBGColor="#FF8000";

    linkTarget="_top";

    linkAlign="Left";

    barBGColor="#0080FF";

    barFontFamily="Verdana";

    barFontSize="2";

    barFontColor="white";

    barVAlign="center";

    barWidth=20; // no quotes!!

    barText="MENU";

    // ----- Mulai Edit Menu

    ssmItems[0]=["PILIHAN :"] //Header Menu

    ssmItems[1]=[" Home", "/", ""]

    ssmItems[2]=[" About Me", "http://www.blogger.com/profile/01168062472318268638",""]

    ssmItems[3]=[" Online Berhadiah", "http://rastanzshare.blogspot.com/2012/04/ikutan-kuis-online-berhadiah-yu.html",""]

    ssmItems[4]=[" Trik SEO", "http://rastanzshare.blogspot.com/search/label/Trik%20SEO", ""]

    ssmItems[5]=[" Tutorial Blog", "http://rastanzshare.blogspot.com/search/label/Tutorial%20Blog",""]

    buildMenu();

    //----- Selesai Edit Menu

    </script>

Nah, abis itu save deh template anda dan rasakan bedanya...

Sebagai Catatan :
Silahkan rubah tulisan warna Orange untuk url tujuan anda dan warna Pink untuk merubah warna tampilan, untuk kode hex warna nya silahkan lihat disini

Spesial Thanks untuk www.kucoba.com

Rabu, 17 Agustus 2011

Dapat Hadiah Sitelink Google Model Terbaru

Siang ini saya di kagetkan lagi oleh bang Google..

akhirnya Blog Rastanzshare ini dapat Sitelink juga darinya, dan tampilan sitelink google sekarang berbeda dari yang dulu karena lebih akurat dengan adanya deskripsi. Owy, anda tahu kan apa itu google sitelink? jika belum tahu silahkan baca disini, kembali ke topik..coba anda perhatikan gambar-gambar dibawah ini, klik untuk zoom gambar.

tampilan sitelink google versi lama :

tampilan sitelink google versi terbaru :

Nah, gimana dengan blog sobat, mudah-mudahan dapat juga ya..

Apa Sih Google Sitelink itu ?

Hmm..begini, apabila kita memasukkan sebuah kata yang umum di Google, contohnya Rastanzshare maka http://rastanzshare.blogspot.com akan muncul pada urutan pertama dan dibawahnya ada sekitar beberapa baris yang berisi link-link dalam weblog tersebut seolah-olah webblog tersebut spesial..ehem..ehem..

untuk lebih jelas coba anda lihat gambar dibawah ini klik untuk membesarkan gambar :

nah, itulah Google Sitelink. Memang tidak ada dokumen resmi dari Google yang menjelaskan secara detail atau terperinci agar web atau blog kita mendapatkan Sitelinks. Dokumen resmi dari Google yang dapat dijadikan referensi adalah ini.

Ada beberapa faktor atau cara untuk mendapatkan Google Sitelinks:

1. Harus menjadi nomor satu untuk kata kunci tertentu di Google

Sejauh yang saya lihat di Google Search Result, hanya sebuah situs yang mendapat Google Sitelinks, yaitu situs yang berada di urutan pertama untuk kata kunci tertentu. Untuk mendapat peringkat tinggi di search engine dapat digunakan teknik SEO, yang teknik dasarnya ada 2, yaitu:

- Mengusahakan halaman lain memasang link ke halaman web atau blog kita.

- Membuat artikel yang original (bukan copy-paste) yang berkualitas.

2. Dalam homepage minimal ada 3 buah link

Mengutip pernyataan Google:

    "we only display sitelinks when a site has a minimum of three sitelinks available."

Jadi sebuah halaman website yang didalamnya berisi sebuah animasi flash yang menawan dan hanya ada satu tombol untuk masuk atau login, tidak bisa mendapatkan sitelinks dari Google.

3. Link tersebut banyak di-klik pengunjung web atau blog kita

Mengutip pernyataan Google:

    "We only show sitelinks for results when we think they’ll be useful to the user."

Kata “useful to the user” kita artikan bahwa pembaca yang datang ke homepage kita, banyak yang mengklik link tersebut.

4. Relevan dengan kata yang dimasukkan pengunjung ke Google

Mengutip pernyataan Google:

    (If) we don’t think that the sitelinks for your site are relevant for the user’s query, we won’t show them.

Ini berarti link-link dalam sitelink, harus cocok dan relevan dengan kata kunci yang dimasukkan pengunjung.

5. Umur situs atau jumlah pengunjung?

Ada referensi yang menuliskan bahwa umur situs harus minimal 2 tahun untuk mendapatkan sitelinks, tapi ternyata tidak tepat, karena banya blog yang masih bayi atau baru beberapa bulan tetapi sudah mendapatkan sitelinks. Kita perkirakan Google juga mempertimbangkan jumlah pengujung atau pageview. Point ke-5 ini berkaitan dengan point ke-1. Hampir bisa dipastikan, situs yang menjadi nomor 1 di Google untuk kata kunci yang umum akan mendapatkan pengunjung yang melimpah. reff tambahan: kurniasepta
Nah mungkin sekian sobat. makasih..

Selasa, 16 Agustus 2011

Ekspresikan Postingan Anda Dengan Ini

Biar postingan anda lebih hidup dan eksperif mungkin anda bisa menyisipkan beberapa blogger emoticon dibawah ini :

1.

Kode : <img src="http://photos1.blogger.com/blogger/7678/802/1600/wink.gif">

2.

Kode : <img src="http://photos1.blogger.com/blogger/7678/802/1600/biggrin.gif">

3.

Kode : <img src="http://photos1.blogger.com/blogger/7678/802/1600/cool.gif">

4.

Kode : <img src="http://photos1.blogger.com/blogger/7678/802/1600/mad.gif">

5.

Kode : <img src="http://photos1.blogger.com/blogger/7678/802/1600/sad.gif">

6.

Kode : <img src="http://photos1.blogger.com/blogger/7678/802/1600/ohmy.gif">

7.

Kode : <img src="http://photos1.blogger.com/blogger/7678/802/1600/tongue.gif">

8.

Kode : <img src="http://photos1.blogger.com/blogger/7678/802/1600/smile.gif">

thanks to : Kang rohman

Bila postingan ini bermanfaat anda bisa menekan tombol +1 dibawah

Selasa, 26 Juli 2011

Cara Merubah Warna Teks Ketika Diblok

Apabila anda ingin merubah warna default ketika melakukan blok teks di blog..yaitu biasanya warna biru, sekarang anda bisa merubahnya sesuai keinginan anda. coba lihat SS di bawah ini :

Nah bagi anda yang mau memodifikasinya silahkan ikuti langkah-langkahnya sebagai berikut :

>> Login ke blogger > dari dashboard > pilih Rancangan > Edit Html
Pertama, silahkan anda cari kode body { gunakan fungsi ctr+f
Kedua, copy kan kode dibawah ini tepat diatas kode body {

::-moz-selection {
background: #000000;
color: #FFFFFF;
}

Terakhir simpan dan lihat hasilnya..

Keterangan :
- color: #FFFFFF; adalah warna font ketika diblok
- background: #000000; adalah warna background ketika diblok
- silahkan anda rubah sesuai selera anda

source : http://tutorialuntukblog.blogspot.com

Minggu, 24 Juli 2011

Cara Membuat Efek Gambar Membesar Versi 2

Dengan semangat baru di hari ini, kembali saya ingin berbagi tutorial seputar dunia blogging yang tentunya saya dapatkan dari sebagian pengalaman, blog-blog sahabat saya yang ada di page Tukar Link, dan banyak sumber lainnya. Owy, kali ini saya akan menjelaskan mengenai cara membuat efek gambar membesar versi 2 (kedua) menggunakan Magnify Script. mengapa saya sebut versi kedua...? karena sebelumnya saya pernah membahas juga mengenai cara membuat efek gambar membesar. jika anda mau membacanya silahkan klik Disini.
Oke, kembali ke topik kali ini..apa perlu anda menggunakan tips blogging kali ini..? karena anda pasti berpikiran apabila banyak script-script yang bersemayam di blog maka loading blog pun kan bertambah berat..Jawaban saya pribadi ya..pilihlah featur-featur di blog anda yang sekiranya penting buat kenyamanan pengunjung anda. karena memang tidak bisa dipungkiri bahwa pengunjung atau tamu adalah raja jadi buatlah mereka nyaman. dan untuk tips kali ini saya kira penting sekali apabila nanti dalam suatu artikel anda, anda harus mendeskripsikan suatu gambar dalam artian gambar tersebut bisa dilihat oleh pengunjung secara jelas tentunya lebih nyaman maka ikutilah tips cara memperbesar gambar dengan Magnify Script kali ini.
OkeYz..tanpa ba..bi..bu..saya kasih tahu dulu seperti apa sih contoh nya..? coba sekarang anda arahkan kursor anda pada gambar di bawah ini lalu anda klik :

Nah, gimana ...? lebih nyaman bukan..?
berikut caranya :
>> seperti biasa login ke blogger > dari dashboard > Rancangan > Edit Html
Pertama : Simpan kode java script berikut dibawah kode ]]></b:skin> atau diatas kode </head>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script><script type="text/javascript" src="http://pagenano.googlecode.com/files/Gambar%20Magnify.js"></script>

Url yang berwarna merah jika sudah ada tidak perlu dicopy lagi !

Kedua : Menggunakan fungsi magnify dan harus dilakukan secara manual pada gambar di dalam tag <img>

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEip3MXe3728YELPjDfD2n08un29nejHsFv0WvYyeKAihgETWyVnwtBVsgzMijllZEZn1Hvt9X4ApSWO0cKRrLAbszzNdgM6Nlns-Ak1DUK01npipzc9fjb_IIIslwvBTHggsVHgfXp1HjQA/s1600/gambar2-Nano+Yulianto.jpg" class="magnify" data-magnifyby="2.5" data-magnifyduration="1000" />

Source : www.kucoba.com

Selasa, 31 Mei 2011

Tulisan Gaya Mengetik di Blog

Tertarik pengen tulisan seperti diatas...?

Silahkan kunjungi aja langsung situsnya di livetyping.com dan selamat membuat tulisan-tulisan indah di blog anda...

Facebook Hack