MACAM_2 TRIK

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

kodenya

Kodenya

Kodenya

Kodenya

Kodenya

Kodenya

»» 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
Align	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:

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:

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...

cara mempercepat internet

Jika Agan2 ingin menambah bandwidth internet supaya koneksinya terasa lebih cepat, Anda bisa melakukannya dengan cara mengurangi atau mengosongkan batasan bandwidth tersebut. Hal ini dilakukan agar bandwith yang ada dapat digunakan dengan maksimal.

Caranya seperti dibawah ini :

Klik Start
Klik Run
Ketik gpedit.msc
Kemudian pilih OK
Klik Administrative Templates
Klik Network
Setelah terbuka klik QoS Packet scheduler
Kemudian klik Limit Reservable Bandwidth
Setelah terbuka ubah setting menjadi Enable
Kemudian ubah Bandwidth Limitnya menjadi 0
Klik Apply
Kemudian pilih OK
Terakhir keluar dari menu dan restart komputer.

Sekali lagi, semua ini hanya untuk pembelajaran saja, selama kita masih mampu kenapa gak pakai yang legal aja. Dan ini juga bisa dimanfaatkan oleh pemilik hotspot, kalau cara ini masih bisa digunakan untuk membobol. Jadi perlu keamanan yang lebih.

»» READMORE...

Sabtu, 04 Februari 2012

cara cepat merubah walfafer & navigasi nomor halaman pada blogspot

Bosan dengan gambar wallpaper komputer Anda? Anda bisa mudah untuk menggantinya. Namun kalau mesti menggantinya secara manual terus-menerus tentu akan mengesalkan. Anda bisa menggunakan software ini untuk mengubah wallpaper komputer secara otomatis.
Cara Otomatis Mengubah Wallpaper Komputer Image

Cara Otomatis Mengubah Wallpaper Komputer Image

Selain dari gambar di komputer, bisa juga dipilih gambar di Flickr, Facebook, Picasa, atau Google Image untuk menjadi wallpaper komputer Anda.
Pertama, download software pengubah wallpaper otomatis. Software gratis ini bisa didownload di http://johnsadventures.com/software/backgroundswitcher/
Kemudian install software tersebut.
Cara Otomatis Mengubah Wallpaper Komputer Image

Setelah terinstall, buka program. Lalu klik Add.
Cara Otomatis Mengubah Wallpaper Komputer Image

Anda bisa pilih lokasi gambar yang ingin diambil. Bisa dari gambar di komputer, folder gambar di komputer, foto di Flicker, gambar dari Google image search, Yahoo Image search, atau bahkan dari foto di facebook.
Untuk gambar yang berada di internet, tentu komputer Anda harus terhubung dengan internet agar wallpaper bisa berganti.
Cara Otomatis Mengubah Wallpaper Komputer Image

Sebagai contoh, misal kita ambil dari dalam komputer sendiri. Pilih folder penyimpanan gambar dalam komputer. Lalu klik Ok.
Cara Otomatis Mengubah Wallpaper Komputer Image

Pada Switch options” pilih waktu perubahan wallpaper. Bisa diubah tiap jam, tiap hari, atau bahkan tiap 10 detik.
Cara Otomatis Mengubah Wallpaper Komputer Image

Pada “Picture Mode” juga bisa diatur penampilan wallpaper. Bisa dipilih satu gambar berada di tengah (centre), wallpaper berbentuk mosaik dari beberapa gambar, wallaper berbentuk montase, atau secara random.
Cara Otomatis Mengubah Wallpaper Komputer Image

Bisa juga dilakukan pengaturan lebih lanjut dengan menekan More. Pada bagian ini, lebih banyak pengaturan (setting) pengaturan wallpaper yang bisa dilakukan. Klik Ok.
Cara Otomatis Mengubah Wallpaper Komputer Image

Klik Ok kembali.
Cara Otomatis Mengubah Wallpaper Komputer Image

Dan biarkan software ini bekerja. Wallpaper komputer pun akan berubah otomatis.
Cara Otomatis Mengubah Wallpaper Komputer Image

Kalau masih bosan, Anda Anda bisa pilih lokasi gambar lainnya. Atau juga bisa dari beberapa lokasi gambar sekaligus. Software ini berfungsi dengan baik untuk OS Windows, dari Windows 98 sampai Vista. Untuk windows 7, saya belum mencobanya.
Oh ya, program ini juga membutuhkan Microsoft.Net 2.0. kalau di komputer Anda belum ada, saat menginstall program pengubah wallpaper ini, program ini akan secara otomatis mendownload dan menginstallnya.
Menggunakan software ini, wallpaper di komputer akan lebih atraktif. Selalu berganti-ganti secara otomatis. Membuat saat berkomputer Anda lebih menyenangkan.
Selamat mencoba!

Cara membuat navigasi nomor halaman pada blogspot

Tips dan triks blog yang ingin saya bagikan hari ini adalah bagaimana cara membuat navigasi nomor halaman pada blogspot. Navigasi nomor halaman yang saya maksud adalah nomor halaman yang ada di homepage blog kita. Biasanya pada homepage hanya berisi tulisan 'posting lama' - 'posting baru' dan 'home'. Jadi, disini kita akan memodifikasi sedikit. :D

Beberapa fungsi memasang navigasi nomor halaman pada homepage adalah :

Mempermudah pengunjung untuk melihat artikel-artikel kita yang sebelumnya
Mempercantik tampilan

Nah, berikut cara membuat navigasi nomor halaman pada blogspot :

1. Sobat login ke blog sobat >> Rancangan >> Edit HTML >> beri tanda centang pada expan widget template

2. Cari tag ]]></b:skin>

3. Copy lalu paste kode CSS berikut diatas ]]></b:skin>

.showpageArea a {
text-decoration:underline;
}
.showpageNum a {
text-decoration:none;
border: 1px solid #cccccc;
margin:0 3px;
padding:3px;
}
.showpageNum a:hover {
border: 1px solid #cccccc;
background-color:#cccccc;
}
.showpagePoint {
color:#333;
text-decoration:none;
border: 1px solid #cccccc;
background: #cccccc;
margin:0 3px;
padding:3px;
}
.showpageOf {
text-decoration:none;
padding:3px;
margin: 0 3px 0 0;
}
.showpage a {
text-decoration:none;
border: 1px solid #cccccc;
padding:3px;
}
.showpage a:hover {
text-decoration:none;
}
.showpageNum a:link,.showpage a:link {
text-decoration:none;
color:#333333;
}

4. Selanjutnya sobat cari lagi tag </body>

5. Copy kode berikut lalu paste diatas tag </body> tersebut

<b:if cond='data:blog.pageType != "item"'>
<script type='text/javascript'>
var pageCount=5;
var displayPageNum=5;
var upPageWord ='Previous';
var downPageWord ='Next';
</script>
<script src='http://blogergadgets.googlecode.com/files/blogger-page-navi.v1.js' type='text/javascript'/>
</b:if>

6. Save template sobat dan lihat hasilnya..

»» READMORE...