IDE KERJA ONLINE
Showing posts with label BLOG. Show all posts
Showing posts with label BLOG. Show all posts

PINJAM DANA CAIR CEPAT


https://idekerjaonline.blogspot.co.id/2018/01/pinjam-dana-cair-cepat.html
SEMANGAT PAGI KAWAN SEKALIAN

PINJAMAN DANA TUNAI PROSES CEPAT daerah Blitar

SYARAT PINJAMAN JAMINAN BPKB MOBIL :

  • Fotocopy KTP
  • Fotocopy KK
  • Fotocopy Rek Listrik / Fotocopy PBB
  • Fotocopy Nomor Rekening Buku Tabungan ( cover )
  • Fotocopy STNK dan BPKB

SYARAT PINJAMAN JAMINAN BPKB MOTOR :

  • Fotocopy KTP
  • Fotocopy KK
  • Fotocopy Rek Listrik / Fotocopy PBB
  • Fotocopy STNK dan BPKB

https://idekerjaonline.blogspot.co.id/2018/01/pinjam-dana-cair-cepat.html

Proses Cepat (30 menit)*
 Cair Maksimal (80% dari nilai jaminan)*
https://idekerjaonline.blogspot.co.id/2018/01/pinjam-dana-cair-cepat.html

Segera merapat ke
WOM Finance atau Hub 
0821 3262 9546
0857 3322 0889
Tlp/SMS/WA

https://idekerjaonline.blogspot.co.id/2018/01/pinjam-dana-cair-cepat.html

Dapatkan fee untuk yg dpt merekomendasikan mulai dari 100rb s/d 400rb minat???
Hub sekarang juga!!!


GADAI CEPAT BPKB MOBIL ,PINJAMAN DANA , PINJAMAN UANG , PINJAMAN DANA CEPAT , PINJAMAN DANA JAMINAN BPKB MOBIL , PINJAMAN DANA JAMINAN BPKB MOTOR
Jika anda adalah :
  • Seorang yang ingin mendapatkan pinjaman uang untuk keperluan pribadi.
  • Seorang yang ingin mengembangkan bisnisnya, namun kekurangan modal.
  • Seorang yang ingin memiliki bisnis sendiri, namun tidak memiliki modal sama sekali untuk memulai bisnisnya.
  • Seorang yang ingin segera berbisnis, namun terhambat oleh masalah uang / modal.
  • Seorang yang ingin membayar biaya berobat rumah sakit / biaya persalinan / biaya sekolah / kuliah / renovasi rumah / pernikahan / liburan.
  • Seseorang yang selalu ditolak pengajuan kreditnya oleh bank, dengan alasan riwayat kredit buruk (masuk list BI checking), saldo rekening 3-6 bulan terakhir (mutasi rekening), dokumen tidak lengkap, nilai jaminan kredit rendah dan tidak lengkap mengisi formulir.
  • Dan siapapun anda yang menginginkan pinjaman dana untuk keperluan apa saja.
Salah satu faktor penyebab kegagalan kebanyakan orang untuk sukses finansial adalah masalah uang atau modal untuk memulai usaha / bisnis untuk meningkatkan penghasilan. Kebanyakan orang sering menunda dan membatalkan keinginannya untuk berbisnis atau memenuhi kebutuhan keuangannya hanya karena tidak memiliki uang sebagai modal usaha atau karena dana yang dimilikinya terbatas. Padahal, mendapatkan pinjaman dana tunai untuk modal usaha atau untuk keperluan apapun itu sangat mudah dan bisa dilakukan oleh anda. Saya akan menunjukkan caranya kepada anda bagaimana solusinya dan membantu anda untuk mendapatkan pinjaman dana tunai secara cepat, mudah, legal dan aman.
Dengan mendapatkan pinjaman uang tunai ini, anda bisa menggunakan uang tersebut untuk apa saja, antara lain :
  • Untuk memulai usaha atau membangun bisnis yang anda inginkan.
  • Untuk berinvestasi (seperti : membeli property, saham, emas, forex dll) dan segera pensiun.
  • Untuk membangun aset bisnis yang bisa mendatangkan uang, tanpa harus bekerja keras.
  • Untuk mengembangkan usaha atau bisnis yang anda tekuni saat ini.
  • Untuk membeli bisnis atau usaha orang lain yang telah sukses (Waralaba).
  • Untuk keperluan lain yang mempercepat kesuksesan finansial anda.
  • Untuk memenuhi kebutuhan finansial anda yang mendesak.
Anda akan mendapatkan solusi tercepat masalah finansial anda berupa pinjaman dana cepat dengan cara gadai BPKB dengan proses cepat yaitu gadai BPKB motor 1 jam cair atau gadai BPKB mobil 3 jam cair dan segera dapatkan dana tunai dalam waktu relatif cepat.
Pinjaman tunai jaminan BPKB ini sangat membantu jika anda dalam posisi dimana anda sangat membutuhkan dana tunai cepat. Pinjaman jaminan BPKB ini membantu anda keluar dari masalah finansial yang menjadi hambatan anda untuk memenuhi kebutuhan keuangan anda saat ini.
Buktikan…..pelayanan terbaik kami :
  • SYARAT MUDAH
  • FLEKSIBEL
  • BERANI CAIR TINGGI
  • PROSES CEPAT
  • DANA TERIMA UTUH
  • ASURANSI KENDARAAN
  • TIDAK BI CHECKING
  • BPKB AMAN TERJAMIN
  • LEMBAGA FINANCE RESMI
Silahkan bagi anda yang saat ini memerlukan kredit uang berupa pinjaman jaminan BPKB motor dan pinjaman jaminan BPKB mobil, untuk segera menghubungi saya. Anda akan segera kami layani dengan cepat. Pelayanan ditangani oleh tenaga profesional yang ramah, cepat dan memuaskan, pasti cair !!! Anda hanya tinggal duduk dan menunggu saja sampai proses pengajuan pinjaman tunai jaminan BPKB motor dan mobil atau pinjaman tunai jaminan BPKB mobil selesai dikerjakan.

