gubhug reyot

Tampilkan postingan dengan label Tutorial BlogDETIK. Tampilkan semua postingan

Hover Link Warna Pelangi - Rainbow Color Effect with css3 Animation

Posted by cah ndeso kluthuk

Dalam bulan-bulan terakhir ini Opera telah mulai support terhadap css3. Sebuah kemajuan yang sangat menggembirakan yang mampu menggugah semangat baru untuk kembali berkarya. Yah...., selama ini gubhugreyot sama sekali memang belum mempostingkan desain atau tutorial yang berkaitan dengan css3 animation, dimana penundaan posting tentang css3 ini karena belum semua browser besar mendukung secara penuh. Kini setelah Opera juga sudah support penuh (hanya tinggal IE yg belum mendukung css3), maka tak ada lagi kendala & hambatan untuk membuat tutorial ataupun desain yang melibatkan penggunaan css3 animation. Untuk mengawali posting tentang css3 animation, kita akan membuat sebuah efek warna pelangi pada hover teks link yang hanya menggunaakan kode css. tentu saja dalam hal ini adalah css3 animation. Bagi sobat-sobat blogger yang selama ini menggunakan javascript dan ingin merubahnya menjadi dalam kode css, silahkan ikuti tutorial berikut.

Cara buat Box dg Efek Gelap-Terang (Fade Effect) CSS3

Posted by cah ndeso kluthuk

Panduan atau tutorial (blogger & blogdetik) membuat box dengan efek gelap terang ini bisa digunakan tidak hanya di blogger, namun bisa juga digunakan di blogdetik.

Fade Effect yang tercipta melalui opacity effect sekalipun merupakan efek yang sangat sederhana namun hingga saat ini memang merupakan sebuah efek yang banyak dilibatkan dalam berbagai desain/fungsi. Selain membuatnya cukup mudah, tak dapat dipungkiri bahwa fade effect mampu memberi pengaruh yang luar biasa menarik, terlebih bila dipadukan dengan efek-efek yang lain.

CSS3 sebagai sebuah pengembangan baru kode css memberi andil yang cukup besar bagi blogger untuk mengembangkan efek terang gelap atau fade efect ini. Berbagai efek yang sebelumnya harus dibangun melalui javascript kini bahkan tak perlu lagi dilakukan. Tentang kompabilitas css3? Kita tak lagi perlu lagi kuwatir. Berbagai browser besar setiap detiknya juga selalu meningkatkan kompabilitas mereka terhadap css3. Yah... karena kode css3 tak boleh tidak akhirnya akan menjadi kode utama pembangun desain blog/website karena kesederhanaannya dan kemampuannya untuk membangun berbagai desain animatif. Diwaktu ke depan kita akan lebih merasakannya ketika semua browser sudah kompatible dengan css3 animation.

Trik Menyimpan Link Javascript dan Kode CSS di Header BlogDETIK

Posted by cah ndeso kluthuk

Tempat paling ideal menyimpan link javascript dan link kode CSS di blog atau web adalah di antara tag pembuka dan tag penutup header. Jika mungkin sampeyan yang suka ngeblog di blogdetik blom tahu bagaimana cara menyimpan kode CSS, javascript, link CSS ataupun link javascript agar bisa berada di header blog, mungkin cara ini bisa menjadi salah satu solusi. He ...he ... mengapa aku sebut sebagai salah satu cara? Yah... karena memang masih ada beberapa cara yang lain yang dapat digunakan. Yap.., mungkin saja akan kita posting di lain waktu.

Cara Simpan Kode CSS & javascript di header blogdetik

Karena blogdetik memang tidak menyediakan ruang khusus penambahan javascript dan kode CSS baru di antara tag pembuka dan penutup header blog (<head> dan </head>), maka agar terbuka sebuah celah (ruang) baru yang memungkinkan kita menyimpan kode CSS dan javascript dalam segala bentuk (kode ataupun link), maka salah satu widget plugin harus diaktifkan terlebih dahulu. Bagimana detail langkahnya? Silahkan ikuti urutan langkahnya di bawah ini!

Panduan BlogDETIK: Mengatur Jumlah Posting di Halaman Utama BlogDETIK

Posted by cah ndeso kluthuk

