Archive for Desember 2009

My previous post Facebook style wall post application. In this post I had updated some more features like expanding URLs to display videos. Take a look at this live demo.
Update Version Facebook wall script 3.0

Facebook Style Wall Post Script with Expanding URLs.
Read more »
Description: Facebook Style Wall Post Script with Expanding URLs.
Rating: 4.5
Reviewer: Unknown
ItemReviewed: Facebook Style Wall Post Script with Expanding URLs.

URL Rewriting Tip with .htaccess File

Sabtu, 26 Desember 2009
Posted by Unknown
Some days back I had posted "Pretty URLs with .htaccess rewriting tips". In this post I had given one more pretty URL tip with .htaccess tip. I hope it's useful for you.

URL Rewriting Tip with .htaccess File
Read more »
Description: URL Rewriting Tip with .htaccess File
Rating: 4.5
Reviewer: Unknown
ItemReviewed: URL Rewriting Tip with .htaccess File
Hello friends, Happy Christmas greetings. Just take a look at this live demo link. I had used jsnow() jquery snow falling plugin, developed by dummwiam.com.

Original Tutorial : www.dummwiam.com/jSnow


Read more »
Description: Happy Chirsmas Falling Snow jsnow() Jquery plugin.
Rating: 4.5
Reviewer: Unknown
ItemReviewed: Happy Chirsmas Falling Snow jsnow() Jquery plugin.

jQuery and Ajax Best Demos Part-5

Selasa, 22 Desember 2009
Posted by Unknown
A Collection of jQuery, Ajax, JSON and PHP Tutorials with live demos, tutorials posted on 9lessons blog. In these demos I had explained about jquery connectivity with MySQL database, Ajax implementation, JSON with PHP and Animation addons to your web pages. I hope it's useful for you. Thanks!


Read more »
Description: jQuery and Ajax Best Demos Part-5
Rating: 4.5
Reviewer: Unknown
ItemReviewed: jQuery and Ajax Best Demos Part-5

Free Online PC

Sabtu, 19 Desember 2009
Posted by Unknown
Are you looking for free online personal computer gigabytes of memory, applications, search and players with installation. It's just like a personal computer just take a look this post. If you know any new please comment Thanks!

Glide OS 3.0 - 20 GB free memory word processor, spread sheets, presentations, calender, music players and photo editors, it supports 250 file formats.

Read more »
Description: Free Online PC
Rating: 4.5
Reviewer: Unknown
ItemReviewed: Free Online PC

Live Availability Checking with jQuery.

Kamis, 17 Desember 2009
Posted by Unknown
I received a mail from my reader that asked to me how to implement live username availability checking. So I had prepared a simple and understanding tutorial with changing background color using jQuery and Ajax. Take a look at live demo.

Live Availability Checking with jQuery.
Read more »
Description: Live Availability Checking with jQuery.
Rating: 4.5
Reviewer: Unknown
ItemReviewed: Live Availability Checking with jQuery.

Masalah Komputer Yang Paling Sering Terjadi

Rabu, 16 Desember 2009
Posted by Unknown
Tag :
Ada beberapa sahabat ACP yang bertanya permasalah komputer secara umum, untuk itu kami mencoba memberikan beberapa hal yang paling sering terjadi dalam penggunaan komputer.

Jika Anda memiliki sebuah Paket Computer (PC), maka ada kemungkinan mengalami masalah komputer. Masalah terbesar komputer Anda adalah "PEMILIKNYA". Lebih dari 80% masalah komputer adalah karena kelalaian untuk melakukan tugas pemeliharaan sederhana seperti; tidak pernah pembersihan registry. Tidak pernah menghapus cache file dan sangat jarang memperbarui perangkat lunak/program secara teratur.


>>>Performa Komputer Lambat
Ini adalah keluhan pertama dari sebagian besar sahabat. Ada beberapa alasan mengapa hal ini terjadi. Namun, sebagian dapat dikaitkan dengan kurangnya pemeliharaan. Pembagian data (LAN), rusaknya registry, spyware, dan jalannya program yang tidak penting yang dapat merusak dan performa kecepatan dari PC. Kelola program Anda dan lakukan pembersihan registry akan meningkatkan sekitar 30% performa kecepatan.

>>>Lockup, Freeze, dan Blue Screen
Ini adalah salah satu masalah umum komputer. Namun, persoalan ini agak sedikit lebih serius, sehingga diperlukan beberapa langkah-langkah diagnostik. Dalam kebanyakan kasus, masalah ini disebabkan oleh spyware. Untuk menghindari masalah ini, Anda harus memperbarui program anti-spyware/Anti Virus secara teratur.
ada juga kemungkinan komputer tidak bisa berkomunikasi dengan beberapa komponen perangkat keras tanpa update driver (program kecil yg membuat system dapat mengenal & bekerja dengan perangkat). Bila masalahnya bukan di driver, periksa CPU. Juga, coba tingkatkan memori virtual Anda untuk membantu menghindari freeze.

