Showing posts with label Networking. Show all posts
Showing posts with label Networking. Show all posts

Friendster akan Merubah Haluan menjadi Situs Hiburan Sosial Game dan Musik

Written by RA_Syihan on Wednesday, May 04, 2011 | Category: , ,

Friendster


Setelah memastikan akan menghapus semua foto dan blog milik penggunanya pada 31 Mei 2011 mendatang. Pemilik Friendster yang terbaru mengumumkan kebijakan yang baru.

Friendster situs pertemanan yang sempat booming di berbagai dunia, termasuk Indonesia, sekira 10 tahun lalu kini memastikan akan meninggalkan dunia jejaring sosial. Mereka berubah haluan dalam menatap pasar industri online.

"Kami akan menjadi situs hiburan sosial untuk bermain game dan musik," tegas Ganesh Kumar Bangah, Group Chief Executive Officer Friendster, seperti dilansir Tech Crunch, Minggu (1/5/2011).

Bangah juga sadar diri, persaingan di dunia jejaring sosial membuat mereka harus mundur teratur, sebelum akhirnya dilindas oleh Facebook. Pilihan selanjutnya pun muncul, Friendster 'berteman' dengan Facebook.

"Ya, pilihannya memang Friendster akan terhubung dengan Facebook Connect untuk memperluas layanan kami," tandasnya.

Akhir 2009 lalu, MOL Global yang berbasis di Asia telah membeli Friendster. Penyedia jasa solusi pembayaran online asal Malaysia tersebut telah membeli keseluruhan saham Friendster.

Berubahnya Friendster ke layanan game dan musik tak lepas dari bisnis yang dikerjakan oleh MOL. MOL saat ini memiliki lebih dari 500.000 channel pembayaran virtual, yang berhubungan dengan pembayaran konten dan layanan, di 75 negara di seluruh dunia, termasuk Malaysia, Singapura, Indonesia, Filipina dan Thailand.

MOL juga memiliki hubungan dengan 70 publisher game online yang memiliki lebih dari 200 judul game. Selain itu, MOL juga memiliki partnership dengan publisher musik, film dan video yang didistribusikannya di seluruh negara.

Ya, kini Friendster memang masih ada namun sudah berubah fungsi, dan meninggalkan kenangan pengguna lamanya, yang mungkin salah satu dari Anda.
Read more »

Fakta Menarik Seputar Google

Written by RA_Syihan on Monday, April 11, 2011 | Category: , ,


1. Alasan pertama mengapa halaman utama google sangat minim -untuk ukuran website- adalah karena perancangnya kurang menguasai HTML dan menginginkan sebuah halaman yang cepat dan praktis


2. Dari homepage yang serba kurang tersebut. Banyak orang merasa ada elemen yang belum di loading sehingga mereka menunggu saja. akhirnya perancang webnya menampilkan pesan copyright untuk menandakan halaman telah di loading seluruhnya


3. Fitur did you mean.... yang anda lihat sekarang merupakan hasil diskusi yang sangat lama mengenai posisinya. Dan posisi did you mean.... sekarang merupakan posisi yang terbaik

4. Tombol I feel lucky hampir tidak pernah digunakan sebelumnya. Ketika google berencana menghapus tombol yang telah terpasang itu, entah bagaimana trafik mereka menurun. Ternyata banyak user yang suka menggunakan tombol tersebut, sehingga I feel lucky tetap eksis sampai sekarang

5. Google melakukan perubahan secara kecil dan berkala.

6. Google memiliki jaringan penerjemah terbesar didunia

7. Google selalu memperhatikan bagaimana cara user menggunakan search enginenya. Jadi, setiap anda menggunakan google, itu selalu di monitor oleh google

8. Segala email yang anda kirim ke google akan di baca dan di respon, jadi mengirim email ke google bukanlah mengirim email ke lubang hitam yang tak jelas... :D

9. Gmail ternyata telah digunakan secara internal oleh google sebelum di launch ke publik


10. Karyawan google diberi 20% dari waktu kerja mereka untuk mengembangkan proyek mereka sendiri. Google news dan Orkut adalah hasil nyata dari kerja model ini
Read more »

Sejarah Asal Mula Kata "Maho"

Written by RA_Syihan on Tuesday, March 08, 2011 | Category: , ,