Gadai Bpkb – Gadai Bpkb Mobil – Gadai Bpkb Motor – Uang Tunai – Dana Tunai – Pinjaman Uang Tunai – Pinjaman Dana Tunai – Pinjaman Uang Gadai Bpkb – Pinjaman Dana Gadai Bpkb – Pinjaman Uang Gadai Bpkb Mobil – Pinjaman Dana Gadai Bpkb Mobil – Pinjaman Uang Gadai Bpkb Motor – Pinjaman Uang Tunai Gadai Bpkb – Pinjaman Dana Tunai Gadai Bpkb – Pinjaman Uang Tunai Gadai Bpkb Mobil – Pinjaman Dana Tunai Gadai Bpkb Mobil – Pinjaman Uang Tunai Gadai Bpkb Motor – Pinjaman Dana Tunai Gadai Bpkb Motor
Tempat Gadai – Tempat Gadai Bpkb – Tempat Gadai Bpkb Mobil – Tempat Gadai Bpkb Motor – Tempat Dana Tunai – Tempat Uang Tunai – Tempat Pinjaman Dana – Tempat Pinjaman Uang – Tempat Pinjaman Uang Tunai – Tempat Pinjaman Dana Tunai – Tempat Pinjaman Uang Tunai Bpkb – Tempat Pinjaman Dana Tunai Bpkb – Tempat Pinjaman Uang Tunai Bpkb Mobil – Tempat Pinjaman Dana Tunai Bpkb Mobil – Tempat Pinjaman Uang Tunai Bpkb Motor – Tempat Pinjaman Dana Tunai Bpkb Motor
pinjam uang – pinjam uang online – pinjam uang online langsung cair – pinjam uang di bank – gadai online – gadai bpkb motor – gadai online – gadai bpkb – gadai bpkb motor di bank – gadai bpkb motor di pegadaian – gadai bpkb – mobil di pegadaian – gadai bpkb mobil di pegadaian – gadai bpkb mobil
Take Over – Take Over Bpkb – Take Over Bpkb Mobil – Take Over Bpkb Motor – Dana Talangan – Dana Talang Kredit Mobil – Agunan Bpkb – Agunan Bpkb Mobil – Agunan Bpkb Motor – Pinjaman Uang Agunan Bpkb – Pinjaman Dana Agunan Bpkb – Pinjaman Uang Agunan Bpkb Mobil – Pinjaman Dana Agunan Bpkb Motor

gadai bpkb mobil, gadai BPKB Mobil Langsung cair, pinjaman dana tunai jaminan bpkb mobil, dana tunai jaminan bpkb mobil, dana tunai bpkb mobil, Dana Tunai Agunan BPKB Mobil, jaminan bpkb mobil, pinjaman jaminan bpkb mobil, pinjaman uang jaminan bpkb mobil, pinjaman uang dengan jaminan bpkb mobil, pinjam uang jaminan bpkb mobil, pinjaman bpkb mobil, pinjaman dana tunai Agunan bpkb mobil, pinjaman dana jaminan bpkb mobil, penggadaian bpkb mobil, pinjaman dengan jaminan bpkb mobil, pinjaman gadai bpkb mobil, kredit jaminan bpkb mobil, dana cepat jaminan bpkb mobil, agunan bpkb mobil, pinjaman tunai jaminan bpkb mobil, butuh dana tunai jaminan bpkb mobil, pinjaman agunan bpkb mobil, pinjaman bank jaminan bpkb mobil, kredit dengan jaminan bpkb mobil, kredit bpkb mobil, Tempat Gadai Bpkb Mobil, pinjaman dengan bpkb mobil, pinjaman dengan agunan bpkb mobil, menggadaikan bpkb mobil, pinjaman tunai cepat bpkb mobil, pinjaman dana cepat jaminan bpkb mobil, dana pinjaman jaminan bpkb mobil, pinjaman tunai bpkb mobil, pinjaman dana bpkb mobil, gadaikan bpkb mobil, Jasa gadai bpkb mobil, leasing bpkb mobil, finance bpkb mobil


GADAI BPKB MOTOR, GADAI BPKB MOBIL, GADAI CEPAT AREA BLITAR, GADAI CEPAT AREA TULUNGAGUNG, GADAI CEPAT AREA KEDIRI, GADAI CEPAT AREA MALANG, WOM BLITAR

JUAL SEMUT JEPANG MURAH

http://idekerjaonline.blogspot.com/2014/06/jual-semut-jepang-murah.html

Setelah membaca artikel manfaat dan khasiat semut jepang, cara beternak dan budidaya semut jepang serta artikel semut jepang sebagai obat diabetes, kolesterol, asam urat, hypertensi, jantung serta vitalitas untuk pria dan wanita. Lalu mungkin timbul pertanyaan di benak anda, bagaimana cara saya mendapatkan semut jepang ini.? kurang lebih mungkin begitu ya?

     Baik, dari beberapa informasi yang saya peroleh, harga semut jepang ini masih tergolong mahal mungkin bagi beberapa kalangan masyarakat indonesia, dan ini cukup unik. Di beberapa tempat di Indonesia, harga semut jepang ini sangat bervariasi, tergantung si penjual yang menawarkan dan seberapa besar sang calon pembeli ini membutuhkan dan mengetahui khasiat semut jepang ini.

     Saya sendiri berusaha mencari bibit semut jepang ini dan ada yang menawarkan dengan harga yang cukup fantastis 50 ribu/ekor. (entah harga ini masih bertahan atau sudah berubah lagi setahu saya di TV tgl 21 April 2014 ada yang masih mematok harga Rp. 15.000,00 per ekor, red 23 April 2014).

     Tapi itu baru tawaran dan saya tidak langsung membeli. Akhirnya bertemu teman saya yang baru pulang dari jepang menawarkan semut jepang yang dia miliki, setelah saya bertanya-tanya tentang semut jepang. Harga yang di tawarkan 30ribu/ekor (September 2013) tidak boleh kurang “itu juga harga teman,”katanya. Jadi saya menyimpulkan harga semut jepang berkisar Rp.30.000,- sampai Rp.50.000,-.

     Kami menjual dengan pilihan Paket dimana dalam 1 paket berisi semut jepang (sesuai pilihan paket) beserta ragi tape makanan semutnya dan kapas sebagai media semut jepang untuk berkembang biak dan habitatnya.
Ditempat kami anda cukup membeli dengan harga Rp. 5.000,- per ekor ( Harga bisa berubah jadi naik sewaktu-waktu) dengan ongkos kirim :
  • Rp. 35.000,-  untuk dalam Pulau Jawa
  • Rp 50.000,-  untuk luar Jawa, kecuali Indonesia wilayah Timur Maluku dan Papua dan Indonesia Barat Aceh dan pulau-pulau terluar ongkir menyesuaikan dengan tarif JNE.

Cara pemesanan.

Anda dapat memesan semut jepang kepada kami dengan menghubungi nomor handphone 085746014348 atau 082132629546, atau email Gunamonda79@gmail.com atau langsung smskan nama lengkap anda sebagai pemesan dan alamat lengkap tujuan pengiriman, serta email untuk kami kirimkan bukti foto paket dan resi pengiriman dari JNE.
Setelah itu anda transfer ke rekening MANDIRI 4097662517630698 a.n Guna Monda W , sejumlah harga semut dan lakukan konfirmasi transfer.
Setelah konfirmasi, semut jepang akan segera kami kirim dan bukti berupa foto paket dan resi pengiriman dari JNE ke alamat email anda.


     Semut Jepang memang masih jarang dan merupakan hal baru. Akan tetapi di Jepang semut ini digunakan ternyata untuk mengobati berbagai penyakit. Semut Jepang ini berkhasiat diantaranya untuk penyakit diabetes, asam urat, stroke, darah tinggi. Untuk menstabilkan stamina saat anda terlalu sering lembur karena pekerjaan kantor juga bisa.

     Untuk para pembeli, kami tidak memberikan harga terlalu tinggi, karena kami berniat membantu orang yang membutuhkan untuk pengobatan, ditempat lain masih ditawarkan dengan harga di atas Rp. 10.000,- bahkan ( ulasan di TV tgl 21 April 2014 ada penjual yang masih mematok harga Rp. 15.000,00 per ekor, red 23 April 2014).
     
     Selain itu, pelanggan yang membeli Semut Jepang akan mendapatkan beserta kapas yang sudah ditaburi ragi tape. Kapas untuk menangkar telur, sedangkan ragi merupakan makanan Semut Jepang.
