Selasa, 22 Mei 2012

Menghilangkan Icon Obeng dan Tang Di Blog



Di Pagi ini saya akan coba berposting sedikit dengan tema "menghilangkan icon obeng dan tang di blog" sebenernya si itu enggak jadi permasalahan yang mungkin terlalu sulit untuk di hadapi, tapi mungkin memang ada sebagian sobat blogger yang risih kali ya liat obeng dan tang itu sendiri hehehehe jadi pingin nya di hilangin wahhh gampang kok sobat yukk kita lanjut ke TKP >>>

Ikuti Langkah-langkah berikut ini sobat untuk hilangkan obeng dan tang nya :

1. Login ke blogger dengan ID sobat tentunya.
2. Klik Tata Letak.
3. Klik tab Edit HTML.
4. Centang Expand Widget template nya cobat
5. Dan sebelumnya cari kode ini dulu sobat ]]></b:skin>

Kemudian Copy kode yang ada di bawah ini dan taruh persis di atas kode ]]></b:skin>

.quickedit{
display:none;
}

Klik tombol Simpan template.
Dan pada akhir nya selesai obeng dan tang nya juga sudah pergi jauh-jauh dari hadapan mata kita hahahahaha.

anti clik

<script>
var message="Maaf, Klik Kanan mouse anda lagi rusak";
///////////////////////////////////
function clickIE4(){if (event.button==2){alert(message);return false;}}
function clickNS4(e){if (document.layers||document.getElementById&&!document.all){if (e.which==2||e.which==3){alert(message);return false;}}}
if (document.layers){document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS4;}
else if (document.all&&!document.getElementById){document.onmousedown=clickIE4;}
document.oncontextmenu=new Function("alert(message);return false")
</script>


Membuat label Berjalan ( Marquee ) di Atas Footer

Jika Anda ingin membuat variasi label pada blog agar tidak kelihatan standar maka banyak sekali macamnya antara lain banyak bloggers yang menggunakan label bervariasi misalnya label berputar, penambahan image animasi, background animasi dll. Nah kali ini aku akan menulis tentang bagaimana cara membuat variasi label berjalan (Marquee) di Atas Footer.

Langsung saja cara membuatnya :
1. Login to Blogger kemudian pilih "Layout"
2. Klik pada "Page Element" trus pilih "Add a Gadget --> Pilih Label" (Tempatnya terserah kamu).
3. Kemudian Pilih --> Tata Letak --> Edit Html.
4. Cari kode ]]></b:skin> dan paste Css di bawah ini diatas kode ]]></b:skin>.


#Label-marquee {
float: left;
width: 100%;
heiht:25px;
font: Arial;
color: #000000;
background: #282522;
border: 1px solid #cccccc;
}

#Label-teks {
float: left;
margin: 3px 5px ;
padding: 3px 0px;
width: 960px;
text-align: left;
word-wrap: break-word;
}

5. Kemudian cari <div id='footer-wrapper'> dan pastekan lagi kode di bawah ini :


<div id='Label-marquee '>
<h1 id='Label-teks'><marquee align='center' direction='laft' height='25' onmouseout='this.start()' onmouseover='this.stop()' scrollamount='2' width='100%'>
<a expr:href='data:blog.homepageUrl'>Nama Blog Kamu</a>
<a href='http://URL label'> Categories 1 </a>
<a href='http://URL label'>Categories 2</a>
<a href='http://URL label'>Categories 3 </a>
<a href='http://URL label'>Categories 4 </a>
<a href='http://URL label'>Categories 5</a>
</marquee></h1></div>

Ganti tulisan yang berwarna merah dengan nama blog kamu / sesuai URL label kamu.
6. Simpan Template dan Selesai

Selamat mencoba dan mempraktekkanya jika Anda berminat.
»»  READMORE...

CARA MENGATASI KONEKSI INTERNET YANG LAMBAT