Bagi para netter terutama para Kaskuser, pasti sudah tak asing lagi dengan yang namany kata “Maho”, kata yang bagi banyak kaskuser mempunyai kepanjangan Manusia Homo itu itu sudah akrab sekali di telinga para netter. Tapi tahukah kalian bagaimana sejarah dan asal mula kata “Maho”?.


Berikut ini sedikit uraianya

sekitar tahun 2008, di lounge kaskus, ada seoarng member yg cukup menarik perhatian yaitu applebread ke4. kenapa menarik perhatian? karena ia selalu menyelipkan kata: “~maho maho maho” di setiap postingannya dan seringkali mendapat pertamax,


waktu berlalu dan tiba2 para kaskuser mulai mengangkat topik kata maho yg sering dibubuhkan oleh applebreadke4 ini. mulai bermunculan tret2 baru untuk membahas apa arti kata maho, ada yg bilang salam yahudi lah, ada yg bilang bahasa lain lah pokoknya lagi hot2 nya kata maho itu

Dan entah sejak kapan ada kaskuser yg memplesetkan kata maho ntu menjadi manusia homo yg ditunjukan ke sang applebread. dan mulailah kata maho artinya menjadi manusia homo

Tapi fakta sebenarnya terungkap, menurut info kata maho yg sering digunakan applebread berasal dari salah satu anime kesukaannya, tapi kata maho terlanjur melekat menjadi manusia homo, bahkan hingga sekarang.(BeritaUnik)
Read more »

Khawatir Dibajak Facebook, Google Naikkan Gaji Karyawan 10%

Written by RA_Syihan on Tuesday, March 08, 2011 | Category: , , ,

CALIFORNIA - Google menunjukan bahwa mereka mengetahui bagaimana cara untuk membuat karyawannya merasa istimewa: Sekira 23.300 karyawannya dinaikkan gajinya sebesar 10 persen mulai tahun depan.
Raksasa internet dunia tersebut juga mengganti bonus tahunan karyawannya dengan cek berbayar reguler. Pemberitahuan ini dilayangkan ke seluruh karyawan melalui memo internal yang dikirimkan oleh CEO Google, Eric Schmidt. Bonus-bonus itu juga tidak termasuk dalam kenaikan gaji 10 persen. Demikian seperti yang dikutip dari USA Today, Kamis (11/11/2010).
Ini merupakan langkah ‘pemanjaan karyawan’ yang kesekian. Google telah lama diketahui memberi makan para karyawannya secara gratis dan memanjakan mereka dengan bonus-bonus tambahan yang tergolong mewah bagi kebanyakan karyawan pada umumnya.
Akan tetapi perusahaan tersebut mulai menarik bonus-bonusnya pada akhir 2008 dan awal 2009 sampai harus mem-PHK-kan beberapa ratus karyawannya, agar perusahaan tersebut bisa tetap berjalan di masa resesi ekonomi AS pada waktu itu.
Tahun ini adalah tahun yang baik untuk Google. Revenue Google naik 23 persen hingga mencapai USD21 juta pada sembilan bulan pertama di tahun 2010. Rasa percaya diri mereka semakin bertambah, karena tahun ini Google telah menambah 3.500 karyawannya meluaskan tenaga kerjanya hingga 20 persen. Google juga banyak melakukan banyak investasi di data-centre yang menjalankan layanan online mereka.
Schmidt melihat kebijakan kenaikan gaji tersebut sebagai imbalan kepada para ‘karyawan terbaik di dunia’, tapi langkah tersebut dianalisis oleh banyak orang sebagai pencegahan agar karyawan-karyawannya tidak berpindah ke Facebook. Persaingan dunia internet dewasa ini semakin menjadi agresif, terlebih setelah Google top-sales executives Sheryl Sandberg, direkrut oleh Facebook sebagai Chief Operating Officer di Facebook.
“Kami percaya bahwa rencana-rencana kompensasi yang kompetitif adalah penting untuk masa depan perusahaan kami,” ujar juru bicara Google, Jordan Newman.(Okezone)
Read more »

Salingsapa.com Indonesian Social Network, Saingan Facebook!

Written by RA_Syihan on Thursday, March 03, 2011 | Category: , ,