Apabila ingin menaburkan ragi, tidak perlu terlalu banyak. Konsumen yang membeli Semut Jepang tidak perlu khawatir untuk membawanya, kami sudah menyiapkan toples tempat untuk semut jepang. Selama dua hingga enam bulan, Semut Jepang ini sudah berkembang biak dengan pesat.

     Konsumen yang tidak memiliki penyakit cukup mengkonsumsi dua ekor per hari. Sedangkan untuk penderita penyakit, satu hari sebaiknya mengkonsumsi hingga lima ekor. “Saat mengkonsumsi, dapat dengan media lainnya seperti dibenamkan di buah pisang atau menggunakan kapsul kosong yang bisa dibeli di apotik2.
Informasi lebih lanjut (order) hubungi Guna Monda W.  085746014348 atau 082132629546 atau email Gunamonda79@gmail.com




*-- Terima Kasih Telah Mengunjung Blog Kami--* 
 Salam Sukses Selalu dari Ide Kerja Online

DIRGAHAYU RI KE 68

SEGENAP KRU DAN JAJARAN

MENGUCAPKAN
 







*-- Terima Kasih Telah Mengunjung Blog Kami--* 
 Salam Sukses Selalu dari Ide Kerja Online

MENGETAHUI KODE WARNA


kode warna

Sekedar melengkapi postingan blog apa adanya ini saya publishkan beberapa Tool Kode Warna yang mana anda dapat memanfaatkannya semoga bisa membantu sahabat semua untuk Cek Kode Warna. Silahkan digunakan beberapa tool yang saya sediakan dalam blog ini.



Tool Kode Warna 1:



Tool Kode Warna 2:
 


Tool Kode Warna 3:
  Thank you for visiting


HEX TO COLOR



Jika Cek Kode Warna | Tool Kode Warna diatas kurang memuaskan, ingin mengetahui secara online dan mungkin bisa lebih baik silahkan kunjungi beberapa situs yang pernah saya gunakan sebelum menemukan tool diatas:
4. atau mungkin bisa tanya ke Mbah Google

Untuk cara memasang tool diatas kedalam blog bisa dilihat pada artikel tentang Cara Mudah Pasang Tool Kode Warna Pada Blog, Semoga artikel ini bermanfaat.

Nb: Jika tool di atas ada yang tidak dapat digunakan silahkan tinggalkan komentar (hub. admin)
*-- Terima Kasih --*


MENIGKATKAN RANKING BLOG DENGAN GOOGLE PING

Apa itu ping? Arti kata ping singkatnya adalah bersiul seperti kita tahu bersiul bisa berarti memanggil. Lalu apa itu Google Ping? Arti google ping adalah memanggil robot search engine google (mesin pencari) google untuk menjelajahi halaman situs web atau blog yang di ping kan ke google. Sebenarnya kalau situs web ataupun blog kita sudah terdaftar dan ada sitemap (peta situs) di google melalui alat webmaster tools google maka tidak usah melakukan ping juga robot google akan mengindeks setiap halaman baru dari website blog maupun situs kita.

Hanya saja ada kekurangan jika kita mengharapkan robot datang sendiri untuk mengindeks halaman baru dari blog kita maka biasanya robot google akan datang sendiri tanpa batas waktu yang pasti, artinya tidak bisa di pastikan kapan datangnya, bisa cepat dan bisa juga lama. Kalau cepat itu malahan lebih bagus, tapi kalau lama ini yang jadi masalah dimana akan mengakibatkan halaman baru dari blog kita lama terindeks google. Efeknya apa jika blog kita lama terindeks oleh mesin pencari terutama Google? Sangat jelas, karena tidak atau belum terindeks maka peluang untuk mendatangkan pengnjung dari search engine google akan tidak ada selama halaman baru dari blog kita belum diindeks oleh google atau belum masuk dalam database google.

Maka dari itu perlu adanya pemberitahuan kepada robot google atau biasa di sebut googlebot dengan istilah kerennya oleh para webmaster adalah ping ke google agar website maupun blog kita dapat segera di jelajahi oleh robot google (Googlebot) dan cepat masuk database hasil pencarian google. Adapun cara ping Google terdiri dari 2 jenis yaitu:

  • Ping Google secara Otomatis
  • Ping Google secara Manual
Saat ini banyak sekali layanan dari sebuah website yang menyediakan fasilitas layanan ping ke Google. Contohnya layanan ping diantaranya : pingomatic.com dam mypagerank. Banyak webmaster jarang menggunakan layanan ping otomatis karena yang namanya otomatis dan dari pihak ketiga dalam artian bukan dari pihak Google yang menyediakan tentunya akan kurang baik hasilnya. Kenapa? Karena bisa saja layanan ping pihak ketiga tidak berfungsi dengan baik dan tidak dapat memanggil robot google. Untuk itu banyak webmaster menyarankan untuk melakukan ping secara manual sebab ping secara manual merupakan ping melalui layanan dari pihak google itu sendiri dan tentunya pihak google akan memprioritaskan setiap website atau blog yang melakukan ping dari tempatnya google itu sendiri dari pada dari pihak ketiga lainnya.

Kita sering melakukan trik optimasi postingan blog setelah mengupdate postingan terbaru. Terbukti setelah melakukan ping menggunakan Google ping dalam waktu paling lambat 24 jam artikel sudah terindeks search engine Google.

Adapun cara melakukan ping google secara otomatis, bisa mengikuti cara sebagai berikut:
  1. Buka halaman Google Ping : www.googleping.com
  2. Isi kolom “Blog Details” seperti :
        Blog Name: Isi dengan Nama blog Anda
        Blog Homepage: Isi dengan Url Blog Anda
        RSS URL (optional): Isi dengan url feed blog Anda
        Email (required for some): Isi dengan alamat Email Anda
  3. Setelah semua diisi dengan lengkap, Anda tinggal mencentang “Service to Ping”. Klik tulisan “Check All” untuk mencentang semuanya.
  4. Setelah di centang semuanya, isi chapta kemudian klik tulisan “Send Pings” maka ping blog kita akan di proses.
Adapun cara ping manual ke Google adalah sebagai berikut:
  1. Klik Google Blog Search Ping Service
  2. Masukkan halaman url yang akan di ping ke Google
  3. Selesai dan tunggu beberapa saat sang robot Google atau Googlebot akan segera berkunjung ke blog Anda untuk merayapi halaman url yang tadi Anda kirim (ping)
  4. Selamat halaman baru dari blog Anda sudah tercantum di indeks google dan sudah masuk dalam database Google.

Mengetahui pengunjung Blog dengan FEEDJIT

feedjit

