TBA Network

Rocking & Rolling Menu CSS3

noreply@blogger.com (afridho) — Mon, 4 Oct 2010 20:35:00 +0700

Malem all, diwaktu yang sangat singkat ini saya akan memberikan Tutorial Blog kembali yang lebih hot tentunya. Namanya adalah Rolling Menu atau nama panjangnya Rocking Rolling Menu. Fungsi yang diberikanpun tidak kalah hebatnya dengan versi jQuery lainnya. Diantaranya adalah ^[1]Rock & Roll Menu, ^[2]Rounded Corner, ^[3]tag HTML. Fungsi² tersebutpun tidak terlepas dari Engine jQuerynya. Yupz, langsung ke TKP

DEMO

Tutorial Rocking & Rolling Menu CSS3

1. Seperti biasa cuy, login dolo keBlogger
2. Navigasi ke Rancangan > Edit HTML

3. Cari kode ini </head>
4. Setelah itu, letakkan script ini DIATAS kode </head>

5. Setelah itu, navigasi ke Elemen Halaman > Tambah Gadget
6. Kalau sudah, masukkan seluruh script ini didalam kotak Widget tersebut.[?]Untuk Judul tidak Perlu ditulis !

7.

Yupz, begitulah cara singkat untuk mengaplikasikan Rocking & Rolling Menu CSS3, Mudah kan? Untuk nama²nya silahkan sobat berkreasi sendiri. Ya udah moga² sukses yeach...

Memasang jStack Share

noreply@blogger.com (afridho) — Tue, 28 Sep 2010 20:27:00 +0700

Salam semuanya. Dikesempatan kali ini TBA Network kembali menyajikan tutorial tentang jQuery yang maknyos hasilnya. Namanya adalah jStack, yaitu menu yang tampil dengan sudut 45^o. Fungsi bukan itu saja, TBA Network sedikit memodifikasi sehingga dapat dijadikan sebagai media share/berbagi. Ya udah, daripada banyak cakap tutup poin j' yach. Let's check this out !

DEMO

Tutorial jStack Share

1. Seperti biasa, login ke Blogger sobat.
2. Navigasi ke Rancangan > Edit HTML

3. Setelah itu cari kode </head>
4. Bila sudah ditemukan, letakkan seluruh script ini DIATAS kode </head>

5. Setelah itu, cari kode <data:post.body/>
6. Kalau sudah ketemu, copy script ini DIBAWAH kode <data:post.body/>
7.

Menarik bukan? Begitulah HTML, yang selalu memberikan tampilan visual bagi penggunanya. Ya udah yeach, mungkin sekian dolo dari TBA Network. Kapan₂ kita sambung lage...
Mode = Sleepy

Membuat Smooth Marquee (jQuery)

noreply@blogger.com (afridho) — Sun, 26 Sep 2010 12:30:00 +0700

Salam semua, kale nech TBA Network akan share ilmu lage buat pengguna Blogger yang sangat tertarik dengan fungsi script jQuery yang ampuh itu. Yang kita bahas kali ini adalah untuk membuat fungsi Marquee^{[?]Marquee = Efek Teks Berjalan} lebih lembut.

DEMO

Tutorial Smooth Marquee jQuery

1. Seprti biasa, login ke account blogger anda
2. Rancangan > Edit HTML

3. Setelah itu cari kode </head>
4. Kalau sudah dapat, copy script ini DIATAS kode </head>

5.

Nah setelah anda melakukan semua tutorial diatas, maka anda sudah dapat mengaplikasikannya didalam blog anda. Script yang satu ini tidak memerlukan pemanggilan kode DIV, cukup meletakkan script Marquee dimanapun maka akan langsung dapat digunakan.

See You...

Cara Membuat refresh otomatis

noreply@blogger.com (afridho) — Wed, 1 Sep 2010 21:44:00 +0700

Sudah taukan Refresh itu apa? Pasti sudah tau dong, fungsi refresh itu digunakan untuk menyegarkan proses desktop kembali dengan cara menekan tombol F5. Dengan demikian, trik yang saya berikan satu ini sangat berguna untuk membuat refresh secara otomatis.