Siapa yang tak kenal Facebook? Situs jejaring sosial buatan Mark Elliot Zuckerberg itu telah mendunia. Dan sekarang, di Indonesia juga sudah ada yang menciptakan situs sejenis. Hebatnya, yang penciptanya hanya seorang bocah berusia belasan tahun.

Muhamad Yahya Harlan (13) adalah nama bocah pencipta situs ala Facebook tersebut. Siswa kelas 7A (1 SMP) Sekolah Alam Bandung, Jawa Barat, itu menamai situs ciptaannya dengan Salingsapa.com.

Awalnya, kata Yahya, ia tergerak ingin membuat jejaring sosial yang hampir sama dengan Facebook (FB) yang berbahasa Indonesia. Kemudian, hanya dalam kurun waktu satu bulan, terciptalah Salingsapa.com. Dalam waktu yang cukup singkat tersebut, Yahya membuat situs jejaring sosialnya penuh fitur yang agak jauh berbeda dengan FB.

"Awalnya saya lihat di news, ada orang Indonesia yang membuat semacam FB dengan bahasa Indonesia. Saya pikir, saya juga bisa buat yang sama dan lebih bagus lagi," kata Yahya, ditemui di sekolahnya di kawasan Dago Atas, Kamis (10/2/2011) kemarin.

Anak sulung dari pasangan Yan Harlan (45) dan Fidriana (37) ini pun mulai mengotak-atik komputernya untuk merancang fitur-fitur di jejaring sosial yang akan dibuatnya itu. Dibantu sang ayah yang juga hobi main komputer, Yahya meminta ide-ide fitur yang akan dibuatnya.

Hasilnya, karya siswa yang menyukai mata pelajaran IPA ini ternyata mendapat apresiasi dari berbagai pihak. Jumat (11/2/2011) sore ini, ia bahkan didapuk menjadi satu dari tiga siswa SMP yang akan menyampaikan presentasinya di hadapan dosen dan mahasiswa ITB.

Menurut sang ibu, Fidriana, putranya itu diminta memaparkan hasil karyanya selama 20 menit dan 10 menit untuk sesi tanya jawab. Tidak ada persiapan khusus yang dilakukan Yahya meski ini pertama kalinya ia harus tampil di depan umum, terlebih lagi di hadapan dosen dan mahasiswa.

Namun, Fidriana percaya, anaknya itu mampu membuktikan diri. Karena jejaring sosial tersebut memang murni hasil karya Yahya meski ada bantuan ide dari sang ayah.

Ia juga menuturkan, minat Yahya pada komputer sudah terlihat sejak usia 3 tahun. Saat itu, ia mengotak-atik komputer milik sang ayah. Karena minatnya yang besar, Yahya pun ikut beberapa les komputer, termasuk les di Komlab ITB yang pesertanya kebanyakan mahasiswa.

"Dia selalu ingin mempelajari yang baru tentang komputer, makanya saat ikut les, ia ikut beberapa paket pelatihan yang pesertanya mahasiswa semua," kata Fidriana, saat ditemui di kediamannya di Awi Ligar, Cimenyan, Bandung.

Begitu tahu anak sulungnya menciptakan jejaring sosial, ia dan suaminya hanya mendukung dan mengarahkan bahwa karyanya tersebut akan lebih bagus bila bermanfaat bagi banyak orang.

"Karena itu, Salingsapa.com ini diniatkan untuk dakwah dan kebaikan. Harapan kami, jejaring sosial ciptaan Yahya ini juga sebagai ladang amal," kata Fidriana, yang tetap memantau Yahya agar tetap bisa mengatur waktu antara belajar dan mengurus jejaring sosialnya tersebut.

Anak SMP sekarang janggih canggih sudah menjadi progremer hebat menyangi Mark Zuckerberg, udah bisa buat situs social network muslim, yang hampir sama dengan Facebook.com anggotanya sekarang sudah mencapai 5000 anggota sejak di lucurkanya pada tanggal 01 September 2010 dan Muhammad Yahya Harlan menjadi adminya. Karya anak bangsa memang mantap!
Read more »

Adandu, Youtube Lokal Ala Asia Tenggara

Written by RA_Syihan on Wednesday, March 02, 2011 | Category: , ,