Cara membuat live traffic feed di blog - live traffic feed berguna agar kita mengetahui pengunjung blog, maksudnya mengetahui dari mana, lewat mana, sudah berapa lama dan sebagainya. Menarik bukan, makanya segera pasang. Untuk cara pemasangan ikuti tutorial berikut:

1. Login ke blog anda
2. kunjungi feedjit
3. klik choose your feedjit.
4. Untuk pecinta gratisan, klik sign up pada feedjit completely free
feedjit

5. nanti anda akan dibawah ke menu pengaturan, atur sepuasnya
feedddddddddddddddd
 

6. Jika anda pengguna blogger ganti dengan blogger
    Jika anda pemakai wordpress ganti dengan wordpress.
7. Klik GO
8. Klik to open a new window and install and on blogger.
9. Pilih sebuah blog: isi dengan nama blog anda
    Judul                    : Isi dengan judul sesuka anda
10. Klik menambah widget.
11. Klik edit konten
12. Copy paste kode HTML ke blog anda dengan cara
      1. log in ke blog anda
      2. Klik tata letak
      3. Klik tambah widget.
      4. Klik HTML/java script
      5. Paste kode yang tadi didapat
      6. Simpan
13. Lihat hasilnya

Disamping mempunyai kelebihan, feedjit juga memiliki kelemahan antara lain memperberat blog karena widget, mengganggu pengunjung, seharusnya pengunjung tidak di sebarkan tetapi feedjit menyebarkan.

Maka dari itu jika ingin memasangnya, sebaiknya pertimbangkan dulu. Itulah sedikit ulasan dari saya tentang cara membuat live traffic feed di blog.


Cara Mendaftar di Technorati

pakah Anda sudah mengenal tentang Technorati ? Untuk penjelasan singkat saja, Technorati adalah sebuah direktori terbesar saat ini dan memiliki fasilitas/fungsi yang cukup besar yaitu sebagai BlogSearch, Tags Aggregator dan Online Bookmarks. Dengan mendaftar di Technorati, itu akan meningkatkan traffic pengunjung ke blog kita, dan blog/website kita lebih dapat dikenal oleh blogger lain, dan ini pun bisa disebut sebagai salah satu strategi SEO untuk blog/website kita.