Tutorial Membuat Efek Reresh Otomatis

1. Pilih StartMenu dan tulis &tekan RUN

2. HKEY_LOCAL_MACHINE > System > CurrentControlSet > Control > UpdateMode

3. Kalau sudah, Klik Kanan dan ubah Value DWORD nya menjadi 1.
4. Langkah akhir, Restart komputer anda.

Cara Membuat Icon menurut ekstensi Link File

noreply@blogger.com (afridho) — Wed, 1 Sep 2010 18:32:00 +0700

Modifikasi CSS itu sangat menyenangkan loch, setelah saya membuat artikel tentang Cara membuat Efek Bubble dengan CSS, kali ini saya sedikit memberikan tutorial yang SANGAT AMPUH hasil Kerjanya. Mungkin dari namanya agak sedikit rumit mengartikannya, tapi akan sedikit saya jelaskan, bila seorang menaruh sebuah Link suatu file yang berextensi apapun, maka akan diikuti juga oleh icon-icon menurut ekstensi yang dituju tersebut. Untuk jelasnya, mungkin saudara sekalian dapat melihat DEMOnya dibawah.

DEMO

Tutorial Membuat Icon pada Setiap Link File

1. Seperti biasa, Login ke account Blogger anda.
2. Setelah itu, Rancangan > Edit HTML

3. Kalau sudah, cari kode ini </head>
4. Bila sudah ditemukan, letakkan script ini DIATAS kode </head>

5. Langkah Akhir,

Setelah anda memasukkan CSS diatas maka anda sudah dapat menggunakannya. Penampilannya tidak memakai kode-kodean DIV class atau id, cukup dengan meletakkan Link sebuah file. Mengkin sekian dulu tutorial dari TBA Network kali ini,

Semoga Bermanfaat

Cara membuat Efek Bubble dengan CSS

noreply@blogger.com (afridho) — Wed, 1 Sep 2010 15:45:00 +0700

DEMO

Taukah anda, bahwa menciptakan sesuatu yang manis diHTML itu adalah CSS. Itu dia, dengan semboyan itulah mari kita ulas bagaimana cara menciptakan sebuah kreasi yang hasilnya cukup memuaskan. Kali ini kita akan mempelajari bagaimana cara membuat efek Bubble dengan CSS, untuk lebih jelasnya dapat melihat DEMOnya diatas. Kalau sudah, berarti anda sudah tau ada 2 contoh expressi yang digunakan yang ke-1 dinamakan CSS Sprites karena hanya membutuhkan satu gambar saja dan yang ke-2 Image Swapping meiliki efek zoom normal. Nah, sekarang mari kita lihat tutorialnya. Check this out!

Tutorial Membuat Efek Bubble dengan CSS

(*) Login seperti biasa ke account Blogger anda.
(*) Setelah itu, Rancangan > Edit HTML

(*) Kalau sudah, anda harus memilih diantara ke-2 style tersebut yang mana yang akan anda tampilkan Bila kedua-duanya dapat mengcopy seluruh kode yang ada dibawah ini.

1. Cari kode ini ]]></b:skin>
2. Setelah itu, copy seluruh kode dibawah ini dan letakkan DIATAS kode ]]></b:skin>.

Memakai CSS Sprites

Memakai Image Swapping

3. Kalau sudah, cari kode ini <data:post.body/>
4. Setelah itu, letakkan kode dibawah ini dibawah kode <data:post.body/>

Memakai CSS Sprites

Memakai Image Swapping

5. Langkah Akhir,

Good Luck,

Cara Mudah Membuat Rating

noreply@blogger.com (afridho) — Mon, 30 Aug 2010 11:49:00 +0700

Hallo sobat Blooger, kali ini TBA Network kembali share bagaimana cara membuat Rating. Memang sih rating ini sudah ada dari Blogger sendiri, tapi menurut pendapat orang-orang rating yang diberikan kurang begitu memuaskan, nah dari itu saya akan memberikan Rating dari JS-KITSuatu Perusahaan yang bergerak di bidang Comment System yang tampilannya sangat bagus.

DEMO

Tutorial Membuat Rating

1. Seperti biasa, Login ke Blogger anda
2. Setelah itu, Rancangan > Edit HTML

