Warung Bebas
Tampilkan postingan dengan label Tutorial Blog. Tampilkan semua postingan
Tampilkan postingan dengan label Tutorial Blog. Tampilkan semua postingan

Selasa, 15 Januari 2013

Tutoeial Cara Mendapat Domain [dot] Com Secara Gratis Selama 1 Tahun

Selamat Pagi Para Reader Semua.. >_<
Mungkin di antara Para Reader atau pemblogger semua khususnya bagi para newbi seperti saya ini, pernah terbesit pertanyaan, Ada Gak ya Cara agar dapat domain dot com GRATIS?
Memnag di GOOGLE sudah banyak sekali artikel seperti ini, Tapi gak papa lah, saya juga pengen berbagi freend...!

Alhamdulillah setelah Searching di mbah GOOGLE kesana kemari, gak tentu arah, sampek nyasar di hutan Melaky dan hampir aja kecemplung disungai Amazon karena pengen beuuud punya domain dot com secara gratis,,, hehehehe (-_- alay dech...!!! Kidding freeend...!! Ternyata dapet juga jawaban nya.
Kira-kira bagaimana ya caranya?
Tenang aja freeend, saya pasti bagi-bagi kok,, ( Padahal di mbah GOOGLE juga banyak ) wuakakak :v

dah yuuk mulai berbagi soalnya berbagi itu indah,,,,
Yang Pertama anda lakukan adalah mendaftar ke IDHOSTINGER klik Disini.
Mungkin ada yang bertanya, kok bisa daftar di idhostinger ya..?

Hosting Gratis

Jawabannya karena di idhostinger menyediakan program Affiliate! pasti udah tau semuakan apa itu affiliate!?
Nah di program affiliate Hostinger ini banyak sekali hadiah-hadiahnya freend, salah satu Hadiahnya gratis domain [dot] com freend!!

untuk kriterianya di bawah ini :
  1. Mengajak 3 Teman untuk bergabung di idhostinger dengan hadiah, Gratis untuk melakukan upgrade ke hosting premium kami! Space dan bandwidth tidak terbatas!  
  2.  Mengajak 5 Teman untuk bergabung di idhostinger dengan hadiah, Kejutkan teman anda dengan permen karet listrik ini Baca Selengkapnya.
  3.  Mengajak 10 Teman untuk bergabung di idhostinger dengan hadiah, MP3 player ini sangat kecil dan mudah digunakan serta mendukung Micro-SD hingga 8 GB. Baca Selengkapnya.
  4.  Mengajak 20 Teman untuk bergabung di idhostinger dengan hadiah, USB rokok elektrik dengan 6 isi ulang. Baca Selengkapnya.
  5.  Mengajak 30 Teman untuk bergabung di idhostinger dengan hadiah, Latih pergelangan anda dan bersenang-senanglah dengan PowerBall ini! Baca Selengkapnya.
  6.  Mengajak 50 Teman untuk bergabung di idhostinger dengan hadiah,USB Flash disk dari stainless yang dapat memanjang dan memendek Baca Selengkapnya.
  7.   Mengajak 60 Teman untuk bergabung di idhostinger dengan hadiah, Gratis pendaftaran domain .COM Baca Selengkapnya.
  8.  Mengajak 70 Teman untuk bergabung di idhostinger dengan hadiah, Kamera pengintai kecil dengan USB drive yang bekerja seperti ball point. Baca Selengkapnya.
  9. dan yang Terahir  Mengajak 240 Teman untuk bergabung di idhostinger dengan hadiah,7" Touch Screen LCD Google Android 2.2 Tablet PC! Baca Selengkapnya.
Jadi dapat Kita simpulakan ( Mirip guru fisika kalo gak gitu matematika,, hehehe :D ), Kita mengambil Point di NO.07 kawan. Mengajak 60 Teman (60 refferral) bergabung di idhostinger,  Kita bisa mendapatkan domain [dot] com Secara GRATIS.

Ayoo freend Buruan Kita Join ke idhostinger, gratis aja lo,, gak di pungut biaya freend!
sama sama kita berjuang untuk mendapatkan domain dot com gratis. hehehehe :D
Senengnya yang Gratisan. hehhehe (^_^

Ya udah mungkin cukup segitu dulu ya freend,,, Kapan-Kapan kita Jumpa Lagi untuk berbagi Tips dan Trik alias Tutorial. Ingat Freend pesan saya,, "Berbagi Itu Indah"

Thanks yang udah nyimak Artikel saya. Sering-sering mampir Ke deltakomputer-kediri.blogspot.com ya kawan.
Saya Tunggu Komentarnya >_<
Semoga Bermanfaat. Amin

By : Ariestya WahyuK




Hosting Gratis
 

Sumber: http://deltakomputer-kediri.blogspot.com/2013/01/panduan-cara-mendapat-domain-dot-com.html#ixzz2I15H5QCq

Cara Membuat Website Gratis Di Idhostinger

Cara Membuat Website Gratis Di Idhostinger | Website bukanlah hal asing bagi yang sering berinternet ria di jagat dunia maya. Kini cara membuat website / blog tidaklah serumit sebagaimana halnya dahulu, jika zaman dahulu hanya beberapa orang saja yang dapat melakukannya dan mereka yang ahli dalam html, php dan lainya saja yang bisa membuatnya, sekarang orang awampun bisa membuat website sendiri dengan mudah dan cepat walau tanpa harus dapat memahami bahasa pemograman dan tanpa mengeluarkan uang sepeserpun.
Bagi kawan yang mungkin saat ini masih bingung dan kesulitan dalam pembuatan website, berikut ini adalah langkah demi langkah yang dapat kawan lakukan untuk menciptakan website.
Ikuti Langkah langkah berikut ini untuk membuatnya:
  1. Buka browser (Chrome /Firefox) lalu buka halaman berikut ini : DISINIHosting Gratis
  2. Setelah itu, klik “Order sekarang” atau “Buat Akun”
    cara membuat website idhostinger-order
  3. Masukkan data diri Anda dengan benar, lalu klik “Buat Akun”
    cara membuat website idhostinger-form-signup
  4. Sekarang Anda diminta untuk konfirmasi email.
  5. Silahkan buka email yang Anda gunakan untuk mendaftar tadi, lalu klik kode konfirmasi yang telah dikirimkan.
    Hostinger Indonesia info@idhostinger.com Halo xxxxx , Terimakasih telah bergabung dengan kami. Silahkan klik link di bawah ini untuk melakukan aktivasi akun Anda: http://cpanel.idhostinger.com/auth/confirm/hash/xxxxxxxx Terimakasih
  6. Pendaftaran berhasil, sekarang masukkan nama website yang akan kita buat, misalkan www.   topinfo   (dot)16mb(dot)com dan lengkapi data dibawahnya, kemudian klik “Buat”.  Jika menginginkan menggunakan domain .com, .net, .org / tanpa embel2 16mb, maka Anda harus membeli domain tersebut terlebih dahulu dan mengarahkan Name Server (DNS) ke idhostinger. cara membuat website idhostinger-success
  7. Akan muncul proses pembuatan akun website, tunggu sampai selesai dan statusnya menjadi Akun Aktif (Sekitar 5 menit).
  8. Jika sudah “Akun Aktif”, cek dengan mengakses alamat website Anda tadi di browser, maka akan muncul gambar berikut ini : cara membuat website idhostinger-site-running
    “Your website is up and running!”, artinya website anda sudah jadi dan sudah berjalan.
  9. Tahap selanjutnya ialah instalasi script/ software website. 
  10. Kembali ke halaman idhostinger, klik “Kontrol Panel” lalu pilih website Anda kemudian tekan “Beralih” (Switch).
    cara membuat website idhostinger-switch-account
  11. Setelah masuk “Kontrol Panel”, cari di bagian “Website” dan klik “Penginstall Otomatis” (Auto Installer). cara membuat website idhostinger-auto-installer
  12. Kemudian silahkan pilih salah satu script / software website yang disediakan, misalnya WordPress. Klik “Install WordPress”, lalu masukkan user dan password untuk login website. cara membuat website idhostinger-klik-install cara membuat website idhostinger-install-wordpress
    • Kotak pertama biarkan kosong. Artinya anda akan menggunakan main folder (root situs) sebagai tempat installasi wordpress.
    • Kotak kedua isi dengan nama akun admin situs anda, isi apa saja sesuai selera. Ini adalah username yang akan digunakan untuk login bagian backend situs wordpress anda, yakni ketika anda akan posting, membalas komentar, dll.
    • Kotak ketiga isi pasword sesuai selera.
  13. Jika muncul pertanyaan, klik saja “OK”.
  14. Tunggu proses instalasi website sampai selesai (sekitar 10 detik saja).
  15. Setelah instalasi selesai, maka akan muncul data-data website Anda. Silahkan ini dicatat untuk login ke website Anda.
    cara membuat website idhostinger-web-info
  16. Website Anda sudah jadi, silahkan buka “URL instalasi” untuk melihat website dan “URL Login” untuk login dan mengatur website.
  17. Tahap selanjutnya Anda tinggal mengatur beberapa settingan tampilan website Anda agar lebih menarik. Jangan lupa juga untuk menambahkan beberapa artikel agar web tidak terlihat kosong tanpa ada berita.
Semoga bermanfaat Kawan... :)

Jumat, 21 Desember 2012

Cara Membuat Widget Gallery Foto Gambar Bergerak Berjalan Di Blog

 Cara Membuat Widget Gallery Foto Gambar Bergerak Berjalan Di Blog - Gallery foto atau gambar di blog memang banyak sekali kita jumpai pada halaman blog yang mengutamakan promosi melalui gambar maupun foto image, Biasanya dipasang pada widget blog situs jual beli online. Namun pada tutorial blog yang akan saya share kasih trik dan tips-nya berikut ini adalah cara membuat gallery foto di blog dengan efek bergerak atau berjalan, Efek ini populer disebut efek Marquee. Jadi hasilnya tidak seperti gallery foto yang biasa, Karena gallery foto ini akan bergerak atau berjalan.

 Untuk cara membuat gallery foto gambar bergerak berjalan di blog, Caranya sangat mudah sekali. Ukuran lebar dan tinggi foto atau gambar bisa di atur agar sesuai dengan keinginan sobat. Karena cara ini adalah cara manual dan sobat bisa sesuka hati mengaturnya. Silahkan sobat mengikuti langkah-langkah yang akan saya berikan nanti.

 Tampilan dari gallery foto gambar bergerak berjalan di blog, Tentu saja akan mengikuti sesuai dengan gambar atau foto yang sobat terapkan. Sobat bisa melihat dalam Blog Demo yang sudah saya pasang widget Gallery foto gambar bergerak berjalan di blog. Silahkan klik DISINI.

Cara Membuat Widget Gallery Foto Gambar Bergerak Berjalan Di Blog

 Ada beberapa opsi pilihan dari gallery foto gambar bergerak berjalan di blog yang bisa sobat pilih, Diantaranya:
  • Gallery foto gambar bergerak berjalan di blog default (Biasa).
  • Gallery foto gambar bergerak berjalan di blog dengan Url Link tujuan bila di klik.
  • Dan masih banyak lagi, Tergantung pandai-pandainya sobat untuk berexperiment menambahkan kode-kode tertentu dalam gallery.
 Agar sobat tidak bingung dengan penjelasan saya di atas, Nanti akan saya jelaskan caranya satu-persatu, Agar sobat bisa mengerti dengan mudah.

Cara Membuat Gallery foto gambar bergerak berjalan di blog default (Biasa)

1. Silahkan sobat >> Masuk atau Login ke blogger.com menggunakan akun sobat.

2. Pada Dashboard tampilan blogger baru, Pilih Menu >> Tata Letak >> Tambah Gadget >> HTML/JavaScript.

3. Beri judul widget, Contoh "My Foto Gallery". Kemudian letakkan semua kode di bawah ini pada kotak HTML/JavaScript.
<marquee direction="up" onmouseover="this.stop()" scrollamount="3" onmouseout="this.start()">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSlPVlUtPelYQ0Jyc6wHzeP3RO028zKfidMGeA1vslfQEHJ_hb_8Agb2GjibrcG3ja-9pdnb_krsqA_FPFzublLy0V6uMLa9Bmd5lSxNJ6blc8E2XKXb5Iwesx0gB2AFBByfpUtQBnsDI/s1600/PINK1.jpg" width="120" height="120" /><br />
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTOSBVc6JSCjQShuyzqdNMPrhtwE162K63FPJ75h33S6ZXg42Ol6q55W8x5KM5z5klSf-5XF5VKS9hGGKRZuAwx9k53wl6xUpup6KWyzil0fAwIHAimAyPjevYXO_Q09TThymWLcwPiNo/s1600/HT3.jpg" width="120" height="120" /><br />
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjF-msJ95wDQ5mBN-x91yPMm8FXxiPLMSeGYqOpQEU3Qvxl46Xv_YAkYlM73otPGoqCm2XKyj-DjX3CLdHxnl82DoYf2kQwEuD2DHxm72ou0h9pqTr4DCR_4QMHSzFOfr2Es4pbV1axb-U/s1600/sonal_chauhan.jpg" width="120" height="120" /></marquee>

<a href="http://kuc0pas.blogspot.com/2012/12/cara-membuat-widget-gallery-foto-gambar-bergerak-berjalan-di-blog.html" target="blank"><b>Get Widget</b></a>

Keterangan:
  • Warna Merah adalah Alamat URL gambar atau foto image. Silahkan sobat ganti dengan alamat URL gambar atau foto image sobat.
  • Warna Biruwidth="120" dan height="120" adalah ukuran Lebar dan Tinggi image gambar atau foto. Silahkan sobat atur nilainya sesuai dengan keinginan sobat agar sesuai dengan widget blog sobat.
  •  <marquee direction="up" adalah arah bergerak berjalan ke atas. Silahkan sobat ganti up jadi down jika ingin arah berjalan bergerak ke bawah.
Cara Membuat Gallery foto gambar bergerak berjalan di blog dengan Url Link tujuan bila di klik.

 Cara yang berikut ini adalah cara yang mudah dilakukan oleh para blogger mania, Sebab cara ini hanya menambahkan beberapa kode saja. Namun agar sobat tidak kesulitan dalam menambahkan kode, Di sini akan saya kasih contoh penerapan kode yang benar.

Berikut kode yang menggunakan alamat url link tujuan bila image gambar foto di klik.
<marquee direction="up" onmouseover="this.stop()" scrollamount="3" onmouseout="this.start()"><a href="http://kuc0pas.blogspot.com/2012/12/cara-membuat-widget-gallery-foto-gambar-bergerak-berjalan-di-blog.html" target="blank" title="Cara membuat Galeri foto Gambar bergerak"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSlPVlUtPelYQ0Jyc6wHzeP3RO028zKfidMGeA1vslfQEHJ_hb_8Agb2GjibrcG3ja-9pdnb_krsqA_FPFzublLy0V6uMLa9Bmd5lSxNJ6blc8E2XKXb5Iwesx0gB2AFBByfpUtQBnsDI/s1600/PINK1.jpg" width="270" height="270" /></a><br />
<a href="http://kuc0pas.blogspot.com/2012/12/cara-membuat-widget-gallery-foto-gambar-bergerak-berjalan-di-blog.html" target="blank" title="Cara membuat Galeri foto Gambar bergerak"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTOSBVc6JSCjQShuyzqdNMPrhtwE162K63FPJ75h33S6ZXg42Ol6q55W8x5KM5z5klSf-5XF5VKS9hGGKRZuAwx9k53wl6xUpup6KWyzil0fAwIHAimAyPjevYXO_Q09TThymWLcwPiNo/s1600/HT3.jpg" width="270" height="270" /></a><br />
<a href="http://kuc0pas.blogspot.com/2012/12/cara-membuat-widget-gallery-foto-gambar-bergerak-berjalan-di-blog.html" target="blank" title="Cara membuat Galeri foto Gambar bergerak"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjF-msJ95wDQ5mBN-x91yPMm8FXxiPLMSeGYqOpQEU3Qvxl46Xv_YAkYlM73otPGoqCm2XKyj-DjX3CLdHxnl82DoYf2kQwEuD2DHxm72ou0h9pqTr4DCR_4QMHSzFOfr2Es4pbV1axb-U/s1600/sonal_chauhan.jpg" width="270" height="270" /></a></marquee>

<a href="http://kuc0pas.blogspot.com/2012/12/cara-membuat-widget-gallery-foto-gambar-bergerak-berjalan-di-blog.html" target="blank"><b>Get Widget</b></a>

Keterangan:
  • Warna Hijau adalah Alamat Url tujuan bila image gambar foto di klik. Silahkan di ganti dengan alamat url tujuan sobat.
  • Warna Orange adalah Title teks yang keluar jika Mouse pointer menyantuh gambar image foto pada gallery. Silahkan sobat ganti dengan title teks sesuai keinginan sobat.
  • Kode yang saya berikan di atas adalah contoh untuk tiga gambar image foto saja. Sobat bisa menambahkan kode image-nya sesuai dengan keinginan sobat.
 Demikian tutorial blog tentang Cara Membuat Widget Gallery Foto Gambar Bergerak Berjalan Di Blog secara manual. Jika ada pertanyaan mengenai tutorial ini, Silahkan sobat bertanya pada form kotak komentar yang tersedia. Senang bisa berbagi dan membantu sobat KUCOPAS semua. Semoga bisa sangat bermanfaat.

Selamat Berkarya


Jumat, 14 Desember 2012

Cara Mengembalikan Widget (Gadget) Followers Blog Yang Menghilang

 Cara Mengembalikan Widget (Gadget) Followers Blog Yang Menghilang - Widget Followers atau pengikut yang mengikuti blog kita memang sangat penting dan tidak bisa di pandang sebelah mata dalam dunia blogger, Karena jika banyak followers yang mengikuti blog kita berarti blog kita memang laris atau pantas untuk di ikuti dan di tunggu-tunggu artikel terbaru dari blog kita untuk di baca maupun di share ke jejaring sosial.

 Followers Blog Google Friend Connect adalah milik google, Salah satu fungsinya yakni untuk jalinan teman seperti layaknya jejaring sosial. Dan sepertinya dengan perkembangan Google dalam menciptakan situs jejaring sosial yaitu Google+ (Google Plus), Maka Google Friend Connect kemungkinan akan di hilangkan secara halus.

Cara Mengembalikan Widget (Gadget) Followers Blog Yang Menghilang

Bukti kemungkinan Google Friend Connect akan di hilangkan.

 Buktinya sekarang sudah jelas, Coba silahkan sobat cari saja di search engine dengan keyword Google Friend Connect. Klik link asli dari situs google.com, Maka hasilnya tidak ada lagi Google Friend Connect yang bisa di akses. Dan Sobat akan di alihkan pada halaman (http://support.google.com/blogger/bin/answer...) Pertanyaan Umum - Blogger Bantuan. Kecuali sobat mengakses langsung dari situs blog sobat yang berhubungan dengan followers google friend connect yang terdapat pada dashboard blog sobat.

Widget Google+ Followers jadi pengganti Widget Followers Google Friend Connect.

 Gadget Google+ Followers yang bisa kita terapkan dengan mudah dalam widget blog adalah fitur terbaru dari google bagi pengguna blogger, Salah satunya blogspot. Karena blogspot dan juga Google+ adalah satu jiwa, Jadi kita bisa dengan mudah menerapkannya dalam blog, Sebab dengan satu akun google saja kita bisa menikmati semua fitur yang di miliki oleh google. Tidak terkecuali blogspot dan Google+ bisa saling terhubung.

Cara Mengembalikan Widget (Gadget) Followers Blog Yang Menghilang

 Agar sobat bisa lebih jelas silahkan baca keterangannya langsung dari situs googleblog.blogspot.com, Tentang Google Friend Connect kemungkinan akan di ganti Google+ Followers, Sobat bisa membacanya DISINI. Gunakan translate untuk mempermudah mengartikannya.

Pengalaman pribadi saat Widget Followers di blog menghilang.

 Widget Followers blog menghilang, Itulah masalah yang pernah saya alami. Tanpa tahu apa penyebabnya tiba-tiba widget followers atau pengikut blog saya menghilang, Dan bingungnya lagi dalam widget tersebut hanya ada petunjuk dari Webmaster yang tertulis "Kami minta maaf…Gadget ini salah dikonfigurasi. Petunjuk webmaster: Pastikan bahwa "Setelan Jalinan Teman – URL Beranda" sesuai dengan URL situs ini".

Analisa dalam setelan blog.

 Ada beberapa kesalahan yang pernah saya lakukan dalam setelan blog, Salah satunya adalah template blog KUCOPAS ini saya kloning untuk blog baru yaitu DEMO KUCOPAS. Namun ternyata penyebab hilangnya widget followers bukan itu saja, Karena dalam setelan dasar blogger khususnya untuk bagian penerbitan alamat blog juga pernah saya ganti alamat url-nya. Sehingga widget gadget Followers blog tidak muncul dan tiba-tiba saja menghilang dalam halaman blog saya dan yang muncul adalah teks petunjuk dari webmaster seperti di atas.

Cara mengatasi dan mengembalikan widget gadget Followers blog yang menghilang.

 Setelah saya melakukan analisa dalam pengaturan setelan blogger, Akhirnya saya tahu kesalahan apa yang mengakibatkan widget gadget followers blog saya bisa menghilang. Penyebabnya tidak lain karena alamat url blog pernah saya ganti atau ubah dengan url alamat blog yang baru namun belum jadi di buat atau di verifikasi. Alhasil widget gadget followers blog saya jadi menghilang secara tiba-tiba.

 Bayak sudah berbagai cara yang saya lakukan untuk mengembalikan followers blog saya agar bisa kembali muncul pada halaman blog saya, Diantaranya membuat kode iframe atau image src, Bahkan membuat kode followers blog secara manual. Namun lagi-lagi cara yang saya praktekkan tidak berhasil untuk mengembalikan widget gadget followers blog saya, Dan herannya lagi rata-rata semua tutorial dari blog lain yang pernah saya coba praktekkan berakhir pada pertanyaan umum support google.

Langkah-langkah untuk mengembalikan widget gadget followers blog yang menghilang.

 Jika sobat mengalami hal permasalahan seperti yang pernah saya alami, Yaitu tentang widget gadget followers blog menghilang secara tiba-tiba, Silahkan sobat bisa mengikuti langkah-langkah yang pernah saya lakukan untuk mengembalikan widget gadget followers yang menghilang dengan cara sebagai berikut:

1. Langkah yang pertama saya lakukan adalah cek followers atau pengikut blog pada dashboard akun blogger saya.

Cara melakukannya:
  • Silahkan sobat >> Masuk atau Login ke Blogger.com menggunakan akun sobat.
  • Pada Dashboard tampilan blogger baru, Pilih Blog sobat, Kemudian Klik >> Pengikut atau Followers. Lihat contoh gambar screenshot dibawah ini.

Cara Mengembalikan Followers Blog Yang Menghilang
  • Setelah klik Pengikut atau Followers, Maka akan muncul seperti halaman dibawah ini.

Cara Mengembalikan Followers Blog Yang Menghilang
  • Silahkan sobat klik >> Invite your Friends. Lalu akan muncul halaman seperti gambar screenshot dibawah ini.
Cara Mengembalikan Followers Blog Yang Menghilang
  • Cara diatas adalah untuk cek alamat url situs, Apakah sudah cocok dengan alamat url blog sobat atau tidak. Jika tidak cocok, Maka sobat harus melakukan langkah yang kedua. Agar widget gadget followers blog sobat bisa muncul kembali pada halaman blog sobat.
  • Jika alamat URL situs sudah cocok, Sobat tidak perlu melakukan langkah yang kedua. Karena mungkin ada kesalahan yang lain yang diterapkan dalam kode HTML template blog sobat.
2. Langkah yang kedua, Jika alamat URL situs yang tertera tidak sama dengan alamat URL situs blog sobat seperti gambar di atas, Maka silahkan sobat melakukan analisa pada setelan dasar blogger yang berhubungan dengan blog sobat.

Cara melakukannya:
  • Silahkan sobat kembali lagi pada Dashboard blog sobat, Kemudian klik >> Setelan >> Dasar.
  • Lalu edit Penerbitan Alamat Blog sobat. Klik >> Edit >> Masukkan Alamat URL Blog Sobat >> Jangan lupa klik >> Simpan. Lihat contoh gambar screenshot di bawah ini. 
Cara Mengembalikan Followers Blog Yang Menghilang

Catatan:
  • Meski yang ada dalam kotak edit sama dengan alamat URL blog sobat, Namun cara ini memang harus di lakukan guna untuk menyimpan ulang alamat URL blog sobat agar lebih falid dan sesuai dengan widget gadget followers blog sobat sebagai pemiliknya.
  • Cara ini terbukti manjur dan berhasil saya lakukan untuk mengatasi dan mengembalikan widget gadget followers blog saya yang hilang secara tiba-tiba. Semua langkah diatas saya tempuh karena mengikuti petunjuk teks dari Webmaster, Yaitu "Kami minta maaf…Gadget ini salah dikonfigurasi. Petunjuk Webmaster: Pastikan bahwa "Setelan Jalinan Teman – URL Beranda" sesuai dengan URL situs ini".
  • Oleh sebab petunjuk itu saya melakukan pembenahan konfigurasi setelan dasar dan menyimpan ulang alamat URL situs agar sesuai atau cocok dengan URL situs blog KUCOPAS.
 Jika sobat masih mengalami kesulitan memahami penjelasan saya, Silahkan sobat bertanya pada form komentar yang tersedia. Sebisa mungkin saya dengan senang hati akan membantu sobat.

 Semoga tips dan trik tutorial blog yang mengulas tentang Cara Mengatasi Dan Mengembalikan Widget Gadget Followers Blog Yang Menghilang, Bisa sangat membantu dan bermanfaat banget bagi sobat KUCOPAS semua.
Selamat Berkarya...


Selasa, 11 Desember 2012

Cara Membuat Daftar Isi Label Tertentu Atau Banyak Label Di Blog

 Cara Membuat Daftar Isi Label Tertentu Atau Banyak Label (Category) Di Blog - Daftar Isi by label (Category) itulah kata familiarnya dalam dunia blogger untuk artikel yang akan saya share ini. Membuat daftar isi dalam blog merupakan keinginan dari setiap blogger maupun design web. Sebab dengan cara ini akan dapat mempermudah para pengunjung atau visitor yang datang ke blog kita, Agar bisa dengan cepat menemukan saat mencari artikel posting apa yang di inginkan.

 Tampilan dari daftar isi by label ini kurang lebih seperti daftar isi Jquery Accordion, Kerena fungsinya juga sama-sama daftar isi by label. Namun untuk daftar isi dengan Jquery Accordion sudah menggunakan efek Jquery dan akan menampilkan daftar isi dari isi keseluruhan blog itu sendiri, Sedangkan daftar isi by label atau banyak label ini bisa di atur manual perlabel atau banyak label yang kita ingin tampilkan di halaman posting, laman maupun widget blog.

 Agar sobat tidak bingung dan ingin melihat seperti apa daftar isi dengan Jquery Accordion, Silahkan sobat bisa lihat pada artikel posting yang sudah pernah saya share dan perbarui sebelumnya, Yaitu tentang Cara Membuat Daftar Isi Jquery Accordion Di Blog.

 Oke sekarang kita kembali ke pokok bahasan cara membuat daftar isi label tertentu atau banyak label di blog. Cara pemasangannya di blog sangat mudah sekali, Karena sobat tidak usah repot-repot Edit HTML dalam template blog sobat yang tentunya sangat rumit dan membingungkan. Cukup hanya menaruh kodenya dalam rancangan atau Tata Letak blog melalui Tambah Gadget, Jadi sangat gampang sekali untuk di pindah-pindah widgetnya seperti yang sobat inginkan agar sesuai dengan tampilan blog sobat.

Lihat contoh gambar screenshot berikut atau lihat pada blog DEMO KUCOPAS.

Cara Membuat Daftar Isi Label Tertentu Atau Banyak Label Di Blog


Cara memasangnya di blog ada dua cara yaitu:
1. Memasang Daftar isi label tertentu atau banyak label pada Widget blog.
2. Memasang Daftar isi label tertentu atau banyak label pada Posting dan Laman blog.

Untuk cara memasangnya silahkan sobat ikuti langkah-langkahnya sebagai berikut.

1. Cara memasang Daftar isi Label tertentu atau banyak Label pada Widget Blog
  • Silahkan sobat >> Login atau Masuk ke Blogger.com menggunakan akun sobat.
  • Pada Dashboard tampilan blogger baru, Pilih Menu >> Tata Letak >> Tambah Gadget >> HTML/JavaScript.
  • Kemudian masukkan semua kode berikut ke dalam kotak HTML/JavaScript.
<script>
var numposts = 100;
var standardstyling = true;
</script>
<script src="http://kucopas-js.googlecode.com/files/DaftarIsiByLabel.js" type="text/javascript"></script>
<div style="border: 1px solid #000000; height: 200px; overflow: auto; padding: 5px; width: auto;">
<h3>
TUTORIAL BLOG</h3>
<ul><script src="http://kuc0pas.blogspot.com/feeds/posts/default/-/TUTORIAL%20BLOG?orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts&amp;max-results=999"></script> </ul>
<h3>
TRIK FACEBOOK</h3>
<ul><script src="http://kuc0pas.blogspot.com/feeds/posts/default/-/trik%20facebook?orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts&amp;max-results=999"></script> </ul>
<h3>
TECHNO</h3>
<ul><script src="http://kuc0pas.blogspot.com/feeds/posts/default/-/trik%20komputer?orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts&amp;max-results=999"></script> </ul>
</div>
  • Jika sudah di masukkan semua kodenya, Silahkan sobat klik >> Simpan dan lihat hasilnya.
Catatan:

- Warna Hijau : Silahkan sobat ganti dengan alamat URL blog sobat.
- Warna Merah : Nama Judul Label, Silahkan sobat ganti sesuai dengan keinginan sobat.
- Warna Biru : Nama label blog yang daftar isinya akan di tampilkan, Silahkan sobat ganti dengan label blog sobat, Besar kecil huruf harus sesuai dengan label blog sobat. Gunakan %20 untuk label yang ada space atau spasinya.
- Jika sobat ingin menambahkan atau mengurangi daftar label yang di tampilkan, Silahkan sobat bisa menambah atau mengurangi kode script-nya.
- Warna Pink adalah ukuran box atau kotak scroll. Silahkan sobat ganti sesuai dengan keinginan sobat.

2. Cara Memasang Daftar isi label tertentu atau banyak label pada Posting dan Laman blog.
  • Silahkan sobat >> Login atau Masuk ke Blogger.com menggunakan akun sobat.
  • Pada Dashboard pilih >> Buat Entri Baru Untuk posting.
  • Untuk Laman pilih Menu >> Laman >> Laman Baru.
  • Pada Kotak Posting atau Laman, Pilih Mode HTML. Bukan Compose.
  • Kemudian masukkan semua kode di atas tadi.
  • Jika sudah, Silahkan sobat klik >> Publikasikan dan lihat hasilnya.
 Jika sobat mengikuti cara dan langkah-langkahnya dengan benar, Maka dapat saya pastikan trik dan tips ini berhasil dengan sempurna. Namun jika sobat mengalami kesulitan, Silahkan bertanya pada form komentar yang tersedia.

 Semoga artikel tentang Cara Membuat Daftar Isi Label Tertentu Atau Banyak Label Di Blog, Bisa sangat bermanfaat bagi sobat KUCOPAS semua. Selamat Berkarya...


Rabu, 05 Desember 2012

Cara Mengatasi Loading Lama Pada Blog

 Cara Mengatasi Loading Lama Pada Blog - Mungkin sobat pernah menjumpai saat membuka blog atau situs web yang sangat lama sekali terbuka sepenuhnya pada halaman tersebut saat di akses. Sehingga  sobat pun jadi malas sekali untuk menunggu terbuka sepenuhnya pada blog atau situs web tersebut, Karena akan bayak sekali waktu yang terbuang sia-sia.

Jika hal itu terjadi pada blog sobat, Apa jadinya?
Kemungkinan besar blog sobat akan di tinggalkan oleh para visitor atau pengunjung yang sudah menjadi langganan untuk membaca artikel posting blog sobat. Sehingga blog sobat akan jadi sepi dari visitor atau pengunjung. Padahal tujuan utama sobat membuat blog adalah agar banyak visitor atau pengunjung pada blog sobat. Kalau blog sobat sepi pengunjung maka sobat jadi rugi sendiri, Karena sudah susah-susah membuat blog.

 Untuk itulah kali ini saya akan memberikan tips dan trik agar blog sobat sangat cepat dan ringan loadingnya saat di buka atau di akses para visitor atau pengunjung. Meski dalam blog banyak sekali widget-widget dan juga foto atau gambar yang di tampilkan, Namun dengan trik ini blog sobat akan bisa menjadi ringan sekali loadingnya.

 Tips cara cepat mengatasi loading lama pada blog dengan kode Script LazyLoad, Dengan cara ini terbukti membantu blog KUCOPAS ini menjadi loadingnya sangat cepat saat di buka dan di akses para visitor atau pengunjung blog ini.

Cara Mengatasi Loading Lama Pada Blog

 Jika sobat berminat untuk memasang script LazyLoad pada blog sobat, Agar blog sobat jadi ringan loadingya saat di buka atau di akses para visitor atau pengunjung. Saya akan memberikan scriptnya secara gratis dan tidak perlu membayar sepeser pun. Karena saya juga ingin berbagi untuk sobat blogger semua, Khususnya sobat KUCOPAS. hehehe...

Cara Mengatasi Loading Lama Pada Blog

 Cara mengatasi loading lama pada blog, Agar blog menjadi loading cepat dan ringan saat di buka atau di akses para visitor atau pengunjung. Adapun langkah-langkahnya silahkan sobat ikuti dengan teliti dan simak baik-baik tips dan triknya di bawah ini.

Cara memasang script LazyLoad pada blog:

1. Langkah pertama silahkan sobat >> Masuk atau Loggin ke Blogger.com menggunakan akun sobat.

2. Setelah Masuk atau Loggin, Pilih blog sobat yang ingin di pasangi script LazyLoad ini.

3. Pada Dashboard tampilan blogger baru, Pilih dan klik Menu >> Template >> Edit HTML >> Lanjutkan.
Jangan lupa sobat Centang "Expand Template Widget".

4. Kemudian cari kode </head> (Gunakan CTRL+F untuk mempermudah pencarian).

5. Setelah ketemu, Silahkan sobat tambahkan kode berikut tepat diatas kode </head>
<script charset='utf-8' src='%3Cspan%20style=%22color:%20black;%22%3Ehttp://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js%3C/span%3E' type='text/javascript'>
 <script src='http://kucopas-js.googlecode.com/files/LazyLoad.js' type='text/javascript'/> <script charset='utf-8' type='text/javascript'> $(function() {
$(&quot;img&quot;) .lazyload({placeholder  :
&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggBoC7g2vZZ5GIvcsOuyHVxorrWFASz-SbZqscqdskXB59HtXemUVtDIokhizMBIEod5TzSlljgS5RnaqByoEYQTOoATtNI3UydJkMsZ2dEF4nMJhzubJaH3dL9YcQydsgjlvXohvRu4g/&quot;,threshold
  : 200}); }); </script> </script>

6. Sebelum di simpan, Ada baiknya sobat klik Preview atau Pratinjau terlebih dahulu, Demi untuk menghindari kesalahan saat Edit HTML template blog sobat.

7. Jika hasil Pratinjau atau Preview tidak mengalami eror pada blog sobat, Silahkan sobat klik >> Simpan Template.

8. Selesai dan lihat hasilnya pada halaman blog sobat sudah di pastikan loadingnya sangat ringan saat di buka atau di akses.

 Semoga tips dan trik blog yang saya share kali ini tentang cara mengatasi loading lama pada blog, Bisa sangat bermanfaat bagi sobat KUCOPAS semua yang mengalami loading berat pada blog saat di akses atau di buka. Selamat berkarya...


Senin, 03 Desember 2012

Cara Mengatasi Tombol Balas Komentar Blog Tidak Berfungsi

 Cara Mengatasi Tombol Balas (Reply) Komentar Blog Yang Tidak Berfungsi - Pada kesempatan kali ini saya akan share artikel trik tentang cara mengatasi tombol balas komentar blog yang tidak berfungsi untuk membalas komentar. Hal ini juga pernah saya alami pada blog KUCOPAS ini, Namun setelah saya cermati kode HTML dalam template ternyata ada sedikit kesalahan, khususnya untuk kode yang berhubungan dengan komentar blog.

 Solusi dan cara jitu untuk mengatasi tombol balas (reply) komentar blog yang tidak berfungsi untuk membalas komentar adalah dengan cara menghapus kode komentar pada edit html template blog dan menggantinya dengan kode komentar yang baru. Cara ini terbukti sangat jitu dan 100% berhasil, Karena saya sudah pernah melakukanya pada blog KUCOPAS ini.

 Untuk lebih jelasnya sobat bisa melihat perbedaan pada dua contoh gambar screenshot di bawah ini.

Contoh Tombol Balas (Reply) Komentar Blog Yang Tidak Berfungsi Untuk Membalas Komentar

Cara agar tombol Balas di komentar bisa berfungsi

 Keterangan dari gambar di atas adalah saat tombol balas (reply) komentar di blog tidak bisa berfungsi untuk membalas komentar, Dan akhirnya untuk membalas komentar hanya bisa di lakukukan dengan cara berkomentar di form komentar di urutan paling bawah, Dan tidak bisa balas (reply) langsung di bawahnya komentar para pengunjung blog.

Contoh Tombol Balas (Reply) Komentar Blog Yang Sudah Berfungsi Untuk Membalas Komentar

Cara Mengatasi Tombol Balas Komentar Blog Tidak Berfungsi

 Keterangan dari gambar di atas adalah saat tombol balas (reply) komentar di blog sudah berfungsi untuk membalas komentar, Dan untuk membalas komentar bisa di lakukukan dengan cara balas (reply) langsung di bawahnya komentar para pengunjung blog.

 Jika sobat mengalami hal yang sama seperti apa yang pernah saya alami, Yaitu Tombol Balas Komentar Blog Tidak Berfungsi. Maka sobat bisa mengikuti cara saya agar tombol balas (reply) komentar blog bisa berfungsi dengan sempurna.

Cara Agar Tombol Balas (Reply) Komentar Blog Bisa Berfungsi:

1. Silahkan sobat >> Masuk atau Login >> ke blogger.com menggunakan akun sobat.

2. Pada Dashboard tampilan blog yang baru, Klik menu >> Template.

3. Klik >> Cadangkan/Pulihkan >> Unduh template lengkap. Guna untuk mengembalikan template blog ke seperti semula, Jika terjadi kesalahan saat Edit HTML template.

4. Klik >> Edit HTML >> Lanjutkan >> Centang "Expand Template Widget".

5. Silahkan sobat cari kode berikut di bawah ini. (Gunakan CTRL+F untuk mempermudah pencarian).

<script defer='defer' expr:src='data:post.commentSrc' type='text/javascript'/>

6. Jika sudah ketemu, Silahkan sobat hapus semua kode, Mulai dari kode diatas sampai kode di bawah ini.
(Keseluruhan kode yang di hapus dan di ganti cukup panjang).

window.goog.comments = window.goog.comments || {};
window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];
window.goog.comments.loadQueue.push(render);
}
})();
// ]]>
</script>