Selama ini situs-situs video asing mendominasi di Indonesia. Adandu yang diakses melalui URL www.adandu.com, mencoba untuk merebut pasar situs pengelolaan video dengan mengandalkan fitur-fitur khas yang mampu membedakannya dari website-website lainnya.

“Adandu serupa dengan Youtube, namun masih dalam skala lokal. Kami memilih video (dan rich-media) sebagai fokus untuk menyikapi meluasnya penggunaan broadband Internet di Indonesia” Gardenia Putri, salah satu pencetus Adandu.com dalam keterangannya, Rabu (16/6/2010).

Situs yang diklaim sebagai situs pengolahan video lokal pertama di Asia tenggara tersebut kini menyediakan sarana pembuatan dan editing video secara online dari website dengan menggunakan fitur video mashup atau mashup, tanpa perlu menggunakan aplikasi program editor video terpisah.

Gardenia menyatakan, video mashup merupakan sebuah cara untuk membuat berkas digital baru yang mengandung salah satu atau beberapa teks, gambar, suara, video atau animasi yang diambil dan digabung dari berbagai sumber untuk membuat turunan berkas baru dengan mudah dan dalam waktu singkat. Fitur Mashup yang disediakan gratis bagi seluruh anggota Adandu memungkinkan seseorang menuangkan kreatifitas berbentuk karya audio-visual berupa gabungan suara, foto-foto dan video-video yang disusun serta diolah secara online melalui Internet.

Uniknya lagi, Adandu memiliki kemampuan untuk mengomentari sebuah video dengan video, menggunakan bantuan webcam. Jadi komentar yang biasanya ditulis, dapat ditukar dengan video di Adandu.com. Selain Itu, Adandu menawarkan video library pribadi, rich media viewer, sarana upload, sarana berbagi kepada pengguna dan kepada sosial bookmarking lainnya serta memudahkan untuk penggunaan editor video online yaitu mashup editor.

Melalui kerjasama dengan penyedia teknologi video online, Kaltura Inc. dan Acquia dan menggunakan jaringan penyebaran konten global (Content Delivery Network), Limelight Networks Inc, fitur mashup menjadikan Adandu sebagai website nasional pelopor teknologi video editing online terdepan di Indonesia.

Dengan ruang lingkup yang spesifik dan detail di bidang video, Adandu menjadikan dirinya sebagai pemimpin penyedia jasa video online di Indonesia, dengan fitur video mashup yang sangat mengagumkan dan menarik untuk dicoba. Ditambah dengan adanya hubungan multi dimensi bagi setiap pengguna adandu yang memungkinkan untuk berinteraksi satu sama lain, bertukar pikiran, ide, bekerjasama, tidak hanya di dunia maya saja tetapi juga melalui pertemuan-pertemuan atau aktifitas bersama yang membuat komunitas di Adandu menjadi kokoh, kuat dan saling mendukung.

Adandu sendiri sebenarnya dicetuskan idenya pada tahun 2008. Lalu situs ini diluncurkan tanggal 18 November 2009 yang diprakarsai bersama oleh web designer muda, Edi Chin dan Stefen W. Wijaya, berdasarkan visi seorang wanita muda, Gardenia Putri. Pengelolaan komunitas dan situs Adandu ini ditangani oleh PT. Nuansa Aspirasi Bening, sebuah perusahaan swasta nasional yang bergerak dalam bidang jasa Internet di Jakarta, Indonesia. (ugo)
Read more »

Kaskus Tembus 1000 Situs Teratas

Written by RA_Syihan on Wednesday, January 19, 2011 | Category: , ,


Forum komunitas online terbesar di Indonesia, Kaskus berhasil masuk dalam daftar 1000 situs teratas versi Google.

Berdasarkan data Google AdPlanner untuk April 2010, Kaskus menduduki peringkat 755 dari 1000 situs terpopuler di dunia. Kaskus mendulang 5,1 juta pengunjung unik dan 170 juta page view.

Jumlah pengunjung unik Kaskus sama dengan jumlah pengunjung situs jejaring sosial Bebo (peringkat 747) dan situs NationalGeographic.com (752). Hanya saja page view Kaskus masih di bawah Bebo (1,9 miliar page view) dan National Geographic (96 juta).