3. Kalau sudah, cari kode ini </body>
4. Bilas sudah ditemukan, letakkan script ini DIATAS kode </body>

5. Setelah itu, Cari kode ini <div class='post-header-line-1'/> atau bila tidak ketemu cari kode ini <data:post.body/>(?)
Bila sudah menggunakan Readmore, gunakan kode yang ke-1
6. Langkah selanjutnya tinggal memilih bentuk Ratingnya :

7. Kalau sudah ditentukan bentuk ratingnya, copylah salah satu kode tersebut dan letakkan DIBAWAH
<div class='post-header-line-1'/> atau <data:post.body/>

8.

GOOD LUCK

Cara Membuat Tombol > Back To Top

noreply@blogger.com (afridho) — Mon, 30 Aug 2010 10:41:00 +0700

Sudah tahu Back To Top itu apa? Back to Top itu adalah suatu tombol yang dapat mempermudah pengunjung untuk melihat kembali ke atas bila halaman yang dilihatnya sudah jauh kebawah. Back To Top yang dibahas kali ini diberikan sedikit sentuhan Jquery untuk memperhalus pekerjaannya.

DEMO

Tutorial Membuat Back To Top

1. Seperti biasa, Login ke Blogger anda
2. Setelah itu, Rancangan > Edit HTML

3. Kalau sudah, cari kode </head>
4. Bila sudah ditemukan, masukkan script ini DIATAS kode </head>

5.

Good Luck,

Menjadi Blogger Yang Bahagia

noreply@blogger.com (afridho) — Sat, 28 Aug 2010 15:49:00 +0700

Mungkin dari sekian banyak pengguna internet diIndonesia kita ini tidak asing lagi atau sudah bosan dengan nama sebuah Blogger. Blogger adalah satu dari beberapa web yang menyediakan fasilitas blog gratisnya kepada seluruh pengguna Internet diseluruh Indonesia termasuk didunia. Tapi pernahkah anda seorang pengguna Blogger menghargai kerja keras dari sebuah perusahaan Blogger ini? Disini saya tidak menyuruh apa lagi memaksa anda untuk selalu setia atau kasihan kepada Blogger. Dibawah ini saya akan menceritakan beberapa pengalaman pribadi saya sebelum saya menjadi Blogger sejati hingga sampai sekarang.

Pada awalnya saya menentukan wordpress sebagai web blog yang akan saya gunakan, waktu demi waktu mungkin saya tertarik untuk menggunakannya karena memiliki banyak fasilitas yang belum tentu dimiliki web blog lainnya seperti halnya Blogger. Mulai dari bentuk templatenya yang hampir semuanya dikatakan Premium, banyaknya Plugins yang memberikan efek expressive pada blog, hingga banyak orang yang menyangka bahwa Wordpress mengandung SEO Template. Tetapi, disini saya mulai menyadari:

Mengapa saya selalu memakai fasilitas Instan ?

Sejak saat itulah saya mulai mencicipi yang namanya Blogger. Melihat tampilan pertamanya saya mulai bingung karena langsung dihadapkan dengan pengeditan HTMLnya yang sangat saya tidak mengerti.^{[?]Maklum, waktu itu saya masih kelas 2 SMP} Saya berusaha untuk mencari berbagai Blog yang memiliki fasilitas Tutorial Blog didalamnya. Contohnya saja para master-master saya seperti Kang Rohman, Agus Ramadhani, Masdoyok dan Hendriono^{[?]Master JQuery}. Dari mereka-merekalah saya belajar tentang banyak HAL tentang dunia HTML, CSS , Javascript hingga mendesign Template Sendiri. Hingga sampai sekarang, saya sudah dapat berbagi tentang sebuah Tutorial Blog kepada Blogger yang ingin tahu tentang dunia web blog.

D>isini saya akan memberikan beberapa trik bagaimana
1. Sering-seringlah memodifikasi Template anda agar keliatan Expressive.
2. Masukkanlah beberapa efek JQuery kedalam Blogger anda.
3. Sering-seringlah coerhat kepada Blogger Lainnya [lokasi]
4. Jangan selalu menghabiskan waktu dengan dunia Tutorial Blog, sering-seringlah anda BlogWalking kebloger lainnya.
5. Kalau bisa sering-seringlah BlogWalking ke TBA Network yach.hehehe...
6. Selalu Berprinsiplah Bahwa Blogger itu Menyengkan