7. Jika sudah di hapus, Silahkan sobat ganti dengan semua kode yang baru di bawah ini.
<script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>
<script type='text/javascript'>
(function() {
var items = <data:post.commentJso/>;
var msgs = <data:post.commentMsgs/>;
var config = <data:post.commentConfig/>;
// <![CDATA[
var cursor = null;
if (items && items.length > 0) {
cursor = parseInt(items[items.length - 1].timestamp) + 1;
}
var bodyFromEntry = function(entry) {
if (entry.gd$extendedProperty) {
for (var k in entry.gd$extendedProperty) {
if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') {
return '<span class="deleted-comment">' + entry.content.$t + '</span>';
}
}
}
return entry.content.$t;
}
var parse = function(data) {
cursor = null;
var comments = [];
if (data && data.feed && data.feed.entry) {
for (var i = 0, entry; entry = data.feed.entry[i]; i++) {
var comment = {};
// comment ID, parsed out of the original id format
var id = /blog-(\d+).post-(\d+)/.exec(entry.id.$t);
comment.id = id ? id[2] : null;
comment.body = bodyFromEntry(entry);
comment.timestamp = Date.parse(entry.published.$t) + '';
if (entry.author && entry.author.constructor === Array) {
var auth = entry.author[0];
if (auth) {
comment.author = {
name: (auth.name ? auth.name.$t : undefined),
profileUrl: (auth.uri ? auth.uri.$t : undefined),
avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined)
};
}
}
if (entry.link) {
if (entry.link[2]) {
comment.link = comment.permalink = entry.link[2].href;
}
if (entry.link[3]) {
var pid = /.*comments\/default\/(\d+)\?.*/.exec(entry.link[3].href);
if (pid && pid[1]) {
comment.parentId = pid[1];
}
}
}
comment.deleteclass = 'item-control blog-admin';
if (entry.gd$extendedProperty) {
for (var k in entry.gd$extendedProperty) {
if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') {
comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value;
}
}
}
comments.push(comment);
}
}
return comments;
};
var paginator = function(callback) {
if (hasMore()) {
var url = config.feed + '?alt=json&v=2&orderby=published&reverse=false&max-results=50';
if (cursor) {
url += '&published-min=' + new Date(cursor).toISOString();
}
window.bloggercomments = function(data) {
var parsed = parse(data);
cursor = parsed.length < 50 ? null
: parseInt(parsed[parsed.length - 1].timestamp) + 1
callback(parsed);
window.bloggercomments = null;
}
url += '&callback=bloggercomments';
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = url;
document.getElementsByTagName('head')[0].appendChild(script);
}
};
var hasMore = function() {
return !!cursor;
};
var getMeta = function(key, comment) {
if ('iswriter' == key) {
var matches = !!comment.author
&& comment.author.name == config.authorName
&& comment.author.profileUrl == config.authorUrl;
return matches ? 'true' : '';
} else if ('deletelink' == key) {
return config.baseUri + '/delete-comment.g?blogID='
+ config.blogId + '&postID=' + comment.id;
} else if ('deleteclass' == key) {
return comment.deleteclass;
}
return '';
};
var replybox = null;
var replyUrlParts = null;
var replyParent = undefined;
var onReply = function(commentId, domId) {
if (replybox == null) {
// lazily cache replybox, and adjust to suit this style:
replybox = document.getElementById('comment-editor');
if (replybox != null) {
replybox.height = '250px';
replybox.style.display = 'block';
replyUrlParts = replybox.src.split('#');
}
}
if (replybox && (commentId !== replyParent)) {
document.getElementById(domId).insertBefore(replybox, null);
replybox.src = replyUrlParts[0]
+ (commentId ? '&parentID=' + commentId : '')
+ '#' + replyUrlParts[1];
replyParent = commentId;
}
};
var hash = (window.location.hash || '#').substring(1);
var startThread, targetComment;
if (/^comment-form_/.test(hash)) {
startThread = hash.substring('comment-form_'.length);
} else if (/^c[0-9]+$/.test(hash)) {
targetComment = hash.substring(1);
}
// Configure commenting API:
var configJso = {
'maxDepth': config.maxThreadDepth
};
var provider = {
'id': config.postId,
'data': items,
'loadNext': paginator,
'hasMore': hasMore,
'getMeta': getMeta,
'onReply': onReply,
'rendered': true,
'initComment': targetComment,
'initReplyThread': startThread,
'config': configJso,
'messages': msgs
};
var render = function() {
if (window.goog && window.goog.comments) {
var holder = document.getElementById('comment-holder');
window.goog.comments.render(holder, provider);
}
};
// render now, or queue to render when library loads:
if (window.goog && window.goog.comments) {
render();
} else {
window.goog = window.goog || {};
window.goog.comments = window.goog.comments || {};
window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];
window.goog.comments.loadQueue.push(render);
}
})();
// ]]>
</script>

