tag:blogger.com,1999:blog-32241211514195550412024-12-19T10:32:22.577+07:00Tutorial Blogger, Tips dan Trik Blogger, CSS, CSS3, html, Javascript, JQuery, SEO, Template Blogger, Anonymoushttp://www.blogger.com/profile/04471593278708116268noreply@blogger.comBlogger30125tag:blogger.com,1999:blog-3224121151419555041.post-14611136182756469392012-09-16T08:38:00.000+07:002012-09-16T08:54:03.180+07:00

Contoh Table dengan CSS Berikut adalah contoh tabel dengan menggunakan atribut style. Style "margin:0 auto" di dalam tag <table> dibawah adalah untuk membuat posisi tabel tersebut agar berada pada tengah dokumen, width adalah lebar dari tabel, dalam contoh adalah 80% berarti lebar dari tabel tersebut adalah 80% dari lebar jendela browser kita. Kode HTML: <table style="margin:0

Anonymoushttp://www.blogger.com/profile/04471593278708116268noreply@blogger.com0tag:blogger.com,1999:blog-3224121151419555041.post-32554939072134443912012-09-16T08:31:00.000+07:002012-09-16T08:46:47.738+07:00

Untuk membuat tabel di blog, bisa kita lakukan dengan kode HTML yang khusus untuk membuat tabel tentunya. Perintah yang di pakai adalah <table> ..... </table>. Di dalam tabel, kita bisa bisa beberapa atribut di dalamnya, antara lain yaitu:  bgcolor : untuk mengatur warna background/warna latar belakang tabel. Penempatan kodenya seperti ini : bgcolor="kode warna". 

Anonymoushttp://www.blogger.com/profile/04471593278708116268noreply@blogger.com0tag:blogger.com,1999:blog-3224121151419555041.post-74854842476700562442012-09-16T08:29:00.000+07:002012-09-16T08:39:01.213+07:00

Beberapa waktu lalu saya sempat menulis tentang cara membuat tabel diposting. Mungkin ada sobat yang kurang jelas mengenai tutorial dan cara modifikasinya berikut ini adalah lanjutan yang mungkin akan sedikit membantu kita dalam belajar. Sekilas tentang tabel. Tabel (table) sangat diperlukan ketika kita ingin menampilkan data yang berbentuk kolom-kolom. Dulu sebelum adanya CSS,

Anonymoushttp://www.blogger.com/profile/04471593278708116268noreply@blogger.com0tag:blogger.com,1999:blog-3224121151419555041.post-49555976524899981652012-09-16T00:37:00.000+07:002012-09-16T08:25:48.950+07:00

