Sabtu, 31 Maret 2012

Cara Ganti Kursor Untuk Blog + Macam - Macam Kursor



Berikut Langkah-langkahnya:

Masuk ke Blogger, pilih Tata Letak -> Tambah Gadget > Klik HTML / Javascript > yang terakhir jangan lupa klik save.
oke...........................................................  good luck sob
Tambahan : kalian juga bisa pilih berbagai kursor di http://www.totallyfreecursors.com/ , http://www.123cursors.com/ dan http://www.cursors-4u.com/ 





                                             


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj18QFpRdmAKl0olm3hMZH-YkK3PMFTqOMScFnJGOwbZC2ToSU8BgfqKPyJnqXg02SH-TqOprduFZYee_9LoNuiDUQ-jrGS9iaZD0TFvPNqwbfY8CNokNDoR0NwqkWQ3qkJIzmur7vbEBuA/s1600/jasablogsitus-web-id.gif
                                          
                                                  <style type="text/css">
                             body{cursor: url("http://i46.tinypic.com/24zivc8.gif"), auto;}
                                                                    </style>

http://i46.tinypic.com/24zivc8.gif%3C/div%3E%3Cp%3E%E2%80%9D%20title=%E2%80%9Dhttp://i46.tinypic.com/24zivc8.gif%3C/p%3E%3C/div%3E%3Cp%3E%E2%80%9D%20target=%E2%80%9D_blank%E2%80%9D%3Ehttp://i46.tinypic.com/24zivc8.gif%3C/p%3E%3C/div%3E%3Cp%3E%3C/a%3E%3Cbr%20/%3E%3Ca%20href=

 <style type="text/css">
body{cursor: url("http://downloads.totallyfreecursors.com/thumbnails/cool1.gif"), auto;}</style>
                                                                                   http://downloads.totallyfreecursors.com/thumbnails/cool1.gif

                                   