8. Klik >> Preview atau Pratinjau. Jika tidak terjadi eror pada template sobat, Maka klik >> Simpan template.

9. Selesai. Silahkan sobat lihat hasilnya pada artikel posting blog sobat, Tombol Balas (Reply) Komentar Blog pasti sudah bisa berfungsi. Dan itu artinya tips dan trik yang saya share ini berhasil dengan sempurna.

 Semoga tutorial blog yang saya share ini bisa sangat bermanfaat bagi sobat KUCOPAS semua. Jika ada pertanyaan yang berhubungan dengan Cara Mengatasi Tombol Balas (Reply) Komentar Blog Yang Tidak Berfungsi, Silahkan sobat bertanya pada form komentar yang telah tersedia dibawah.
Selamat berkarya...


Sabtu, 01 Desember 2012

Cara Membuat Footer 3 Kolom Di Blog

 Cara Membuat Footer 3 Kolom Di Blog - Salam jumpa lagi dengan blog KUCOPAS ya sobat, Kali ini saya akan memberikan tutorial blog gratis dalam hal yang masih berhubungan dengan footer. Mari kita kupas habis cara-caranya membuat dan memasang footer di blog.

 Pada artikel posting sebelumnya saya sudah pernah menjelaskan tentang cara membuat dan memasang footer multi kolom dan juga footer 2 kolom di blog, Silahkan sobat bisa lihat artikelnya. Karena cara membuat dan memasang footer 3 kolom di blog tidak jauh berbeda dengan artikel yang sudah pernah saya terangkan sebelumnya, Yang berbeda hanyalah kode yang terakhir yang akan di tambahkan dalam edit html template blog sobat.

 Bagi sobat yang masih penasaran dengan footer 3 kolom yang akan kita buat nanti, Di bawah ini saya tunjukkan gambar screenshot footer 3 kolom pada dasboard tata letak blog.