Sebelum memasuki tabel, Saya jelaskan dulu istilah-istilahnya melalui contoh: img {background:#EEEEEE; padding:5px;}  selektor {deklarasi1; deklarasi2;}  selektor {properti1:value1; properti2:value2;} Selektor terdiri dari deklarasi-deklarasi yang dipisahkan dengan titik koma, setiap deklarasi adalah gabungan antara properti dengan value/nilainya. img adalah selektor, background

Anonymoushttp://www.blogger.com/profile/04471593278708116268noreply@blogger.com0tag:blogger.com,1999:blog-3224121151419555041.post-801214602457324942012-09-15T23:48:00.002+07:002012-09-15T23:48:15.872+07:00

Tampilnya ikon administrator pada komentar yang ditulis oleh pemilik blog. (Gambar ikon umumnya berwarna hitam dengan gambar pena di dalamnya. Saya sudah memodifikasi tampilannya menjadi favicon). Fitur komentar Blogger yang sekarang tidak mengizinkan kita untuk memodifikasi tampilan komentar admin. Blogger hanya memberikan sebuah ikon kecil secara otomatis untuk menunjukkan bahwa komentar

Anonymoushttp://www.blogger.com/profile/04471593278708116268noreply@blogger.com0tag:blogger.com,1999:blog-3224121151419555041.post-3509237135612399612012-09-15T23:06:00.002+07:002012-09-15T23:21:49.630+07:00

Cara sederhana untuk menciptakan efek komentar bertingkat dengan CSS pseudo-class :nth-child(N) Jika Anda sekedar tertarik dengan efek bertingkatnya saja, sebenarnya efek itu bisa diciptakan hanya dengan CSS3. Blogger memiliki tingkatan komentar balasan satu tingkat, namun setidaknya mereka memiliki induk komentar yang bisa kita jadikan sebagai batas akhir perhentian efek. Ini adalah

Anonymoushttp://www.blogger.com/profile/04471593278708116268noreply@blogger.com0tag:blogger.com,1999:blog-3224121151419555041.post-42481190757472448872012-09-15T16:37:00.000+07:002012-09-15T16:57:35.808+07:00

Gambar diatas adalah salah satu modifikasi widget popularpost/artikel populer, jika ingin mempunyai tampilan pupular post/artikel populer seperti diatas silahkan copy paste kode-kode dibawah ini, Tapi jika sobat ingin mencoba /melihat modifikasi lainnya, silahkan anda cari di artikel terkait dibawah postingan ini atau klik link disini Masuk ke Akun blogger Sobat Design >> Edit HTML (

Anonymoushttp://www.blogger.com/profile/04471593278708116268noreply@blogger.com0tag:blogger.com,1999:blog-3224121151419555041.post-63619242063881088842012-09-15T01:53:00.000+07:002012-09-15T02:30:36.509+07:00

Gambar di atas adalah contoh hasil tampilan aplikasi artikel/posting terkait blogspot dengan gambar dan judul artikel. Selain artikel/posting terkait tipe ini juga terdapat tipe artikel/posting terkait yang terdiri dari gambar, judul beserta ringkasan artikelnya. Kamu tinggal memilih mana yang menurutmu lebih menarik atau sesuai dengan karaktermu. Jika berminat dengan tipe aplikasi ini, tinggal

Anonymoushttp://www.blogger.com/profile/04471593278708116268noreply@blogger.com0tag:blogger.com,1999:blog-3224121151419555041.post-11888035297185532482012-09-15T01:51:00.001+07:002012-09-15T02:16:12.805+07:00

Artikel/Posting Terkait dengan Gambar dan Ringkasan Artikel Gambar di atas adalah contoh hasil tampilan aplikasi artikel terkait blogspot dengan gambar dan deskripsi. Selain artikel/posting terkait tipe ini juga terdapat tipe artikel/posting terkait yang hanya terdiri dari gambar dan judul saja. Kamu tinggal memilih mana yang menurutmu lebih menarik atau sesuai dengan karaktermu. Jika

Anonymoushttp://www.blogger.com/profile/04471593278708116268noreply@blogger.com0tag:blogger.com,1999:blog-3224121151419555041.post-45665217566029121982012-09-15T01:34:00.001+07:002012-09-15T01:44:07.571+07:00

recent post bawaan Blogger Pernah melihat model recent post seperti gambar disamping ini? Ya, itu adalah recent post bawaan dari Blogger.com. Jika dilihat-lihat, tampilannya memang terasa sedikit memaksa dengan template blog kita. Komposisi warna dan model huruf yang tidak bisa disesuaikan terkadang juga membuat recent post ini menjadi tampak seperti "tempelan" saja, bukannya menjadi salah

Anonymoushttp://www.blogger.com/profile/04471593278708116268noreply@blogger.com0tag:blogger.com,1999:blog-3224121151419555041.post-59919026412966296832012-09-14T22:48:00.000+07:002012-09-14T23:02:08.346+07:00

.jqwrapper{ position:relative; top:-190px; text-align:center; width:259px;} #prikitiw-slider{ background:black; border:2px solid #fff; box-shadow:0 0 3px #000; -webkit-box-shadow:0 0 3px #000; -moz-box-shadow:0 0 3px #000; width:259px; height:194px; overflow:hidden;} #prikitiw-slider img{ float:left; border:none; } #prikitiw-slider .konten-slider{ position:relative; width:1036px; left:-259px;

Anonymoushttp://www.blogger.com/profile/04471593278708116268noreply@blogger.comtag:blogger.com,1999:blog-3224121151419555041.post-76478158682842067692012-09-14T21:22:00.001+07:002012-09-14T23:04:44.330+07:00

Selain menuliskan angka secara apa adanya dalam nilai properti animasi, sebuah sistem animasi dalam JQuery juga dapat dituliskan dengan nilai relatif. Hal ini akan menciptakan efek kumulatif (bertambah/berkurangnya nilai sedikit demi sedikit) untuk menciptakan langkah-langkah objek secara bertahap melalui perintah yang diberikan berkali-kali. Sintaks $(sasaran).animate({"properti": "+=N"}

Anonymoushttp://www.blogger.com/profile/04471593278708116268noreply@blogger.com0tag:blogger.com,1999:blog-3224121151419555041.post-49543374321424399792012-09-14T20:57:00.000+07:002012-09-14T21:11:44.728+07:00

Bagi yang mengaku blogger, Sebenarnya sangat menggelikan jika ada yang tidak tau apa arti dari dofollow blog, tapi hal ini berbeda bagi pada pengguna baru blogger, jangankan tahu dofollow blog, setelah registrasi di blogger para adik2 kita ini pasti pusing kalo lagi belajar Kode html, he he.. ya itulah pengalaman saya 5 tahun yang lalu, so buat yang baru belajar blogger ada baiknya belajar

Anonymoushttp://www.blogger.com/profile/04471593278708116268noreply@blogger.com0tag:blogger.com,1999:blog-3224121151419555041.post-11778750346647448612012-09-14T20:55:00.001+07:002012-09-14T20:55:06.286+07:00

Apa itu blogger? Awal mula blog adalah web log, tulisan serupa jurnal / buku harian yang ditampilkan di web. Ciri khasnya adalah tulisan tersusun secara kronologis, dengan tulisan terbaru ada pada bagian paling awal / atas.  Pada perkembangan selanjutnya web log disebut sebagai blog, dan mulai ditambahkan berbagai fasilitas seperti pengunjung bisa meninggalkan komentar, ada sindikasi

Anonymoushttp://www.blogger.com/profile/04471593278708116268noreply@blogger.com0tag:blogger.com,1999:blog-3224121151419555041.post-86240348330664214342012-09-14T17:32:00.000+07:002012-09-14T17:32:35.788+07:00

Cara Memasang Meta Tags Super SEO- Langsung saja : Masuk ke Template Edit HTML  copy Tags dibawah ini <b:if cond='data:blog.url == data:blog.homepageUrl'> <title><data:blog.pageTitle/></title> <meta content='ISI DENGAN DESKRIPSI UNTUK BLOG SOBAT' name='DESCRIPTION'/> <meta content='ISI DENGAN KATA KUNCI/KEYWORD KAMU' name='KEYWORDS'/> </b:if> &

Anonymoushttp://www.blogger.com/profile/04471593278708116268noreply@blogger.com0tag:blogger.com,1999:blog-3224121151419555041.post-21916603083554101572012-09-14T15:04:00.000+07:002012-09-14T21:25:55.237+07:00

<< BAB Sebelumnya jquery dasar : $(sasaran).animate({properti:"value", properti:"value"}, durasi); Sasaran: adalah objek yang akan dikenai perintah Properti: properti CSS (dalam sintaks JQuery) yang akan dianimasikan Value: nilai properti. Durasi: adalah kecepatan aksi. Nilainya bisa berupa milidetik (misal: 1500, 2000) atau 'slow', 'normal' dan 'fast'. Contoh Penerapan Efek .

Anonymoushttp://www.blogger.com/profile/04471593278708116268noreply@blogger.com0tag:blogger.com,1999:blog-3224121151419555041.post-87694145233105798132012-09-14T00:33:00.000+07:002012-09-14T00:35:23.425+07:00

Menurut Saya, JQuery bisa digambarkan sebagai sebuah mesin mobil yang belum bisa berjalan karena sang sopir belum menyalakan mesinnya. Sedangkan deklarasi-deklarasi yang ada di luar JQuery bisa Saya gambarkan sebagai kemudi, persneling, rem, dan hal-hal lain yang ada di ruang kemudi. Mobil tersebut (JQuery) hanya bisa berjalan jika Anda (sang sopir) menjalankan mesin mobil tersebut (

Anonymoushttp://www.blogger.com/profile/04471593278708116268noreply@blogger.com0tag:blogger.com,1999:blog-3224121151419555041.post-15373019378289080732012-09-14T00:32:00.000+07:002012-09-14T15:21:15.407+07:00

.animate() digunakan untuk mengubah nilai CSS suatu elemen dari keadaan normal menjadi keadaan yang lainnya dengan efek transisi yang bisa diatur kecepatannya. Properti-properti dalam .animate() memiliki sedikit perbedaan, misalnya tentang hilangnya simbol dash (-) yang biasa digunakan untuk memisahkan nama properti dalam CSS. Sebagai gantinya, huruf besar diterapkan pada setiap pemisahan

Anonymoushttp://www.blogger.com/profile/04471593278708116268noreply@blogger.com0tag:blogger.com,1999:blog-3224121151419555041.post-86924696442837072412012-09-14T00:17:00.001+07:002012-09-14T15:17:45.547+07:00

JQuery adalah sebuah paket fungsi JavaScript. Jadi, JQuery bukanlah bahasa baru dalam dunia web development melainkan hanya sebuah metode baru penulisan JavaScript. Setiap fungsi JQuery membutuhkan sebuah framework JQuery agar semua deklarasi fungsi bisa berjalan: <script src='.../jquery.js' type='text/javascript'></script> <script type='text/javascript'>    

Anonymoushttp://www.blogger.com/profile/04471593278708116268noreply@blogger.com0tag:blogger.com,1999:blog-3224121151419555041.post-75848328265452030992012-09-13T23:10:00.001+07:002012-09-13T23:10:25.970+07:00

Secara teknis untuk mencapai SEO pengguaan tag ALT dan TITTLE pada gambar sangatlah penting, karena jika tanpa itu robot google tidak bisa membaca gambar yang kita unggah dan untuk mengatasi masalah itu mari kita terapkan tutorial ini pada blog kita. Cara penerapannya letakkan kode berikut diatas kode  </body>   <script src='https://ajax.googleapis.com/ajax

Anonymoushttp://www.blogger.com/profile/04471593278708116268noreply@blogger.com0tag:blogger.com,1999:blog-3224121151419555041.post-48124413370601221872012-09-13T22:34:00.000+07:002012-09-13T22:34:00.647+07:00

Versi JavaScript Mentah Konverter HTML dengan JavaScript mentah bisa dibuat dengan mudah. Tambahkan sebuah elemen halaman HTML/JavaScript, kemudian salin kode ini dan letakkan di dalam formulirnya: <style type="text/css"> #codes { border:1px solid #666; width:98%; height:200px; margin:5px auto 10px; display:block; } .button-group { margin:0px auto 0px;

Anonymoushttp://www.blogger.com/profile/04471593278708116268noreply@blogger.com0tag:blogger.com,1999:blog-3224121151419555041.post-63929836167550569822012-09-13T21:06:00.000+07:002012-09-13T23:04:28.802+07:00

Suatu saat mungkin kamu ingin berbagi kode, informasi atau tutorial dan ingin menerbitkannya dalam posting untuk dipamerkan. Namun ketika kamu meletakkan kode di dalam posting, kode-kode tersebut malah menjadi tidak terlihat, rusak, muncul pesan error pada editor posting atau bahkan menghilang sama sekali. Hal ini terjadi karena ketika sebuah kode (khususnya tag) diletakkan di dalam

Anonymoushttp://www.blogger.com/profile/04471593278708116268noreply@blogger.com0tag:blogger.com,1999:blog-3224121151419555041.post-33311342576545112172012-09-13T20:22:00.000+07:002012-09-13T21:09:27.792+07:00

Contoh Penolakan Gambar di atas adalah beberapa contoh penolakan Blogger terhadap JavaScript dan URL yang Anda tambahkan di dalam template baik dari dasbor yang lama maupun dasbor yang baru. Suatu saat mungkin Anda mengalami masalah-masalah tersebut hingga pada akhirnya Anda memutuskan untuk menyerah dan tidak melanjutkan apa yang harus Anda selesaikan. Pertama-tama, perlu Anda ketahui bahwa

Anonymoushttp://www.blogger.com/profile/04471593278708116268noreply@blogger.com0tag:blogger.com,1999:blog-3224121151419555041.post-39047219313085180582012-09-13T18:24:00.000+07:002012-09-13T21:12:54.660+07:00

Kerangka dasar untuk menciptakan elemen akordion dan panel toggle hanya dengan CSS: HTML TOGGLE <div class="panel">     <input type="checkbox">     <label>Lorem Ipsum</label>     <div>Content...</div>     <input type="checkbox">     <label>Lorem Ipsum</label> &nbsp

Anonymoushttp://www.blogger.com/profile/04471593278708116268noreply@blogger.com0tag:blogger.com,1999:blog-3224121151419555041.post-76486491493017112582012-09-12T17:46:00.000+07:002012-09-13T21:17:57.910+07:00

Pasti Sobat semua sudah bisa membuat kotak search di blog dengan cara manual. Tetapi kalau yang otomatis bagaimana???? lho kok malah tanya...hehehehehehe Sekarang Blogger sudah mempunyai widget Kotak Penelusuran yang bagus untuk blog Kita. Cara memasangnya pun tanpa berurusan dengan coding yang bikin pusing...hehehehehe... Ngga usah banyak cerita yaa... langsung saja kita lihat caranya 1.

Anonymoushttp://www.blogger.com/profile/04471593278708116268noreply@blogger.com0