Postingan

Menampilkan postingan dengan label Blogger

Atasi Masalah Kotak Word Verification Komentar Tidak Muncul

Gambar
Kali ini saya coba membahas sedikit Permasalahan yang sering terjadi pada kotak komentar . Dari beberapa blogger yang pernah dikunjungi ChugyGogog ternyata kotak komentarnya bermaslah. Contohnya untuk blog Simple Rey, ketika saya ingin berkomentar diblognya kotak Word verifikasi-y tidak muncul sehingga tidak bisa mempublish komentar. Contohnya seperti gambar dibawah ini. Seharusnya dibawah word verification muncul kotak untuk menuliskan verifikasi tersebut, tapi di situ kotak penulisannya tidak muncul. Tapi yang saya bingung kenapa ada yang bisa berkomentar, sedangkan di kompi saya kotak word verifikation ini tidak muncul seperti gambar di atas....? " Disini saya coba memberikan saran kepada Blognya Simple rei ataupun blogger lain yang mengalami masalah yang sama pada verification komentar untuk tidak mengaktifkan word verification pada pengaturan komentar " . Yang menjadi permaslahan mungkin pada kotak word verification, dulu juga sempat terjadi kasus yang sama pada blog

Mengatur Jumlah Posting Yang Tampil Pada Label Part 2

Melengkapi tutorial blogger sekaligus memberikan altenatife pengaturan pada label yang kemarin - kemarin telah diposting diantaranya Mengatur label cloud dengan hover background , dan juga cara manual mengatur jumlah posting pada label , dan untuk melengkapinya saya memberikan alternative lain cara mengatur jumlah posting yang ditampilkan pada label dengan mengedit secara langsung di HTML. Kelebihan meng-edit langsung jumlah label pada bagian HTML yaitu setiap label yang dipasang baik mode Daftar maupun Cloud, maka jumlah posting yg tampil akan sama sesuai dengan angka / jumlah label yang diinginkan. Langsung pada tutorial cara mengatur jumlah posting pada label : Masuk Rancangan > Edit HTML . Beri tanda centang pada Expand Template Widget. Sekarang Cari kode seperti dibawah ini : <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'> Biasanya ada dua kode yang sama seperti diatas, tempatnya sedikit kebawah dari kode yang pertama. Kalau tidak ad

Label Cloud Dengan Hover Background Ronded Corner

Gambar
Kali ini saya coba memodifikasi tampilan dari label cloud dengan menambahkan hover background ronded corner pada setiap link label cloud tersebut, secara standar label cloud ataupun link akan mengikuti pengaturan tautan link standar dari template anda. Langsung pada tutorial mengatur Label cloud dengan hover background caranya seperti berikut : Pertama tambahkan label cloud terlebih dahulu pada blog anda Tambah Gedget > Label > Cloud > Simpan . Masuk pada Edit HTML masukan kode di bawah ini pada bagian CSS atau diatas kode ]]></b:skin&gt; #Label1{ margin:0px; padding:6px } #Label1 .widget-content{ line-hight:1.4em; text-align:center; margin:0px; padding:10px } #Label1 a{ text-shadow:1px 1px 0 rgba(255,255,255,0.8); color:#000; text-decoration:none; padding:4px; } #Label1 a:hover{ padding:1px 4px; -webkit-border-radius:5px; -khtml-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#a0a0a0; color:#fff; } Pratinjau terlebih dahulu kalau suda

Download Patern Paper Untuk Background

Gambar
Kali ini saya akan memberikan link download koleksi pattern dengan gaya paper atau kertas yang bisa blogger gunakan sebagai background dasar template. Setelah sebelumnya memposting seputar CSS3 yaitu membuat Hover Background Transitions menggunakan CSS3. Patern background ini menurut saya cukup menarik karena miliki karakter yang cukup simple, dengan mengambil textur seperti kertas, Pattern background ini saya dapat dari situs http://www.3quarks.com. Di bawah ini ada beberapa sample background pattern yang saya ambil dari situsnya langsung. Lihat koleksi patternnya klik disini Langsung download Klik disini