Dari pengalaman dan Tips yang saya berikan diatas tentu saya mengutarakan bahwa menjadi seorang Blogger itu Sangat Menyenangkan karena saya adalah Menjadi Blogger Yang Bahagia. Semoga para Blogger tetap selalu setia dan selalu menciptakan hal-hal baru yang positif untuk mengembangkan Blogger kita ini. Kalau tidak kita ? Siapa Lagi ? Betul, Tidak ?

Blogger Kontest SEO
Info Penyelenggaraan Kontes: http://www.masdoyok.co.cc/2010/08/info-kontes-menjadi-blogger-yang.html

Di Sponsori Oleh:
www.mungbisnis.com - Jasa Pembuatan Blog
www.Distro19.Com - Jual Kaos Couple Murah

Membuat Widget | Profile Pengunjung

noreply@blogger.com (afridho) — Fri, 27 Aug 2010 11:42:00 +0700

Good morning all. Dikesempatan kali ini TBA Network akan sedikit share ilmu blogger buat pengunjung. Topik yang akan dibahas kali ini adalah membuat widget profile pengunjung, dimana widget profile pengunjung ini akan membantu pengunjung blog anda untuk melihat static website anda maupun dirinya sendiri. Feature widget yang satu ini memanfaatkan sistem "COOKIE"
Cookie adalah jejak suatu web atau blog yang tersimpan didalam web browser
yang ada diweb browser yang tersimpan. Widget ini juga terlihat simple tetapi sedikit memakan sumber daya blog anda karena terdiri dari beberapa "JavaScript", tapi jangan khawatir, javascript ini sudah mengalami 2x compressan tanpa mengalami permasalahan. Lebih lanjut dapat dilihat artikel dibawah.

DEMO

Fitur Widget | Profile Pengunjung

1. Nama Profile Pengunjung
2. Gambar Profile Pengunjung [Secara acak]
3. Total Online user yang ada diblog anda
4. Total Kunjugan Pengunjung disuatu halaman
5. Waktu Kunjungan Terakhir
6. Waktu pemuatan halaman suatu blog
7. Type dan Nama Browser yang digunakan pengunjung
8. Widget Bershadow

Tutorial Widget | Profile Pengunjung

1. Seperti biaza, Login dulu ke account Blogger anda
2. Setelah itu, melangkahlah ke Rancangan > Elemen Halaman
3. Pilih, lokasi penempatan widgetnya
4. Setelah itu, Tambah Gadget > HTML/JavaScript
5. Kalau sudah, masukkan script dibawah ini dikolom Content

6. Langkah terakhir, Simpan

Keterangan > Jumlah Orang yang Online

Cari code ini <script src=http://fastonlineusers.com/online.php?d=Blog Anda> </script>

Kalau sudah, ganti tulisan "Blog Anda" dengan alamat Blog anda.

Oke dech, mungkin sekian dulu Tutorialnya, mungkin dilain waktu bisa menyampaikan postingan-postingan yang lebih menarik lagi.
See U Next Time....

Tips Memasang Favicon

noreply@blogger.com (afridho) — Sat, 21 Aug 2010 21:05:00 +0700

HORAS !Maap, orang medan..
Nampak dech bataknya...
Yupz, Kembali ketopik kita tadi. Dari judulnya mungkin para blogger tidak asing atau sudah bosan dengan artikel ini saja yang banyak diposting ditutorial blog manapun.
Terus Apa Bedanya ? Jawabannya adalah letak pemasangan script dan penampilan.
Pada cara ini memiliki keuntungan yaitu favicon anda dimuat secara cepat tanpa menampilkan favicon Blogger . Pada Tutorial Blog yang banyak memposting tentang cara membuat favicon meletakkan scriptnya diatas code </head>, memang itu tidak salah, tapi bukankah masih banyak script yang perlu dimuat sebelum favicon tadi?Tentu jawabannya ya. Dan TBA Network menyarankan agar anda melakukan cara baru ini untuk menjadikan blog anda secara expressive.