Yang patut membuat Kaskuser (pengguna loyal Kaskus) bangga, peringkat Kaskus berada jauh di atas beberapa situs ternama. Mulai dari situs teknologi Techcrunch (850), ZDnet (853), layanan pesan instan dan email Meebo (863), aplikasi foto untuk Twitter Tweetphoto (883), dan situs berita bisnis Bloomberg (884).

Kaskus adalah situs forum internet yang didirikan oleh tiga mahasiswa Indonesia di Amerika Serikat: Andrew Darwis, Ronald Stephanus, dan Budi Dharmawan pada 1999. Awalnya situs ini didirikan sebagai medium pelepas rasa kangen para mahasiswa Indonesia di luar negeri.

Belakangan, situs ini berkembang menjadi komunitas online terbesar di Indonesia, dengan jumlah pageviews yang diklaim Kaskus mencapai 15 juta per hari. Lebih dari 140 juta post dibuat di forum ini.

Belum lama ini Kaskus juga meluncurkan layanan baru, yakni sistem pembayaran online KasPay, dan radio internet KaskusRadio. Selain Kaskus, situs Indonesia yang berhasil menembus daftar 1000 situs teratas adalah Kompas, yang menduduki peringkat 956.

Data Google AdPlanner sendiri disediakan oleh Double Click, sebuah perusahaan penyedia data untuk keperluan pengiklan internet yang belum lama ini diakuisisi oleh Google. Namun daftar yang dilansir oleh Double Click tidak menyertakan peringkat Google serta layanan Google lain seperti YouTube dan Gmail.
Read more »

Para Pengusaha Internet Sukses Dunia Di Bawah 30 Tahun

Written by RA_Syihan on Tuesday, January 04, 2011 | Category: , ,

Daftar Pengusaha2 Muda terkaya di Internet, dimana Internet memang tidak henti hentinya mencetak millioner millioner baru, dan berusia muda. Menurut situs official Retire at 21, terdapat 30 pengusaha online kaya raya yang berusia dibawah 30. Bahkan ada yang berusia 17 tahun. Wow!


Beberapa dari mereka mungkin sudah akrab ditelinga kita. Sebut saja Mark Zuckerberg, sang empunya Facebook, atau Matt Mullenweg yang merintis situs blog wordpress.com. Beberapa nama mungkin terdengar agak asing di telinga kita, tapi toh kreasi online mereka telah mengubah dunia kita menjadi lebih baik. Sepatutnya kita belajar dari mereka.

Berikut daftar 50 orang Pengusaha online dibawah umur 30 (Top Young Entrepreneurs Under 30), seperti dikutip dari situs Incomediary

#1. Mark Zuckerberg (25 Years Old)
Mark Zuckerberg, Billioner termuda didunia dan pemilik situs social networking terbesar didunia Facebook. Facebook sekarang menjelma menjadi situs nomor dua yang paling sering dikunjungi didunia, dibawah Google.

#2. Matt Mullenweg (25 Years Old)
Mattew Mullenweg penemu software Blog Engine Wordpress. Tanpa Matt, mungkin anda tidak bisa berada disitus-situs yang beredar sekarang, karena toh situs-situs sekarang telah banyak memakai engine Wordpress.

#3. Pete Cashmore (24 Years Old)
Pete Cashmore menjalankan situs top blogs, yang menampilkan situs-situs baru apa saja yang muncul di dunia maya. Dengan 1,600,000 Twitter Followers dan 300,000,000 Rss Readers, kita sudah bisa menebak seberapa besar bisnis beliau.

#4 & 5. Aaron Levie and Dylan Smith (23 & 22 Years Old)
Situs Box.net dibuat tahun 2005 sebenarnya merupakan proyek kampus untuk mendistribusikan dan menyimpan file yang bisa diakses dimana saja didunia yang terhubung dengan internet. Perusahaan ini sekarang memiliki 2 juta pengguna dengan laba bersih $6 Juta.
Website: http://box.net

#6. David Karp (22 Years Old)
Tumbir adalah platform untuk blog yang mudah digunakan. Tumbir telah menghasilkan $5.25 juta dari berbagai investor termasuk perusahaan raksasa Twitter.