Cara Membuat Dan Memasang Footer 3 Kolom Di Blog

 Oke sekarang kita langsung menuju ke tutorialnya cara memasang footer 3 kolom di blog, Silahkan sobat ikuti langkah-langkahnya dan jangan sampai ada yang terlewatkan sebagai berikut:
  1. Langkah yang pertama, Silahkan sobat >> Masuk atau Login ke Blogger.com menggunakan akun sobat.
  2. Setelah masuk, Silahkan sobat pilih blog yang akan di pasangi footer 3 kolom.
  3. Pada Dashboard blog pilih menu >> Template, Kemudian >> Unduh template lengkap.
  4. Jika sudah, Silahkan sobat klik >> Edit HTML >> Lanjutkan >> Centang "Expand Template Widget".
  5. Kemudian cari kode ]]></b:skin> (Gunakan CTRL + F untuk mempercepat pencarian).
  6. Setelah ketemu, Langkah yang selanjutnya silahkan sobat tambahkan semua kode berikut diatas atau sebelum kode ]]></b:skin>

#footer-column-divide {
clear:both;
}
.footer-column {
padding: 10px;
}

7. Langkah yang ke tujuh, Masih dalam Edit HTML. Silahkan sobat cari kode berikut di bawah ini. (Gunakan CTRL + F kembali untuk memudahkan pencarian). Cari salah satu kode saja.