<div class="post-header">
</div>
1). Buka Browser Mozilla Firefox...<br />
2). Pada Address Bar Ketik : ABOUT:CONFIG<br />
3). Cari string di bawah ini : ( pastikan semua string dibawah "TRUE")<br />
contoh menggantinya :<br />
NETWORK.HTTP.PIPELINING FALSE ==&gt; klik kanan dan pilih "Toggle"<br />
NETWORK.HTTP.PIPELINING TRUE<br />
NETWORK.HTTP.PIPELINING.MAXREQUESTS 64<br />
NETWORK.HTTP.PROXY.PIPELINING TRUE<br />
NETWORK.PROXY.SHARE_PROXY_SETTINGS FALSE &lt;=== ini harus False<br />
4). buat string baru. Caranya : klik kiri 1X dimana aja, klik kanan NEW&gt;&gt;INTEGER<br />
5). Ketik : NGLAYOUT.INITIALPAINT.DELAY Beri nilai 0<br />
6). Kemudian REFRESH atau tekan F5<br />
7). Pada Address Bar Ketik : ABOUT:BLANK<br />
. Klik Menu:<br />
Untuk OS Windows XP TOOLS&gt;&gt;OPTIONS&gt;&gt;WEB FEATURES<br />
Untuk OS Linux ( Vector ) EDIT &gt;&gt; PREFERENCES<br />
8). Untuk Setting yang berbeda di beberapa OS EDIT &gt;&gt;ADVANCED<br />
9). Pada Option :<br />
ALLOW WEB SITES TO INSTALL SOFTWARE, beri tanda check box untuk mengaktifkan<br />
10). Kemudian tekan OK, lalu REFRESH ( F5 )<br />
11). Masuk ke link ini :<br />
<a href="https://addons.mozilla.org/extensions/moreinfo.php?applicationfiltered=firefox&amp;id=125">https://addons.mozilla.org/extensions/moreinfo.php?applicationfiltered=firefox&amp;id=125</a><br />
atau :<br />
<a href="https://addons.mozilla.org/extensions/moreinfo.php?id=125&amp;applicationfiltered=firefox">https://addons.mozilla.org/extensions/moreinfo.php?id=125&amp;applicationfiltered=firefox</a><br />
12). Download Software Switch Proxy Tool Versi 1.3.4<br />
13). Kalo udah selesai jangan tekan tombol UPDATE<br />
14). Klik tanda X (tutup) yg ada di pojok kanan atas dari POP UP Window yg muncul<br />
15). Tutup semua Browser Mozilla FireFox,<br />
16). Kemudian buka lagi untuk mengaktifkan Software SwitchProxy Tool Versi 1.3.4 yg udah di install tadi<br />
17). Kalo instalasi sukses, akan muncul Toolbar tambahan di bawah Toolbar Navigasi &amp; Address Bar.<br />
18). Sekarang Browser Mozilla siap untuk dipakai.#<br />
<br />
NOTE :<br />
-  Software SwitchProxy Tool Versi 1.3.4 ini selain untuk mengganti  Proxy  secara otomatis di Browser Mozilla FireFox, Engine-nya juga  berpengaruh  terhadap kecepatan koneksi internet<br />
- Cara ini sangat efektif bila  digunakan di warnet yg padat pengunjung  untuk menyedot Bandwidth  (mayoritas kecepatan akses Internet) ke  komputer yg sedang kamu pakai<br />
- Perubahan yg signifikan terjadi pada koneksi internet dengan BROADBAND / VSAT<br />
<br />
Oke  segitu aja Mas, tips dari aku, semoga bermanfaat. Sebaiknya  pelajari  dulu sebelum dipraktekin, biar komputernya gak rusak nanti,  hahaha,  becanda Mas. Kalo ada bahasa yg susah dipahami, tanyakan di  chat aja.  Oke?
»»  READMORE...

Minggu, 05 Februari 2012

Animated Flash Keren di blog teja htc


Kodenya


<div align="center"><embed pluginspage="http://www.macromedia.com/go/getflashplayer" src="http://alimmahdi.webs.com/Hikmah/kebesaranAllah.swf" wmode="black" type="application/x-shockwave-flash" width="500" height="75"></embed></div>
kodenya


<div align="center"><embed pluginspage="http://www.macromedia.com/go/getflashplayer" src="http://alimmahdi.webs.com/Hikmah/bluerose.swf" wmode="black" type="application/x-shockwave-flash" width="500" height="75"></embed></div>

Kodenya


<div align="center"><embed pluginspage="http://www.macromedia.com/go/getflashplayer" src="http://alimmahdi.webs.com/Hikmah/kecil_sempurna.swf" wmode="transparent" type="application/x-shockwave-flash" width="500" height="50"></embed></div>
Kodenya


<div align="center"><embed pluginspage="http://www.macromedia.com/go/getflashplayer" src="http://alimmahdi.webs.com/Hikmah/indahnyaperbedaan.swf" wmode="black" type="application/x-shockwave-flash" width="500" height="75"></embed></div>

Kodenya


<div align="center"><embed pluginspage="http://www.macromedia.com/go/getflashplayer" src="http://alimmahdi.webs.com/Hikmah/Kuda_Dakwah.swf" width="500" height="50" type="application/x-shockwave-flash" wmode="green"></embed></div>

Kodenya

<div align="center"><embed pluginspage="http://www.macromedia.com/go/getflashplayer" src="http://alimmahdi.webs.com/Hikmah/Kuda_Dakwah.swf" width="500" height="50" type="application/x-shockwave-flash" wmode="green"></embed></div>

Kodenya

