Posts

Showing posts from October, 2011

Membuat navigasi breadcrumb versi 2

Trik blogging - Sebagai kelanjutan dari posting sebelumnya yaitu   membuat navigasi breadcrumb versi 1 ,  kali ini ane akan share versi ke 2 nya. Sebelum kita mulai, pernahkah sobat mengalami hal ini? 1. Template eror ketika memasang breadcrumb 2. Template tidak eror tapi breadcrumbnya tidak muncul. Oke! mari kita lanjut. Dalam memasang breadcrumb, poin yang pertama umumnya sangat jarang terjadi, penyebabnya hanyalah salah meletakkan kode atau tidak menuliskan kode secara lengkap ( terutama tag pembuka dan penutup  ) Poin yang kedua, umumnya terjadi pada blog dengan template MINIMA /modifikasi minima. Mengapa? saya sendiri juga tidak tahu.. maklum, ane masih belajar. hehehe Bagi anda pecinta template minima yang ingin buat breadcrumb navigasi akan ane kasi tutorialnya. karna itu tanpa berlambat waktu kita langsung saja.. Oke!! 1. Pertama log in dulu ke akun blog sobat. 2. Klik rancangan --> edit html --> centang kotak expand template widget. 3. Klik download t...

Tips menghias blog

Tips Menghias Blog - Hiasan adalah hal yang mutlak di perlukan dalam hal mempercantik. bayangkan aja jika artis tanpa make up,, pasti kacau kan? Kali ini ane akan kasih tips untuk sobat - sobat tentang cara menghias blog yang baik meskipun tidak selalu benar... Hehehe. Sebelum kita menghias, terlebih dahulu kita cari tahu dulu makna kata Hias. Menghias berarti mendandani, mempercantik dan lain sebagainya yang nampak oleh indra.  Ada ungkapan yang berkata bahwa " Cantik di dalam adalah lebih baik dari pada cantik dari luar" ... Ya... memang benar, dan ungkapan tersebut juga berlaku dalam mendesain blog. Hiasan sebanyak apapun, se indah apapun takkan berarti jika tidak di dukung dengan konten yang berkualitas. (yang pasti hasil arya sendiri alias bukan COPAS) Banyak sekali  hiasan ( widget ) yang di sediakn gratis di dunia maya.. sobat bisa memasang jam, kalender, chatbox, counter, dan lain - lain di blog sobat dengan sangat mudah. Ada pula yang di sediakan pihak blogger mes...

SMP N 1 TATELU

Menjadi manusia yang sukses di awali atas tekat yang kuat, semangat yang membara, serta skill yang menunjang. Menyimak kata di atas, membawa saya teringat akan ucapan guru saya waktu SMP. Semasa SMP saya bersekolah di SMP N 1 TATELU, satu - satunya sekolah yang paling banyak di minati dari desa Klabat hingga Tetey dan Matungkas hingga Lumpias . Kualitas pendidikan yang baik, mengantarkan sekolah ini masuk dalam sekolah yang paling di favoritkan dan terkenal di minahasa utara. Tujuan saya memposting artikel ini seraya berbagi pada sobat blogger, terutama yang merasa alumni dari SMP N 1 TATELU, dengan harapan "sejauh apapun dan setinggi apapun engkau meraih impianmu", jangan engkau sekali - kali melupakan apa yang pernah terjadi dan kau alami di Sekolah ini Untuk sementara di artikel ini tidak ada foto albumnya.. Jika ada di antara teman yang memiliki album foto SMP N1 TATELU bisa sobat kirimkan di alamt FB saya di http://www.facebook.com/csnice

Menambah 2 kolom di bawah sidebar utama

Image
Tutorial blogspot - Waw cerahnya pagi ini... secerah hatiku. Karena itu kali ini aku semangat sekali bagi - bagi info untuk sobat. Setelah sebelumnya abang CHRIS ( itu nama ane bro... Sekedar perkenalan. hehehe ) memposting tentang cara membuat spoiler pada widget sidebar tanpa edit HTML , kali ini masih seputar Sidebar. Yaitu bagaimana Menambah 2 kolom di bawah sidebar utama . Tanpa berlambat - lambat waktu kita langsung saja ke cara pasangnya. Oke!! 1. Pertama sobat login dulu ke akun blog sobat. 2. Kemudian klik Rancangan ---> edit HTML 3. Cari kode yang mirip dengan kode berikut #sidebar-wrapper { width: 300px; float: $endSide; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ } Tmbhn Ganti kode width : 350px; dengan nilai atau lebar dari sidebar blog sobat dan float : $endside; dengan letak sidebar sobat.   $endside   sama dengan Right (kanan)   $stars...

Membuat menu horisontal animasi menyamping ( KWICKS )