<div id='footer-wrapper'>
<b:section class='footer' id='footer' showaddelement='yes'/>
</div>

atau

<div id='footer'>
<b:section class='footer' id='footer' showaddelement='yes'/></div>

8. Jika sudah ketemu, Untuk membuat footer 3 kolom di blog, Sobat wajib dan harus menambahkan kode berikut dibawah atau sesudah kode <b:section class='footer' id='footer' showaddelement='yes'/> atau <b:section class='footer' id='footer' />

<div id='footer-column-divide'>

<div id='footer1' style='width: 33%; float:left;
margin:0; text-align:left;'>
<b:section class='footer-column' id='col1'
preferred='yes' style='float:left;'/>
</div>

<div id='footer2' style='width: 33%; float: left;
margin:0; text-align: left;'>
<b:section class='footer-column' id='col2'
preferred='yes' style='float:left;'/>
</div>

<div id='footer3' style='width: 33%; float: right;
margin:0; text-align: left;'>
<b:section class='footer-column' id='col3'
preferred='yes' style='float:right;'/>
</div>

<div style='clear:both;'/>
</div>

*Catatan:
Jika pada template blog yang sobat gunakan tidak ada kode <b:section class='footer' id='footer' showaddelement='yes'/> Maka tambahkan saja kode-nya dibawah atau sesudah kode <div id='footer'>