Hover Background Transitions CSS3

Transitions dalam CSS3 bisa diartikan sebagai perubahan warna yang bisa kita gunakan untuk merubah warna background pada bagian element halaman tertentu. Transition ini mungkin hampir sama dengan hover pada tautan link yaitu ketika mouse menyentuh link maka link tersebut bisa berubah warna, teks, ataupun backgroundnya sesuai dengan pengaturan tautan link anda. Saya coba membuat Transitions CSS3 ini pada bagian Body komentar, untuk contoh silahkan arahkan kursor mouse anda pada bagian body komentar di blog ini. Pada saat kursor menyentuh bagian body comentar, background body comentar akan berubah warna. Untuk cara pembuatan Transitions CSS3 ini bisa langsung ikuti caranya di bawah ini. Pertama masuk pada Edit HTML Cari kode seperti dibawah ini #comments-block .comment-body { background-color: #DEB887; margin:.25em 0 0; } Tambahkan kode Transitions CSS3 seperti ini. background-color: #DEB887; -o-transition-property: background-color; -o-transition-duration: 1s; } Lanjutkan dengan men

Hover Tab Menu CSS3 Tanpa Javasript

Gambar
Akhirnya bisa beres juga mengganti tampilan template blog ini, walaupun cukup lama dalam pengeditan dan koneksi inet yang lagi ngadat tapi alhamdullilah akhirnya beres juga dan bisa kembali menulis postingan lagi, sebelumnya saya meminta maaf kalau pengunjung blog ini dibuat tidak nyaman dengan tampilan blog ini. Masih seputar CSS3 , Untuk sekarang saya akan membahas cara membuat Hover Tab Menu CSS3 tanpa Javasript. Tab menu mungkin sudah tidak asing lagi untuk blogger karena dari sekian blog yang pernah saya singgahi hampir 50% memasang tab menu. Lihat demo Hover Tab Menu CSS3 tanpa Javascript Tab menu ini cukup simple dan menarik dan saya rasa belum banyak yang memansang tab menu seperti ini. Tab Menu CSS3 ini di buat oleh www.kamikazemusic.com jadi silahkan blogger langsung ke situsnya untuk melihat atau mencoba membuat hover tab menu CSS3 tanpa Javascript. Langsung pada Tutorial pembuatan Hover Tab Menu CSS3

Bikin Menu Dengan CSS3 Style "Free CSS3 Menu Maker"

Gambar
Kayanya masih seputar CSS3 yang akan di bahas untuk postingan sekarang, mudah mudahan tidak bosan ya. Untuk kali ini saya akan memberikan info cara membuat Menu CSS3 Style simple nan cantik dengan bantuan program dari CSS Menu yaitu Free CSS3 Menu Maker. Postingan sebelumnya seputar CSS3 bisa lihat di bawah ini. (+) Buat Box Shadow dengan CSS3 (+) Menambahkan Stroke Pada Teks "Judul Blog Dengan Stroke" Program Free CSS3 Menu Maker ini bisa di download secara gratis, Free CSS3 Menu Maker akan memudahkan anda untuk membuat menu navigasi dengan gaya CSS3. Lihat Demo → Link Download →

Buat Box Shadow dengan CSS3