>>>Komputer Reboot secara otomatis (tiba-tiba mati sendiri)
Masalah komputer seperti ini biasanya dapat dikaitkan dengan masalah hardware. Biasanya power supply mulai rusak atau kotor atau kipas pendingin rusak.
Komputer mencoba mendinginkan dengan cara menonaktifkan secara otomatis. Jadi, jika merasa komputer Anda ekstra panas. Bersihkan kipas dan pastikan berjalan dengan baik. Jika semuanya berfungsi, cobalah periksa kabel ke listrik. Bisa jadi kabel yang terpasang kurang ketat.

>>> Komputer Mengeluarkan Suara dan Getaran aneh
Ini adalah masalah yang berhubungan dengan perangkat keras. Komputer terdiri dari ribuan komponen. Bukan mustahil jika salah satunya lepas dari engselnya.
Komputer terlalu panas dapat menyebabkan mencairkan beberapa komponen yang sensitif. Suara bising yang timbul dapat disebabkan oleh komponen elektronik/kipas.

>>>Jika Taskbar dan Tombol Start tidak muncul saat memulai Windows
maka tekan saja tombol Ctrl+Alt+Delete, pada toolbar applications pilih "Newtask", "Browse"
ke C:/windows/explorer. tekan enter/OK.

Semoga Berguna...
Description: Masalah Komputer Yang Paling Sering Terjadi
Rating: 4.5
Reviewer: Unknown
ItemReviewed: Masalah Komputer Yang Paling Sering Terjadi
Agaknya suasana kehidupan sosial di dunia maya Indonesia akan bergejolak lagi. Selepas peristiwa-peristiwa yang cukup menghebohkan dunia internet-an tanah air seperti yang menimpa Ibu Prita, Mbak Luna Maya, serta adik-adik remaja yang terjerat kisah percintaan terlarang di facebook, belum lama ini telah muncul lagi hal yang bisa jadi akan membuat pro-kontra banyak pihak.
Ya, hal itu adalah digulirkannya Rencana Peraturan Menkominfo (RPM) tentang KONTEN MULTIMEDIA. Seperti apa rencana peraturan itu?

Rencana peraturan tersebut antara lain berisi berbagai hal. Antara lain mengenai bagaimana seharusnya pertanggungjawaban isi konten di sebuah web, misalnya jika berisi sebuah artikel atau berita yang mengandung unsur porno dan sara, dan seterusnya. Yang jelas, RPM tersebut juga telah mendapat banyak tanggapan. Salah satunya dari salah satu penggagas Internet Sehat, yakni seorang pakar IT pak Onno W. Purbo. Tanggapan lengkap dapat dilihat di sini. Tanggapan yang lebih banyak mengkritisi rencana peraturan itu.

Selain itu ketua Mahmakah Konstitusi (MK), Mahfud MD juga agak sedikit mengkritisi hal itu. Mungkin pendapat pak Mahfud juga bisa dikatakan selaras dengan pendapat masyarakat awam, dari segi hukum. Karena bisa jadi lebih banyak anggapan atau kesan bahwa aturan tersebut justru menjadi representasi dari kemandegan aturan-aturan hukum yang telah ada, aturan mengenai hal yang sama. Seperti UU ITE atau undang-undang lainnya. Dan masyarakat mungkin kian bosan �dicekoi� dengan aturan hukum bla bla bla bla, sedangkan kini lebih banyak kasus hukum dipertanyakan keadilannya bagi masyarakat.

Dan tak butuh banyak waktu berhari-hari atau berminggu-minggu semenjak tersiar rencana peraturan tersebut diberitakan. Para pengguna dunia maya yang merasa kurang setuju dengan hal itu langsung membuat grup di facebook. Bernama SOS Internet Indonesia, tolak RPM konten. Yang membernya sudah 4 ribu lebih saat ini.

Di acara bincang-bincang elifestyle Metro TV pada hari minggu 14 februari 2010 antara pihak kominfo dan praktisi IT (om Nukman), dapat terlihat kesan kurang adanya kesepahaman antara kedua belah pihak.
Termasuk ketidaksepahaman atau penolakan dari bapak Blogger Indonesia, Enda Nasution. Dan mungkin akan masih banyak lagi yang berkomentar �menolak�. Lalu pertanyaan selanjutnya adalah mengapa seolah pemerintah (dalam hal ini yang mengurusi hal-hal tentang dunia maya atau internet) tidak bersinergi terlebih dahulu dengan pihak-pihak atau komunitas pengguna IT (information technology) untuk membuat rencana peraturan semacam itu. Padahal sekarang sudah banyak sekali komunitas seperti itu. Bahkan menjamur. Mulai dari komunitas blogger, programmer, kaskus dan masih banyak lagi. Mengapa terkesan �membuat peraturan sendiri� tanpa berdialog, berdiskusi dan berkomunikasi dengan pihak-pihak lain yang pantas dimintai pendapat (bisa dari penggiat komunitas blogger, praktisi IT, pengusaha provider dan bahkan mungkin para hacker).
Atau memang sebetulnya sudah pernah berdiskusi dan berinteraksi tapi tanpa dipublikasikan ke media cetak dan elektronik. Dan tanpa terbentuk sinergi kersajama bersama apapun?
Padahal rakyat sebenarnya pasti juga akan sangat mendukung peraturan yang bertujuan untuk �menyehatkan� perilaku dunia maya Indonesia. Supaya tidak muncul kasus-kasus lagii, traffic akses konten porno berkurang, dan seterusnya.