9. Sebelum sobat klik Simpan, Sebaiknya klik dulu Preview atau pratinjau. Jika tidak terjadi eror pada blog sobat saat edit html template, Silahkan sobat klik Simpan template.

10. Selesai dan lihat hasilnya pada Dashboard Tata letak blog sobat. Jika sudah jadi seperti yang ada pada contoh gambar screenshot diatas, Itu artinya sobat sudah berhasil Membuat Dan Memasang Footer 3 Kolom Di Blog sobat.

 Jika ada pertanyaan yang berhubungan dengan tutorial ini, Sobat jangan ragu untuk bertanya melalui form komentar yang tersedia. Semoga bermanfaat bagi sobat KUCOPAS semuanya, Selamat berkarya.

| Source By www.maskolis.com | Supported by http://kuc0pas.blogspot.com |

Jumat, 30 November 2012

Cara Membuat Footer 2 Kolom Di Blog

 Cara Membuat Footer 2 Kolom Di Blog - Footer adalah kolom widget yang biasa berada paling bawah di bagian blog, dan tentunya sobat bisa mengisinya dengan berbagai widget yang sobat inginkan. Kali ini saya akan memberikan tutorial bagaimana caranya membuat dan memasang footer 2 (dua) kolom diblog dengan fungsi bisa langsung tambah gadget atau Add Gadget tanpa harus susah-susah membuat atau menambah kolom lagi. Karena sobat bisa langsung tambah gadget di atas atau di bawah kolom widget yang sobat inginkan.

 Untuk lebih jelasnya sobat bisa melihat contoh gambar screenshot berikut di bawah ini.