Tutorial Cara Baru Memasang Favicon

1. Seperti biasa, Login ke Blogger anda
2. Setelah itu masuk ke Rancangan > Edit HTML
3. Bila anda sudah memiliki favicon sebelumnya, tinggal pindahkan saja scriptnya diatas code <b:skin>
4. Bila anda belum memiliki favicon sebelumnya, gantilah link favicon dengan link favicon anda.

5.

Tips Favicon yang baik :

*) Dimensinya : 15px x 15px
*) Format Gambar : *.gif {agar lebih ringan}

Bila ingin mencari favicon yang anda inginkan dapat mengunjungi iconfinder.com
Yupz, mungkin tips ini saja yang TBA Network dapat sampaikan, semoga membantu.

Cara Memasang Auto Readmore (script baru)

noreply@blogger.com (afridho) — Sat, 21 Aug 2010 14:26:00 +0700

Hallo all my friends, pada kesempatan yang singkat ini saya akan sedikit berbagi, bagaimana cara membuat autoreadmore pada Blogger. Autoreadmore ini sangat baik digunakan untuk menghemat tampilan postingan, memperindah tampilan blog, serta sedikit mengurangi berat blog anda.^{[?]Khususnya Pada HOMEPAGE}Untuk contoh atau demonya dapat dilihat dengan menklik tombol DEMO dibawah.

DEMO

Tutorial autoreadmore

1. Login ke account Blogger anda.
2. Setelah itu masuk ke Rancangan > Edit HTML

3. Setelah itu cari kode ini </head>
4. Kalau sudah ketemu, Copy script dibawah ini dan letakkan diatas kode </head>

5. Langkah selanjutnya, cari code ini <data:post.body/>

6. Setelah itu, Copy script dibawah ini dan Paste di code <data:post.body/>

7.

Kalau Sudah diSimpan Templatenya diliat dech hasilnya..
Ya udah, mungkins sekian doloe postingan dari TBA Network kali ini,
See U

HUT Republik Indonesia ke-65

noreply@blogger.com (afridho) — Tue, 17 Aug 2010 21:51:00 +0700

Merdeka, merdeka ! Indonesia tercintaku akhirnya Ulang Tahun juga, enggak terasa sudah 65 tahun Indonesia merdeka. Tapi menurut saya, selama 65 Tahun merdeka tetap saja rakyat kecil^{[?]Bukan Badannya yang kecil-kecil !} di Indonesia masih tetap tertindas, yang sakitnya lagi yang menindas adalah para pejabat-pejabat tinggi indonesia^{[?]Koruptor ! .Contohnya saja, banyak para pejabat tinggi yang memanfaatkan jabatannya sebagai icon untuk berkuasa, tidak untuk menolong rakyat melainkan ingin mendapatkan keuntungan semata, tanpa memikirkan kepentingan rakyat kecil yang semakin miskin. Dengan banyaknya koruptor tersebut pembangunan Indonesia itupun menjadi terhambat sehingga sampai tahun 2010 sekarang indonesia-pun tidak dapat mengikuti perkembangan zaman di era Globalisasi ini.

Menurut saya tidak ada cara yang tepat untuk membasmi itu semua, tetapi itu adalah Kesadaran para Pejabat Tinggi Negara untuk lebih memikirkan kepentingan rakyat Indonesia.

Mengkin artikel singkat ini berupa aspirasi saya didalam menyambut hari kemerdekaan Republik Indonesia yang ke-65.}

Sekali lagi...

MERDEKA !!!

Membuat Icon Smadav

noreply@blogger.com (afridho) — Sun, 15 Aug 2010 11:31:00 +0700

Salam buat kita semua. Dikesempatan kali ini TBA Network akan sedikit share tentang tutorial photoshop. Artikel/Tutorial ini diperoleh dari blog Diamond Jack yang mungkin dapat bermanfaat untuk menambah kreatifitas anda didalam photoshop.

Tutorial Cara Membuat Icon Smadav

1. Buat dulu dokumen baru (Ctrl+N)