Jikalau seandainya mau membuat, dan meramu rencana peraturan itu bersama-sama, alangkah akan lebih baik. Sehingga lebih banyak pihak akan sepaham dan mengerti serta mendukung peraturan tersebut. Karena akan banyak masukan dan saran. Dan mungkin tidak akan ada grup menolak rencana peraturan tersebut di facebook jika sinergi itu dilakukan terlebih dahulu.

Tampaknya hal-hal seperti itu (kasus hukum ibu prita, kasus facebook, twitter dan RPM) mungkin akan menjadi pembelajaran berharga. Menjadi unsur pendidikan untuk dunia maya di tanah air. Pembelajaran untuk menjadi dewasa dan lebih baik. Pembelajaran baik bagi para pembuat kebijakan agar lebih peka terhadap aspirasi, maupun bagi para pengguna dan pecinta dunia maya agar lebih sehat ber-internet.

Sumber :
http://nurrahmanarif.wordpress.com/2010/02/14/pendidikan-untuk-dunia-maya-indonesia
Description: Pendidikan untuk Dunia Maya Indonesia
Rating: 4.5
Reviewer: Unknown
ItemReviewed: Pendidikan untuk Dunia Maya Indonesia
Neil Amstrong telah membuktikan bahwa kota Mekah adalah pusat dari planet Bumi. Fakta ini telah di diteliti melalui sebuah penelitian ilmiah. Ketika Neil Amstrong untuk pertama kalinya melakukan perjalanan ke luar angkasa dan mengambil gambar planet Bumi, dia berkata, �Planet Bumi ternyata menggantung di area yang sangat gelap, siapa yang menggantungnya?�


Para astronot telah menemukan bahwa planet Bumi itu mengeluarkan semacam radiasi. Secara resmi mereka mengumumkannya di internet, tetapi sayangnya 21 hari kemudian website tersebut raib yang sepertinya ada alasan tersembunyi di balik penghapusan website tersebut.

Setelah melakukan penelitian lebih lanjut, ternyata radiasi tersebut berpusat di kota Mekah, tepatnya berasal dari Ka�Bah. Yang mengejutkan adalah radiasi tersebut bersifat infinite (tidak berujung). Hal ini terbuktikan ketika mereka mengambil foto planet Mars, radiasi tersebut masih berlanjut terus. Para peneliti Muslim mempercayai bahwa radiasi ini memiliki karakteristik dan menghubungkan antara Ka�Bah di planet Bumi dengan Ka�bah di alam akhirat.


Di tengah-tengah antara kutub utara dan kutub selatan, ada suatu area yang bernama �Zero Magnetism Area�, artinya adalah apabila kita mengeluarkan kompas di area tersebut, maka jarum kompas tersebut tidak akan bergerak sama sekali karena daya tarik yang sama besarnya antara kedua kutub.

Itulah sebabnya jika seseorang tinggal di Mekah, maka ia akan hidup lebih lama, lebih sehat, dan tidak banyak dipengaruhi oleh banyak kekuatan gravitasi. Oleh sebab itu lah ketika kita mengelilingi Ka�Bah, maka seakan-akan diri kita di-charged ulang oleh suatu energi misterius dan ini adalah fakta yang telah dibuktikan secara ilmiah.


Penelitian lainnya mengungkapkan bahwa batu Hajar Aswad merupakan batu tertua di dunia dan juga bisa mengambang di air. Di sebuah musium di negara Inggris, ada tiga buah potongan batu tersebut (dari Ka�Bah) dan pihak musium juga mengatakan bahwa bongkahan batu-batu tersebut bukan berasal dari sistem tata surya kita.


Dalam salah satu sabdanya, Rasulullah SAW bersabda : �Hajar Aswad itu diturunkan dari surga, warnanya lebih putih daripada susu, dan dosa-dosa anak cucu Adamlah yang menjadikannya hitam�

source : kaskus.us

Description: Rahasia dan Keajaiban Ka'bah
Rating: 4.5
Reviewer: Unknown
ItemReviewed: Rahasia dan Keajaiban Ka'bah

Twitter like Login with Jquery and CSS.

Senin, 14 Desember 2009
Posted by Unknown
In this post I want to explain "Twitter like login hide and show effect with jquery and CSS ". Very simple just five line of code using jquery hide() and show() events and little CSS code, use it and enrich your web projects. Take a look at live demo.

Twitter like Login with Jquery and CSS.
Read more »
Description: Twitter like Login with Jquery and CSS.
Rating: 4.5
Reviewer: Unknown
ItemReviewed: Twitter like Login with Jquery and CSS.

Must Read Documents.

Sabtu, 12 Desember 2009
Posted by Unknown
Are you looking for web software architecture documents, I really love these. Take a look at this list of interesting documents. If you want to suggest any new links please comment thanks!