#7 & 8. Catherine & David Cook (19 & 21 Years Old)
Catherine dan saudaranya David mulai menjalankan MyYearBook di tahun 2005 dan telah menjadi situs social networking nomor 3 di Amerika dengan pendapatan $17.1 Juta.

#9. Sean Belnick (23 Years Old)
Sean adalah pengusaha sejati. Di usia 14 tahun, beliau mengunci diri sendiri dikamar dan 3 hari kemudian bisnis Sean dimulai. Sekarang dia telah memiliki penghasilan diatas $50.000.000 dari hasil penjualan kursi secara online.

#10. Matt Mickiewicz (25 Years Old)
Matt adalah inspirasi bagi webmaster diseluruh dunia. Website beliau sitepoint telah membantu webmaster untuk belajar tentang web, cara menjual , membeli buku ataupun belajar coding dan membuat background twitter.

#11. Noah Everett (24 Years Old)
Noah penemu TwitPic tumbuh seiring pertumbuhan situs Twiiter dan sekarang menjadi situs 200 teratas menurut Alexa. Hebatnya Noah cuma bekerja dirumah, dimana disanalah dia menempatkan servernya untuk melayani jutaan pages views disitusnya perhari.

#12. Ryan Allis (25 Years Old)
Ryan baru berumur 25 tahun untuk menjalanakn situs iContact.com dan servis email marketing yang memperoleh $25,000,000 tahun ini. Dengan pelanggan lebih dari 55,000 yang membayar iuran bulanan, Ryan telah membangun program membership yang sekarang telah memberikannya hasil yang luar biasa.

#13. Blake Ross (24 Years Old)
Blake adalah developer Software asal America, dan terkenal karena project Mozilla Firefox. Ketika Firefox dirilis tahun 2004, Ross baru berusia 19 tahun, dan sekarang Firefox telah didownload oleh 100 juta orang.

#14 & 15. Eric & Susan Gregg Koger (24 & 25 Years Old)
Eric dan Susan baru lulus sekolah ketika mereka memulai Modcloth, bisnis baju skala kecil. Sewaktu masuk universitas, pengguna asrama telah membeli baju dari situs mereka. Ketika lulus tahun 2006, bisnis mereka berkembang menjadi sangat pesat.

#16, 17 & 18. Elliott Breece, Joshua Boltuch & Elias Roman (All 25 Years Old)
Amie Street adalah situs musik, dimana komunitas yang menentukan harga musik. Setiap lagu di situs start dengan harga rendah, dan terkadang gratis. Kemudian harga akan naik menjadi 98 sen tergantung bagaimana orang membelinhya.

#19. Kristopher Tate (21 Years Old)
Kristopher adalah co-founder situs sharing foto, Zooomr, yang dibuat tahun 2005, dan sekarang telah banyak fitur yang tersedia di situs tersebut.

#20. Shama Kabani (24 Years Old)
shama adalah master online marketing. Dia adalah president Click To Client, perusahaan service web marketing, dan telah berkeliling dunia untuk bicara tentang internet marketing.

sumber: kaskus.us
Read more »

Mengenal dan Membuat jQuery Slick Tab

Written by RA_Syihan on Wednesday, December 29, 2010 | Category: , ,

Emmm..
Hallo sobat semua, akhir-akhir ini saya jarang posting tutorial. Saya lebih sering posting tentang keanehan dan keajaiban di dunia ini, karena posting yang aneh-aneh seperti itu lebih meningkatkan traffic saya. hhe
Ya sudahlah ...
Yang penting, sekarang saya akan mulai posting tutorial blogging lagi. Kali ini saya akan mengenalkan yang namanya Simple jQuery Slick Tab. Tab ini seperti pada umumnya tab lain, hanya saja tab ini diberi efek sehingga terlihat lebih elegant dan meyakinkan. Efeknya terlihat ketika mengklik dari satu tab ke tab lainnya, akan terlihat perpindahannya yang secara halus. Sebenarnya Trick ini saya dapatkan dari Mas Hendriono, tetapi telah saya rubah lagi sedemikian rupa.
Demonya bisa sobat lihat pada blog ini, pada sidebar
Benar-benar Elegant bukan ...

Oke, skenario pembuatannya cukup mudah. Ini dia kode-kodenya
  1. Kode HTML