2. Klik Pen Tool, lalu buat shape seperti ini

3. Klik 2 kali kotak seperti yang ada di gambar, lalu ganti warnanya dengan #01fa09

4. Tekan Ctrl+Shift+N untuk membuat layer baru. Buat lagi shape seperti ini (Merah), lalu warnai

5. Buat Lagi layer baru, buat shape (merah), lalu warnai lagi. Jarak antar shape nggak terlalu rapat juga gpp, nanti tertutupi garis.

6. Sekarang kita buat garis-garisnya. Pilih Pen Tool, lalu atur kaya gini. Buat garis dengan Pen tool seperti di bawah (merah).

7. Lalu kita warnai. Klik Brush Tool, klik kanan di area kerja, atur seperti di bawah ini. Klik Foreground color atur juga warnanya.

8. Klik kembali Pen Tool, klik kanan di Path yang tadi telah dibuat, klik Stroke Path, lalu atur kaya gini

Lalu Klik kanan-Delete Path pada Path tadi.

9. Lakukan juga pada garis yang lain (tidak perlu buat layer baru)
Nah….. Hasil sementara…

10. Select semua layer kecuali layer background dengan cara Ctrl+klik pada nama layer, lalu drag (klik sambil tarik) ke icon group dibawah.

11. Klik kanan-Duplicate Group buat nama grup: Shadow karena nanti fungsinya sebagai bayangan

12. Klik Transform-Flip Vertical, lalu tarik ke bawah sambil tekan dan tahan Shift supaya tetap lurus ke bawah

13. Klik icon Add Layer Mask (di dekat icon group) dengan posisi Grup Shadow ter-select

14. Klik Gradient Tool (di bawah Paint Bucket tool)
15. Drag dari atas sampai kira-kira setengah, Ubah opacity menjadi 65 %

16. Hasil Akhir dapat anda lihat dibawah, tetapi tergantung kreasi anda juga sech... hehehe

Ya udah, selamat berkreasi yach...

Sumber Penulis :

Menjalankan Program2 tertentu pada Windows 7

noreply@blogger.com (afridho) — Fri, 13 Aug 2010 21:02:00 +0700

Dari Judulnya mungkin agak sedikit membingungkan bagi kaum awam tapi apa kata lagu + Ya Sudahlah +, sebenarnya dari judulnya saja sudah jelas yaitu bagaimana "Menjalankan Program-program tertentu saja" khususnya pada Windows 7.

Ya sudah, daripada banyak basa basi...
Capcuz cin...

1. Tekan Tombol Start Menu
2. Setelah itu, pada bagian search tuliskan gpedit.msc Lalu tekan Enter.

3. Tunggu sampai Jendela Local Group Policy Editor terbuka,
Kalau sudah, sekarang pergi pada bagian : User Configuration > Administrative Templates > System

Kalau sudah, klik pada bagian Run only specified Windows applications

4. Udah bu????
Cepet donk klik, jangan banyak mikir.hehehhe
Kalau sudah, pilih Enable
Setelah itu, klik juga tombol Show yang ada dibawahnya.

5. Setelah itu, akan ada tampil Jendela yang berisi program yang akan dijalankan secara spesifik.

6. Masukkan Nama Process program yang akan dijalankan.
Contohnya, Mozilla Firefox > firefox.exe
Kalau yang process lainnya dapat dilihat di

Task Manager
Task Manager akan dibahas mendatang...
Tunggu j'yeach,

Kalau sudah, jangan lopa tekan tombol OK.

7. Setelah itu, maka program-program yang ditentukan sajalah yang dapat terbuka.
Dan, bila program yang tidak ditentukan maka akan ada Notifikasi Error bahwa program tidak dapat dibuka.

8. Kalau ingin mengembalikannya seperti awal, lakukanlah langkah 4 dan pilih Disable

Ya udah, mungkin sekian dolo yang dapat disampaikan TBA Network buat pembaca setianya yeach...
See u...

Efek Text Terbalik

noreply@blogger.com (afridho) — Fri, 13 Aug 2010 13:17:00 +0700

Memasang Sexy-Bookmarks