Listen to twitter search results. tweetrad.io

Read more »
Description: Must Read Documents.
Rating: 4.5
Reviewer: Unknown
ItemReviewed: Must Read Documents.
Some days back I had posted a tutorial about parsing JSON data with jQuery .getJSON(). In this post I want to explain about 'How to use JSON callback and to display cross domain data with jQuery'. It's simple and useful. Take a look at this live demo
Cross Domain
Read more »
Description: Display Cross Domain Data with Jquery JSON Callback.
Rating: 4.5
Reviewer: Unknown
ItemReviewed: Display Cross Domain Data with Jquery JSON Callback.
Ga ah, mendingan main di jaringan kayak facebook ma friendster. Ngeblog udah ga jaman. Begitulah sekilas pembicaraan saya dengan kawan yang suka main facebook. Belakangan ini, banyak orang yang beranggapan kalau ngeblog tidak termasuk social media. Menurut sobat bagaimana? Apakah ngeblog masuk social media atau bukan. Kalau saya mengatakan, blogging adalah social media. Adalah pemahaman yang salah jika ngeblog dikatakan bukan bagian dari social media atau social networking. Pernah ga dengar seperti ini? "Saya berhenti main di facebook, takut kecanduan. Saya mau main di blog aja deh." Secara implisit kalimat tersebut telah mengatakan jika ngeblog adalah bagian yang berbeda dari social media atau social networking. Atau seperti ini, "Social Media VS Blog". Kedua contoh tersebut adalah paham yang mengatakan bahwa blogging bukan bagian dari social media dan blog adalah bagian yang terpisah dari social media. Benarkah demikian?

Untuk menjawab pertanyaan tersebut, mari kita lihat definisi social media dan contoh sosial media dari Wikipedia

Media sosial konten online yang dibuat oleh orang-orang menggunakan sangat mudah diakses dan skalabilitas teknologi penerbitan. Pada pengertian yang paling mendasar, media sosial adalah perubahan dalam cara orang menemukan, membaca dan berbagi berita, informasi dan konten. Ini merupakan perpaduan antara sosiologi dan teknologi, mentransformasikan monolog (satu ke banyak) ke dalam dialog (banyak ke banyak) dan demokratisasi informasi, mengubah konten orang dari pembaca ke penerbit. Sosial media telah menjadi sangat populer karena memungkinkan orang untuk berhubungan di dunia online untuk membentuk hubungan untuk pribadi, politik dan penggunaan bisnis. Bisnis juga merujuk kepada media sosial sebagai user-generated content (UGC) atau konsumen-generated media (CGM).

Contoh
Media sosial dapat mengambil berbagai bentuk, termasuk Internet forum, weblog, blog sosial, wiki, podcast, gambar dan video. Teknologi meliputi: blog, gambar-berbagi, Vlogs, dinding-posting, email, instant messaging, music-sharing, Crowdsourcing, dan voice over IP, untuk beberapa nama. Contoh aplikasi media sosial adalah Google Groups (referensi, jaringan sosial), Wikipedia (referensi), MySpace (social networking), Facebook (social networking), MouthShut.com yelp.com (review produk), Youmeo (agregasi jaringan sosial), Last.fm (musik pribadi), YouTube (jaringan sosial dan video sharing), Avatar Amerika (jaringan sosial), Second Life (virtual reality), Flickr (photo sharing), berkicau (jaringan sosial dan Microblogging), Open Diary (blogging) , dan lain seperti Jaiku Microblogs. Banyak dari layanan media sosial ini dapat diintegrasikan melalui platform agregasi jaringan sosial seperti Mybloglog dan Plaxo.

Terlihat jelas bahwa blog adalah bagian social media. Blog adalah salah satu penemuan pertama yang dimasukkan dalam beberapa jenis dan kategori social media. Blog sendirilah yang mempelopori terbentuknya jaringan pertemanan seperti Friendster. Saya rasa semua kita mengenal Friendster. Mungkin karena semakin banyaknya model sosial media yang berkembang, orang tidak lagi melihat blog sebagai bagian dari sosial media. Pemahaman yang salah.

Blog adalah social media terbaik untuk menyampaikan konten berita secara update. Di sisi lain, situs jejaring sosial seperti facebook dan friendster bisa digunakan untuk mengekspos konten berita dari blog agar dapat dijangkau oleh banyak pembaca. Mudah-mudahan melalui tulisan ini, kita bisa menyamakan pandangan bahwa blog merupakan bagian penting dan pelopor terciptanya social media seperti friendster dan facebook.

KOMENTAR ANDA SANGAT BERMANFAAT BAGI PERKEMBANGAN BLOG INI
Description: Blog Adalah Sosial Media Terbaik
Rating: 4.5
Reviewer: Unknown
ItemReviewed: Blog Adalah Sosial Media Terbaik

Efek Opening New Windows Aneh