<div align="center"><embed pluginspage="http://www.macromedia.com/go/getflashplayer" src="http://alimmahdi.webs.com/Hikmah/biji.swf" width="200" height="190" type="application/x-shockwave-flash" wmode="transparent"></embed></div>

Kodenya

<div align="center"><embed pluginspage="http://www.macromedia.com/go/getflashplayer" src="http://alimmahdi.webs.com/Hikmah/Perbaiki%20Diri.swf" wmode="transparent" type="application/x-shockwave-flash" width="200" height="225"></embed></div>
Kodenya


<div align="center"><embed pluginspage="http://www.macromedia.com/go/getflashplayer" src="http://alimmahdi.webs.com/Hikmah/kebesaranAllah.swf" wmode="black" type="application/x-shockwave-flash" width="500" height="75"></embed></div>
kodenya


<div align="center"><embed pluginspage="http://www.macromedia.com/go/getflashplayer" src="http://alimmahdi.webs.com/Hikmah/bluerose.swf" wmode="black" type="application/x-shockwave-flash" width="500" height="75"></embed></div>

Kodenya


<div align="center"><embed pluginspage="http://www.macromedia.com/go/getflashplayer" src="http://alimmahdi.webs.com/Hikmah/kecil_sempurna.swf" wmode="transparent" type="application/x-shockwave-flash" width="500" height="50"></embed></div>
Kodenya


<div align="center"><embed pluginspage="http://www.macromedia.com/go/getflashplayer" src="http://alimmahdi.webs.com/Hikmah/indahnyaperbedaan.swf" wmode="black" type="application/x-shockwave-flash" width="500" height="75"></embed></div>

Kodenya


<div align="center"><embed pluginspage="http://www.macromedia.com/go/getflashplayer" src="http://alimmahdi.webs.com/Hikmah/Kuda_Dakwah.swf" width="500" height="50" type="application/x-shockwave-flash" wmode="green"></embed></div>

Kodenya

<div align="center"><embed pluginspage="http://www.macromedia.com/go/getflashplayer" src="http://alimmahdi.webs.com/Hikmah/Kuda_Dakwah.swf" width="500" height="50" type="application/x-shockwave-flash" wmode="green"></embed></div>

Kodenya

<div align="center"><embed pluginspage="http://www.macromedia.com/go/getflashplayer" src="http://alimmahdi.webs.com/Hikmah/biji.swf" width="200" height="190" type="application/x-shockwave-flash" wmode="transparent"></embed></div>

Kodenya

<div align="center"><embed pluginspage="http://www.macromedia.com/go/getflashplayer" src="http://alimmahdi.webs.com/Hikmah/Perbaiki%20Diri.swf" wmode="transparent" type="application/x-shockwave-flash" width="200" height="225"></embed></div>
»»  READMORE...

Menginstall Mikrotik


Menginstall mikrotik tidak seperti menginstall windows xp, debian atao yang laen. Perbedaanya langkahnya sangat singkat dan mudah diingat.
Pertama Set Bios – Boot Device ke CD Rom dan masukkan CD Mikrotik
Anda akan melihat tampilan seperti ini:


Kita install saja semua paketnya, Tekan “A” untuk memilih semua paket yang akan di install.
Lalu tekan “i” untuk menginstall.
Do You want to keep old configuration : N
Continue : Y
Lalu tekan “enter”
Pilih No saja, tekan “N’


Mikrotik Login : Admin
Password : (Kosongkan)
Instalasi Selesai, mudah bukan. ☺
»»  READMORE...

Tutorial HTML lengkap



Pada tutorial HTML lengkap 11 telah dibahas tentang pembuatan tabel di dokumen html. Nah tutorial kali ini membahas kode-kode dan tag-tag HTML untuk pemasangan gambar (image) di dokumen HTML. Artikel sejenis tentang optimasi pemasangan gambar dalam ngeblog agar SEO friendly sudah pernah saya bahas dalam artikel Mengoptimalkan pemasangan gambar di blog. Bedanya dalam artikel ini akan membahas lebih mendasar pada HTML secara umum dalam pemasangan gambar.
Format Image
Ada banyak format image, tapi ada tiga jenis format yang paling sering digunakan dalam dokumen HTML yaitu:
  • GIF (Graphical Interchange Format) (.GIF)
  • JPEG (Joint Photographic Expert Image) (.JPG)
  • PNG (Portable Network Graphics) (.PNG)
Insert Image ke Dokumen
Tag IMG di gunakan untuk menginsertkan image ke document HTML. Syntax nya:
<IMG SRC="URL" />
URL bisa diisi dengan alamat absolute maupun alamat relatif (untuk penjelasan alamat silahkan baca artikel tutorial HTML lengkap 10). Untuk ngeblog di blogspot, maka biasanya menggunakan alamat absolute. Contoh memasukkan gambar logo tutorial HTML lengkap seperti kode dibawah ini:
<img src="http://ateon.fs.googlepages.com/Tutorial_HTML_Lengkap.gif" /> hasil gambarnya seperti dibawah ini:


Saya rasa semua sudah tahu masalah ini, saya akan tuliskan atribute berkaitan dengan align untuk image, lihat tabel dibawah ini:
Attribute Value Description
Align top | bottom | middle digunakan untuk menentukan posisi image terhadap text
center | left | right untuk menentukan posisi image di dokumen
Silahkan mencoba sendiri untuk masing-masing attribute diatas.
Image Map
Anda bisa gunakan image yang ada pada website untuk membuat image map. Image map yaitu suatu area pada image yang bisa kita beri hyperlink, area ini biasanya disebut hot spots. Coordinat dari hotspot ditentukan menggunakan bidang geometry seperti rectangle, polygon dan lainya.
Shape Description
Default Semua area image
Rect Area kotak tertentu
Circle Area lingkaran tertentu
Poly Area polygon
Koordinat dari object relatif terhadap pojok kiri atas image seperti dibawah ini:
Coordinate Value
Rect Left-x, top-y, right-x, bottom-y
Circle CENTER-X, CENTER-Y, RADIUS
Poly X1, Y1, X2, Y2, … XN, YN
Agar lebih jelas saya contohkan pemakaian untuk shape rect pada gambar dibawah ini:

kotak link kotak link kotak link Perhatikan gambar diatas, coba anda klik dibagian logo, kemudian anda klik pada tulisan Tutorial HTML Lengkap, terakhir coba klik pada tulisan ateonsoft.com. Walaupun 1 gambar tapi bisa digunakan untuk link-link yang berbeda. Ini bisa digunakan untuk memberikan link pada sebuah gambar yang memiliki bagian-bagian gambar yang unik. Atau jika anda memiliki gambar kotak menu, anda bisa memberi link pada masing-masing kotak. Kode untuk membuat gambar diatas seperti dibawah ini:
<img src="http://ateon.fs.googlepages.com/Tutorial_HTML_Lengkap.gif" border="0" width="216" height="53" usemap="#albri" />
<map name="albri">
<area shape="rect" coords="0,0,43,43" href="http://www.ateonsoft.com/search" target="_blank" alt="kotak link">
<area shape="rect" coords="47,30,159,44" href="http://www.ateonsoft.com/" target="_blank" alt="kotak link">
<area shape="rect" coords="47,6,216,25" href="http://www.ateonsoft.com/search/label/HTML" target="_blank" alt="kotak link">
</map>

Contoh penggunaan shape circle pada menu gambar seperti dibawah ini:
jurus SEO bangkit dari kubur Widget google translate Widget Top Artikel Widget Top Comenters ateonsoft.com Coba anda klik masing-masing lingkaran menu diatas, meski satu gambar tapi bisa menampung banyak link, dan bidang link-nya juga berbentuk lingkaran, coba saja anda sorot diluar area lingkaran memutar, tidak ada link-nya ‘kan? Dengan design gambar yang bagus maka menu akan semakin bagus. Gambar diatas jelek jadi kurang bagus hehe..
Kode untuk membuat menu diatas seperti dibawah ini:
<img src="http://ateon.fs.googlepages.com/MenuGambarMap.png" border="0" width="400" height="200" usemap="#albri2" />
<map name="albri2">
<area shape="circle" coords="58,59,36" href="http://www.ateonsoft.com/2008/11/jurus-seo-bangkit-dari-kubur.html" target="_blank" alt="jurus SEO bangkit dari kubur">
<area shape="circle" coords="151,59,36" href="http://www.ateonsoft.com/2008/10/pasang-widget-google-translate.html" target="_blank" alt="Widget google translate">
<area shape="circle" coords="247,59,36" href="http://www.ateonsoft.com/2008/10/pasang-widget-top-artikel.html" target="_blank" alt="Widget Top Artikel">
<area shape="circle" coords="339,59,36" href="http://www.ateonsoft.com/2008/10/pasang-widget-top-komentator.html" target="_blank" alt="Widget Top Comenters">
<area shape="rect" coords="262,174,374,188" href="http://www.ateonsoft.com/" target="_blank" alt="ateonsoft.com">
</map>

Membuat menu seperti diatas tentu sulit tanpa sebuah tools. Saya membuatnya menggunakan adobe photoshop untuk membuat design gambarnya dan menggunakan macromedia dreamweaver untuk membuat kode. Pembuatan kode akan menjadi mudah jika dalam mode visual. Tampilan pembuatan kode dalam mode visual di macromedia dreamweaver seperti dibawah ini:
Sampai sini dulu tutorialnya, disambung lagi pada tutorial HTML lengkap selanjutnya insyaAllah. selamat mencoba kode-kode diatas.
»»  READMORE...