Pengaturan jumlah posting di halaman utama blog biasanya dilandasi berbagai pertimbangan dengan setiap blogger mempunyai alasan dan kepentingan berbeda. Beberapa blog menampilkan posting di halaman utama dalam jumlah yang sangat besar tetapi beberapa yang lain hanya beberapa saja atau bahkan hanya satu posting. Bagaimana cara mengatur jumlah posting di halaman utama blogdetik?

Sebelum kita lanjutkan mungkin ada yang masih merasa bingung dengan maksud yang tersampaikan lewat judul dan sedikit keterangan di atas. Yang di maksud halaman utama blog adalah halaman yang terlihat ketika URL blog dibuka pada sebuah browser (contoh: http://gubhugreyot.blogdetik.com). Saat blog terbuka maka dihadapan pengunjung akan tersaji posting dalam bentuk utuh atau hanya terlihat sebagian karena posting telah dilengkapi read more. Posting yang terlihat ini jumlahnya bervariasi tergantung pengaturan yang dilakukan pemilik blog.

Panduan blogdetik: Cara Memasang, Menyimpan Kode CSS, Javascript dan xHTML di Template BlogDETIK

Posted by cah ndeso kluthuk

Khabar gembira ini kiranya patut untuk diketahui semua blogger dan khususnya d'blogger. Yah ...., meski sedikit terlambat tak apalah. Eee ...mungkin saja beberapa sobat ngeblog ada yang blom dengar beritanya.

Sejak beberapa waktu belakangan ini banyak sesuatu yang baru terjadi di blogdetik, seperti halnya tampilan dasbor yang baru serta kebijakan baru yang telah diberikan kepada seluruh d'blogger dimana masing-masing kini bebas untuk memasang, menambah atau menyimpan kode HTML baru yang berupa kode CSS, javascript ataupun xHTML. Banyak hal kini bisa kita lakukan terhadap template. Beberapa perubahan dan penambahan kode HTML baru memungkinkan d'blogger untuk merubah desain blogdetiknya hingga wajah yang terlihat baru dan sama sekali berbeda dengan blog bawaan blogdetik bisa kita ciptakan. Jika selama ini sampeyan tak mungkin merubah cursor default menjadi cursor image atau animasi yang dibangun dengan javascript, kini semua itu bisa kita lakukan dengan mudah. Yah ... semudah kita membuatnya di blogspot atau

Gunakan Save dan Preview Minimalkan Update Berulang di Posting BlogDETIK

Posted by cah ndeso kluthuk

Ini hanyalah sebuah tips kuno dan amat sederhana yang mungkin sudah terbiasa dilakukan oleh para blogger di blogDETIK, namun demikian kemungkinan masih banyak juga yang belum memanfaatkannya dengan baik. Tutorial BlogDETIK dalam bentuk Tips dan Trik ini dimaksudkan untuk meminimalkan kemungkinan harus dilakukannya Update Posting hanya karena beberapa kesalahan yang terjadi pada saat penulisan, penataan atau pemberian judul. Posting di BlogDETIK memang amat jauh berbeda dengan posting di blog lain pada umumnya. Hasil posting yang langsung termonitor oleh pengunjung blog dalam jumlah jutaan, benar-benar membuat kita harus berhati-hati dan memeriksa dengan teliti setiap detail kata hingga kode yang dipergunakan. Kesalahan sekecil apapun akan mewajibkan kita untuk kembali meng-update posting. Hal yang di BlogDETIK sungguh sangat tidak nyaman untuk dilakukan secara berulang hanya karena keteledoran kita. Ada perasaan sungkan, malu, kuwatir jika dianggap sesama blogger atau pengunjung blog "pasti ada maunya".

Cara yang paling tepat untuk menjaga agar posting bisa diterbitkan dalam kondisi "siap tampil" adalah dengan melakukan "SAVE" terlebih dahulu kemudian dilanjutkan "Preview" untuk melihat bentuk hasil akhir posting yang kita buat. Melalui cara seperti inilah beberapa koreksi atau edit ulang segera bisa dilakukan hingga ketika posting diterbitkan maka benar-benar sudah dalam kondisi "siap tayang". Yah ..., ini hanyalah sebuah cara untuk meminimalkan kemungkinan update berulang yang disebabkan karena kesalahan-kesalahan kecil yang "amat manusiawi" dan biasanya terjadi akibat kekurang telitian saja. Tidak menutup kemungkinan sekalipun "SAVE dan Preview" telah dipergunakan akan tetapi beberapa kesalahan masih saja terjadi. Sekali lagi ini hanyalah sebuah upaya dan kita telah mencoba melakukannya .....

Silahkan juga buka Tutorial lain yang sangat menarik dan patut di ikuti sampeyan semua. Akses melalui link di bawah ini :

» Happy Blogging - gubhugreyot «

Tutorial BloGGeR Kejutan: Cara Praktis Merubah Tampilan Read More BlogDETIK

Posted by cah ndeso kluthuk

Merubah tampilan read more BlogDETIK? Lho? Masa iya, sih?

Kenapa tidak! Tentu saja bisa kita lakukan. Sebuah trik sederhana, hanya dengan menambahkan beberapa buah kode html, maka berubahlah tampilan read more. Hanya sekali lagi, sayangnya ... Tidak seperti yang dapat kita lakukan di BlogSpOT, yang dapat divariasikan dengan begitu banyak gaya, baik dengan melalui penambahan kode html, gambar animasi, marquee effects yang membuat read more bisa goyang pinggul dan tampil lebih fantastis, untuk BlogDETIK kita hanya mampu merubah besar ukuran read more, jenis font (font-family)dan menambahkan bingkai yang membuat read more terbungkus dalam sebuah box. Ya ..., setidak-tidaknya kita bisa menampilkan sesuatu yang berbeda dari biasanya. Nggak monoton gitu, lhoh !!!!!! Untuk membuat read more gaya baru di BlogDETIK sampeyan, ikuti panduan berikut ini.

Panduan BlogDETIK: Posting File Flash (.swf)

Posted by cah ndeso kluthuk

Mungkin sampeyan ingin menyertakan sebuah file berekstensi .swf yang biasa dibuat menggunakan Adobe flash. Tentu akan menjadi sangat menarik mempostingkan sebuah artikel yang disertai gambar animasi berbentuk file flash. Disamping beban jauh lebih ringan jika dibandingkan dengan animasi berbentuk file gif, kehalusan perpindahan setiap gambar dari file swf yang dibuat dengan memanfaatkan software superior Adobe Flash juga mampu membuat sebuah gambar animasi menjadi terasa lebih hidup. Panduan posting file Flash berekstensi .swf di bawah ini mungkin bermanfaat buat sampeyan. Nggak susah, kok membuatnya.

Cara Posting File Flash ( pinjam istilah di BlogDETIK: anarchymedia.flash ) :

Header Rounded Corners untuk BlogDETIK:Tutorial BloGGeR Desain Blog

Posted by cah ndeso kluthuk

Panduan Blog DETIK tentang Mengganti Gambar Header di BlogDETIK terasa belum lengkap karena untuk membuat gambar header tersebut belum aku lengkapi dengan detail cara membuat header blog yang mempunyai sisi luar melengkung atau biasa disebut rounded corners. Menggunakan header blog seperti ini akan memberi penampilan yang terlihat lebih "mewah" seperti layaknya blog "elite" yang mencitrakan "profesionalitas blogger". He .... Ngomong apa, sih, aku?

Panduan BlogDETIK: Cara Mengganti Gambar Header BlogDETIK

Posted by cah ndeso kluthuk

Mengganti gambar header di BlogDETIK seperti halnya di Blogspot atau Wordpress. Tak sesulit yang dibayangkan. Di Tutorial BlogDETIK atau Panduan BlogDETIK ini kita akan coba bahas cara mengganti gambar header atau Header Image BlogDETIK dengan cara yang paling gampang, cepat, hemat tenaga, tetapi menghasilkan kualitas prima. Kita bisa mengotak atik gambar yang akan dijadikan gambar header dengan menggunakan Adobe Photoshop atau software yang lain, atau kalau mau lebih praktis kita akan manfaatkan layanan gratis pembuatan gambar header blog/web. Tentu saja pasti sampeyan pilih cara yang kedua, khan?! Huh ... Maunya yang serba enak saja, sih, sampeyan! He .... Oke kita akan memulai langkahnya.

Menambah Halaman Baru BlogDETIK untuk Pusat Informasi

Posted by cah ndeso kluthuk

Satu yang spesial dari BlogDETIK dibandingkan BlogSpot adalah disediakannya sebuah halaman khusus yang berfungsi untuk menyampaikan semua informasi yang kalian punya. Kalian bisa menuliskan informasi diri (About me), seputar blog yang sampeyan kelola, hingga hal-hal yang menyangkut aktifitas diluar BlogDETIK, seperti misalnya dengan menyampaikan banyak hal tentang blog-blog lain milik sampeyan. Hitung punya hitung, tempat ini sekaligus bisa dimanfaatkan sebagai media promosi buat semua blog yang kamu miliki. Atau .... mungkin sampeyan punya ...

Posting KODE HTML di BlogDETIK: PAnduan BloGGeR Ngeblog

Posted by cah ndeso kluthuk

Panduan atau Tutorial membuat posting KODE HTML, baik BlogDETIK, Blogspot atau Wordpress amat sering muncul dan dapat dilakukan dengan berbagai variasi untuk menampilkannya. Ya, meskipun tidak semua blogger memanfaatkan tutorial ngeblog menggunakan KODE HTML, karena memang orientasi atau bahan dan materi postingnya jauh dari segala hal yang berbau KODE HTML, namun pemahaman atau belajar tentang sesuatu yang baru tidaklah merugikan bagi semua orang, terutama kalian yang sudah menyandang gelar sebagai Blogger atau d'Blogger. Ya ..., sekali waktu pasti akan bermanfaat dan diperlukan untuk melengkapi postingan sampeyan. Lho ... Namanya juga manusia. Seperti halnya umur orang nggak tahu kapan akan berakhir, demikian juga kebutuhan akan pemahaman penulisan KODE HTML. Penulisan KODE HTML sebenarnya amatlah sederhana karena hanya beberapa kode saja yang harus dituliskan dalam bentuk khusus supaya di halaman blog bisa terkihat sesuai yang diharapkan. Contoh yang sederhana adalah penulisan tag pembuka dan tag penutup. Sebuah KODE yang paling sering digunakan dalam penulisan KODE HTML.

Beberapa KODE HTML dan Metode Penulisannya dalam Posting :

Panduan Blogger: Buat Link di Posting BlogDETIK

Posted by cah ndeso kluthuk

Tutorial Blogger menjadi kebutuhan vital supaya setiap blogger mampu mengelola blog dengan baik. Seperti halnya bagaimana cara memanfaatkan sebuah link untuk menyampaikan sebuah informasi yang tidak kita tampilkan dalam blog akan tetapi kita mengharapkan pengunjung dapat menikmati informasi tersebut. Informasi yang dikehendaki tersampaikan melalui sebuah link sangat bervariasi. Dapat berupa sesuatu yang terdapat di dalam blog itu sendiri ataupun dari luar blog. Bisa berupa informasi tertulis dan dapat juga berupa gambar. Dalam sebuah blog yang materi postingnya banyak memanfaatkan gambar, sebuah link menjadi sangat penting karena pemanfaatannya sekaligus bisa digunakan untuk menjaga kecepatan akses atau loading blog. Dengan link maka kita cukup menampilkan gambar-gambar dalam ukuran kecil (thumbnail) atau bahkan hanya sekedar teks saja, sedang gambar yang berukuran besar cukup kita masukkan dalam link yang kita buat. Dengan cara seperti ini niscaya kecepatan akses atau loading blog tetap terjaga dengan baik. Ya ... Bukankah penyakit leletnya loading menjadi masalah krusial blogger setanah air?!

Contoh Bentuk Link

Silahkan untuk mencoba link-link yang aku buat di bawah ini :

Atur Ukuran dan Beban Muatan Gambar Posting BlogDETIK

Posted by cah ndeso kluthuk

Posting melibatkan gambar memang tidak boleh sembarangan. Gambar atau photo menjadi sumber terbesar terkendalanya loading blog. Fatal akibat yang ditimbulkan akibat permasalahan ini. Dengan kondisi pengguna internet yang kebanyakan masih mengandalkan kemampuan loading seadanya karena keterbatasan dana (seperti aku, broer!), penggunaan gambar harus dilakukan dengan perhitungan matang sehingga kecepatan akses tetap terjaga. Bukti dilapangan menunjukkan bahwa semakin lambat sebuah blog untuk di akses, maka semakin besar pula kemungkinan blog dibatalkan dibuka oleh pengunjung. Repot, khan. Apa jadinya posting-posting yang dengan susah payah kita buat dengan menghabiskan banyak waktu, tenaga dan pikiran sekaligus duit ini jika hanya terbuang mubazir? Apa, ya, mo buat bantal tidur?! Ya ..., bukankah ngeblog juga perlu dana buat langganan ngenet, trus perlu beli kopi jahe dan berbungkus rokok supaya ide terus mengalir? Atau mungkin sampeyan nggak ngerokok?! Klo nggak biasanya so ... pasti di depan meja penuh dengan segala macam camila! Iya, to? S o ... sama saja artinya! Tetap pakai biaya. Ha ....

Panduan Memulai Ngeblog di BlogDETIK: Panduan BlogDETIK

Posted by cah ndeso kluthuk

Apabila anda baru memulai untuk ikutan ngeblog, panduan ngeblog di BlogDETI ini mungkin akan bermanfaat. Setidak-tidaknya sampeyan pada ngerti kira-kira apa saja yang harus dilakukan ketika pendaftaran sudah dilakukan, kemudian di depan sampeyan terpampang deretan tools yang bikin posing kepala. Bagi yang baru sekali terjun di BlogDETIK dan sebelumnya blom pernah mengenal wordpress sama sekali so ... aku yakin pasti hanya lholak-lholok (bingung!) mau memulai dari mana. Lho ..., lha wong saya yang sudah lumayan lama di blogger saja nggak ubahnya cowok yang lagi cinta wuyung sama si denok deblong, kok. Bingung ! Apa saja fungsi setiap tools, icon, fitur dan link yang bagai barang dagangan di pasar tersebar memenuhi dasbor (dasboard) ini? Hoooo ... hooo ... Wajar, khan! Namanya juga baru sekali lihat kok disuruh mengoperasikan. He ....

Posting di BlogDETIK dengan Berbagai Jenis Font

Posted by cah ndeso kluthuk

Menampilkan teks variatif tentu akan membuat BlogDETIK kita menjadi tampil beda. Sebuah warna baru bagi blog yang pastinya bikin tampilan blog tambah bergaya. Selain bermanfaat untuk memperindah wajah blog, pemakaian jenis font berbeda dapat dipergunakan untuk memberi tekanan (ciri, identitas) pada beberapa teks tertentu yang kita anggap penting untuk ditonjolkan supaya perhatian pembaca spontan tersedot ke arah teks dimaksud. Satu contoh misalnya kita manfaatkan untuk membentuk sebuah link sehingga terlihat menonjol atau berbeda dibandingkan dengan teks sekitarnya. Bagi d'blogger yang sering mempostingkan

Tutorial BlogDETIK: Komentar dan Jawaban dalam Satu Kolom

Posted by cah ndeso kluthuk

Ide membuat komentar masuk dan tanggapan komentar dalam satu kolom tak terpisahkan ini muncul ketika aku melihat betapa pentingnya kedekatan komunikasi harus tercipta antara pemberi komentar dan pembuat posting. Ketika kolom komentar dibentuk semacam ini maka keduanya akan terasa terlibat seperti dalam sebuah dialog atau diskusi. Pemberi komentar akan dengan jelas melihat jawaban yang diberikan pembuat posting karena tanggapan persis beada di bawah pertanyaan atau komentar yang diberikan. Teknik ini nantinya juga akan bermanfaat sekali ketika kebetulan kita menggunakan desain blog yang memisahkan keseluruhan komentar masuk dan tanggapan komentarnya. Desain blog yang seperti ini membuat orang bingung ketika mencari tanggapan atas komentar yang telah diberikan. Ya ..., karena harus memelototi satu demi satu setiap jawaban yang terkumpul berderet memanjang.

Tutorial BlogDETIK: Cara Memasang Widget Mypagerank

Posted by cah ndeso kluthuk

PageRank adalah sebuah algoritma yang telah dipatenkan yang berfungsi menentukan situs web mana yang lebih penting/populer. PageRank merupakan salah satu fitur utama mesin pencari Google dan diciptakan oleh pendirinya, Larry Page dan Sergey Brin yang merupakan mahasiswa Ph.D. Universitas Stanford (sumber: Wikipedia bahasa Indonesia).
Dengan gambaran di atas, secara sederhana kita dapat melihat betapa pentingnya ...

Tutorial BlogDETIK: Pasang Alexa Traffic Rank Button

Posted by cah ndeso kluthuk

Memasang Alexa dimaksudkan untuk mempermudah blogger mengetahui sejauh peningkatan ranking yang dicapai selama aktifitas ngeblog dilakukan. Mengetahui ranking blog melalui Alexa ditanggung tak akan mengecewakan karena situs ini sangat kredibel dan terpercaya untuk urusan yang berkaitan dengan trafic sebuah blog. Jika blog kalian blom dipasang, sebaiknya segera lakukan registrasi di Alexa supaya kalian bisa segera tahu sejauh mana blog yang kalian kelola, serta sekaligus bisa tahu seberapa besar pengunjung yang mampir. Untuk Rgistrasi dan pasang widgetnya, silahkan ikuti panduan berikut ini :

Cara Registrasi dan Pasang Alexa di Widget Blog :

Alexa : Segera datang ke Alexa dan daftarkan blog sampeyan.

Keterangan Penting

Cumulus swf - flash

Categories

Arsip...

Flag Counters

Pengikut

Recent Comments plus Kode CSS Box Gelap

Vertical Menu

Download Browser

Widget

CSS 3

Special Tutorials

Javascript-JQuery

Blog-Email-Modem

File Hosting

Promosi Blog

Adobe-Image-Animasi

Tutorial BlogDETIK

New BloGGER Templates

Panduan BloGGeR

Tutorial Blogger

Tips-Trik Blogger

Pengilon

Ge-eR

Sobat Ngeblogh

var ultimaFecha = 'Sabtu, 30 Juni 2012'; remplaza_fecha('Sabtu, 30 Juni 2012');

var ultimaFecha = 'Kamis, 05 Januari 2012'; remplaza_fecha('Kamis, 05 Januari 2012');

var ultimaFecha = 'Minggu, 25 Desember 2011'; remplaza_fecha('Minggu, 25 Desember 2011');

var ultimaFecha = 'Rabu, 12 Januari 2011'; remplaza_fecha('Rabu, 12 Januari 2011');

remplaza_fecha('');remplaza_fecha(ultimaFecha);

var ultimaFecha = 'Selasa, 22 Juni 2010'; remplaza_fecha('Selasa, 22 Juni 2010');

var ultimaFecha = 'Senin, 31 Mei 2010'; remplaza_fecha('Senin, 31 Mei 2010');

Merubah tampilan read more BlogDETIK? Lho? Masa iya, sih?

var ultimaFecha = 'Rabu, 26 Mei 2010'; remplaza_fecha('Rabu, 26 Mei 2010');

remplaza_fecha('');remplaza_fecha(ultimaFecha);

var ultimaFecha = 'Selasa, 25 Mei 2010'; remplaza_fecha('Selasa, 25 Mei 2010');

remplaza_fecha('');remplaza_fecha(ultimaFecha);

remplaza_fecha('');remplaza_fecha(ultimaFecha);

var ultimaFecha = 'Senin, 24 Mei 2010'; remplaza_fecha('Senin, 24 Mei 2010');

var ultimaFecha = 'Minggu, 23 Mei 2010'; remplaza_fecha('Minggu, 23 Mei 2010');

remplaza_fecha('');remplaza_fecha(ultimaFecha);

remplaza_fecha('');remplaza_fecha(ultimaFecha);

var ultimaFecha = 'Sabtu, 22 Mei 2010'; remplaza_fecha('Sabtu, 22 Mei 2010');

var ultimaFecha = 'Jumat, 21 Mei 2010'; remplaza_fecha('Jumat, 21 Mei 2010');

remplaza_fecha('');remplaza_fecha(ultimaFecha);

var ultimaFecha = 'Kamis, 20 Mei 2010'; remplaza_fecha('Kamis, 20 Mei 2010');