Cara Membuat Footer 2 (Dua) Kolom Di Blog

 Keterangan dari gambar di atas adalah tampilan yang terlihat pada bagian tata letak blog yang sudah di pasangi footer 2 (dua) kolom. Lihat gambar yang sudah saya kasih lingkaran warna merah. Jadi sangat gampang untuk tambah gadget, Karena sobat hanya tinggal klik tambah gadget atau add gadget saja bila ingin mengisinya dengan widget blog yang sobat inginkan.

 Untuk cara membuat dan memasang footer 2 (dua) kolom di blog, caranya sangat mudah. Silahkan sobat ikuti langkah-langkahnya sebagai berikut:
  1. Silahkan sobat >> Login atau Masuk ke blogger.com menggunakan akun sobat.
  2. Pilih blog, Lalu pada Dashboard pilih menu Template.
  3. Sebelum sobat klik Edit HTML, Ada baiknya sobat Unduh template lengkap, Guna untuk berjaga-jaga jika ada kesalahan saat Edit HTML dan sobat bisa mengembalikan template seperti semula. Caranya klik >> Cadangkan / Pulihkan (Tombol berada di bagian kanan atas)>> Unduh template lengkap. Jika sudah di unduh, silahkan klik tutup atau close.
  4. Sekarang kita kebagian Edit HTML. Silahkan sobat klik >> Edit HTML >> Lanjutkan >> Centang "Expand Template Widget".
  5. Jika sudah, Silahkan sobat cari kode ]]></b:skin> (Gunakan CTRL + F untuk mempermudah pencarian).
  6. Kemudian tambahkan semua kode berikut diatas atau sebelum kode ]]></b:skin>