Ini nih skenario dasar dalam pembuatan jQuery Slick Tab, semisal kita akan memasukan 3 buah konten kedalam slick tab, maka kode HTML ditulis sebagai berikut:

 Judul Konten

<ul class="slick">
    <li title="terbaru" class="slick active">Terbaru</li>
    <li title="komentar" class="slick">Komentar</li>
    <li title="shout" class="slick">Shout Me</li>
  </ul>
 Isi Konten 



<div id="terbaru" class="content-slick">
<ul>
  <li><a href="yourlinkhere">your title here</a></li>
  <li><a href="yourlinkhere">your title here</a></li>
  <li><a href="yourlinkhere">your title here</a></li>
  <li><a href="yourlinkhere">your title here</a></li>
  <li><a href="yourlinkhere">your title here</a></li>
  <li><a href="yourlinkhere">your title here</a></li>
 </ul>
</div>

<div id="komentar" class="content-slick">
 <ul>
  <li><a href="yourlinkhere">your title here</a></li>
  <li><a href="yourlinkhere">your title here</a></li>
  <li><a href="yourlinkhere">your title here</a></li>
  <li><a href="yourlinkhere">your title herem</a></li>
  <li><a href="yourlinkhere">your title here</a></li>
  <li><a href="yourlinkhere">your title here</a></li>
 </ul>
</div>

<div id="shout" class="content-slick">
 <ul>
  <li><a href="yourlinkhere">your title here</a></li>
<li><a href="yourlinkhere">your title here</a></li>
  <li><a href="yourlinkhere">your title here</a></li>
  <li><a href="yourlinkhere">your title here</a></li>
  <li><a href="yourlinkhere">your title here</a></li>
  <li><a href="yourlinkhere">your title here</a></li>
 </ul>
</div>
   2.  Kode CSS
Setelah skenario kode HTML kita buat, maka berikutnya kita harus tuliskan kode CSS untuk menyusun tampilan Slick Tab menjadi lebih tersusun rapi dan elegant, kode CSS ditulis sebagai berikut:

#slick_area {
 border:1px solid #000;
 background-color:#000;
 padding:0px; 
 margin:0px 0;
 line-height:18px;width:355px; 
}
#slick_area a{
 color:#FFF;
 text-decoration:none;
}
.slick_area a:hover{
 color:#FF0000;
}
ul.slick {
 margin:2px 5px 8px 0;
 padding:0px;
}
ul.slick li {
 list-style:none;
 display:inline;
 background-color:#000;
 padding:5px 14px;
 text-decoration:none;
 font-size:10px;
 font-weight:bold;
 text-transform:uppercase;
 cursor:pointer;
 border:1px solid #585858;
}
ul.slick li:hover {
 color:#1E90FF;
}
ul.slick li.active {
 background-color:#181818;
 border:1px solid #282828;

}
.content-slick {
 background-color:#000;
 border:1px solid #282828;
 color:#fff;
 min-height:40px;
 padding:0px 0px 5px;
 text-align:justify;
} 
.content-slick ul {
 margin:2px;
 padding:0;
}
.content-slick ul li {
 list-style:none;
 border-bottom:1px dashed #282828;
 padding:4px;
}
.content-slick ul li:last-child {
 border-bottom:none;
}
.content-slick ul li:hover, .content-slick ul li a:hover {
 display:block;
 background-color:#181818;
}
.content-slick ul li a {
 text-decoration:none;
 color:#fff;
 display:block;
}
 Sampai pada kode CSS seharusnya Slick Tab sudah terlihat Rapi dan Elegant walaupun konten belum bisa ditampilkan semua, hanya konten yang pertama saja yang tampil.


   3. Kode jQuery
Ini dia kode yang membuat Slick Tab terlihat Elegant, kode ini akan memberikan efek animasi kepada Slick Tab, kodenya seperti ini:
$(document).ready(function(){
 $('#komentar, #shout').hide(); 
 $("ul.slick li").click(function () {
  $(".active").removeClass("active");
  $(this).addClass("active");
  $(".content-slick").slideUp();
  var content_show = $(this).attr("title");
  $("#"+content_show).slideDown();
 });
});