Minggu, 06 Desember 2009
Posted by Unknown
Halo para sobat blogger pada hari minggu yang cerah ini pada kemana liburannya??? dan yang pasti kedunia Blogger kan!! hehe. Yaa daripada kita liburan yang gak penting penting alias gak bermanfaat mendingan uang jajannya pake baya warnet aja tul gak?? yaa seperti Kang Fatu nie memanfaatkan uang jajan buat nyempetin mosting buat dibagiin ma sobat-sobat, apalagi yang cinta terhadap blog Kang Fatur hehe.

Semalam jemput kang Fatur nongkrong di depan monitor dan ditemeni sebungkus rokok plus satu gelas kopi hitam hangat, kang Fatur berkeliling di dunia maya untuk mencari ilmu. sampai sampai kang Fatur gak sempat kunjungi para Sobat yang berkunjung ke Blog kang Fatur dan berkunjung ke Sobat-sobat yang laen.

Tapi Alhamdulillah dengan tujuan baik dan tekun, perjuangan kang Fatur tidak sia-sia, akhirnya kang Fatur menemukan salah satu situs Tutorial JavaScript, dan disitulah kang Fatur mendapatkan Ilmu. Aduuu jadi ngantuk nie baca cerita hehe

OK kalau sobat merasa ngantuk kang fatur gak akan banyak cerita lagi kita langsung aja keb BAB selanjutnya. Kali ini kang Fatur akan memposting yang berjudul "Efek Opening New Windows Aneh" kenapa kang fatur ambil judul seperti itu!! yaa karena bagi kang Fatur baru pertama kali menemukannya, tapi mungkin bagi para Sobat tidak asing lagi. Efek Opening New Windows Aneh yaitu dimana setiap kita mengklik salah satu Link yang ada di Blog kita maka Link tersebut akan dibuka di Windows baru, pemasanganya terserah Sobat bai itu link Daftar Isi atau Link apasaja deech terserah pada Sobat OK. Trus Apa keanehannya?? Windows tersebut akan dibuka mulai dari pojok Kiri atas secara berlahan sampai menutupi windows yang sedang kita buka. untuk lebih jelasnya para Sobat coba aja deech OK :

Langkah-langkahnya sebagai berikut :

1. Seperti biasa Login ke Blog para Sobat,
2. Tata Letak --->> Klik Tambah Gadget
3. Lalu Copy Paste Script di bawah ini :

<script>
<!--


var winheight=100
var winsize=100
var x=5

/*
Animated Window Opener Script (updated 00/04/24)-
� Kang Fatur (ade-tea.blogspot.com)
For full source code, installation instructions, 100's more DHTML scripts, and Terms Of
Use, visit dynamicdrive.com
*/



function openwindow(thelocation){
temploc=thelocation
if (!(window.resizeTo&&document.all)&&!(window.resizeTo&&document.getElementById)){
window.open(thelocation)
return
}
win2=window.open("","","scrollbars")
win2.moveTo(0,0)
win2.resizeTo(100,100)
go2()
}
function go2(){
if (winheight>=screen.availHeight-3)
x=0
win2.resizeBy(5,x)
winheight+=5
winsize+=5
if (winsize>=screen.width-5){
win2.location=temploc
winheight=100
winsize=100
x=5
return
}
setTimeout("go2()",50)
}
//-->
</script>

<p><a href="javascript:openwindow('http://alamat linksobat.com')">Judul Link Sobat</a>

<p><a href="javascript:openwindow('alamatlinksobat.com')">Judul Link Sobat</a>


4. Pada tulisan yang berwarna merah ganti dengan alamat URL yang dimaksud sobat
5. Setelah selesai klik Tombol Simpan

Selamat mencoba, dan mudah-mudahan bermanfaat di hati sobat.

KOMENTAR ANDA SANGAT BERMANFAAT BAGI PERKEMBANGAN BLOG INI
Description: Efek Opening New Windows Aneh
Rating: 4.5
Reviewer: Unknown
ItemReviewed: Efek Opening New Windows Aneh
In this post I want to explain Facebook like Collapsed Comments, while clicking View all Comments link it displays all the existing comments. I made a demo with jquery, ajax and php. Take a look at this live demo

Display Collapsed Comments like Facebook with Jquery and Ajax
Read more »
Description: Display Collapsed Comments like Facebook with Jquery and Ajax
Rating: 4.5
Reviewer: Unknown
ItemReviewed: Display Collapsed Comments like Facebook with Jquery and Ajax
Salam Blogger, selalu terucap dari "Kang Fatur"

Menu horizontal merupakan kumpulan beberapa link yang diletakkan secara horizontal dan biasanya ditempatkan di bawah header. Pada kesempatan ini, kang fatur akan membagikan trik blogger tentang membuat menu horizontal secara sederhana. Mengapa dikatakan sederhana? Karena jika kita optimasi lebih mendalam, ternyata terdapat beberapa varian dari menu horizontal tersebut alias model-model. Fungsi dari trik blogger ini adalah sebagai salah satu navigasi dalam blog agar memberikan layanan kemudahan shortcut link bagi pengunjung blog sobat. Yaa low pingin lihat contohnya gak jauh dari gambar dibawah ini :