#footer-column-divide {
clear:both;
}
.footer-column {
padding: 10px;
}

7. Langkah yang selanjutnya, Sobat cari kode berikut di bawah ini. (Gunakan CTRL + F kembali untuk mempercepat pencarian). Cari salah satu kode saja.

<div id='footer-wrapper'>
<b:section class='footer' id='footer' showaddelement='yes'/>
</div>

atau

<div id='footer'>
<b:section class='footer' id='footer' showaddelement='yes'/></div>

8. Jika sudah ketemu, Kemudian sobat tambahkan kode berikut dibawah atau sesudah kode <b:section class='footer' id='footer' showaddelement='yes'/> atau <b:section class='footer' id='footer' />

<div id='footer-column-divide'>

<div id='footer1' style='width: 50%; float:left;
margin:0; text-align:left;'>
<b:section class='footer-column' id='col1'
preferred='yes' style='float:left;'/>
</div>

<div id='footer2' style='width: 50%; float: left;
margin:0; text-align: left;'>
<b:section class='footer-column' id='col2'
preferred='yes' style='float:left;'/>
</div>

<div style='clear:both;'/>
</div>

Catatan:
Jika pada template yang sobat gunakan tidak ada kode <b:section class='footer' id='footer' showaddelement='yes'/> maka tambahkan saja kode-nya dibawah atau sesudah kode <div id='footer'>


9. Sebelum sobat klik Simpan, Ada baiknya klik dulu Preview atau pratinjau. Jika tidak terjadi eror pada template blog sobat, Langkah yang terakhir silahkan sobat klik Simpan template.

10. Selesai dan lihat hasilnya pada Dashboard Tata letak blog sobat. Jika sudah seperti yang ada pada contoh gambar screenshot diatas, Berarti sobat sudah berhasil Membuat Dan Memasang Footer 2 (Dua) Kolom Di Blog sobat.

 Jika ada pertanyaan mengenai tutorial ini, Sobat jangan sungkan-sungkan untuk bertanya melalui form komentar yang tersedia. Semoga bermanfaat bagi sobat KUCOPAS semuanya, Selamat berkarya.

| Source By www.maskolis.com | Supported by http://kuc0pas.blogspot.com |

Kamis, 29 November 2012

Cara Copy Paste Artikel Posting Blog Yang Di Proteksi

 Cara Copy Paste Artikel Posting Blog Yang Di Proteksi - Hallo Sobat Blogger semua, Salam jumpa lagi dengan blog KUCOPAS ini. Setelah sekian lama tidak pernah update posting sekitar dua bulan, Dan kali ini saya akan berbagi trik lagi yang masih berhubungan dengan dunia blogger atau tutorial blog.

 Tips kali ini adalah trik untuk cara copy paste artikel posting blog yang di proteksi. Sedikit panjelasan untuk sobat tentang blog yang di proteksi intinya adalah blog yang tidak bisa di copy paste artikel postingnya. Tentunya sobat blogger semua mungkin pernah menjumpai saat berkunjung atau menyimak salah satu blog atau web yang tidak memperkenankan kita untuk copy paste atikel postingnya, salah satu contoh adalah saat kita klik kanan maka akan keluar pop up yang bertuliskan "Tidak diperkenankan klik kanan atau meng-copy artikel ini" atau tidak bisa di select biru. Tentunya sobat merasa kecewa karena tidak bisa copy paste artikel yang sobat inginkan atau sukai.

 Pada dasarnya meng-copy artikel posting blog lain dan sobat paste kan ke blog sobat untuk di jadikan artikel posting dan tanpa merubahnya sedikitpun isi dari artikel tersebut, Maka bisa saja sobat di tuduh mencuri artikel, Apalagi sobat copy pastenya tanpa izin dari si empunya blog tersebut. Meski begitu artikel tersebut juga tidak di sukai oleh search engine Google salah satunya. Dan akhirnya sulit untuk muncul di halaman utama atau page one search google.

 Inti dari blog yang di proteksi adalah agar semua dari isi blog tersebut tidak bisa di COPAS atau copy paste. Karena mungkin artikel postingan itu adalah murni dari karangan fikiran atau berita yang asli di dapatnya. Jadi tidak ada salahnya pemilik blog tersebut menerapkan proteksi dalam blognya agar tidak bisa di copy paste orang lain.

 Namun jika sobat sangat membutuhkannya artikel posting tersebut untuk di copy paste ke blog sobat, Disini saya akan kasih tips dan triknya secara cuma-cuma alias gratis. Silahkan sobat simak baik-baik dan ikuti langkah-langkahnya sebagai berikut:

1. Cara yang paling mudah, Silahkan sobat gunakan web browser Mozilla Firefox.
2. Lalu buka blog atau web yang diproteksi dan yang ingin sobat copy artikel postingnya.
3. Langkah yang selanjutnya, Pada menu Firefox, pilih >> Web Developer >> View Page Source.
Lihat contoh gambar screenshot berikut.

Cara Copy Paste Artikel Posting Blog Yang Di Proteksi

4. Kemudian akan ditampilkan halaman kumpulan kode HTML dari blog tersebut.
5. Silahkan sobat pilih-pilih atau seleksi semua kumpulan kode HTML tersebut atau klik kanan dan pilih >> Select All >> pilih dan klik >> Copy atau Ctrl+C.

Langkah yang selanjutnya untuk paste di blog sobat:

1. Silahkan sobat >> Login ke Blog sobat.
2. Kemudian pilih >> Buat Entri Baru >> Paste-kan semua kode HTML yang sudah sobat copy tadi pada area penulisan posting blog sobat dalam mode HTML bukan Compose.
3. Untuk melihat hasil Previewnya, Silahkan sobat kembali ke mode Compose untuk Blogspot dan Visual untuk WordPress.
4. Langkah selanjutnya silahkan sobat hapus bagian elemen dan aksesoris yang tidak diperlukan atau tidak penting bagi sobat.
5. Karena intinya sobat hanya menginginkan isi dari artikel posting blog tersebut, Maka cukup pilihlah artikel postingnya saja.
6. Jika sudah cukup meng-editnya seperti yang sobat inginkan, Maka untuk melihat hasil sepenuhnya seperti apa, Silahkan sobat klik >> Publikasikan atau Terbitkan.
7. Selesai dan nikmati hasilnya, Selamat berkarya.


 

M-Kolom Tutorial | All Tutorial Copyright © 2012 Fast Loading -- Powered by Blogger