Melanjutkan postingan seputar CSS3 yang di aplikasikan pada Teks Stroke , walaupun hanya sekelumit membahasnya karena memang saya juga masih belum begitu mendalami tentang CSS3. Dan kebetulan kemaren Bang Hendro komentat tentang Teks stroke ini yang bisa dimplementasikan dengan box Shadow. Thanks buat bang Hendro yang sudah memberikan tambahan untuk pengaplikasian CSS3 ini. dan sekarang saya coba mengaplikasikan CSS3 ini dengan membuat BOX SHADOW atau Kotak dengan tambahan bayangan menggunakan CSS3. Beberapa sample Box Shadow bisa dilihat di bawah ini: -moz-box-shadow: 1px 1px 10px #888; -webkit-box-shadow:1px 1px 10px #888; -moz-box-shadow: 0px 20px 10px -10px #888; -webkit-box-shadow:1px 1px 10px #888; -moz-box-shadow: 10px 10px 5px #888; -webkit-box-shadow:1px 1px 10px #888; -moz-box-shadow: inset 1px 1px 10px #888; -webkit-box-shadow:1px 1px 10px #888; Box Shadow di atas hanya beberapa saja mungkin untuk lebih berfariasi model,warna,tebal tipis bayangan-nya "Shadow" b

Menambahkan Stroke Pada Teks "Judul Blog Dengan Stroke"

Gambar
Stroke merupakan outline (garis luar) pada teks, Stroke ini biasanya digunakan untuk memperjelas dan mempertegas dari teks, penggunaan stroke ini ternyata bisa di aplikasikan pada kode css dan bisa di pasang pada teks di blog. Untuk contoh lihat saya memasang Teks Stroke ini pada Judul Blog " H1 " bisa dilihat contohnya disni atau gambar dibawah ini :: Untuk membuat teks Stroke caranya cukup mudah, Teks Stroke ini mungkin hampir sama dengan Teks sahadow karena memang disini menggunakan Teks sahadow untuk membentuk sebuah Teks Stroke. Untuk memasang teks stroke caranya cukup mudah. Masuk pada Edit HTML cari kode h1.title { Masukan code css di bawah ini di bawah kode h1.title { color:#000000; text-shadow: -1px -1px 0 #f3f3f3, 1px -1px 0 #f3f3f3, -1px 1px 0 #f3f3f3, 1px 1px 0 #f3f3f3; Silahkan di Preview terlebih dahulu, kalau cocok silahkan di save. Silahkan di ganti warna teks dan warna stroke serta ketebalan dari stroke diatas, dengan merubah angka angka angka tersebut.

Mempercantik Tampilan Email Subscribe Dan RSS Feeds

Gambar
Mempercantik tampilan blog merupakan salah satu tips membuat pengunjung nyaman diblog atau webblog. Banyak cara dilakukan unuk mempercantik tampilan blog dari pengaturan warna template , layout dan lain lain. Salah satu cara mempercantik blog yaitu memasang Email Subscribe dan RSS Feeds, Dua subscribel ini memang sangat berguna sekali untuk pemilik blog tentunya Blogger sudah mengetahuinya. kali ini saya coba membuat Email Subscribe dan RSS Feeds dengan menggunakan image dan Horizontal Rule atau kalau dalam bahasa coding-ya "hr". Contoh di bawah ini : Email Subscribe Via Email RSS Feed Subscribe Via RSS Feed Untuk membuatnya caranya cukup mudah. Pilih Tambah Gadget >> HTML/JavaScript. Masukan kode di bawah ini. <img src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEha3ViPvDTxC3zVYFBL4dxJ6KR42E0rwHOFc9m6e5PrkF5hGVAFefFrPc2fHhnEMa1hBreeDwm5bPUsmo77rSiPiK8E5p9lCSIqb_AOhBMs6mcud9OszBkjgBfGzfqQC2stwpAfSwSFQA1u/s400/email.png " alt=""

Jadi No 1 Di Search Engine "Gunakan Black Hat SEO Di Blog"

Melanjutkan postingan yang sebelumnya yang membahas Metode Black Hat SEO yang ternyata masih Ampuh untuk mendongkrak blog masuk pada posisi teratas di mesin pencari (search engine). dan sekarang saya coba menerapkan atau mengaplikasikan Metode Black Hat SEO pada halaman blog. Silahkan baca postingan sebelumnya mengenai Black Hat SEO. " Metode Black Hat SEO Masih Ampuh " Berikut ini cara penerapan atau pemasangan Metode Black Hat SEO di blog :: Metode Hiden Keyword Frase Untuk cara pengaplikasiannya seperti ini : Pilih Rancangan → Edit HTML → Cari ]]></b:skin> Masukan Kode Di bawah ini di atas kode ]]></b:skin> #target-seo { float:left; margin:-4500px; padding:-3000px; } div id="target-seo"> <h1> <a href=" http://linktarget.com /"title=" keyword "> keyword </a> </h1> </div> Pratinjau terlebih dahulu,kalau tidak Eror silahkan di Simpan. Metode OnPage Hidden Keyword Untuk cara pengaplikasiannya