Dengan mendaftarkan blog kita di Technorati, kita juga bisa mengetahui situs atau blog mana saja yang memasang link ke blog kita. Untuk mempersingkat waktu, ikuti langkah-langkah di bawah ini untuk mendaftar di Technorati :
  • Masuklah ke alamat Technorati.com
  • lalu Klik menu Join (seperti gambar dibawah ini :
TechnoratiClaimBlog01A Cara Mendaftar di Technorati
  • Isilah data secara lengkap lalu klik join
  • Setelah itu, akan muncul sebuah confirmation code. Lalu cek email anda yang telah didaftarkan di technorati tadi, lalu klik link yang telah diberikan melalui email anda.
  • Setelah itu masukan url blog Anda (seperti gambar dibawah ini), dan kemudian klik Begin Claim.
TechnoratiClaimBlog01B Cara Mendaftar di Technorati
  • Setelah itu, Anda tinggal menunggu Proses Claim, dan lakukan Complete Claim seperti gambar dibawah ini :
  • Anda akan dihadapkan pada Form seperti ini :
TechnoratiClaimBlog01E Cara Mendaftar di Technorati
  • Salin kode berikut dan publikasikannya dalam sebuah posting di blog Anda. Technorati harus dapat menemukan kode klaim dalam blog Anda via feed (RSS atau Atom). Caranya adalah dengan menerbitkan posting baru dan menyisipkan kode klaim di dalamnya.
  • Untuk Kode Klaim Blog/Website ini adalah : 3S6YXY4VKCDR
  • Dan sesudah itu, Anda tinggal klik Complete Claim
  • Berikutnya, Anda tinggal menunggu Kode Klaim yang sudah di masukkan dalam Postingan Anda di periksa oleh Technorati, untuk memastikan bahwa memang benar alamat URL yang diberikan, benar-benar milik Anda.
  • Dan yang terakhir (karena blog inipun belum terdaftar di Technorati), anda buat satu link dengan kode seperti dibawah ini, dan tampilkan di blog anda.
<a href=”http://technorati.com/faves?sub=addfavbtn&add=http://url blog anda”><img alt=”Add to Technorati Favorites” src=”http://static.technorati.com/pix/fave/btn-fave2.png”/></a>
  • Gantilah kode url blog anda diatas dengan kode URL anda.
Demikianlah informasi mengenai Cara Mendaftar di Technorati, semoga bermanfaat bagi Anda semua. Terimakasih.

Meningkatkan Page Rank Blog Dengan Growurl

kemarin saya iseng-iseng mencari situs direktori gratisan buat mempublikasikan blog. Blog ini sudah saya daftarkan ke sebagian besar situs direktori yang menawarkan submit gratis. Terus saya ketemu yang namanya Growurl.com yang juga  menawarkan publikasi gratis, tadinya saya tidak tertarik tapi apa salahnya jika dicoba. Dari situs itu kemudian saya ketahui kalau GrowUrl.com bisa mempromosikan situs kita ke ratusan situs iklan baris, direktori, blog dan email. Hal ini diharapkan akan menambah kunjungan atau traffic ke situs kita dan bagi mereka yang tertarik tentunya akan menaruh backlink ke blog kita. Ketika blog kita mulai populer, tentu ranking Alexa dan Google Page Rank juga akan semakin menanjak.

Di GrowUrl juga ada fasilitas trial, tetapi jika ingin iklan kita dikirim lebih banyak ke situs-situs saya sarankan untuk mendaftar. Tapi sayangnya  fasilitas untuk member memang harus bayar. Kalau tidak salah sekitar 50 ribuan. Tapi tidak usah khawatir, kita juga bisa memanfaatkan free credit growurl.com yaitu kita tidak perlu bayar .
Setelah saya daftar di Pasang Iklan, ternyata hasilnya cukup lumayan, blog saya berada dimana-mana, maksudnya apa? setelah kita mendaftarkan blog kita di growurl, maka growurl akan mensubmit blog kita ke ratusan situs iklan baris dan direktori blog. Hasilnya blog kita akan jadi terkenal dan otomatis alexa pun akan melejit naik. Lumayan, daftar gratis dapat traffic.
growurl
Ibaratnya seperti ini, anda punya produk pernak-pernik cantik, kemudian ada banyak toko dan supermarket terkenal menawarkan anda untuk menaruh pernak-pernik sobat di toko dan supermarket tersebut. Maka barang jualan anda akan laku keras dalam sekejap, paling tidak ada beberapa pengunjung yang meliriknya. Begitu pula dengan blog, bayangkan jika anda punya blog dengan template yang cantik dan content yang menarik, namun anda tidak tau cara mendapatkan pengunjung, akan menjadi sia-sia saja bukan. Untuk itu sering-seringlah mencari informasi dari google tentang seo.

Kembali ke growurl, saya sangat menyarankan anda untuk mendaftarkan blognya di growurl, selain dmoz dan technorati tentunya yang paling utama. Daftar gratis, setelah itu tunggu dan lihat hasilnya beberapa minggu kemudian.

Membuat Menu Accordion Tanpa Edit HTML

Kali ini saya akan memberikan totorialnya Membuat Menu Accordion yang simple. Langsung aja ya, untuk membuat accordion menu yang lebih sederhana, tidak perlu masuk ke Edit HTML, tinggal masuk ke layout kemudian pilih HTML/Javascript, letakkan kodenya disitu....  sudah jadi menu accordionnya.
Nah tampilannya kayak di bawah ini nih...


menu accordion

Salah satu fungsi dari accordion menu selain memperingkas tampilan blog, juga dapat memperindah blog, seperti juga fungsi tabber atau tab view, jadi blog Anda akan kelihatan lebih ringkas dan rapi. Tutorial ini sudah agak lama, saya hanya memperbaharui tampilan menunya saja. Anda bisa letakkan menu accordion ini pada sidebar blog. Bagi teman-teman yang mau mencoba, berikut ini cara membuatnya (wah bahasanya jadul banget ya) :
  1. Login ke Blogger dengan akun Anda
  2. Masuk ke Layout, pilih HTML/Javascript
  3. Kemudian masukkan kode berikut ini ke dalamnya (kek bikin masakan aja) :
    <style type="text/css">
    #accordion{width:100%;margin:auto;border:0px solid white}
    #accordion h2{padding:5px 10px;background-color:#ccc;background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbKXp7NwZpwu7Su_rSM9bqwhXDK2rvDmVwMcpbuMaYX_Oooz3Wml8Ikpn_odvamDcwLefbALv1PEOlsRJGUWy9WChRPIHkXu2lPKatJuVsJc6aT-1caU90mGkxzNQb8q3Sg1py4reFDzY/s1600/arrow_right.gif);background-repeat: no-repeat;background-position: right center;color:#000;font:normal 11px Tahoma;border-bottom:1px solid #FFF;cursor:pointer;}
    #accordion .content{font:normal 11px Arial;padding:5px 10px;background:#eee;}
    #accordion .content ul {list-style:none;margin:0 0 0;padding:0 0 0;}
    #accordion .content li {background-image: url(); background-repeat: no-repeat;background-position: left center;margin:0;padding:2px 0 3px 0;text-indent:0px;border-bottom:1px dotted #ccc;line-height:1.3em;}
    #accordion .content li a:hover {text-decoration:none;color:#000;}
    #accordion h2.active{background-color:#bbb;background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgI543yJJaXJmUPNKUF1FQevYAx52Yk424_V4vNhYsTjdI8ng2Zq-Bk89fb4v9oOQZ74RyaLYmg1MWFvMZzf6WJvgUIqCmWuTC2oOsF9E2Vl2uurORaolNjXKXbmys9NOJgPH-Xvt9S2q4/s1600/arrow_down.gif);background-repeat: no-repeat;background-position: right center;font-weight:bold;}
    </style>
    <script type="text/javascript" src="http://yourjavascript.com/121511228073/accordion-menu.js"></script>
    <script type='text/javascript'>
    $(function() {
    $('#accordion .content').hide();
    $('#accordion h2:first').addClass('active').next().slideDown('slow');
    $('#accordion h2').click(function() {
    if($(this).next().is(':hidden')) {
    $('#accordion h2').removeClass('active').next().slideUp('slow');
    $(this).toggleClass('active').next().slideDown('slow');
    }
    });
    });
    </script>
    <div id="accordion">
    <h2>Title 1</h2>
    <div class="content">
    Isi konten 1
    </div>
    <div id="accordion">
    <h2>Title 2</h2>
    <div class="content">
    Isi konten 2
    </div>
    <div id="accordion">
    <h2>Title 3</h2>
    <div class="content">
    Isi konten 3
    </div>
    <div id="accordion">
    <h2>Title 4</h2>
    <div class="content">
    Isi konten 4
    </div>
    <div id="accordion">
    <h2>Title 5</h2>
    <div class="content">
    Isi konten 5
    </div>
    </div></div></div></div></div>
  4. Terakhir Save, lihat hasilnya


Keterangan :
  • Title : Judul heading menu accordion 
  • Isi konten : Silahkan Anda isi dengan widget yang akan dipasang (bisa tulisan, script iklan maupun script widget)
Menu accordion diatas untuk blog yang mempunyai background warna terang. Bagi Anda yang mempunyai blog warna gelap atau hitam, tinggal diganti kode css-nya,. Lebih lengkapnya seperti kode di bawah ini :
<style type="text/css">
#accordion{width:100%;margin:auto;border:0px solid white} #accordion h2{background-color:#5f5e5e;background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-VIJle3TBbw8uM17kMDv1GrHvj1YuGIAGhyphenhyphenmGGde1_k0ndDn76jlHoUiaY6U5T28AEhwiD0Jp4Xsg8hI1RlhnWYzI19MuGs0yASlp2OOAZJ1IpCKiZ_alIdXHy8c0Cag1Kj61lyZ6D5k/s1600/arrow_right.gif);background-repeat:no-repeat;background-position:right center;color:#d0cfce;font:normal 11px Tahoma;border-bottom:1px solid #323333;cursor:pointer;padding:5px 10px} #accordion .content{font:normal 11px Arial;background:#333;padding:5px 10px} #accordion .content li{background-image:url();background-repeat:no-repeat;background-position:left center;text-indent:0;border-bottom:1px dotted #595959;line-height:1.3em;margin:0;padding:2px 0 3px} #accordion .content li a:hover{text-decoration:none;color:#ff3c00} #accordion h2.active{background:#5f5e5e;background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBERG2Eq91uj4GdyTRqbRM3HRUjXqDdcuohyphenhyphenXSfvbZst2cPCdnPflFFSLPCp7bHz62P5jM4DI1aavPiZ_okm557czxb1jq6klDhl3moaDfoD-YNxJ0Z-HRwLHmvQQsdJ3djDTYLlZnNHQ/s1600/arrow_down.gif);background-repeat:no-repeat;background-position:right center;font-weight:700} </style>
<script type="text/javascript" src="http://yourjavascript.com/121511228073/accordion-menu.js"></script>
<script type='text/javascript'>
$(function() {
$('#accordion .content').hide();
$('#accordion h2:first').addClass('active').next().slideDown('slow');
$('#accordion h2').click(function() {
if($(this).next().is(':hidden')) {
$('#accordion h2').removeClass('active').next().slideUp('slow');
$(this).toggleClass('active').next().slideDown('slow');
}
});
});
</script>
<div id="accordion">
<h2>Title 1</h2>
<div class="content">
Isi konten 1
</div>
<div id="accordion">
<h2>Title 2</h2>
<div class="content">
Isi konten 2
</div>
<div id="accordion">
<h2>Title 3</h2>
<div class="content">
Isi konten 3
</div>
<div id="accordion">
<h2>Title 4</h2>
<div class="content">
Isi konten 4
</div>
<div id="accordion">
<h2>Title 5</h2>
<div class="content">
Isi konten 5
</div>
</div></div></div></div></div>


Bagi yang ingin menyimpan javascript menu accordion silahkan download link dibawah :


Demikian tutorial singkat membuat menu accordion kali ini, semoga artikel ini bermanfaat bagi sobat blogger sekalian...

Membuat Simple Slider Otomatis Gambar Vertikal

Kali ini saya akan memberikan satu lagi tutorial membuat slider otomatis untuk image atau gambar vertikal. Sebelumnya saya minta maaf belum bisa menjawab semua pertanyaan yang masuk karena banyak sekali kegiatan di luar yang harus saya kerjakan. Dan tentu saja saya juga belum bisa memenuhi permintaan teman-teman yang menginginkan sebuah template khusus atau modifikasi template yang sudah ada menjadi sebuah template yang SEO friendly dan valid HTML.


slider otomatis


Slider ini sangat sederhana, seperti juga slider-slider sebelumnya, slider inipun bekerja secara otomatis berdasarkan artikel terbaru dan kategori tertentu. Untuk lebih jelas silahkan klik demo diatas, slider ini saya letakkan di sidebar sebelah kanan dengan ukuran lebar 300px. Slider ini sekilas terlihat seperti slider yang ada pada template-template dari designer India seperti Lasantha Bandara, Lansindu, Sameera dan lainnya, yang masih memasukkan gambar dan URL secara manual.  Jika Anda pengguna template buatan mereka, dan ingin mengganti agar slider bekerja secara otomatis, silahkan simak berikut langkah-langkah pembuatannya :
  1. Setelah login ke Blogger, pilih blog yang ingin ditambahkan slider ini.
  2. Kemudian masuk ke Template >> Edit HTML (centang kotak expand widget templates)
  3. Di back up atau disimpan dulu templatenya, jika sewaktu-waktu terjadi kesalahan bisa dikembalikan ke bentuk semula.
  4. Klik "Buka" dan masukkan kode berikut di atas kode ]]></b:skin> :
    /* Slider */
    .sompret-wrapper {float:right; position: relative;}
    .sompret { overflow: hidden; position: relative; width:300px; height:400px;}
    .image_reel { position: absolute; top: 0; left: 0; }
    .image_reel img {overflow: hidden;float: left;width:300px; height:auto;}
    .paging {background:#878773; border:1px solid #676756;padding: 4px 0 2px; text-align: right;z-index: 100; }
    .paging a { text-indent:-9999px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiECJY2dBzBFASO_8rhLU9V2rLB79bZ7ncNbugMJ-10nabQ7GEEGLSuk-CvUVFMY6wtLMy9lkwCNPp_GorNu-2FO0fhc1UGsyhJkise4IYKh_tOY-17OdYf1Mk9RO72JyXRgjba-KTk1uM/s1600/slider_item.png) no-repeat center; width:10px; height:10px; display:inline-block;margin:3px; border:none; outline:none; }
    .paging a.active { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCgi-2AnW2t1i6fWU4bbnaq5iEpD3E6p7Z6iu37tIoepvgWhu7odgWWwBYXcO43Awb00yyYDBBZ7UcH3X7cToiV60zU6jlQkNr2FrHCmIHcn04eQNdCahV-1XjjLOYNSaj8uKhsgC68A4/s1600/slider_item_active.png) no-repeat center; border:none; outline:none;}
    .paging a:hover {font-weight: bold; border:none; outline:none;}
    .crott { width:280px; display: none; position:absolute;bottom: 0; left: 0; z-index: 101; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXvSXMtYJa4kJm6Am8pekQK5e_UIJRNGt3VaIZWZzPR9fBqkAuWkspNZBYUxGb5L5NYMt_LKinQ17hPb0MF6_6PKA6_qbK-xLZX0a6MK2HeQ8_l93B6jX-dxGwLRm0j1EWFOU80Mx0dsc_/s1600/uj-opacity-40.png);padding:5px 10px;  }
    .crott a{color: #fff;font: 16px Oswald }
    .crott p{color: #fff;font: 12px Arial;}
    Kode warna merah diatas adalah ukuran slider, untuk lebar 300px dan tinggi 400px. Perhatikan semua dan Anda harus sesuaikan dengan ukuran sidebar pada template yang Anda gunakan.
  5. Masih di Edit HTML, masukkan kode script berikut ini diatas </head> :
    <script src='http://code.jquery.com/jquery-1.8.3.js' type='text/javascript'/>
    <script type='text/javascript'>
    //<![CDATA[
    jQuery(document).ready(function() {

    //Set Default State of each portfolio piece
    $(".paging").show();
    $(".paging a:first").addClass("active");

    //Get size of images, how many there are, then determin the size of the image reel.
    var imageWidth = $(".sompret").width();
    var imageSum = $(".image_reel img").size();
    var imageReelWidth = imageWidth * imageSum;

    //Adjust the image reel to its new size
    $(".image_reel").css({'width' : imageReelWidth});

    //Paging + Slider Function
    rotate = function(){
       var triggerID = $active.attr("rel") - 1; //Get number of times to slide
       var image_reelPosition = triggerID * imageWidth; //Determines the distance the image reel needs to slide

       $(".paging a").removeClass('active'); //Remove all active class
       $active.addClass('active'); //Add active class (the $active is declared in the rotateSwitch function)
     
    $(".crott").stop(true,true).slideUp('slow');

    $(".crott").eq( $('.paging a.active').attr("rel") - 1 ).slideDown("slow");

       //Slider Animation
       $(".image_reel").animate({
           left: -image_reelPosition
       }, 500 );


    };

    //Rotation + Timing Event
    rotateSwitch = function(){
    $(".crott").eq( $('.paging a.active').attr("rel") - 1 ).slideDown("slow");
       play = setInterval(function(){ //Set timer - this will repeat itself every 3 seconds
           $active = $('.paging a.active').next();
           if ( $active.length === 0) { //If paging reaches the end...
               $active = $('.paging a:first'); //go back to first
           }
           rotate(); //Trigger the paging and slider function
       }, 10000); //Timer speed in milliseconds (3 seconds)

    };

    rotateSwitch(); //Run function on launch

     //On Click
        $(".paging a").click(function() {  
            $active = $(this); //Activate the clicked paging
            //Reset Timer
            clearInterval(play); //Stop the rotation
            rotate(); //Trigger rotation immediately
            rotateSwitch(); // Resume rotation
            return false; //Prevent browser jump to link anchor
        });  

    });

    //]]>
    </script>
    <script type='text/javascript'>
    //<![CDATA[
    imgr = new Array();
    imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgc_2bCkMshXNmpMaqB0ds25oCVwgmkoNwF0AQml0gJo_9q0jjV0WFLh03eb1T4p4ZvPqgQzRmsnFq84_wjqehvDsjb1rfsDjndWpOuxdQXyX-49SXhUT7PaQgM2voxnAmlwoWdC9g8vCI/s1600/no+image.jpg";
    showRandomImg = true;
    aBold = true;
    summaryPost1 = 80;
    summaryTitle = 20;
    numposts1 = 6;

    function removeHtmlTag(strx,chop){
        var s = strx.split("<");
        for(var i=0;i<s.length;i++){
            if(s[i].indexOf(">")!=-1){
                s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
            }
        }
        s =  s.join("");
        s = s.substring(0,chop-1);
        return s;
    }

    function showrecentposts1(json) {
    j = (showRandomImg) ? Math.floor((imgr.length+1)*Math.random()) : 0;
    img  = new Array();
       
      for (var i = 0; i < numposts1; i++) {
        var entry = json.feed.entry[i];
        var posttitle = entry.title.$t;
    var pcm;
        var posturl;
        if (i == json.feed.entry.length) break;
        for (var k = 0; k < entry.link.length; k++) {
          if (entry.link[k].rel == 'alternate') {
            posturl = entry.link[k].href;
            break;
          }
        }

    for (var k = 0; k < entry.link.length; k++) {
          if (entry.link[k].rel == 'replies' && entry.link[k].type == 'text/html') {
            pcm = entry.link[k].title.split(" ")[0];
            break;
          }
        }

        if ("content" in entry) {
          var postcontent = entry.content.$t;}
        else
        if ("summary" in entry) {
          var postcontent = entry.summary.$t;}
        else var postcontent = "";
       
        postdate = entry.published.$t;

    if(j>imgr.length-1) j=0;
    img[i] = imgr[j];

    s = postcontent ; a = s.indexOf("<img"); b = s.indexOf("src=\"",a); c = s.indexOf("\"",b+5); d = s.substr(b+5,c-b-5);

    if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")) img[i] = d;

    //cmtext = (text != 'no') ? '<i><font color="'+acolor+'">('+pcm+' '+text+')</font></i>' : '';


    var month = [1,2,3,4,5,6,7,8,9,10,11,12];
    var month2 = ["January","February","March","April","May","June","July","August","September","October","November","December"];

    var day = postdate.split("-")[2].substring(0,2);
    var m = postdate.split("-")[1];
    var y = postdate.split("-")[0];

    for(var u2=0;u2<month.length;u2++){
    if(parseInt(m)==month[u2]) {
    m = month2[u2] ; break;
    }
    }

    var daystr = m+ ' ' + day + ' ' + y ;

    var trtd = '<div class="crott"><a href="'+posturl+'">'+posttitle+'</a><p>'+removeHtmlTag(postcontent,summaryPost1)+'... </p></div>';
    document.write(trtd);    

     j++;
    }

    }

    function showrecentposts2(json) {
    j = (showRandomImg) ? Math.floor((imgr.length+1)*Math.random()) : 0;
    img  = new Array();
     
      for (var i = 0; i < numposts1 ; i++) {
        var entry = json.feed.entry[i];
        var posttitle = entry.title.$t;
    var pcm;
        var posturl;
        if (i == json.feed.entry.length) break;
        for (var k = 0; k < entry.link.length; k++) {
          if (entry.link[k].rel == 'alternate') {
            posturl = entry.link[k].href;
            break;
          }
        }

    for (var k = 0; k < entry.link.length; k++) {
          if (entry.link[k].rel == 'replies' && entry.link[k].type == 'text/html') {
            pcm = entry.link[k].title.split(" ")[0];
            break;
          }
        }

        if ("content" in entry) {
          var postcontent = entry.content.$t;}
        else
        if ("summary" in entry) {
          var postcontent = entry.summary.$t;}
        else var postcontent = "";
       
        postdate = entry.published.$t;

    if(j>imgr.length-1) j=0;
    img[i] = imgr[j];

    s = postcontent ; a = s.indexOf("<img"); b = s.indexOf("src=\"",a); c = s.indexOf("\"",b+5); d = s.substr(b+5,c-b-5);

    if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")) img[i] = d;

    //cmtext = (text != 'no') ? '<i><font color="'+acolor+'">('+pcm+' '+text+')</font></i>' : '';


    var month = [1,2,3,4,5,6,7,8,9,10,11,12];
    var month2 = ["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];

    var day = postdate.split("-")[2].substring(0,2);
    var m = postdate.split("-")[1];
    var y = postdate.split("-")[0];

    for(var u2=0;u2<month.length;u2++){
    if(parseInt(m)==month[u2]) {
    m = month2[u2] ; break;
    }
    }

    var daystr = day+ ' ' + m + ' ' + y ;

    var trtd = '<a href="'+posturl+'"><img src="'+img[i]+'"/></a>';
    document.write(trtd);    

     j++;
    }

    }
     //]]>
    </script>
    Perhatikan kode script warna merah paling atas, jika pada template Anda sudah terpasang script itu seri berapapun, kode script itu tidak usah diikutkan, hanya satu jquery yang ada pada sebuah template jika ada dua atau lebih akan bentrok dan salah satu fungsinya tidak jalan.. numposts:6; adalah jumlah post yang tampil pada slider
  6. Sekarang Anda tinggal mau meletakkan slider itu dimana, jika ingin diletakkan di sidebar sebelah kanan paling atas seperti terlihat pada demo. Cari kode <div id='sidebar-wrapper'> atau kode pembungkus sidebar yang ada pada template Anda, kemudian letakkan kode berikut ini sebelum atau diatas <div id='sidebar-wrapper'> :
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <div class='sompret-wrapper'>
    <div class='sompret'>
    <div class='image_reel'>
    <script>
    document.write(&quot;&lt;script src=\&quot;/feeds/posts/default?max-results=&quot;+numposts1+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts2\&quot;&gt;&lt;\/script&gt;&quot;);
    </script></div>
    <div class='description'>
    <script>    
    document.write(&quot;&lt;script src=\&quot;/feeds/posts/default?max-results=&quot;+numposts1+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts1\&quot;&gt;&lt;\/script&gt;&quot;);
    </script>
    </div>
    </div>
    <div class='paging'>
    <a href='#' rel='1'/>
    <a href='#' rel='2'/>
    <a href='#' rel='3'/>
    <a href='#' rel='4'/>
    <a href='#' rel='5'/>
    <a href='#' rel='6'/>
    </div>
    </div></b:if>
    Keterangan :

    Tampilan slider dengan menggunakan kode diatas hanya terlihat pada postingan, jika Anda ingin slider terlihat di homepage hapus kode pertama dan terakhir yang berwarna biru muda. Slider diatas menampilkan postingan terbaru Anda, jika ingin merubah menjadi tampil per label anda tinggal menambahkan kode /-/your label antara kode default dan ?, jadinya seperti ini default/-/your label?max-results karena kode tersebut diatas ada dua, Anda harus ganti dua-duanya.
  7. Terakhir save, selesai.
Slider diatas bisa Anda modifikasi sendiri, Anda juga bisa gunakan slider ini untuk gambar horisontal (tidak harus vertikal) berusahalah untuk lebih kreatif dengan merubah ukuran panjang dan lebar yang ada pada tutorial ini atau menambahkan hiasan ribbon misalnya seperti terlihat pada demo ini, sehingga tampilannya menjadi lebih menarik. Itu tadi tutorial membuat slider sederhana kali ini, jika ada yang kurang jelas silahkan tinggalkan peasan pada kolom komentar di bawah.

Membuat Slider Otomatis

Kali ini saya akan berikan satu lagi tutorial membuat slider otomatis dari Lofslidernews. Slider ini buatan landofcoder.com, demo aslinya bisa dilihat disini. Abu Farhan, seorang master blogger Indonesia juga pernah membuat slider ini yang bekerja berdasarkan popular post, tapi kekurangannya jika gambar yang dipakai ukurannya kecil atau ukuran tingginya lebih besar, gambar pada slider seperti kegenjet dan kurang enak dilihat. Disini saya hanya memodifikasi agar gambar terlihat simetris meskipun ukuran tinggi lebih besar, tapi tetap harus menggunakan gambar dengan ukuran besar jika ingin hasil yang lebih bagus. Slider ini juga saya buat agar bisa menampilkan artikel terbaru juga per kategori atau label.
Sekilas bentuk dari slider ini seperti slider yang ada pada template Sporty Magazine2 dari Borneo Templates. Banyak perbedaan mendasar dari kedua slider ini, disamping kode-kode pembentuk slider, Lofslidernews mampu menampilkan berapapun post yang ingin Anda tampilkan pada slider, karena gambar pagination kecil bergerak dinamis dari atas  kebawah kemudian kembali lagi keatas menggunakan efek Easing. Gerak dari gambar utama pada slider ini pun dari kanan ke kiri seperti pada Looped Slider yang akan saya bahas lain waktu.Untuk lebih jelasnya silahkan lihat demonya dibawah :

lofslidernews


Sebelum masuk ke tutorial membuat slider ini, saya mau kasih tau dulu kalau slider ini agak ribet dalam pengaturan panjang dan lebar image, baik yang besar maupun yang kecil (pagination). Juga slider ini lebih banyak menggunakan kode script, yang bagi blog prioritas SEO akan sangat merugikan. Tapi semua itu bisa diatasi dengan mengkompres dan meringkas kode-kode script pada slider di Google Code.

Oke, jika Anda berminat perhatikan baik-baik tutorial cara pemasangan slider ini sebagai berikut :
  1. Setelah masuk ke dashboard blogger, pilih blog yang akan dipasang slider ini.
  2. Kemudian masuk ke Template >> Edit HTML (centang kotak expand widget templates)
  3. Di back up dulu templatenya, jika sewaktu-waktu terjadi kesalahan bisa dikembalikan ke bentuk semula.
  4. Pertama yang harus Anda lakukan adalah membuat satu buah kolom kosong diatas blog post, seperti gambar di bawah ini (jika pada template yang Anda pakai sudah terdapat satu kolom kosong seperti gambar dibawah, langkah ini tidak perlu dilakukan) :
    lofslidernews

    Caranya, letakkan kode berikut di atas kode ]]></b:skin>
    1. /* Slide Content 
    2. ----------------------------------------------- */  
    3. .slide-wrapper {padding:0 auto;margin:0 auto;width:auto;floatleft;  
    4. word-wrap: break-word; overflowhidden;}   
    5. .slide {color#666666;line-height1.3em;}  
    6. .slide ul {list-style:none;margin:0 0 0;padding:0 0 0;}  
    7. .slide li {margin:0;padding-top:0;  
    8. padding-right:0;padding-bottom:.25em;  
    9. padding-left:0px;text-indent:0px;line-height:1.3em;}  
    10. .slide .widget {margin:0px 0px 6px 0px;}  

    Kemudian untuk memunculkannya pada layout (diatas blog post), anda harus memanggilnya. Cari kode <div id='main-wrapper'> kemudian letakkan kode berikut dibawahnya :
    1. <b:if cond='data:blog.url == data:blog.homepageUrl'>  
    2.       <div id='slide-wrapper'>  
    3. <b:section class='slide' id='slide' preferred='yes'/>  
    4.       </div>  
    5. </b:if>   
  5. Save template dulu, sekarang masuk ke Layout/Tata Letak, Anda cek apa sudah terpasang satu kolom di atas Blog Post? Jika sudah ada, masuk lagi ke Edit HTML. Kemudian masukkan kode berikut di atas kode ]]></b:skin> :
    Perhatikan kode warna merah diatas, itu dalah ukuran panjang dan lebar slider, silahkan disesuaikan dengan ukuran pada template Anda. Pada demo yang saya gunakan panjang main-wrapper 630px tapi karena ada padding slider sebesar 10px, ukuran yang saya gunakan untuk slider hanya 600px.

  6. Masih di Edit HTML, masukkan kode script berikut ini diatas </head> :
    Perhatikan kode script warna merah paling atas, jika pada template Anda sudah terpasang script itu seri berapapun, kode script itu tidak usah diikutkan. numposts:10; adalah jumlah post yang tampil pada slider
  7. Save templates lagi, pemasangan kode-kode di Edit HTML selesai. Sekarang Anda kembali ke Layout/Tata Letak. Masukkan kode di bawah ini ke dalam kolom kosong diatas Blog Post yang sudah Anda buat pertama kali, klik Add a Gadget >> HTML/Javascript :
    <div class='lof-main-wapper' id='slider'>
    <div class='slider-main-outer'>
    <ul class='slider-main-wapper'>
    <script>                   
    document.write("<script src=\"/feeds/posts/default/-/misteri?max-results="+numposts+"&orderby=published&alt=json-in-script&callback=showrecentposts\"><\/script>");
    </script>
    </ul>
    </div>
    <div class='slider-navigator-outer'>
    <ul class='slider-navigator'>
    <script>                   
    document.write("<script src=\"/feeds/posts/default/-/misteri?max-results="+numposts+"&orderby=published&alt=json-in-script&callback=showrecentposts1\"><\/script>");
    </script>
    </ul>
    </div>
    </div>
    <script type='text/javascript'>
    jQuery(document).ready(function($){   
        $('#slider').lofJSidernews({
            interval:6000,
            duration:800,
            mainWidth: 405,
            navigatorWidth: 200,
            maxItemDisplay:5,
            easing:'easeInOutQuad',
            auto:true,
            isPreloaded: false
        });
    });   
    </script>
    Keterangan :
    Tulisan warna merah (misteri) adalah label yang saya masukkan pada slider. Silahkan diganti dengan label yang ingin ditampilkan.
  8. Terakhir save, selesai.
Agak rumit ya? pelan-pelan nanti juga bisa. Baca tutorialnya dengan teliti jangan ada yang kelewatan karena menurut saya ini agak sedikit rumit dalam pengaturan panjang dan lebar. Jangan lupa kopinya diminum dulu, nanti keburu dingin. Jika masih ada yang kurang jelas, bisa ditanyakan pada kolom komentar dibawah. Itu tadi tutorial membuat slider Lofslidernews kali ini, silahkan dicoba dan semoga bermanfaat.
 
Support : Creating Website
Copyright © 2013. IDE KERJA ONLINE - All Rights Reserved
Template Modify by Gun_J4ck
Proudly powered by Blogger