noreply@blogger.com (afridho) — Fri, 13 Aug 2010 12:40:00 +0700

Halo all, puasa-puasa gini enaknya blogging and share.Jadi, diwaktu yang panjang ini, TBA Network akan sedikit berbagi ilmu bagaimana cara membuat sexy-bookmark. Mungkin masih banyak Blogger Tutorial yang menyajikan tutorial serupa, tapi tidak salahkah kita untuk berbagi...???
Ya udah, capcuz cin...

DEMO HTML DOWNLOAD

1. Login ke Blogspot
2. Klik Rancangan - Edit HTML

3. Setelah itu, cari code ini </head>
4. Kalau sudah ketemu, letakkan CSS dibawah ini diatas code </head>

5. Setelah itu, cari code <data:post.body/>(?)Kalau sudah memakai fasilitas ReadMore, gunakan <data:post.body/> yang ke-2

6. Kalau sudak ketemu, letakkan script dibawah ini dibawah code <data:post.body/>

7. Langkah akhir,

Oke dech, sampai sini dulu yach...
Sambil nunggu buka puaza nich...

Bentuk-bentuk Textarea !

noreply@blogger.com (afridho) — Thu, 12 Aug 2010 20:04:00 +0700

Halo all, diwaktu yang singkat ini saya gak ingin berbasa basi lagi, dari namanya aja udah taukan apa fungsinya...
Textarea itu adalah sebuah kotak yang didalamnya hanya Format Teks(?)Tidak untuk gambar, audio atau efek lainnya... saja.

1. Textarea versi Standar

TBA Network adalah website terbaik era Globalisasi !!!

<textarea name="code" rows="6" cols="20">

......Isi Content......

</textarea>

2. Textarea versi SelectAll

<form name="form1" >
<textarea cols="25" rows="10" name="demo">

......Isi Content......

</textarea>
<input type="button" name="selectit" value="Select All" onclick="selectAll ();">
</form>

3. Textarea versi Autohighlight

TBA Network adalah website terbaik era Globalisasi !!!

<textarea rows="5" cols="15" onfocus="this.select()" onmouseover="this.focus()" style="display: inline;" name="txt" onclick="this.focus();this.select()">

......Isi Content......

</textarea>

Penjelasan

(*) cols="60" = Menyatakan Lebar Textarea
(*) rows="5" = Menyatakan Tinggi Textarea
(*) Isi Content = Isi Text Area...

Membuat Fancy Bar Navigation

noreply@blogger.com (afridho) — Thu, 12 Aug 2010 19:28:00 +0700

Baiklah, dikesempatan kali ini, TBA Network sedikit berbagi bagaimana cara membuat Fancy Bar Navigation. Sebelumnya TBA Network akan menjelaskan apa sebenarnya Fancy Bar Navigation itu, sebenarnya sama seperti halnya navigation bar biasa, tp kali ini diberikan sedikit sentuhan Jquery.

DEMO HTML DOWNLOAD

1. Login ke Blogspot
2. Klik Rancangan - Edit HTML

3. Cari kode ini </head>
4. Setelah itu, Letekan code dibawah ini diatas code </head>

5. Setelah itu, cari code ini ]]></b:skin>
6. Kalau sudah, letakkan script CSS dibawah ini diatas ]]></b:skin>

7. Setelah itu, Cari code ini <div id='content-wrapper'>

8. Kalau sudah ditemukan, masukkan script dibawah ini tepat dibawah <div id='content-wrapper'>

<ul id='topnav'>
<li><a href='http://afridho.blogspot.com/'>Home</a></li>
<li><a href='http://afridho.blogspot.com/'>Services</a></li>
<li><a href='http://afridho.blogspot.com/'>Twitter</a></li>
<li><a href='http://afridho.blogspot.com/'>Blog</a></li>
<li><a href='http://afridho.blogspot.com/'>AboutMe</a></li>
<li><a href='http://afridho.blogspot.com/'>Email</a></li>
</ul>

Ya udah, mungkin sekian duloe yang dapat dibagikan buat pembaca TBA Network. Kalau masih gak ngerti juga, dibawah ada form kotak komentar, isikan aja semua keluhan atau pertanyaan saudara.
Terimakasih...