Baik Sobat-sobat, teman teman, kita langsung aja ke-tahap pembuatan OK,

1. Seperti biasa Login ke-bloger sobat
2. Tataletak --->> Edit HTML
3. Cari kode ]]></b:skin> lalu pastekan kode dibawah ini tepat di atas kode tersebut :


/* linktab

================== */

#linktab{
background:url(http://i634.photobucket.com/albums/uu61/adetea/tabhijau.gif) ;
width: 864px;
height: 30px;
font-size: 11px;
font-family: georgia, Tahoma, Verdana;
color: #ffff66;
font-weight: bold;
margin: 0px auto 0px;
padding: 0px;
border-left: 1px solid #000;
border-right: 1px solid #000;
overflow: hidden;
}
#tabright {
width: 200px;
height: 30px;font-size: 11px;
float: right;
margin-right:10px;
margin-bottom:50px;
padding: 0px;
}
#tabright a img {
border: none;
margin: 5px;
padding: 0px;
}

#linktab ul {
margin:0;
padding:1px 10px 0px 0px;
list-style:none;
}
#linktab li {
display:inline;
margin:0;
padding:0;
}
#linktab a {
float:left;
background:transparent;
margin:0;
padding:0 0 0 3px;
text-decoration:none;
}
#linktab a span {
float:right;
height: 35px;
display:block;
background:transparent;
padding:7px 6px 4px 6px;
color:#ffff66;
border-right: 1px solid #000;
}
#linktab a span {
float:none;
}
#linktab a:hover span {
color:#fff;
}
#linktab a:hover {
background-position:0% -42px;
}
#linktab a:hover span {
background-position:100% -42px;
}

4. Untuk Kode Warna silahkan sobat atur aja sendiri sesuaikan dengan selera masing-masing yaa???
5. Kemudian untuk Gambar Background juga sobat tinggal ganti, kang fatur sediakan di bawah tuuuch tingal pilih OK, sobta tinggal ganti kode yang tebal dan berwarna merahnya aja. Tapi kalau sobat yang ahli bikin gambar, bikin aja hehehe.

(http://i634.photobucket.com/albums/uu61/adetea/tabungu.gif)




tabbiru.gif



tabmerah.gif



tabhijau.gif



tabmerah.gif



tabungu.gif

6. Kemudian cari kembali kode yang mirip seperti di bawah ini.

<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1'
showaddelement='no'>
<b:widget id='Header1' locked='true' title='test
(Header)' type='Header'/>

... dan seterusnya ...

</b:section>
</div>


7. Copas kode berikut tepat di bawah kode yang berwarna kuning atau berwarna biru (pokoknya sesuaikanlah dengan template sobat OK).

<div id='linktab'>
<ul>
<li><a href='URL Link Disini'><span>Home</span></a></li>
<li><a href='http://almansuqie-tips.blogspot.com/' target='_blank'><span>AlmansuQie</span></a></li>
<li><a href='URL Link Disini' target='_blank'><span>TAJUK</span></a></li>
<li><a href='URL Link Disini' target='_blank'><span>TAJUK</span></a></li>
<li><a href='URL Link Disini' target='_blank'><span>TAJUK</span></a></li>
<li><a href='URL Link Disini' target='_blank'><span>TAJUK</span></a></li>
</ul>

<div id='tabright'>
<form action='http://NAMABLOGSOBAT.blogspot.com/search' id='searchform' method='get' name='searchform'>
<input id='s' name='q' type='text' value=''/>
<input id='searchsubmit' type='submit' value='Cari'/>
</form>

</div></div>


8. Setelah langkah demilangkah sobat jalani, dan siap melihat hasilnya, tinggal sobat Simpan Template, kemudian lihat hasilnya, "Selamat Mencoba, Semoga Bermanfaat"

KOMENTAR ANDA SANGAT BERMANFAAT BAGI PERKEMBANGAN BLOG INI
Description: Membuat Tab Menu Horizontal
Rating: 4.5
Reviewer: Unknown
ItemReviewed: Membuat Tab Menu Horizontal

Membuat Blockquote Cantik

Kamis, 03 Desember 2009
Posted by Unknown
Setelah kang fatur memposting cara membuat "Teks Area Cantik" kali ini kang fatur mao bagi bagi lagi yaitu "Membuat Blockquote Cantik" yang seperti para sobat liaht di Blog Kang Fatur ini.

Blockquote atau yang pernah kang fatur sebut sebagai teks menjorok ke dalam dari batas tepi kiri dan tepi kanan area postingan. Tujuannya adalah untuk mempertegas isi tulisan ataupun teks yang dianggap penting yang berada di area blocquote. Biasanya yang sering dipakai para blogger untuk menuliskan kode-kode script. dan untuk blog kang fatur hasilnya seperti contoh di bawah ini:


Mohon dukungannya dalam kontes Belajar nge-BLOG Para Pemula dengan memasang kode ini di halaman blog Sobat:

<a href="http://ade-tea.blogspot.com"><img src="http://i634.photobucket.com/albums/uu61/adetea/benerkang.gif"/></a>


Naaah, kotak di ataslah yang kang fatur maksud dengan blockquote yang (katanya) cantik. Berikut cara membuat atau yang lebih tepat memodifikasi tampilan blockquote.

1. Login ke blogger.com
2. Tata Letak
3. Edit HTML.
4. Cari kode ]]></b:skin> , kemudian letakkan kode di bawah ini tepat di atasnya atasnya:

blockquote {
margin: 10px 10px 10px 20px;
padding: 10px 15px 10px 15px;
line-height: 1.6em;
color: #000000;

background: #e0ffff;

border: 2px solid #4aa02c;
border-left: 20px solid #4aa02c
}


5. Simpan Template. dan lihat hasilnya!!


Sedikit keterangan untuk pewarnaan:

  • color: #000000; � pewarnaan teks di dalam kotak blockquote. Ganti #000000 dengan kode warna yang anda inginkan.
  • background: #e0ffff; � pewarnaan latar belakang (background) kotak blockquote. Ganti #e0ffff dengan kode warna yang diinginkan.
  • border: 2px solid #4aa02c; � pewarnaan garis tepi (border) kotak blockquote. Ganti #4aa02c dengan kode warna sesuai selera anda.


WARNING!
Hati-hati sebelum memasang script blockquote di atas, apabila di dalam barisan CSS Template anda sudah terpasang kode blockquote, maka script di atas tidak akan berjalan. Jadi, sebelum memasang, coba cari dulu siapa tahu kode blockquote-nya sudah ada (cari saja dengan find text: blockquote , dan pastinya kalau memang sudah ada berarti kodenya di atas ]]></b:skin> dan anda hanya perlu mengeditnya.

Semoga berhasil dan bermanfat,

KOMENTAR ANDA SANGAT BERMANFAAT BAGI PERKEMBANGAN BLOG INI
Description: Membuat Blockquote Cantik
Rating: 4.5
Reviewer: Unknown
ItemReviewed: Membuat Blockquote Cantik
Halo para sobat blogger!! Kang Fatur ada kabar gembira lagi nie buat para sobat khususnya yang pencinta blog Kang Fatur hehe PD amat ya?????.



Yeah! Tadi malam sedang mencari animasi "Tag & Clouds" widget. Kang Fatur menemukan situs menarik oleh Roy Tanck's. Penulis telah menulis sebuah skrip yang sangat baik untuk menampilkan tag, kategori yang berputar dalam 3D animasi. Tapi Roy Tanck's telah menulis skrip ini hanya untuk Wordpress yang disebut "WP-Cumulus": tetapi para blogger jangan bersedih hati, Kang Fatur sudah atur alias dsain lagi supaya bisa dipasang di Blogspot dan akhirnya Alhamdulillah bisa buat Blogspot juga hehe. dan baru pada Sore ini Kang Fatur bisa terbitkan (bagi-bagi) pada kawan/sobat. Untuk lihat contohnya dibawah ini :











O.K Para sobat semua tiba saatnya kita ke tahap pemasangan karena waktu semakin petang aja.



Seperti Biasa



1. Sign in ke account blogger sobat

2. Pergi ke Layout | Page Elements tab untuk blog Sobat

3. Klik "Tambah Gadget" link yang muncul di sidebar tata letak Sobat untuk menambahkan "Tag Clud".

4. Sobat akan melihat jendela popup dengan semua jenis Gadgets yang dapat ditambahkan ke blog Sobat.

5. Klik pada "HTML / JavaScript" gadget



Kemudian paste script berikut : tapi ada baiknya para sobat paste dulu di Notepad untuk merubah terlebihdahulu



<script src="http://halotemplates.s3.amazonaws.com/wp-cumulus-example/swfobject.js" type="text/javascript"></script>

<div id="flashcontent" style="overflow: visible;"><embed quality="high" allowscriptaccess="always" flashvars="tcolor=0xffffff&amp;mode=tags&amp;distr=true&amp;tspeed=100&amp;tagcloud=&lt;tags&gt;&lt;a href='http://LINK SOBAT DISINI.COM/'style='12'&gt;JUDUL LINK SOBAT DISINI&lt;/a&gt;&lt;a href='http://LINK SOBAT DISINI.COM/'style='12'&gt;JUDUL LINK SOBAT DISINI&lt;/a&gt;&lt;a href='http://LINK SOBAT DISINI.COM/'style='12'&gt;JUDUL LINK SOBAT DISINI&lt;/a&gt;&lt;a href='http://LINK SOBAT DISINI.COM/'style='12'&gt;JUDUL LINK SOBAT DISINI&lt;/a&gt;&lt;a href='http://LINK SOBAT DISINI.COM/'style='12'&gt;JUDUL LINK SOBAT DISINI&lt;/a&gt;&lt;a href='http://LINK SOBAT DISINI.COM/'style='12'&gt;JUDUL LINK SOBAT DISINI&lt;/a&gt;&lt;a href='http://LINK SOBAT DISINI.COM/'style='12'&gt;JUDUL LINK SOBAT DISINI&lt;/a&gt;&lt;a href='http://LINK SOBAT DISINI.COM/'style='12'&gt;JUDUL LINK SOBAT DISINI&lt;/a&gt;&lt;a href='http://LINK SOBAT DISINI.COM/'style='12'&gt;JUDUL LINK SOBAT DISINI&lt;/a&gt;&lt;a href='http://LINK SOBAT DISINI.COM/'style='12'&gt;JUDUL LINK SOBAT DISINI&lt;/a&gt;&lt;a href='http://LINK SOBAT DISINI.COM/'style='12'&gt;JUDUL LINK SOBAT DISINI&lt;/a&gt;&lt;a href='http://LINK SOBAT DISINI.COM/'style='12'&gt;JUDUL LINK SOBAT DISINI&lt;/a&gt;&lt;/tags&gt;" type="application/x-shockwave-flash" height="300" src="http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf" id="tagcloud" bgcolor="#000000" width="300" name="tagcloud"></embed></div>

