Assalamualaikum Wr.Wb.. Pada Tutorial Blog Sebelumnya Blog Sharing Ilmu Pengetahuan Sudah Menjelaskan Pada Sobat Semua Tentang Bagaimana Cara Membuat Form Komentar Klasik Di Atas Kotak Komentar Blog.Tetapi Kali Ini Saya Akan Menjelaskan Pada Sobat Semua Tentang Bagaimana Cara Membuat Link Bergoyang Dengan Javascript.Link Bergoyang Adalah Link Yg Ketika Mouse Menyorotnya Akan Bergoyang Atau Bergerak Seperti Bergoyang.Link Bergoyang ini Digunakan Untuk Memperkeren Link Saja.. Nah Membuat Link Bergoyan Sangatlah Mudah,..Karna Sobat Semua Hanya Menambahkan Beberapa JavaScript..
Jika Sobat Berkenan Silakan Sobat Ikuti Langkah-Langkah Berikut:
- Login Ke Blog Sobat
- Pada Dasbor Pilih >>Rancangan-->Kemudian EDIT HTML
- Cari Kode </head> Dan Letakan Kode Script Berikut Tepat Diatas Kode </head>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>4.Simpan Templatenya Dan Lihat Hasilnya
<script type='text/javascript'>
$(document).ready(function() {
$('a').hover(function() { //mouse in
$(this).animate({ marginLeft: '12px' }, 400);
}, function() { //mouse out
$(this).animate({ marginLeft: 0 }, 400);
});
});</script>
~SELAMAT MENCOBA DAN SEMOGA BERHASIL !~
Cara membuat form komentar klasik di atas kotak komentar Blog
Assalamualaikum wr. wb . Pada Tutorial Blog Sebelumnya Blog Sharing Ilmu Pengetahuan Sudah Menjelaskan Pada Sobat Semua Tentang "Kostumisasi Avatar Komentar", Tetapi Kali Ini Blog Sharing Ilmu Pengetahuan Akan Menjelaskan pada Sobat Semua Tentang Bagaimana Cara membuat form komentar klasik di atas kotak komentar Blog,. Kalau Sobat Belum Tau Apa Itu For Komentar Klasik,Sobat Bisa Lihat For Komentar Klasik Punya ANe Yg Terletak Diatas Kotak Komentar punya Ane,.
Terus apa kegunaannya For Komentar Klasik Ini..?
Nah kegunaannya adalah , jika ada pengunjung blog kita yag ingin berkomentar tetapi kotak komentar kita tidak muncul karena mungkin, karena masalah koneksi maka kotak komentar kita tidak muncul , nah kalau kotak komentar kita tidak muncul , si pengunjung tadi bisa mengklik tombol from komentar klasik yang sudah di sediakan. di atas kotak komentar jadi si pengunjung tetap bisa berkomentar walaupun kotak komentar kita tidak muncul .
Bagi sobat yang berminat memasang from komentar klasik di blog Sobat,Sobat bisa mengikuti langkah-langkah berikut ini :
- Login ke blogger dengan akun blogger anda.
- Pilih rancangan ,--> langsung menuju ke EDIT HTML.
- Centang Kolom Expand Template Widget
- Kemudian cari kode <data:blogTeamBlogMessage/>. Kalau sudah ketemu masukkan kode berikut ini tepat dibawah kode yang anda temukan :
<div style='margin-bottom:5px'>
<a expr:href='"http://www.blogger.com/comment.g?blogID=Nomor Id Anda&postID=" +data:post.id+ "&isPopup=true"' onclick='javascript:window.open(this.href,"bloggerPopup","toolbar=0, location=0,statusbar=1,menubar=0,scrollbars=yes,width=400,height=450"); return false;' title='Popup Window Komentar'>
<b style='border:1px solid #c0c0c0; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; padding:2px 10px; color:#333333; background-color:#f6f6f6;'>Klik Disini bila kotak komentar tidak muncul</b>
</a>
</div>
Tulisan Nomor id anda Ganti dengan nomor id anda , caranya lihat tulisan angka yang ada di addresbar anda ,untuk lebih jelasnya lihat gambar berikut :Nah di tempat yang diwarnai warnai itulah nomor id blog anda .Tulisan (Klik Disini bila kotak komentar tidak muncul) bisa anda ganti dengan kalimat sobat sendiri .Kalau sudah tinggal di save deh dan lihat hasilnya..?Selamat mencoba......! Dan Semoga Berhasil
Kostumisasi Avatar Komentar
Pada Tutorial Blog Blog Sharing Ilmu Pengetahuan Sudah Menjelaskan Pada Sobat Semua Tentang Bagaimana Cara Membuat Post Hover Di Blog Dengan CSS .Dan Pada Tutorial Kali Ini,Tutorial Yg Sama Juga Yaitu Tutorial Blog .Saya Akan Menjelaskan Berberapa Kustomisasi Avatar Komentar. Sudah Terasa Lama Blog Ini Tidak Posting -Posting Lagi, Dikarnakan Saya Sedang Sibuk Untuk Mempersiapkan Masuk Sma . Mudah-mudahan Jika Allah Berkenan Saya Bisa Masuk Sma Yg Saya Inginkan.Amiin,,.
Langsung Aja Pada Topik Kita Tentang Blog. Kenapa “gambar avatar komentar” di Blogger™ Anda kelihatan lebih besar? Kenapa juga letaknya berbeda dengan default Blogger™?
Dalam Blogger™ terdapat kode-kode embeded—kode perintah spesifik oleh pihak developer untuk menunjang kinerja mesin blogger—yang berfungsi mengatur secara default tampilan blog. Nah, termasuk didalamnya adalah pengaturan tampilan komentar (red=“bukan formulir komentar”). Silakan Anda koreksi, jika frase kata yang berwarna merah (dalam tanda kutip) keliru.
Apabila Anda ingin mengetahui kode CSS embeded tersebut, coba buka blog Anda & tekan tombol Ctrl + U pada papan ketik. Mungkin Anda akan melihat kode seperti ini:<link type='text/css' rel='stylesheet' href='http://www.blogger.com/static/v1/widgets/129348724-widget_css_bundle.css' />Dari bundle CSS di atas akan kita temui kode avatar komentar sebagai berikut.#comments-block .avatar-image-container img {
-ms-interpolation-mode:bicubic;
border:1px solid #ccc;
float:right;
}
#comments-block .avatar-image-container.avatar-stock img {
border-width:0;
padding:1px;
}
#comments-block avatar-image-container {
height:37px;
left:-45px;
position:absolute;
width:37px;
}
Kode yang berwarna hijau dapat Anda lihat tampilannya pada komentar klasik Blogger™. Sedangkan yang berwarna merah merupakan tampilan avatar komentar di bawah posting.Memperbesar gambar avatar
Untuk memperbesar gambar avatar pada komentar di bawah posting, maka kita akan menggunakan kode CSS yang berwarna merah & letakkan di atas
]]></b:skin>.#comments-block avatar-image-container {
height:37px;
left:-45px;
position:absolute;
width:37px;
}
Catatan: Silakan dirubah nilai atributheight&width—ditandai dengan warna merah—sesuai dengan keinginan Anda. Kembali ke ulasan “mengganti gambar blank”Merubah letak avatar
Lihat kembali kode untuk “memperbesar gambar avatar”, kemudian ganti atributleft—ditandai dengan warna biru—sesuai dengan letak yang Anda inginkan. Nilai minus (-) berarti avatar akan bergeser ke kiri. Sebaliknya jika nilai yang dimasukkan positif, maka avatar akan bergeser ke kanan.
Anda dapat pula menambahkan atribut lainnya, contohmargin:2em 0 -2px 0;. Artinya avatar akan bergeser ke bawah sejauh 2 ems dari tempatnya semula, sedangkan nilai -2px hanya sekedar untuk menyelaraskan kode CSS avatar dengan CSS inline dalam HTML komentar seperti di bawah ini (hanya untuk diketahui saja).<b:if cond='data:comment.favicon'>
<img expr:src='data:comment.favicon' height='32px' style='margin-bottom:-2px;' width='32px'/>
</b:if>Mengganti gambar blank
Tampilan blank pada avatar akan terjadi jika pengomentar menggunakan identitas “Anonymous” atau “Name/URL” atau tidak memiliki gambar avatar pada identitasnya. Untuk mengganti gambar blank dengan gambar yang Anda inginkan, maka kode yang digunakan adalah sebagai berikut:
#comments-block .avatar-image-container img {
-ms-interpolation-mode:bicubic;
border:1px solid #ccc;
float:right;
}
Tambahkan atribut:background:url('alamat penyimpanan gambar avatar') no-repeat;
height:37px;
width:37px;
Silakan ubah alamat & nilai dari masing-masing atribut yang ditandai dengan warna hijau. Dan agar tampilan gambar lebih bagus, sebaiknya gambar avatar yang Anda upload berukuran sama dengan atributheight&widthpada ulasan “memperbesar gambar avatar”.
Hasilnya akan terlihat seperti di bawah ini.#comments-block .avatar-image-container img {
-ms-interpolation-mode:bicubic;
border:1px solid #ccc;
float:right;
background:url('alamat penyimpanan gambar avatar') no-repeat;
height:37px;
width:37px;
}
Kemudian letakkan di atas kode]]></b:skin>.Mempercantik avatar dengan CSS3
Terakhir, untuk mempercantik tampilan avatar komentar dapat menggunakan CSS3, antara lain rounded corner & box shadow.#comments-block .avatar-image-container img {
-ms-interpolation-mode:bicubic;
border:1px solid #ccc;
float:right;
background:url('alamat penyimpanan gambar avatar') no-repeat;
height:37px;
width:37px;
border-radius:5px;
box-shadow:2px 2px 5px #666666;
}
Catatan:
Atribut CSS yang berwarna biru merupakan penyisipan dari tag “Mengganti gambar blank” di atas.
Anda pun bisa melakukan kostumisasi lain, sehingga tampilan avatar komentar mampu mewakili keinginan dan kebutuhan Anda.
Cara Membuat Post Hover di Blog Dengan CSS
Assalamualaikum Wr.Wb. Pada Tutorial Blog Sebelumnya Blog Sharing Ilmu Pengetahuan Sudah Menjelaskan Pada Sobat Semua Tentang Bagaimana Cara Membuat Menu Drop Down Horizontal Melayang Di Blog.Tetapi Pada Tutorial Blog Kali Ini Saya Akan Menjelaskan Pada Sobat Semua Tentang Bagaimana Cara Membuat Post Hover di Blog Dengan CSS .Tentu Sobat Semua sudah tau apa itu hover? oh ada yang tidak tau. Hover adalah efek yang diterima suatu objek saat di sentuh mouse/kursor, misalnya ketika link saat di sentuh mouse. Nah kalau post itu ada bagian posting, muali dari background, tulisan, semuanya tentang posting deh. Sekarang kita akan mencoba menggabungkan hover dan post dengan CSS3. Seperti apakah jadinya? kurang lebih seperti ini
Demo
Sudah lihat demonyakan?itu sangat simple, anda masih bisa mengembangkannya lagi dengan imajinasi anda sendiri hehe. Oke jika anda tertarik langsung saja ke Steb.By.Step
1. Login ke blog anda > Design > Edit HTML
2. Cari kode </head>
3. Letakan kode berikut di atas kode tadi<b:if cond="data:blog.homepageUrl == data:blog.url"> <style>
.hentry:hover {
background:#ddd -moz-linear-gradient(top, #ddd, #818181);background:-webkit-gradient(linear, left top, left bottom, from(#818181), to(#000));
color:#FFFFFF;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}
.hentry:hover a:link,#posts-list .hentry:hover a:visited {
color:#FFFFFF;
}
</style></b:if>
4. Kalau anda mengerti kode CSS boleh ko itu di utak-atik
5, Save Termplates.
Sekian post saya kali ini, semoga bermanfaat saya akhiri wassalam
Cara Membuat Skin Winamp
Pada Tutorial Sebelumnya, Blog Sharing Ilmu Pengetahuan Sudah Share Atau Berbagi Info Tentang "Daftar Serial Number Untuk Windows " Tetapi pada Tutorial Kali Ini Blog Sharing Ilmu Pengetahuan Akan Menjelaskan Pada Sobat Semua Tentang Bagaimana Cara Membuat Skin Winamp . Y.. Tutorial Ini Saya Buat Agar Sobat Semua Bisa memodifikasi Tampilan Winamp Sobat Semua .Biar Sobat Semua Enak Melihat Tampilannya...he..he
Winamp Adalah Pemutar Musik Yg sangat popular Dibanding Pemuta audio Atau Pemutar Musik lainnya, winamp juga mempunyai fasilitas yang sangat menarik, contohnya burning CD, dll
. Y Sudah Sob, Daripada Kelamaan Langsung aJA Saya Akan Memulai Topik Kita Tentang Cara Membuat Skin Winamp, Harap Perhatikan Langkah - Langkah Berikut :
- Siapkan Software SkinnerToo SE .Kalau Sobat Belum Ada Software Ini..Sobat Bisa Klik Disini
- Install SkinnerToo SE ,Kalau sudah selesai jalankan Programnya
- Maka akan tampil seperti berikut:
4. Atur Target Skin Dan Atur Skin Template 3D
5. Pilih Load, artinya kamu mau mengambil sebuah gambar dari tempat yang tadi kamu sudah siapkan Gambarnya
6.Atur Image Skin dan Color Balancenya
7. Klik Make Skin! ,Lalu akan muncul tampilan, untuk mengatur text, color, dll
8. Setelah selesai mengatur text, color, dll.. Klik Save -->Pilih Browser untuk menyimpan skin yang berformat .wsz
9. Selesai...
Daftar Serial Number Untuk Windows
Pada Tutorial Blog Sebelumnya Saya Sudah Menjelaskan Pada Sobat sEMUA Tentang Bagaimana Cara Membuat Menu Drop Down Horizontal Melayang Di Blog .Sudah Lama Saya Tidak Posting Posting Laigi..he..he. Coz Saya Gi Sibuk,. Jadi Gak Sempat Ngurus Blog Lagi Tetapi kali Ii Saya Akan Update Lagi Posting Kali ini Tetapi Bukan Tutorial Blog Melainkan Tentang Ilmu Pengetahuan Saya Akan Share Beberapa Macam Atau Beberapa Daftar Serial Number Untuk Windows. Berikut Ini Beberapa Daftar Serial Number Untuk Windows............
Windows XP Professional Service Pack 2 (SP2)
- 8XPDH-PCKKG-6MPKT-FTM67-2FMWG
- BW728-6G2PM-2MCWP-VCQ79-DCWX3
- KQP9B-C2RTK-KWBPY-6FQMB-83K98
- BVGQ9-D9CR3-R24RD-7X2KH-4GRWD
- JPDR8-7X4G9-Q226K-B7VYR-HFHMD
-7MD2F-FYJX4-D4R2B-3M7W2-DC9PD
-WGQMG-3622W-4CPWB-YJP6W-RDWGJ
-BH9Y3-B7GTR-FD86G-Y23M2-4DT88
-KGV3-PH66D-Y72B6-8XDXB-R3QFB
-3G874-7427P-YB4PW-D3RCB-GKJHY
- RHKG3-8YW4W-4RHJG-83M4Y-7X9GW
- BW7RQ-XQFD9-6QM76-DD766-J9TWJ
-KQP9B-C2RTK-KWBPY-6FQMB-83K98
Windows Vista Ultimate
-PVVFY-2F78Q-8T7M8-HDQB2-BR3YT
Windows Vista Enterprise
-CYD8T-QHBMC-6RCMK-4GHRD-CRRB7
Windows Vista 2006
Name: cristi suta
S/N: TCP8W-T8PQJ-WWRRH-QH76C-99FBW
Windows XP Home Edition K
-W8F6Q-HM3JB-2XRHD-7Q92J-XKY6W
Windows XP Home Edition KN
-M9D9J-2TQV2-FBJQP-2M8G8-DGQ26
Windows XP Media Center Edition
-H23CJ-2WXM9-M9D2K-42226-DJWRD
Windows XP Professional Edition K
-FRH2X-6VD7F-YH2TV-2V8B7-J46F6
Windows XP Professional Edition KN
-QKBGY-T8JFG-F448Q-24KR9-48XPJ
Windows XP Home Edition
-GHGCP-3KFC6-Y4J4D-MVG7V-67TV6
Windows XP Professional
-F9QV9-HDYR3-6QDR4-PGVW9-GTBBJ
Windows XP Professional IA64 Edition
-BGVXG-CM3VK-FX848-B9JPY-YJJXD
Windows XP Professional x64 Edition
-PFFY7-Y9RRY-MT6C7-XMQPK
Windows 2K Server CD Key
-VFJDG-XQBMKQ8WTK-PCPF4-DJJWG
-KQTJH-XB9J2-HVTFT-DT7CX-RJJB8
Windows 2K Professional CD Key
-VTP4D-9PWVP-87BKR-H88QH-VX6H8
Windows XP Professional CD Key
-QQHHK-T4DKG-74KG7-BQB9G-W47KG
-H73K7-6HD2V-X4WJQ-TWFQ3-BYXT3
Office 2K Professional CD Key
-GC6J3-GTQ62-FP876-94FBR-D3DX8
-M696R-3VVWH-P4GTX-KPTD6-6XP4T
Windows98 CD Key
-DRB4G-69MWZ-6CP29-BBF8D-BCDBD
-B9JBV-6V7D9-RKCDC-WMK23-7TBTB
-K4HVD-Q9TJ9-6CRX9-C9G68-RQ2D3
-XM9KM-QF2CH-8FKY4-442YM-THY4D
Windows 2K Advance Server CD Key
-KWFBH-8CPWR-PVGM8-HYP44-QDY9W
Windows Server 2003 Final All Versions
-JB88F-WT2Q3-DPXTT-Y8GHG-7YYQY
Windows XP Home Edition Upgrade
-BQJG2-2MJT7-H7F6K-XW98B-4HQRQ
Windows 2003 Candidated Release 2
-HJYCJ-647BB-76FYQ-J76JT-P78XD
Windows 2003 Corporate
-JB88F-WT2Q3-DPXTT-Y8GHG-7YYQY
Windows 2003 Enterprise Server
-QW32K-48T2T-3D2PJ-DXBWY-C6WRJ
Windows 2003 Web Server
-D42X8-7MWXD-M4B76-MKYP7-CW9FD
Windows 2003 Standard Server
-M6RJ9-TBJH3-9DDXM-4VX9Q-K8M8M
Windows 2003 Server (All)
-JB88F-WT2Q3-DPXTT-Y8GHG-7YYQY
Windows 2003 Server Candidated Enterprise Edition
-K4RBR-F3K42-M9RXG-48TPR-H6BPB
Windows 2003 Server
-K4RBR-F3K42-M9RXG-48TPR-H6BPB
-QW32K-48T2T-3D2PJ-DXBWY-C6WRJ
Windows 2003 Server .net
-K4RBR-F3K42-M9RXG-48TPR-H6BPB
-QW32K-48T2T-3D2PJ-DXBWY-C6WRJ
-C4C24-QDY9P-GQJ4F-2DB6G-PFQ9W
Windows 2003 Server 32 Bit Enterprise
-K4RBR-F3K42-M9RXG-48TPR-H6BPB
Windows 2003 Ger Server Full
-C4C24-QDY9P-GQJ4F-2DB6G-PFQ9W
Microsoft Longhorn Build 4008
-CKY24-Q8QRH-X3KMR-C6BCY-T847Y
Windows Longhorn Build 4008
-CKY24 Q8QRH X3KMR C6BCY T847Y
Windows Longhorn Alpha Build 4008
-CKY24 Q8QRH X3KMR C6BCY T847Y
Microsoft Windows Longhorn Alpha Build 3683
-CKY24-Q8QRH-X3KMR-C6BCY-T847Y
Windows Server
-QW32K-48T2T- 3D2PJ-DXBWY- C6WRJ (Untuk Semua Versi)
-DVH78-VB7YM- CXDPD-D9BQX- J3M76
-KQP9B-C2RTK- KWBPY6FQMB- 83K98
-RYXVD-QYT3Q- K4QVF-WQDJG- JVKVG
-JB88F-WT2Q3- DPXTT-Y8GHG- 7YYQY
Cara Membuat Menu Drop Down Horizontal Melayang Di Blog
Mengikuti Langkah Langkah Yg Akan Saya Buat Nanti,..
Dan Bila Sobat Semua Penasaran Bagaimana Jadinya Sobat Semua Bisa Melihat Demonya Dengan Cara Klik
Disini
Baiklah Saya Akan Langsung Memulai Langkah-langkahnya:
- Login Ke Akun Blog Sobat
- Pilih Rancangan -->Tambah Gadget Dan Pilih HTML Java Script
- Dan Copy Paste Kode Berikut Tepat Didalamnya
4.Simpan Dan Lihat Hasilnya<style type="text/css">
#msuteja ul li a {position: relative;float: bottom;display: block;width: AUTO;height: 15px;padding: 5px 0 0 0;margin-right: 5px;text-align: center;font-size: 15px;text-decoration: none;color:transparant;font-weight: bold;outline: none;}#msuteja li .current{color: transparant;}#msuteja li a:hover, #msuteja li a:active {background: #4B0082;background: -webkit-gradient(linear, left top, left bottom, from(#4B0082), to(#FF0000)); background: -moz-linear-gradient(top,#4B0082, #FF0000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4B0082', endColorstr='#FF0000'); -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4B0082', endColorstr='#FF0000'); display: inline-block;zoom: 1; *display: inline;border: dotted 1px #555555;padding: 3px 5px;-webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: 0 1px 0px rgba(1,0,0,.1); -moz-box-shadow: 0 1px 0px rgba(0,0,0,.1); box-shadow: 0 1px 0px rgba(0,0,0,.1); -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out; -webkit-transform:rotate(10deg);-moz-transform:rotate(10deg);-o-transform:rotate(10deg);}color: #ffffff;margin: 0;font-size:18px;padding: 9px 15px 8px;text-decoration: none;}#msuteja {width: auto;float: left;margin: 0;padding: 0;}#msuteja {margin: 0;padding: 0;}#msuteja ul {float: left;list-style: none;margin: 0;padding: 0;}#msuteja li {list-style: none;margin: 0;padding: 0;}#msuteja li a, #msuteja li a:link, #msuteja li a:visited {color: #ffffff;display: block;text-transform: capitalize;margin: 0;padding: 9px 15px 8px;font: Bold 15px Georgia, Arial;}#msuteja li a:hover, #msuteja li a:active {background:transparant;color: #ffffff;margin: 0;font-size:20px;padding: 9px 15px 8px;text-decoration: none;}#msuteja li li a, #msuteja li li a:link, #msuteja li li a:visited {background: #00FFFF;background: -webkit-gradient(linear, left top, left bottom, from(#00FFFF), to(#000000)); background: -moz-linear-gradient(top,#00FFFF, #000000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00FFFF', endColorstr='#000000'); -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00FFFF', endColorstr='#000000'); width: 250px;color: #E6E6FA;-webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; border-style: outset;-webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out; -webkit-transform:rotate(10deg);-moz-transform:rotate(10deg);-o-transform:rotate(10deg);float: none;margin: 0;padding: 7px 10px;border-bottom: transparant;border-left: transparant;border-right: transparant;font: bold 14px kristen itc, Arial;}#msuteja li li a:hover, #msuteja li li a:active {background: #FF0000;background: -webkit-gradient(linear, left top, left bottom, from(#FF0000), to(#00FF00)); background: -moz-linear-gradient(top,#FF0000, #00FF00); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF0000', endColorstr='#00FF00'); -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF0000', endColorstr='#00FF00'); color: #ffffff;font-size:20px;font-family:kristen itc;text-align: center;padding: 7px 10px;}#msuteja li {float: left;padding: 0;}#msuteja li ul {z-index: 9999;position: absolute;left: -999em;height: 20px;width: 170px;margin: 0;padding: 0;}#msuteja li ul a {width: 140px;}#msuteja li ul ul {margin: -32px 0 0 171px;}#msuteja li:hover ul ul, #msuteja li:hover ul ul ul, #msuteja li.sfhover ul ul, #msuteja li.sfhover ul ul ul {left: -999em;}#msuteja li:hover ul, #msuteja li li:hover ul, #msuteja li li li:hover ul, #msuteja li.sfhover ul, #msuteja li li.sfhover ul, #msuteja li li li.sfhover ul {left: auto;}#msuteja li:hover, #msuteja li.sfhover {position: static;}#footer-column-divide {clear:both;}#msuteja{font-family:Comic Sans Ms;background:#000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLbYTkoU3OkHcXDE_V_qlVfohrD_KMkiI_ow93VBgIY4RTqQGJgbHLPONz19F4zm-95MgQebvsCm7ewo15pzFY5MIv0gP5OPDstoaPpdW2YpQ6khUOxET4W4YJb6HnOqSJdW_5zLLeE6_a/)repeat-x;(0,0,0, 0.80);border:1px solid #C0C0C0;padding:2px 0;z-index:999;top:0px;left:1px;right:1px;position:fixed;-moz-border-radius:10px;-webkit-border-radius:10px;}
</style>
<div id='msuteja'>
<ul id='msuteja'>
<li><a href='Disini letak link sobat'>Home</a></li>
<li><a href='Disini letak link sobat' target='_blank'>Daftar Isi</a></li>
<li><a href='http://tejahtc.blogspot.com/' target='_blank'>Download</a>
<ul class='children'>
<li><a href='Disini letak link sobat' target='_blank'>Download Aplikasi</a></li>
<li><a href='Disini letak link sobat' target='_blank'>Download Game</a></li>
<li><a href='Disini letak link sobat' target='_blank'>Download Icon</a></li>
<li><a href='Disini letak link sobat' target='_blank'>Download MP3</a></li>
<li><a href='Disini letak link sobat' target='_blank'>Download Software</a></li>
<li><a href='Disini letak link sobat' target='_blank'>Download Template</a></li>
</ul>
</li>
<li><a href='http://tejahtc.blogspot.com/' target='_blank'>Pantun</a>
<ul class='children'>
<li><a href='Disini letak link sobat' target='_blank'>Pantun Agama</a></li>
<li><a href='Disini letak link sobat' target='_blank'>pantun Humor</a></li>
<li><a href='Disini letak link sobat' target='_blank'>Pantun Romantis</a></li>
</ul>
</li>
<li><a href='Disini letak link sobat' target='_blank'>Tips And Triks</a>
<ul class='children'>
<li><a href='Disini letak link sobat' target='_blank'>Tips Blogger</a></li>
<li><a href='Disini letak link sobat' target='_blank'>Trik Facebook</a></li>
<li><a href='Disini letak link sobat' target='_blank'>Trik Handpone</a></li>
<li><a href='Disini letak link sobat' target='_blank'>Pernak-pernik Blog</a></li>
</ul>
</li>
<li><a href='http://tejahtc.blogspot.com/'>Tutorial</a>
<ul class='children' target='_blank'>
<li><a href='Disini letak link sobat' target='_blank'>Tutorial Blog</a></li>
<li><a href='Disini letak link sobat' target='_blank'>Tutorial Photosop</a></li>
</ul>
</li>
<li><a href='Disini letak link sobat' title='tv online' target='_blank'>Tv Online</a>
<ul class='children'>
<li><a href='Disini letak link sobat'>Antv</a></li>
<li><a href='Disini letak link sobat' target='_blank'>Tv One</a></li>
</ul>
</li>
<li><a href='Disini letak link sobat' target='_blank'><blink>Tukar Link</blink></a></li>
<li><a href='http://ojelhtc.blogspot.com' title='htc' target='_blank'><blink>HTC</blink></a></li>
</ul>
</div>
Langganan:
Postingan (Atom)