Image
Tutorial blogspot - Setelah sebelumnya ane pernah memposting Cara membuat menu accordion di blogspot , kali ini ane akan kasih kalian tips yang lebih keren. Masih seputar trik blogger, saya yakin bagi para sobat yang suka blog walking pasti sobat pernah melihat yang sepeti ini: Cara kerjanya, ketika pointer mouse menyentuh salah satu menu, maka akan terlihat gmbar yang keluar menyemping dari menu tersebut. Untuk melihat demonya, Klik DEMO nah.. bagaiman sobat blogger.. ! udah ngerti kan?? Sekarang kita bahas cara pasangnya. 1. Pertama login dulu ke akun blog sobat. 2. Klik rancangan ---> Edit HTML 3. Cari kode ]]></b:skin>. ( gunakan ctrl+f untuk memudahkan pencarian)      Letakkan kode berikut di atasnya. .kwicks{height:50px;list-style:none;margin:0;padding:0;position:relative;width:840px;z-index:2 } .kwicks li{cursor:pointer;display:block;float:left;height:50px;overflow:hidden;padding:0;width:120px;z-index:2} .kwicks li a{background-image:url(http://...

Memasang widget "Do You Like This Story" di bawah postingan

Image
Trik blogspot - Mumpung ane lagi lowong, ni ane ada tips buat sobat blogger. Sebelum memulai tutorialnya, saya terlebih dahulu berterima kasih kepada pemilik blog http://www.mybloggertricks.com yang merupakan sumber dari artikel ini. Baiklah sobat - sobat, kita langsung saja. 1. Pertama sobat login dulu ke akun blog sobat. 2. Klik rancangan>edit HTML> Centang kotak Expand Template widget 3. Cari kode <data:post.body/> 4. Letakkan kode berikut di bawah kode nomor 3 <b:if cond='data:blog.pageType == &quot;item&quot;'> <style> form.emailform{ margin:20px 0 0; display:block; clear:both; } .mbttext{ background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBiWVfg6byM2dqdV7i_iEPuSBlz-cCwwa1M68qCqNk88tFHnUwA4ACPMAl7M4lJzjFAxVGxZXAh7jRZne1_gEY0yilrqxzS5fLi7JZAQJ2W6Jy1GcZwB1Wck9ywUKAkIsQFza2rD_lx6GH/s28/w2b-mail.png) no-repeat scroll 4px center transparent; padding:7px 15px 7px 35px; ...

Membuat favicon animasi di blogspot

Image
Trik blogspot-  Mau membuat gambar favicon anda bergerak(animasi)?  Caranya mudah kok! hanya beberapa langkah yang harus sobat lewati.  Tanpa mengulur waktu lagi, Lebih baik kita langsung saja ke TKPnya.. 1.Pertama - tama yang sobat harus lakukan yaitu sobat harus mengunjungi Situs  http://www.favicongenerator.org 2. kemudian scroll mouse hingga ke bagian bawah halaman. Maka sobat akan temukan tampilan seperti berikut 3. Klik pada tulisan browse, Kemudian masukan Gambar yang telah sobat sediakan sebelumnya  di komputer sobat. 4. Masukkan Teks pada kotak Scrolling text ( jika ada ) digunakan untuk menghasilkan Favicon Teks Bergulir . 5. Setelah ikuti klik tulisan Generate favicon, maka akan tampil beberapa icon yang bisa sobat copy paste. Caranya: klik kana pada mouse, klik Save Image As . 6. Upload gambar tersebut yang telah ada di komputer sobat ke Filehosting milik sobat. ( Photobucket,picasa web album dan lain - lain ) 7. Ambil kode htmlnya. 8. Selanju...

Cara memasang Mp3 di blogspot?

Image
Tutorial blogspot - Masih mengenai perhiasan blog, kali ini ada trik yang harus sobat blogger coba. kita akan coba memasang Mp3 di blog. Widget kali ini mungkin akan menambah berat loading blog sobat tapi mungkin juga sebanding dengan hiburan bagi para pengunjung blog sobat. Karena itu ni ane kasih tutorialnya.. 1. Pertama - tama sobat kunjungi dulu situs ini http://www.divine-music.info 2. Perhatikan pada sidebar kiri. Gambarnya seperti ini: Home Country Music Hip Hop Pop Heavy Rock/Metal R & B Techno/Dance Browse All Amicons and Avatars Glitter Lyrics Myspace Layouts 3. Misalnya sobat memilih mp3 yang ber-genre R&B, maka tampilannya akan seperti berikut: 4. Misalnya, Sobat pilih Bruno mars maka akan muncul listnya beserta kode yang akan sobat pasang di widget sobat. 5. Copy kodenya, kemudian  6. Masuk ke Dashboard blog sobat. 7. Klik  tata letak. 8. Klik add gadget. 9. Pilih...