<style type="text/css">
body{cursor: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEpI-1H7KVa6G2Xc6KdvLKqyDW2aeajdPeEi2o9987owE1j8Pv-4WkEvRiQ7BxfaxShxshOVtN6gsuRBCLti9L2cnhfmIlJsvAmP97dQlv2nq_ZQKU-CswLbZq8D0igFEsymAXWsMnJ2PW/s1600/cursorblue.png"), auto;}</style>
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEpI-1H7KVa6G2Xc6KdvLKqyDW2aeajdPeEi2o9987owE1j8Pv-4WkEvRiQ7BxfaxShxshOVtN6gsuRBCLti9L2cnhfmIlJsvAmP97dQlv2nq_ZQKU-CswLbZq8D0igFEsymAXWsMnJ2PW/s1600/cursorblue.png

                                                               
 
<style type="text/css">
body{cursor: url("http://downloads.totallyfreecursors.com/thumbnails/aliendance.gif"), auto;}</style>

                                                                               http://downloads.totallyfreecursors.com/thumbnails/aliendance.gif

Cara Membuat Efek Petir Di Blog

hai sob kali ini kita akan membahas tentang cara membuat efek petir, oke lah
Langsung aja

Login blogger > dashbor >Pilih tata letak/Rancangan >
lalu pilih lagi "Tambahkan gadget"
Kemudian yang terakhir klik HTML/JAVA SRICPT
coppas kode di bawah ini

<style type="text/css">body { background-image: url(http://i958.photobucket.com/albums/ae69/putrablidz/storm.gif); background-color:transparent; }</style>


kalo udah jangan lupa simpan oke.
GOOD LUCK

Cara Menghilangkam Gambar Obeng/Tang

sumber : blogtegal.com


Bagaimana cara menghilangkam gambar obeng atau gambar tang pada blogspot? Apa kegunaan dari tang dan obeng tersebut?


Sebenarnya gambar obeng atau gambar tang tersebut berguna untuk mempercepat pengeditan widget blog secara langsung tanpa anda harus masuk ke dashboard blog anda.

Dengan syarat akun email anda sudah login ke browser yang di gunakan.
Sebenarnya pula gambar obeng atau gambar tang tersebut tidak akan muncul jika di buka di beda komputer (beda alamat IP). Atau gambar tang tersebut tidak akan muncul jika akun anda tidak login pada komputer yang di gunakan.

Tapi terkadang gambar obeng atau gambar tang tersebut muncul pada komputer yang lain. Meskipun aku! n yang masuk bukan akun yang sebenarnya,dan ini akan memberatkan loading blog lama bagi para pengunjung.
Berikut cara untuk menghilangkan gambar obeng.

  • pertama login ke dashboard blog anda.
  • pilih Rancangan--Edit HTML
  • beri tanda centang pada kotak kecil disamping tulisan ''Expand Template Widget''
  • temukan dan hapus kode berikut <b:include name='quickedit'/>
  • satu kode mewakili satu gambar obeng.
  • banyaknya gambar obeng tergantung dari banyaknya widget yang di gunakan, jika blog anda menggunakan 6 widget, berarti ada gambar 6 obeng dan ada 6 kode diatas.
  • jika sudah di hapus kode diatas kemudian save template.
Jika masih keluar gambar obeng pada tampilan blog anda, berarti belum terhapus semua kode diatas, cari lagi kode diatas dan hapus. Jika masih ada yang kurang jelas atau kurang paham bisa bertanya pada kotak komentar di bawah,key. kata

Cara Membuat Blog - Panduan Lengkap Bagi Pemula

sumber  : bejana.com

Bagi sebagian orang, cara membuat blog sudah menjadi keahlian yang lazim dipakai sehari-hari, tapi bagi pemula yang baru ingin memulai... banyak tantangan yang harus dilalui dan pertanyaan yang belum terjawab. Dalam panduan ini, saya telah mengumpulkan beberapa sumber daya penting agar Anda dapat membuat sebuah blog dari nol.
Harus diakui tidak akan mungkin mendiskusikan semuanya, Anda akan menemukan semua yang Anda butuhkan untuk membuat blog. Yang lebih penting lagi, panduan ini akan menuntun Anda agar dapat mencapai tujuan secepat mungkin dan juga mengembangkan blog Anda sehingga bukan hanya menjadi salah satu blog yang aktif sesaat saja. Bahkan, Anda mungkin bisa membuatnya sebagai salah satu sumber pendapatan Anda.
Singkatnya, panduan cara membuat blog ini akan menerangkan bagaimana memilih platform blog yang baik sampai ke topik seperti membuat konten yang baik dan menarik perhatian pemirsa Anda. Tidak peduli apakah Anda ingin membikin blog pribadi ataupun mempersiapkan diri menjadi blogger independen sebagai bisnis rumahan atau sampingan, panduan ini akan membantu.
Beberapa topik yang akan dikupas:
  • Apa itu blog?
  • Mengapa Anda harus membuat blog?
  • Platform blog mana yang terbaik bagi Anda?
  • Cara buat blog gratis yang bagus, keunggulan dan kelemahannya
  • Apakah ada aplikasi yang memungkin Anda nge-blog tanpa online (dari desktop)?
  • Apa topik yang harus saya tulis?
  • Bagaimana Anda dapat menciptakan konten yang menarik?
  • Di mana Anda dapat menemukan gambar gratis atau murah untuk blog Anda?
  • Sumber daya lainnya yang bermanfaat untuk pembelajaran lebih lanjut
Ada banyak informasi yang dapat dicerna di sini. Silakan menikmati apa yang tersedia. Semoga bermanfaat.

Pengertian Blog

Istilah blog menjadi populer akhir-akhir ini dan Anda mungkin punya ide apa yang dimaksud dengan blog tapi jika ditanya, semua orang pasti akan memiliki pendapat yang berbeda. Namun usaha untuk mengerti tentang blog itu penting, terutama bila Anda ingin menjadikannya sebagai suatu bisnis.
Kata blog sebenarnya berasal dari gabungan dua kata yaitu, web dan log. Dengan kata lain, blog adalah kumpulan atau catatan pikiran, ide, foto, video, tautan dan apa saja tentang Anda. Secara teknis, kumpulan konten ini diurutkan secara kronologis terbalik. Yang terbaru di atas dan seterusnya ke bawah dan halaman berikutnya. Kumpulan tulisan singkat dapat saja dikatakan sebagai blog.
Ada yang mengkategorikan lebih jauh menurut ciri-cirinya, yaitu memiliki judul, batang tubuh, komentar, tanggal serta waktu penulisan dan penerbitannya. Tapi ciri-ciri seperti ini semakin kabur seiring berjalannya waktu. Misalnya, salah satu perangkat lunak pembuat blog yang terkenal, WordPress, telah dikembangkan sedemikian rupa sehingga berubah fungsi. Sekarang ini, selain dipergunakan sebagai blog, WordPress juga dapat dijadikan alat bantu manajemen konten situs.
Dari situs iklan baris sampai jejaring sosial, semua dapat dibangun menggunakan WordPress dan plugin-nya, yang mana merupakan cara memperluas dan menambah fasilitas pada kerangka dasar yang ada. Dengan kata lain, blog dapat dibuat sesederhana atau sekompleks mungkin dengan berbagai fitur tergantung apa yang diinginkan oleh pembuatnya.

Mengapa Anda harus membuat blog?

Tidak ada alasan yang pasti mengapa seseorang membuat blog. Semuanya tergantung motivasi individu yang bersangkutan. Tapi ada beberapa tujuan dan alasan yang mungkin tidak terpikirkan ketika ingin membuat blog, yang dapat menambah wawasan dan perspektif ke mana blog yang Anda bangun akan digiring nantinya.
Beberapa orang membuat blog sekedar hobi. Memang inilah tujuan awalnya ketika perangkat lunak blog pertama dikembangkan. Mereka ingin cara yang mudah untuk mengarsip catatan pribadi dan juga berbagi dengan yang lainnya apa yang mereka tulis. Blog saat ini dapat dipergunakan sebagai album foto, berbagi pengalaman tentang apa yang Anda pelajari sehari-hari, maupun sebagi cara untuk berkomunikasi dengan teman dekat atau sanak keluarga.
Secara profesional dan dari segi bisnis, blog dapat digali lebih jauh agar menawarkan keuntungan berikut ini bagi Anda:
  • Mendemonstrasikan keahlian dan membangun komunitas. Tidak ada cara yang lebih baik untuk mendemonstrasikan keahlian Anda selain menulisnya. Orang yang menemukan tulisan Anda akan menyimpulkan sendiri apakah Anda cukup berpengetahuan tentang suatu topik. Tidak perlu menyombongkan diri dan dikira membuat klaim palsu. Blog juga dapat dipergunakan untuk mengumpulkan pemirsa dan membangun komunitas seputar suatu bidang.
  • Sebagai curriculum vitae (CV) atau resume. CV atau resume tradisional sudah kedaluarsa. Setiap orang dapat menulis resume terbaik dengan daftar keahlian yang panjangnya berkilometer. Tapi dewasa ini yang dibutuhkan perusahaan adalah bukti Anda benar-benar menguasai bidang tersebut. Dengan memiliki blog dan menciptakan konten yang bermutu seputar topik yang Anda kuasai, Anda memiliki alat pendukung kuat bagi resume Anda.
  • Sebagai sumber pendapatan penuh atau sampingan. Ada banyak peluang terduga maupun tak terduga yang dapat dikembangkan dari sebuah blog. Dengan pemirsa yang tetap dan tertarget, Anda bisa saja bekerjasama dengan jejaring periklanan untuk menampilkan iklan. Model bisnis ini cukup terkenal karena Anda hanya fokus pada pembuatan konten dan komunitas. Banyak blogger yang juga berhasil mendapatkan kontrak penulisan buku, menjadi pembicara di seminar, konsultasi dan beberapa pendapatan lainnya.
Untuk badan usaha mikro, kecil maupun menengah, memiliki sebuah blog akan lebih menguntungkan lagi. Anda dapat mempublikasikan berita terbaru, promosi, acara maupun kontes bagi prospek dan pelanggan Anda tanpa perlu mengeluarkan dana yang besar. Dengan komunitas yang solid, komunitas Anda akan menjadi supporter dan promotor bagi bisnis Anda. Mereka akan memberitahukan orang lain tentang produk baru, tentang promosi Anda, apa saja. Hal-hal tersebut harus diakui bahkan tidak dapat dibeli dengan iklan.
Jadi apapun tujuan Anda, apakah ingin membuat sebuah blog hanya untuk alasan pribadi ataupun berkomunikasi dengan prospek dan pelanggan serta menciptakan kehadiran yang lebih nyata di dunia maya, sebuah blog dapat membantu Anda.

Platform Blog Mana Yang Terbaik Bagi Anda?

Jawabannya sederhana saja. WordPress atau Blogger. Bila Anda ingin membuat blog gratis maka pilihannya di antara WordPress.com ataupun Blogger. Untuk blog yang dibangun pada hosting Anda sendiri, maka satu yang paling populer adalah WordPress.org. Kebetulan pula kedua platform tersebut merupakan yang termudah dengan tutorial blog yang memadai.
WordPress.com menggunakan perangkat lunak dari WordPress.org untuk memberikan jasa hosting kepada pemakai Internet. Tentunya ada opsi-opsi yang harus Anda beli bila ingin menambah fitur. Dengan menginstal WordPress.org di hosting Anda sendiri, Anda dapat menyesuaikan fitur sesuai keinginan Anda selama hosting Anda mengizinkannya.
Sebenarnya ada banyak platform blog lainnya tapi WordPress dan Blogger telah menjadi begitu populer... dan pada dasarnya dapat dibentuk menjadi apapun yang Anda inginkan sehingga tidak ada alasan lain memilih yang lain. Bila Anda menemukan masalah atau ingin suatu fitur tambahan, dengan memilih platform yang populer, ada banyak kemungkinan orang lain telah menyelesaikan problema atau mengembangkan fitur tersebut.
Sebagai catatan, berikut ini adalah pangsa pasar platform blog menurut data 2010:
Pangsa Pasar Platform Blog
Menurut rist pingdom di tahun 2009, 32 blog top 100 di dunia menggunakan WordPress.org ataupun WordPress.com. Kayak promosi yah, tapi beginilah kenyataan di lapangan sekarang ini. Silakan simak grafik kue berikut:
Platform Blog Top 100
Jadi, yang mana yang terbaik untuk Anda? Jawabannya tergantung dari pribadi masing-masing. Tapi ada beberapa hal yang perlu Anda pertimbangkan. Platform blog itu sendiri terdiri dari dua bagian besar:
  1. Jasa platform blog. Platform ini adalah sebuah jasa, bisa saja berbayar maupun gratis. Dua platform gratis yang populer telah disebutkan di atas, Blogger.com dan WordPress.com. Tipe blog ini sesuai untuk pemula yang ingin bereksperimen karena domain yang Anda miliki berada di kawasan platform yang bersangkutan (namaanda.blogspot.com atau namaanda.wordpress.com, bukan hanya namaanda.com). Untuk profesional dan bisnis, ini merupakan suatu hal yang patut dipertimbangkan. Kelemahannya adalah, dengan jasa platform Anda tidak memiliki blog Anda secara nyata. Akun Anda bisa saja lenyap kapan saja karena melanggar aturan. Belum lagi blog dengan sub-domain kelihatan kurang profesional. Anda tidak harus percaya, tapi Seth Godin, marketer internasional ternama mengatakan ini sendiri di problogger.net: "Maybe, if I had to pick something, it would be directing to a domain I own (sethgodin.com) instead of sethgodin.typepad.com."
  2. Platform blog independen. Pilihan platform ini memberikan lebih banyak kontrol dari segi presentasi, modifikasi dan fungsionalitas. Jika Anda ingin mengembangkan blog untuk mendukung karir profesional atau bisnis Anda, saran saya adalah memakai platform ini. Memang butuh sedikit biaya tapi ini bermanfaat sebagai strategi jangka panjang.

Aplikasi Blogging Untuk Desktop

Bagi kebanyakan blogger Indonesia, koneksi Internet 24 jam masih merupakan tantangan karena berbagai alasan, termasuk infrastruktur yang kurang baik dan dana. Akan sangat membantu jika ada aplikasi yang dapat membantu seorang blogger agar dapat menulis tanpa harus online terlebih dahulu. Kabar baiknya, aplikasi seperti itu memang tersedia.
Alat bantu ini fungsinya sederhana. Anda membuat tulisan dengan segala format sesuai dengan keinginan Anda, menyisipkan gambar, bahkan video, dan melakukan pratinjau tulisan. Software ini juga mengijinkan Anda menyimpan tulisan pada hard disk komputer. Dan ketika siap mempublikasikannya, tinggal menyambungkan koneksi dan mempublikasikannya.
Beberapa aplikasi populer yang masuk dalam kategori ini adalah:
  • Windows Live Writer. Sesuai namanya, software ini bekerja untuk Windows dan kompatibel untuk platform Blogger maupun WordPress.
  • Ecto Ini adalah software pilihan untuk yang bekerja menggunakan Apple Mac. Perangkat lunak ini berbayar namun harganya cukup terjangkau, $19.95. Dengan aplikasi ini Anda dapat melakukan fungsi-fungsi dasar dan juga banyak fitur lanjutan lainnya seperti mengkonversi gambar dan menciptakan miniatur.
  • ScribeFire. Aplikasi ini unik karena kompatibel di segala platform. Ini mungkin karena ScribFire sebenarnya merupakan add-on atau ekstensi yang bekerja di atas peramban web Mozilla Firefox. Jika Anda sering menulis blog sambil mengutip dari berbagai sumber maka aplikasi ini sangat membantu.

Apa Topik Yang Harus Saya Tulis?

Sebenarnya ini bukan pertanyaan teknis, namun cukup sering ditanyakan sehingga saya memutuskan untuk memasukkan satu bagian singkat dalam panduan ini.
Pertanyaan tentang topik yang ditulis dapat terjawab dengan segera begitu Anda menemukan ceruk pasar Anda dan peran Anda di dalamnya. Jika Anda memulai suatu blog hanya untuk alasan pribadi maka konten yang Anda buat tentunya terserah Anda, tapi bila blog yang bersangkutan terkait dengan bisnis maka ceruk pasar menjadi faktor yang sangat menentukan.
Memang tidak ada salahnya menulis apa saja yang terlintas di benak Anda atau topik apa pun yang Anda sukai, tapi untuk membangun komunitas melalui blog... ceruk pasar yang Anda pilih harus jelas dan terarah. Pemirsa jarang ingin menghabiskan waktu untuk blog yang tidak jelas topik dan tujuannya, kecuali bila mereka membaca hanya untuk sebagai hiburan.
Saran saya, bila Anda benar-benar tidak tahu di mana harus memulai, konsultasikan dengan Google. Cari tahu apa yang ditulis sesama blogger tentang topik yang Anda pilih. Berlangganan RSS dan mengikutinya selama beberapa waktu akan membuka wawasan Anda mengenai apa yang dapat Anda tulis. Saya yakin setelah terjun ke dalamnya dan menguasai suatu bidang, hal-hal yang dapat Anda tulis sesungguhnya tidak terbatas.
Misalnya, jika menemukan topik yang menarik di blog lain dan Anda memiliki perspektif yang lain, atau pendapat yang berbeda, tidak ada salahnya memulai percakapan dari blog Anda dan memberikan tautan ke sumber. Dengan cara ini saya telah menjalin hubungan dengan banyak blogger ternama. Anda pun dapat melakukannya. Cara ini jauh lebih efektif sebagai pembuka percakapan dibanding email tak diundang. Blogger profesional seringkali memonitor apa yang dikatakan oleh rekan sesama blogger dan tautan yang masuk ke dalam blog mereka.
Anda juga dapat menjawab pertanyaan yang ditemukan di forum-forum. Mungkin jawaban Anda di forum terkesan ringkas tapi setelah melalui proses pemikiran yang cukup lama, pasti ada tambahan. Tidak ada salahnya menuliskannya agar ada arsipnya sehingga dapat ditemukan oleh orang lain.
Akan ada kesulitan ketika pertama kali menulis, tapi yakinlah selanjutnya selalu akan lebih mudah. Sampai suatu saat ide untuk topik akan lebih cepat berdatangan dan Anda tidak akan memiliki waktu yang cukup untuk menulis semuanya. Saat ini, mudah bagi saya untuk mendapatkan ide, tapi memilih ide yang tepat untuk ditulis sama sulitnya. Tantangan blogger di semua tingkatan selalu ada. Tinggal bagaimana Anda menyikapinya dan belajar darinya.

Bagaimana Anda Dapat Menciptakan Konten Yang Menarik?

Pada tahap ini, Anda telah memiliki blog dan menata komputer Anda sehingga dapat menulis kapan saja tanpa harus terkoneksi ke Internet. Anda juga sudah tahu apa yang harus ditulis pertama kali. Nah, sekarang pertanyaannya bagaimana Anda dapat menciptakan konten yang menarik sehingga dibaca orang terus menerus?
Menurut hemat saya, konten yang menarik bukanlah konten yang menurut Anda bagus. Semuanya harus dipikirkan dari perspektif seorang pembaca. Akan sangat membantu jika Anda memikirkannya sebagai aliran proses. Tentunya ini tergantung bagaimana pembaca Anda menemukan blog Anda.
Katakanlah semuanya bermula dari mesin pencari. Untuk dapat ditemukan di sana, Anda harus menggunakan keyword atau kata kunci yang dipakai oleh para pemirsa. Artinya Anda perlu melakukan riset kata kunci yang tepat untuk dipakai di tulisan blog Anda. Proses ini, termasuk cara optimasi blog agar ditemukan di mesin pencari merupakan satu bidangnya sendiri yang dinamakan SEO atau Search Engine Optimization.
Nah, saat menemukan tulisan Anda di mesin pencari... apa yang membuat seorang calon pembaca mengeklik halaman situs Anda? Sebuah judul yang menarik. Ya, judul tulisan Anda tidak boleh membosankan. Walaupun tulisan Anda mengenai topik yang sangat biasa, harus disuntikkan nyawa ke dalamnya agar hidup. Seni dan pengetahuan ini dinamakan copywriting.
Setelah seorang pengunjung datang ke blog Anda, mereka akan mulai membaca. Kalimat pertama dan paragraf pendahulan haruslah menarik agar pembaca memutuskan untuk menelusuri keseluruhan konten. Di Internet, orang seringkali bergerak sangat cepat. Mereka dengan cepat bergerak dari atas peramban web ke bawah dan hanya berhenti jika benar-benar menemukan hal yang menarik.
Dengan kata lain, Anda punya waktu yang sangat sedikit untuk menarik perhatian mereka. Dan bila konten Anda kuat dan berhasil menghibur atau membuat mereka berdecak kagum, mungkin mereka akan berlangganan RSS blog Anda. RSS itu pada dasarnya format berkas yang berisi konten blog Anda, yang dapat dibaca dari pembaca RSS. Seorang pelanggan tidak harus mengunjungi blog Anda untuk mengetahui apakah ada tulisan baru. Pembaca RSS akan memberitahu kepada mereka.
Aliran proses itu dapat dijadikan panduan untuk menarik pemirsa. Penting diingat bahwa jika salah satu titik yang dijelaskan di atas lemah, pembaca mungkin saja memutuskan untuk berhenti dan tidak pernah kembali lagi. Dan aliran proses ini hanyalah suatu proses.
Merupakan bidang yang lain pula bila Anda ingin menulis dengan gaya yang menarik. Beberapa orang memiliki talenta untuk yang satu ini sedangkan yang lain harus berimprovisasi sedikit demi sedikit. Harus diakui saya termasuk yang belakangan.
Oh ya, satu lagi. Format tulisan pun bisa menentukan apakah konten Anda menarik atau tidak. Ingat bahwa pemirsa bergerak cepat. Jika konten Anda hanya kumpulan tulisan dengan paragraf panjang, tanpa format apa-apa, dalam satu halaman web, pembaca akan patah semangat dan mencari sumber daya lain. Mereka tidak punya banyak waktu kecuali Anda telah berhasil meyakinkan mereka tentang kualitas dan daya tarik tulisan tersebut.
Salah satu cara yang suka saya pakai adalah dengan membagi-bagi tulisan menjadi beberapa bagian. Metode lain adalah dengan menulis dalam format yang mudah dicerna. Misalnya, 3 langkah membuat blog gratis. Setiap langkah akan merupakan sub-bagian dari artikel sehingga tidak terlihat sebagi suatu blok konten yang membosankan.

Cara Membuat Menu Horizontal Css





Cara memasang widget menu horizontal menu di Blogger/Blogspot:

1. Masuk ke dashboard > Design/Rancangan > edit HTML
2. Masukkan kode CSS tepat di ATAS ]]></b:skin> (gunakan Ctrl + F untuk mencari)
 Kode CSS:
ul#menu {width: 100%;height: 43px;background: #FFF url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVtxyq7lmwxfFUkmdakbsK7ovgkSfuWPvdqYsMYPwm5Y1DTySiJRNAtkxsYep8S6qNnXeXv6xw04pTtFa1U8tAqQeFKKYmccAZVFsbG9yicHzG0H4IJuJXuvZE1rrtqUgjGsWK4txIETw/s1600/menu-bg.gif") top left repeat-x;font-size: 0.8em;font-family: "Lucida Grande", Verdana, sans-serif;font-weight: bold;list-style-type: none;margin: 0;padding: 0;}
ul#menu li {display: block;float: left;margin: 0 0 0 5px;}
ul#menu li a {height: 43px;color: #777;text-decoration: none;display: block;float: left;line-height: 200%;padding: 8px 15px 0;}ul#menu li a:hover {color: #333;}
ul#menu li a.current {color: #FFF;background: #FFF url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2JeOVs9wlzf9iSsV7t_q7DIS0ipOYBGjzBu2fJkyNhI-nHLtDV4j1l1OeNdNl6K2EZ0Hw1F009_1OQhy1I9shB38g0k1V-qaJN1nKeeyRXn7bZGrX-CaDLBkgIEBo30JgJhYpamPiuv0/s1600/current-bg.gif") top left repeat-x;padding: 5px 15px 0;}
3. Save template.
4. Copy Kode HTML, ganti #(url homepage anda) dengan url homepage blog, dan  # dengan url-url lain yang ingin dipasang di menu. Ganti kata-kata Home, Daftar Isi Blog, dan lain-lain dengan anchor text yang diinginkan.
Kode HTML:
<ul id="menu">
<li><a class="current" href="#(url homepage anda)">Home</a></li>
<li><a href="#">Daftar Isi Blog</a></li>
<li><a href="#">Contact Me</a></li>
<li><a href="#">Advertise</a></li>
<li><a href="#">SMS Gratis!</a></li>
</ul>
Contoh:
<li><a class="current" href="http://setiadik7.blogspot.com">Home</a></li>
Jika ingin menambah atau mengurangi link menu, tambah atau hapus baris:
<li><a href="#">anchor text</a></li> sebelum </ul>.

5. Masuk ke dashboard > Design/Rancangan > Klik Add a Gadget
6. Setelah pop up window muncul, pilih opsi HTML/Javascript
7. Kemudian masukkan Kode HTML yang telah diedit ke kolom configure HTML/Javascript.


7. Klik save.
8. Drag/geser widget menu horizontal tersebut ke bawah/atas header. 
9. Save lagi. 
                                            good luck sob

Membuat Animasi Twitter Di Blog


Membuat Animasi Twitter Di Blog kali ini berbeda dengan Burung Twitter Terbang seperti yang pernah saya bahas, tapi fungsi-nya tetap sama. Cara-nya pun tidak jauh berbeda, jika anda sudah merasah bosan dengan tampilan burung twitter yang terbang kesana kemari, anda patut mencoba yang satu ini. Ada 3 pilahan widget yang dapat anda gunakan. silahkan pilih salah satu menurut anda yang paling bagus.

1. Log in ke account blogger anda.
2. Pada "Dashboard" klik "Design", setelah itu klik "Add Gadget" dan pilih "HTML/JavaScript".
3. Pilh salah satu Animasi di bawah ini dan Copy Script-nya ke dalam "HTML/JavaScript".
Contoh Animasi 1:

Copy kode Script di bawah ini jika anda ingin menggunakan Animasi 1.
<object type="application/x-shockwave-flash" data="http://www.buzzbuttons.com/BUTTON8/twitbutton.swf" width="200" height="200"><param name="movie" value="http://www.buzzbuttons.com/BUTTON8/twitbutton.swf"></param><param name="allowscriptaccess" value="always"></param><param name="menu" value="false"></param><param name="wmode" value="transparent"></param><param name="flashvars" value="username=ivennuary"></param><a href="http://www.dreambingo.co.uk/" title="http://www.dreambingo.co.uk/">http://www.dreambingo.co.uk/</a><embed src="http://www.buzzbuttons.com/BUTTON8/twitbutton.swf" type="application/x-shockwave-flash" allowscriptaccess="always" width="200" height="200" menu="false" wmode="transparent" flashvars="username=ivennuary"></embed></object>


Contoh Animasi 2:
Copy kode Script di bawah ini jika anda ingin menggunakan Animasi 2.
<object data="http://www.buzzbuttons.com/BUTTON6/twitbutton.swf" height="80" type="application/x-shockwave-flash" width="180"><param name="movie"
value="http://www.buzzbuttons.com/BUTTON6/twitbutton.swf" />
<param name="allowscriptaccess" value="always"/><param name="menu" value="false"/><param name="wmode" value="transparent"/>
<param name="flashvars" value="username=ivennuary"/><a href="http://www.gamblinginsider.ca" title="gambling">gambling</a><embed src="http://www.buzzbuttons.com/BUTTON6/twitbutton.swf" type="application/x-shockwave-flash" allowscriptaccess="always" width="180" height="80" menu="false" wmode="transparent" flashvars="username=ivennuary"></embed></object>


Contoh Animasi 3:
Copy kode Script di bawah ini jika anda ingin menggunakan Animasi 3.
<object type="application/x-shockwave-flash" data="http://www.buzzbuttons.com/BUTTON3/twitbutton.swf" width="100" height="100"><param name="movie" value="http://www.buzzbuttons.com/BUTTON3/twitbutton.swf"></param><param name="allowscriptaccess" value="always"></param><param name="menu" value="false"></param><param name="wmode" value="transparent"></param><param name="flashvars" value="username=ivennuary"></param><a href="http://www.gamblinginsider.ca" title="online gambling insider.ca">online gambling insider.ca</a><embed src="http://www.buzzbuttons.com/BUTTON3/twitbutton.swf" type="application/x-shockwave-flash" allowscriptaccess="always" width="100" height="100" menu="false" wmode="transparent" flashvars="username= ivennuary"></embed></object>

4. Ganti ivennuary dengan nama account twitter anda, setelah selesai silahkan simpan dan lihat hasilnya.  
                
                                                          good luck

Jumat, 30 Maret 2012

Kerugian Mengganti Template Blog


Akibatnya, kita cenderung berkeinginan untuk mengganti template blog kita dengan template terbaru yang menurut kita bagus untuk memancing pembaca agar betah untuk berkunjung. Hal ini merupakan tindakan yang salah dan harus kita hindari karena terlalu sering mengganti template blog justru akan merugikan kita dan juga blog milik kita.

Beberapa kerugian mengganti template blog yang perlu untuk kita ketahui mulai sekarang antara lain sebagai berikut:

1. Blog dibanned Google.

Aktifitas mengganti template blogspot yang terlalu sering bisa mengancam eksistensi dari blog yang kita miliki. Hal ini dikarenakan blog yang terlalu sering diganti templatenya berpotensi untuk dibanned oleh Google. Alasan yang menyebabkan munculnya akibat ini juga kurang begitu jelas. Kita dapat menjadikan SPAM sebagai alasan yang membuat Google merasa curiga hingga akhirnya membanned blog milik kita.

2. Kehilangan pernak-pernik blog.

Jika kita sudah menggunakan template blog dalam waktu yang lama, tentu kita sudah memiliki banyak pernak-pernik yang terpasang dalam blog kita. Kita memang dapat mempertahankan pernak-pernik blog yang terpasang dalam elemen laman. Akan tetapi, kita akan lupa atau merasa kesulitan jika harus memindahkan pernak-pernik blog yang terpasang dalam HTML template blog kita seperti verifikasi meta tag untuk daftar blog di Google, daftar blog di Bing, dsb.

3. memiliki branding.

Template blog dapat kita jadikan sebagai branding dari blog milik kita sendiri. Setiap orang akan mudah mengenali blog kita dengan hanya menghafal bentuk templatenya saja. Selain itu, template blog juga menggambarkan identitas serta karakter dari blog yang kita miliki. Jika kita terlalu sering mengganti template blog, banyak pembaca dan pengunjung setia kita tidak dapat mengidentifikasikan dan mengingat seperti apa bentuk tetap dari blog yang kita miliki.

Kamis, 29 Maret 2012

Edit Halaman Web Dengan Css Template



"Css Template" , inilah yang mungkin akan membuat halaman web kamu akan lebih terlihat indah,cantik dan lebih menarik. Mulanya saya juga masih pusing dengan apa yang namanya css template dan bagaimana cara membuatnya. Semua web yang memuat artikel tentang ini pun aku jelajahi, namun demikian masih saja belum ngerti alias blank.Karena banyaknya web yang telah aku jelajahi, akhirnya aku tarik kesimpulan dan hasilnya web ku pun berubah dengan tampilan css template seperti yang sekarang ini. Nah.... kali ini saya ingin berbagi pengalaman tentang bagaimana cara meng-edit halaman dengan css template di wen.ru.

Pertama
Download css template yang masih berbentu file zip disini. Untuk pertama kali cobalah dengan css template dengan tampilan yang yang sederhana, agar kamu mudah untuk mengedit file html nya.
Kedua
Biar kamu tidak merasa bingung dan mudah untuk memberikan gambaran, kami sarankan lakukan edit pada sebuah komputer. Ekstrak tema yang telah kamu pilih tadi dan hasilnya ada 4 file yaitu; css,lisensi.txt, images danindex.html. Setelah itu buatlah sebuah folder di wen.ru dengan menamainya sesuai dengan nama tema yang kamu pilih, "sunflower" misalnya. Kemudian Upload file css ( biasanya dinamai "default.css" atau style.css), lisensi.text. Untuk mengupload images ke wen.ru kamu harus buat dulu folder didalam folder "sunflower" tadi dengan menamainya "images" lalu gambar atau foto dari images hasil ekstrak diatas kamu upload satu-persatu ke dalam folder images yg telah kamu buat pada folder "sunflower" pada wen.ru. Untuk " index.html" nya tidak perlu diupload.
Ketiga
Untuk mengedit css mulailah dengan membuka file images lalu perhatian dimana images tersebut tersimpan ( alamat url images ). Sebagai contoh css template yang kamu pilih adalah "sunflower".css template. Dan alamat url dari images-nya adalah sebagai berikut;
  • http://apa-maumu.wen.ru/sunflower/images/img.01.gif
  • http://apa-maumu.wen.ru/sunflower/images/img.02.jpg
dan seterusnya.......
Keempat
Langkah selanjutnya adalah adalah "meng-edit CSS". Buka atau klik file default.css atau style.css lalu buka kembali dengan fulltext editor wen.ru perhatikan kembali dimana alamat url default.css atau style.css tersebut berada, contoh;
  • http://apa-maumu.wen.ru/sunflower/sunflower/default.css
  • http://apa-maumu.wen.ru/sunflower/sunflower/style.css
alamat default.css atau style.css ( ini nantinya akan dimasukan pada tag css sewaktu meng-edit isi dari file "index.html" ), kemudian masukan alamat url image tersebut diatas pada default.css ditempat yang tersedia. contoh;
Ketika kamu buka default.css akan tampilan sebagai berikut;
#header {
width: 680px;
margin: 0 auto;
padding: 0 0 0 0;
background: url(http://images/img01.gif) no-repeat 74px 18px;
}
Lalu masukkan alamat url images hingga menjadi seperti ini.....
#header {
width: 680px;
margin: 0 auto;
padding: 0 0 0 0;
background: url(http://apa-maumu.wen.ru/sunflower/images/img.01.gif) no-repeat 74px 18px;
Kelima
Setelah selesai "meng-edit CSS", langkah berikutnya adalah "meng-edit index.html". Buka atau klik file "index.html" hasil ekstrak tema diatas, dan kamu bisa memulai pengeditan dengan cara menggantikan atau menambahkan dari html yang ada. Sebaiknya mulailah dari tag html yang paling atas yaitu tag meta keyword, discription, title dan seterusnya hingga tag body. Dan satu hal yang teramat penting yaitu jangan sampai kamu kelewat untuk meng edit "TAG CSS", Isikan alamat url dari css pada tag css tersebut, contoh;
<link href="default.css" rel="stylesheet" type="text/css" />
lalu edit menjadi seperti ini ...
<link href="http://apa-maumu.wen.ru/sunflower/default.css" rel="stylesheet" type="text/css" />
Setelah pengeditan "index.html" kamu rasa cukup,termasuk isi atau tulisan dari "index.html" telah sesuai dengan yang kamu kehendaki, kemudian copy lau paste pada "index.html" di wen.ru dimana ini akan merupakan halaman muka atau index dari website kamu (http://apa-maumu.wen.ru/
Untuk membuat halaman file dari website kamu (http://apa-maumu.wen.ru/template-css.html) misalnya, langkahnyapun tidak berbeda cuma tag title, diskripsi dan sebagainya demikian isi dari file tersebut tentunya yang perlu kamu rubah. Apabila serangkaian proses yang kamu buat semuanya benar, maka hasilnyapun akan tampak persis seperti contoh css

Cara Mudah Merubah Cursor Di Blog


Hari ini saya ingin memperbaharui tutorial cara mengganti/merubah cursor blog blogger, karena tutorial Cara Mengganti Cursor Blog yang sudah pernah saya tuliskan dulu sudah panjang akhirnya saya putuskan untuk membuat artikel baru dengan judul "cara mudah merubah cursor blog blogger".

Ok saya rasa tidak perlu basa basi.

Panduan Cara Mudah Merubah Cursor Blog Blogger

tutorial ini saya bagi menjadi 2, yaitu untuk blogger baru dan lama.

Tutorial Mudah Merubah Cursor Untuk Blogspot Baru

1. Klik Tata Letak

2. Klik Tambah Gadget / Add A Gadget

3. Pilih Gadget Html/JavaScript
4. Masukkan kode widget jam yang sudah saya sertakan di bawah
5. Simpan (kamu juga bisa memindahkan letak widget jam tersebut dengan cara menarik gadget tersebut)

Tutorial Mudah Merubah Cursor Untuk Blogspot Lama

1. Klik Menu Rancangan / Design
2. Klik Tambah Gadget / Add A Gadget

3. Pilih Gadget Html/JavaScript
4. Masukkan kode widget jam yang sudah saya sertakan di bawah
5. Simpan (kamu juga bisa memindahkan letak widget jam tersebut dengan cara menarik gadget tersebut)

Kode Cursor Untuk Blogger Yang Harus Di Pasang

Silakan copy dan paste kode berikut:
<style type="text/css">
body{cursor: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj18QFpRdmAKl0olm3hMZH-YkK3PMFTqOMScFnJGOwbZC2ToSU8BgfqKPyJnqXg02SH-TqOprduFZYee_9LoNuiDUQ-jrGS9iaZD0TFvPNqwbfY8CNokNDoR0NwqkWQ3qkJIzmur7vbEBuA/s1600/jasablogsitus-web-id.gif"), auto;}
</style>
Catatan:
Silakan rubah tulisan yang saya beri warna Merah dengan url gambar cursor yang kamu suka.
Jika kamu menggunakan semua kode yang saya tuliskan di sini (tanpa mengganti bagian yang saya beri warna Merah) maka cursornya terlihat seperti ini
 
Update !!!
Agar corsornya berubah secara permanen walaupun diarahkan kelink silakan gunakan kode seperti ini:
<style type="text/css">
body{cursor: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj18QFpRdmAKl0olm3hMZH-YkK3PMFTqOMScFnJGOwbZC2ToSU8BgfqKPyJnqXg02SH-TqOprduFZYee_9LoNuiDUQ-jrGS9iaZD0TFvPNqwbfY8CNokNDoR0NwqkWQ3qkJIzmur7vbEBuA/s1600/jasablogsitus-web-id.gif"), auto;}
body a:hover{cursor: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj18QFpRdmAKl0olm3hMZH-YkK3PMFTqOMScFnJGOwbZC2ToSU8BgfqKPyJnqXg02SH-TqOprduFZYee_9LoNuiDUQ-jrGS9iaZD0TFvPNqwbfY8CNokNDoR0NwqkWQ3qkJIzmur7vbEBuA/s1600/jasablogsitus-web-id.gif"), auto;}
</style>
Catatan : Yang harus dirubah sama dengan yang sudah saya tuliskan di atas
Selamat mencoba,........

Cara Mengganti Kursor Pada Blog

Panduan Cara Mengganti Cursor Blog Blogger

Langkah Pertama
Seperti biasa, silakan login ke dashboard blogger, kemudian klik Rancangan/Design => terus klik EDIT HTML.

Langkah Kedua
Temukan kode css, seperti ini

body {
background:#xxxxx;
font-size: xxxxx;
font-family: xxxxx;
dst.... 
}
Kode yang terpenting di temukan adalah kode body { background: Jika kode tersebut sudah ditemukan silakan tambahkan kode berikut sebelum tanda
cursor: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj18QFpRdmAKl0olm3hMZH-YkK3PMFTqOMScFnJGOwbZC2ToSU8BgfqKPyJnqXg02SH-TqOprduFZYee_9LoNuiDUQ-jrGS9iaZD0TFvPNqwbfY8CNokNDoR0NwqkWQ3qkJIzmur7vbEBuA/s1600/jasablogsitus-web-id.gif'),text
Sehingga nanti jadinya seperti ini
body {
background:#160500;
cursor: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj18QFpRdmAKl0olm3hMZH-YkK3PMFTqOMScFnJGOwbZC2ToSU8BgfqKPyJnqXg02SH-TqOprduFZYee_9LoNuiDUQ-jrGS9iaZD0TFvPNqwbfY8CNokNDoR0NwqkWQ3qkJIzmur7vbEBuA/s1600/jasablogsitus-web-id.gif'),text;
font-size: xxxxx;
font-family: xxxxx;
dst.... 
}
Jika teman menggunakan semua kode ini maka cursor blog teman akan berubah menjadi gambar daun (seperti gambar di atas)

Jika teman ingin mengganti gambar cursornya dengan gambar yang lain, silakan ganti kode yang saya beri warna  purple dengan link gambar yang teman inginkan

                                          good luck

Cara Membuat Pesan Penutup

Login ke akun blogger Anda dengan ID Anda >> Klik Layout / Tata Letak >> Klik tab Edit HTML

Cari kode </head> agar mudah mencarinya tekan saja ctrl F / F3

Copy dan pasang kode script di bawah ini tepat dibawah kode </head> :


<script type='text/javascript'> // goodbye alert function goodbye(){
alert(' Bagaimana Pendapat Anda Tentang Blog Saya ? Silahkan Kembali dan Beri Komentar Anda! Terimah Kasih !!'); }
parent.window.onunload=goodbye;

</script>

Silahkan Anda ganti tulisan berwarna biru  
Bagaimana Pendapat Anda Tentang Blog Saya ? Silahkan Kembali dan Beri Komentar
Anda! Terimah Kasih !!
 

dengan kata-kata Anda sendiri.
5. Klik Save Template

Cara Membuat Animasi Loading Blog



Tampilan tertentu pada saat loading blog mungkin merupakan daya tarik tertentu dalam sebuah blog. Hal ini memungkinkan anda menyimpan semua ketidak teraturan bentuk tampilan pada saat loading, sehingga pengunjung hanya melihat animasi tampilan loading. Posting kali ini saya akan share bagaimana membuat tampilan loading halaman dengan menggunakan jquery dan css. Tampilan animasi pada loading page ini menggunakan Query Loader, yaitu tampilan layar kosong hitam (bisa diubah) yang meliputi blog anda sampai semua konten dimuat. Artinya pengunjung tidak akan melihat apa yang diloading blog Anda. Pada tampilan ini pengunjung hanya melihat halaman loading dengan bar dan persentase loading secara keseluruhan dengan berwarna gelap. Coba anda refress blog ini? apa yang terlihat.....lumayan menarik bukan ? ok mari kita bahas cara pembuatannya. Ikuti langkah berikut ini.

Log in ke blog anda
>Klik Rancangan
>Klik Edit HTML
>Masukkan kode berikut di atas kode </head>

 
<script src='http://code.jquery.com/jquery-1.5.min.js' type='text/javascript'/>
<script src='http://blogger-loader.googlecode.com/files/queryLoaderpre.js'
type='text/javascript'/> 


Selanjutnya masukkan kode berikut di atas kode </body>


 
<script>
QueryLoader.selectorPreload = &quot;body&quot;;
QueryLoader.init();
</script>


Selanjutnya masukkan kode berikut di atas kode ]]></b:skin>



.QOverlay {
background-color: #000000; /* warna background saat blog anda di loading */
z-index: 9999;
}

.QLoader {
background-color: #CCCCCC; /* warna bar loading */
height: 1px;
}

.QAmt {
color:#FF530D; /* warna angka persentase saat loading */
font-size:50px;
font-weight:bold;
line-height:50px;
height:50px;
width:100px;
margin:-60px 0 0 -50px;
}



Klik Simpan Template
Selesai dan lihat hasilnya
                                                   selamat mencoba!!!!