Script diatas untuk memberikan efek slide down pada konten tertentu yang memiliki identitas (makanya ada simbol #, #=id) sesuai dengan title (content_show). Perhatikan kode HTML dituliskan sama antara title pada judul konten dengan id pada konten (title="terbaru" - id="terbaru" | title="komentar" - id="komentar" | title="shout" - id="shout"). jQuery akan membandingkan antara title dengan id, jika sama maka konten akan di berikan efek slide down.
Baik, itulah kode-kodenya. Sobat tinggal mengatur-ngaturnya lagi sesuai keinginan
Masih banyak cara untuk mempercantiknya
Thanks
UnoZoneu™
Read more »

Membuat Readmore Nakal

Written by RA_Syihan on Tuesday, December 28, 2010 | Category: , ,

Hallo sobat semua ...
Setelah sekian lama saya tidak posting tutorial lagi karena saya sibuk posting yang aneh-aneh di Blog ini. Nah, sekarang saya akan sharing tentang cara membuat Auto Readmore.
Tetapi Auto Readmore ini berbeda dengan yang lainnya, pasti bingung deh. Bedanya dari mananya sih..
Perbedaan dari Auto Redmore ini yaitu pada Readmore Contentnya, Auto readmore ini di beri efek Hover yang menurut saya 'nakal'. Kok aneh nakal? Ya yang saya maksudkan nakal itu karena Readmore contentnya tidak bisa diam saat mouse berada diatasnya, Readmore Content ini malah bergerak menjauh dari Cursor ketika kita hendak mengkliknya ..
Sebenarnya sama saja dengan Readmore Content yang saya gunakan, akan tetapi saya hanya menggunakan efek bounce mendatar.
Sungguh-sungguh nakal menurut saya ....
HHha


Ya sudah lah,  mari kita langsung saja ke tahap-tahap pembuatannya .


  1. Seperti biasa, login ke Blogger
  2. Pilih Rancangan > edit HTML
  3. Lalu, Expand Template Widget (saya sarankan untuk Download Template Lengkap terlebih dahulu)
  4. Cari kode seperti ini <div class='post-body entry-content'> 
  5. Lalu Taruh Script dibawah ini dibawahnya
<p><script type='text/javascript'>
summary_noimg = 650;
summary_img = 500;
img_thumb_height = 125;
img_thumb_width = 240;
</script>
<script type='text/javascript'>
//<![CDATA[


function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length); }}
strx =  s.join(""); }
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...'; }




function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");< var summ = summary_noimg;
if(img.length>=1) {imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';summ = summary_img;
}

var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>


  6. Setelah itu, cari kode ini <data:post.body/>, lalu ganti kode itu dengan script dibawah ini
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script>
<div class='readmorecontent'><a expr:href='data:post.url'>Read more &#187;</a></div>
</b:if>


<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

 7. Belum selesai lho, sekarang kita mulai setting Readmore content nakalnya. 
     cari ]]></b:skin> dan masukan Kode CSS ini di atasnya
.readmorecontent{text-align:right;height:15px;width:140px;position:relative;bottom:13px;left:35px;-webkit-transition: all 0.6s ease-out;-moz-transition: all 0.6s ease-out;}
.readmorecontent a{padding:4px 15px;background:#3366CC;
-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;color:#fff;text-decoration:none;}
.readmorecontent:hover{-webkit-transform: translate(540px,-350px);}
.readmorecontent a:hover{color:#fff;background:#3366CC;text-decoration:none;
-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}
 8. Selesai ....Nikmati kenakalan Readmorenya yang sungguh mengerikan.


Keterangan:


summary_noimg = 650; (Menetapkan berapa banyak karakter akan ditampilkan di posting tanpa gambar / thumbnail)
summary_img = 500; (Menetapkan berapa banyak karakter akan ditampilkan di posting dengan gambar / thumbnail)
img_thumb_height = 125; (Thumbnail 'tinggi dalam piksel)
img_thumb_width = 240; (Thumbnail 'lebar dalam piksel).
imgtag = '<span style="float:left; ....., (kita dapat memutuskan apakah letak thumbnail berada di (float) kiri atau jika tidak silahkan ganti dengan (no-float)


intinya, Sobat-sobat harus bisa mengeditnya lagi ...
semoga bermanfaat
happy blogging ..
UnoZoneu™

Read more »