Salam Hangat POPO

Cara Menyembunyikan "My Computer"

noreply@blogger.com (afridho) — Sun, 1 Aug 2010 21:09:00 +0700

Tutorial Menyembunyikan "My Computer"

1. Pilih StartMenu
2. Setelah itu, tulis regedit

3. Kalau sudah, cari kode ini 20D04FE0-3AEA-1069-A2D8-08002B30309D
4. Bila Sudah ketemu, hapuslah kode tersebut dan Restart Komputer anda.
5. Bila ingin mengembalikannya kembali, tinggal buat saja key yang sama pada kode nomor 3

TBA Network | Traffic

noreply@blogger.com (afridho) — Sun, 1 Aug 2010 11:09:00 +0700

Tutorial Dasar jQuery

noreply@blogger.com (afridho) — Sat, 31 Jul 2010 16:45:00 +0700

Sebelum anda menggunakan Tutorial jQuery dari TBA Network sebaiknya anda membaca Tutorial ini dengan seksama. Didalam membuat efek jQuery dibutuhkan Engine yang dapat memproses suatu pekerjaan sehingga menjadi baik. Engine ini masih dalam bentuk Javascript yang akrab disebut JQUERY. Tutorial Dasar jQuery ini hanya sekedar mengingatkan anda untuk memasukkan script jQuery tersebut kedalam template anda.

Tutorial Dasar jQuery

1. Login ke Account Blogger anda.
2. Pilih Rancangan > Edit HTML

3. Setelah itu cari kode ini ]]></b:skin>
4. Letakkan script jQuery ini DIBAWAH kode ]]></b:skin>

MENGAPA ANDA HARUS MEMBACA INI ?

Karena didalam Tutorial jQuery TBA Network tidak akan dicantumkan lagi script Engine jQuerynya, karena banyaknya script jQuery yang diletakkan didalam suatu HTML akan mengakibatkan Loading HTML menjadi lambat serta dapat menimbulkan konflik jQuery karena perbedaan versi jQuery didalam suatu HTML.

Penyingkat URL (Short URL)

noreply@blogger.com (afridho) — Thu, 29 Jul 2010 22:11:00 +0700

Random Post Smooth !

noreply@blogger.com (afridho) — Tue, 27 Jul 2010 20:25:00 +0700

DEMO HTML DOWNLOAD

Random Post? apa sich itu???Yuck, capcuz cin...hehehe... Okelach kalau begitu, dari namanya aja dah keliatan kalo itu pake b.inggris (Ya iyalach, masak mong jowo..).
Random Post artinya adalah Post yang ditampilkan secara acak. Terus diberikan efek Smooth untuk memperindah atau memperhalus tampilannya.(hehehe, kayak muka aja pake halus)Ya udah, langsung praktein yach...Gak usah pake takod Template Blogger saudara hancur, karena tips-tips ini sudah divertifikasi.

1. Seperti biaza, login ke Blogger saudara
2. Setelah itu, pergi ke Rancangan > Elemen Halaman[?]Sikat gan !
3. Setelah itu, Add Widget > HTML/Javascript
4. Ya udah, tinggal dimasukin dech code dibawah ini :

Keterangan !
http://afridho.blogspot.com/feeds/posts/default :

Ganti dengan Halaman default feed saudara.[?]
Halaman Feed Saudara dapat dilihat di Adress Bar bagian Kanan

TBA Network Lahir !

noreply@blogger.com (afridho) — Sun, 25 Jul 2010 21:17:00 +0700

TBA Network

dirancang oleh 1 orang Blogger Professional yang sangan handal didalam Mendesign Blog, CSS code, HTML, dan Javascript coding.
TBA Network ini sebenarnya adalah Blog yang menyajikan Tutorial tentang Blog, Photoshop & Trik Computer. Pada halnya, Blog ini dirancang dan dimoderisasikan oleh 1 orang (That's Me). Tetapi, tidak terlepas dari beberapa bantuan kawan-kawan didalam memposting artikel-artikel menarik lainnya.

Baeklach, Qita tunggu aja yach TBA Network beraksi !!!

Keep Blogging !!!