Metode Black Hat SEO Masih Ampuh

Untuk postingan kali ini saya mencoba sedikit share pengetahuan saya yang masih minim dalam dunia SEO.dan saya mencoba membuat postingan seputar Black Hat SEO . Mungkin untuk sebagian blogger khususnya yang bergelut di Bidang SEO sudah tidak asing lagi dengan tehnik Black Hat SEO yang merupakan salah satu metode yang banyak di gunakan dalam dunia blogging. Saya coba mengulas sedikit tentang Black Hat SEO dan memberikan contoh pemasangan dan penggunaan Black Hat SEO pada blog, karena Metode Black Hat SEO Masih Ampuh dan terbukti banyak blogger yang masih menggunakan metode ini. Black Hat SEO merupakan metode yang digunakan untuk memaksimalkan atau mengoptimalkan konten dari blog anda dengan menyembunyikan keyword atau kata kunci yang di targetkan pada blog. Balck Hat SEO sering dipahami sebagai tehnik SEO yang kurang baik jadi gunakanlah metode ini sebaik baiknya dan jangan terlalu berlebihan dalam penerapannya supaya aman. Metode Black Hat SEO yang biasa di gunakan diantaranya: Meto

Mari Blogger 'Kita Flag Blogger Malaysia Yang Melecehkan Negara Kita'

Sudah hampir lima hari blog chugygogog.blogspot.com tidak update postingan, di karenakan ada kegiatan ofline yang cukup menyita waktu maklum lah lagi kejar setoran buat lebaran. Dan baru sempat sekarang untuk nulis postingan lagi. Untuk postingan ini saya akan sedikit memberikan tips untuk blogger. Mungkin blogger sudah pada tahu konflik antara Indonesia dan Malaysia yang masih hangat, Konflik ini ternyata merambat sampai dunia maya khususnya para blogger malaysia yang ikut ikutan melecehkan dan menjelek jelekan negara Indonesia. Waktu itu saya membaca postingan salah satu blogger malaysia yang menjelek jelekan negara Indonesia, mungkin blogger juga sudah banyak tahu akan hal ini. Rasanya hati ini tidak terima melihat Negara kita ini di jelek jelekan oleh negara malaysia. Disini saya coba memberikan saran untuk kita semua khususnya blogger untuk bersama sama men-flag blog tersebut. Adapun caranya untuk bisa men-flag blog tersebut bisa dilihat dibawah. Tips ini saya dapat dari pakar

Program CSS Editor Yang Cukup Mudah Digunakan

Untuk blogger yang suka Utak - atik template atau sering bergelut dengan coding CSS untuk blog atau Webblog tentu membutuhkan fasilitas yang dapat menunjang kebutuhan anda. Diantara dengan menggunakan Program CSS Editor. Ada banyak Program CSS Editor yang digunakan oleh desainer Blog atau Desainer Website Diantaranya program Dreamwever. Dreamweaver merupakan program yang cukup terkenal bagi para desainer template karena fiturnya yang cukup lengkap. Tapi buat anda yang kurang menguasai dengan Program Dreamweaver anda bisa menggunakan pilihan Program CSS Editor yang simple dan mudah gunakan. dibawah ini ada beberapa Program CSS editor yang bisa anda jadikan pilihan untuk megolah dan mengedit Code CSS. Notepad ++ (Free version) JEdit (Free version) Stylizer (Free version) PSPad (Free version) Xyle Scope (Free version) Stylesheet Maker (Not Free) CSSEdit (Not Free) Style Studio (Not Free) Rapid CSS 2010 (Not Free) Style Master (Not Free) Program diatas merupakan CSS Editor yan