<script type="text/javascript"><br/>var so = new SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "240", "300", "7", "#000000");<br/>// uncomment next line to enable transparency<br/>//so.addParam("wmode", "transparent");<br/>so.addVariable("tcolor", "0xffffff");<br/>so.addVariable("mode", "tags");<br/>so.addVariable("distr", "true");<br/>so.addVariable("tspeed", "100");<br/>so.addVariable("tagcloud");<br/>so.addParam("allowScriptAccess", "always");<br/>so.write("flashcontent");<br/></script>Tag Cloud by <a href="http://kangfatur.blogspot.com/" starget="new">Kang Fatur</a>




PERHATIAN!!!

Cari kode seperti ini :

<a href='http://LINK SOBAT DISINI.COM/'style='12'>JUDUL LINK SOBAT DISINI</a>

Kemudian ganti kode yang berwarna Kuning dengan Link tujuan sobat lalu teks yang berwarna Merah ganti dengan Judul Link sobat yang akan ditampilkan.





Jika Tag Cloud Widget ini akan sobat sesuaikan baik itu warna Background, Warna Teks dan Width serta Hight nya sobat cari kode seperti dibawah ini :



1. Untuk warna Background cari kode bgcolor="#000000" kemudian ganti dengan kode warna yang diinginkan

2. Untuk warna teks cari kode tcolor="ffffff" emudian ganti dengan kode warna yang diinginkan

3. Untuk Lebar dan Tinggi cari kode height="300" dan width="300" ganti sesuai dengan keadaan template sobat,



Yaaa pokoknya atur aja deech O.K mungkin para sobat juga dah pada ngerti ya khan???



Setelah langkah demi langkah selesai klik Simpan dan lihat blog!!



Selamat mencoba!! semoga berhasil dan bermanfaat.



KOMENTAR ANDA SANGAT BERMANFAAT BAGI PERKEMBANGAN BLOG INI
Description: Cara Membuat Tag Cloud 3D
Rating: 4.5
Reviewer: Unknown
ItemReviewed: Cara Membuat Tag Cloud 3D
Twitter and Facebook using very nice technique for loading more tweets and updates, when you click the more button old tweets display on the screen. Long days back I had posted an article same like this but I did some mistakes. So in this tutorial I had coded very simple and understanding way. I hope it's useful take a look this live demo

Twitter Style Load More Results with jQuery and Ajax.
Read more »
Description: Twitter Style Load More Results with jQuery and Ajax.
Rating: 4.5
Reviewer: Unknown
ItemReviewed: Twitter Style Load More Results with jQuery and Ajax.
Halo para Sobat Kang Fatur gimana nie kabarnya dihari kurban??? mudah-mudahan para sobat banyak yang kurban hehehe tapi buat kang fatur tidak coz gak punya yang dikurbankan hehe, makanya bagi kang faturmah kurbannya yaitu meluangkan waktu aja buat para sobat untuk memposting Cara Membuat Teks Area Cantik, mudah-mudahan postingan kali ini banyak para sobat yang berminat dan menjadi suatu pengorbanan hehehe.

Text Area adalah kotak aktif yang dapat digunakan untuk menempatkan teks atau kode atau script, untuk memudahkan dalam melakukan copy-paste (pengertian ala kadarnya, jika ada yang kurang tepat mohon pencerahannya).
Contoh text area standar:



Dan di bawah ini ada beberapa contoh text area cantik yang telah kang fatur modifikasi:

O iya, script cara membuatnya ada di dalam text area-nya ya tinggal di Copy Paste aja























Hehe gimana sooob dengan Teks Area Cantik di atas???? suka?, tertarik? silahkan dicoba, mudah mudahan bermanfaat bagi sobaat.

KOMENTAR ANDA SANGAT BERMANFAAT BAGI PERKEMBANGAN BLOG INI
Description: Cara Membuat Teks Area Cantik
Rating: 4.5
Reviewer: Unknown
ItemReviewed: Cara Membuat Teks Area Cantik
Welcome to My Blog

Popular Post

Labels

Arsip Blog

Followers

- Copyright © 2013 shad0w-share | Designed by Johanes Djogan -