Modifikasi Page Number Dengan CSS3

Gambar
Postingan ini sebagai tambahan untuk Navigasi Page Number 123 yang sebelumnya telah saya bahas silahkan dilihat kembali pembuatan Page Number 123 untuk blogger . Sekarang saya coba Memodifikasi page number 123 ini dengan menggunakan CSS3, yang pasti akan lebih menarik dibandingkan dengan navigasi page number sebelumnya. Contohnya seperti gambar di bawah ini :: Dengan Memasangkan CSS3 pada page number , page number terlihat seperti menggunakan background image (Gradasi dua warna) seperti yang anda lihat pada gambar di atas. padahal itu hanya permainan dari CSS3 mungkin itu yang menjadi unggulan untuk CSS3. Betul tidak bang [Hendro]. Langsung saja pada cara pemasangan page number dengan CSS3 :: Pertama masuk pada Dashboard > Rancangan > Element Halaman > Tambah Gadget > Pilih HTML/JavaScript . Masukan Script di bawah ini :: <style> .showpageArea { padding:2px;margin-top:8px;margin-bottom:8px; } .showpageArea ul{ margin: 0 2px; padding: 8px;padding-top:6px; padding-

Google CSE Di Bawah Posting Dengan Keyword Sesuai Label (AutoFill)

Gambar
Untuk Blogger tentunya sudah tidak asing lagi dengan Google CSE yang merupakan tempat pencarian berdasarkan keyword yang diinginkan untuk menghasilkan pencarian yang Optimal yang sesuai dengan kata kunci yang ditargetkan. Pada postingan ini akan membahas cara pemasangan Google CSE yang di tampilkan di bawah postingan,lihat gambar di bawah ini : jadi ketika kita membuka judul posting maka Google CSE ini akan tampil dibawah label dan menampilkan hasil pencarian dari keyword yang sesuai dengan label pada postingan. Seperti itulah kira kira, untuk contoh hasilnya yang telah di pasang Autofill Google CSE ini bisa lihat DISINI , Silahkan klik salah satu postingannya dan anda lihat pada bagian atas komentar atau dibawah label.Karena kebetulan blog ChugyGOGOG ini sedang diet dari Widget ataupun aksesoris lainya jadi saya pasang AutoFill Google CSE ini di blog saya yang satunya. Script yang digunakan ini merupakan Script Autofill Google AJAX Search API CSE yang alhamdulilah setelah coba coba

Widget Random Post Dynamic - Static No Thumbnail Untuk Blogger

Random Post merupkan salah satu widget yang biasa di gunakan oleh blogger untuk menampilkan postingan secara acak atau random. Mungkin sudah banyak blogger yang membahas seputar Widget Random Post Sebagai pelengkap untuk menampilkan postingan secara acak, dari Random Post dengan Thumbnail maupun Postingan Acak tanpa Thumbnail Image. Pembuatan Random Post untuk blogger yang saya bahas kali ini cukup simple, Hanya menggunakan fasilitas dari situs http://stuffablog.com . Situs ini menyediakan fasilitas pembuatan Random Post atau Postingan Secara Acak untuk blogger dengan dua alternative pilihan random post yaitu: Dynamic Widget (Random Post dengan Slide) dan Static Widget(Random Post tanpa Slide). Untuk contoh Random Post bisa dilihat Di Sidebar Blog ini ( Tapi kalau masih di pasang random postnya ) Untuk bisa mendapatkan widget ini kita tidak perlu registrasi dan gratis tentunya, tinggal kunjungi situs http://stuffablog.com dan ikuti petunjuk yang ada disana. Pokoknya Gampang silahk

5 Editor Blog Gratis Untuk Menulis dan Edit Postingan Blog

Sebagian besar blogger lebih suka menulis postingan blog dari fasiltas penerbit online platform blog mereka masing-masing, padahal ada beberapa layanan Editor blog gratis untuk menulis dan edit postingan yang bisa di gunakan secara Ofline, Salah satunya seperti Windows Live Writer yang pasti blogger semua sudah banyak yang tahu editor blog yang satu ini. Tetapi buat blogger yang ingin mencari alternative editor Blog yang berbeda, bisa mengunakan 5 editor blog gartis di bawah ini. Berikut adalah 5 Editor Blog Gratis Untuk Menulis dan Edit Postingan Blog yang bisa di gunakan secara Ofline : 1. Windows Live Writer . Windows Live Writer merupakan produk Microsoft dengan tampilan sangat mirip dengan aplikasi Office standar MS. memiliki beberapa fitur, termasuk : rich text format, kategorisasi posting, memasukkan gambar dan tag, spell checking, beberapa blog account, kompatibilitas dengan blog platform dan masih banyak lagi. 2. Bleezer Bleezer bisa digunakan pada Windows, OS X dan Linux. I

Jadikan Blogging Sebagai Sarana Ibadah Di Bulan Suci Ini + Baner Gratis

Alhamdullilah tidak terasa bulan Ramadhan akan datang kembali. Rasanya baru kemaren ngejalanin bulan puasa, begitu nikmatnya hidup ini sampai sampai setahun sudah terlewati dan bertemu lagi dengan bulan penuh Berkah, Rahmat dan Ampunan ini yaitu bulan suci Ramadhan. Kayanya sekarang waktu yang tepat untuk kita saling memberikan maaf kepada orang orang terdekat kita Orangtua, Kaka, Adik, saudara, Teman dan semuanya yang kita kenal tidak terkecuali dengan teman di dunia online ini seperti para Blogger tentunya. Di Postingan ini saya meminta maaf kepada blogger semua yang slalu setia datang,numpang lewat, kesasar, ataupun buang sampah di blog ini, Yang mungkin ada tulisan atau postingan di blog ini yang menyinggung perasaan blogger semua. ataupun komentar saya di blog anda yang kurang berkenan di hati para blogger, Dengan tulus Saya meminta maaf yang sebesar besarnya.....!!! SELAMAT MENJALANKAN IBADAH PUASA 1431 H SMOGA DI BULAN RAMADHAN SEKARANG INI KITA DIBERIKAN KEKUATAN UNTUK MENJALA

Tips Sebelum Mempublish Postingan Di Blog

Membuat tulisan atau postingan merupakan kebiasaan dan kewajiban para blogger untuk mengisi blognya dengan artikel artikel yang menarik seperti tutorial, info bisnis, gosip selebritis atau sekedar menuliskan curhat pribadi ke dalam posting yang tentunya ingin tulisan atau postingan yang dipublish dapat menarik di mata para pengunjung blog. Ada beberapa hal yang kadang suka terlewatkan atau terlupakan oleh para blogger termasuk saya tentunya, yaitu penulisan posting kadang tidak terlihat menarik atau tidak sesuai dengan kaidah penulisan yang baik dan benar. Tips ini saya buat berdasarkan pengecekan terhadap postingan blog saya yang kadang suka ada kesalahan dalam penulisan ataupun tanda baca yang tidak saya sadari. Untuk itu saya coba memberikan Tips sebelum Mempublish Postingan Di Blog versi saya. Periksa Judul Yang telah Anda buat . Apakah sudah benar penulisannya, untuk yang satu ini kadang kurang mendapatkan perhatian para blogger, banyak judul posting yang terdapat kekeliruan atau