Deniededen

Pasang Iklan Dari IklanBlogger

2014-01-07T20:49:00.004+07:00

Flamboyan68 - Salam sejahtera...sebelum mengulas artikel ini saya ucapkan "Selamat Ulang Tahun kepada IklanBlogger.com yang ke-3" semoga sukses dengan program-programnya dan menjadi lebih baik di tahun berikutnya. IklanBlogger telah menginjak usia 3 tahun dalam menjalankan bisnis iklan PPC - Pay Per Click. Postingan kali ini saya mengulas secara singkat mengenai cara menjadi member Advertiser, Affiliasi, Publisher dari IklanBlogger.com.

IklanBlogger merupakan salah satu website yang memberikan kesempatan bagi anda untuk memperoleh penghasilan online dengan menyediakan ruang/space/spot pada web/blog anda sebagai tempat pemasangan iklan bagi Advertiser, juga memberikan kesempatan kepada para Advertiser yang berkeinginan mempromosikan iklannya yang akan disebarkan kepada jaringan web/blog Publisher yang telah terdaftar di IklanBlogger.com.

Menjadi Publisher IklanBlogger.com

Untuk mengikuti program pada IklanBlogger.com sebagai Publisher anda tinggal melakukan pendaftaran dimana nantinya setelah terdaftar anda bisa menambahkan blog/web yang ingin dipasangi iklan dari IklanBlogger.com kemudian melakukan copy code iklan yang diberikan lalu kemudian pasang/paste code tersebut pada web/blog anda. Sebagai informasi Publisher atau Penerbit iklan adalah penyedia ruang/space/spot pada web/blog yang memungkinkan Advertiser menampilkan link iklannya.

Untuk menjadi seorang publisher yang harus anda lakukan adalah sebagai berikut :

Silakan lakukan pendaftaran disini Daftar terlebih dahulu dengan mengisikan data diri anda atau klik banner di bawah ini :

Tambahkan web/blog yang anda miliki tekan submit dan tunggu konfirmasi melalui pesan email.

Setelah ada konfirmasi via email anda login dan ambil code script iklan IklanBlogger.com untuk kemudian di pasang pada web/blog anda. Silakan buka web/blog anda, apabila konfigurasi telah dilakukan dengan benar dan sudah disetujui admin, maka iklan akan langsung tampil pada web/blog anda.

Dengan memasang iklan dari IklanBlogger.com di web/blog, Publisher akan mendapatkan penghasilan tambahan tanpa repot apabila ada yang melakukan klik dari IP unique pada iklan di web/blog anda. Selain itu Publisher dapat memantau jumlah Pageviews dan klik yang telah dihasilkan pada web/blognya dan besar penghasilan yang akan anda dapatkan tergantung dari usaha anda untuk selalu update blog/website anda sehingga semakin banyak visitor/pengunjung blog yang datang.

Menjadi publisher di IklanBlogger.com diberikan pembagian persentasi keuntungan sebesar 50% - 60% untuk Publisher dari harga satu iklan yang dibayarkan oleh Advertiser.

Tiap klik valid yang dihasilkan terjadi pada iklan IklanBlogger.com di web/blog anda, Publisher akan mendapatkan keuntungan Rp 200 (dua ratus rupiah) hingga Rp 300,- (tiga ratus rupiah) dan nilai tersebut sewaktu-waktu bisa berubah seiring perkembangan bisnis jasa iklan.

Klik valid adalah klik yang dihasilkan yang berasal dari IP visitor yang unique/unik dan juga ditentukan dari rasio logis antara jumlah klik dan impresi yang dihasilkan.
Impresi adalah jumlah yang menunjukkan berapa kali halaman pada website/blog anda yang terdapat / mengandung iklan dari IklanBlogger.com yang ditayangkan dan halaman tersebut dibuka oleh visitor/pengunjung website/blog tersebut.
Pembayaran akan ditransfer melalui rekening bank anda yang telah dimasukkan pada profil Account pada tanggal 1 s/d tanggal 15 setiap bulan apabila saldo pendapatan anda telah mencapai minimal Rp 50.000 atau sesuai dengan minimum transfer yang anda tentukan pada member area.
Jumlah iklan per halaman dalam satu web/blog maksimal adalah 5 (lima) buah zona iklan saja selebihnya tidak akan disetujui.
1 (satu) unit iklan hanya bisa untuk 1 (satu) website atau blog, karena pada saat pembuatan unit zona iklan hanya ada 1 (satu) URL alamat website yang akan Anda pasangkan unit iklan. Sebagai informasi, 1 akun IklanBlogger.com bisa untuk banyak website/blog, 1 website/blog hanya bisa memuat 5 (lima) unit iklan saja.

Ulasan diatas adalah cara dan langkah untuk bergabung sebagai Publisher/pemilik web/blog. Sebagai informasi di IklanBlogger.com anda bisa menjadi Publisher sekaligus Advertiser. Untuk informasi lebih lanjut mengenai TOS IklanBlogger anda bisa mengaksesnya di sini

Menjadi Advertiser IklanBlogger.com

Sebagai Advertiser setelah melakukan pendaftaran Anda bisa melakukan deposito untuk pengisian saldo iklan yang nantinya digunakan untuk pasang iklan dan iklan Anda akan disebar kepada pemilik web/blog yang terdaftar sebagai publisher IklanBlogger.com. Apabila anda berminat untuk mempromosikan produk anda dan disebarkan oleh ribuan web/blog Publisher silahkan lakukan pendaftaran disini Daftar atau klik banner di bawah ini :

Advertiser adalah pihak perorangan, kelompok atau perusahaan yang melakukan kegiatan promosi atas iklannya pada IklanBlogger.com yang materinya disebarkan kepada pemilik web/blog yang terdaftar di IklanBlogger.com.
Prosedur menjadi Advertisers adalah sebagai berikut :
- Lakukan pendaftaran terlebih dahulu dengan mengisikan data diri anda.
- Login ke IklanBlogger.com dengan menggunakan username dan password anda.
- Order saldo iklan anda sesuai budget anda.
- Lakukan pembayaran atas order saldo Iklan anda.
- Saldo sudah tersedia silahkan pasang iklan yang anda inginkan
- Setelah seluruh pengaturan lengkap dan disubmit, iklan anda akan segera ditayangkan.
Keuntungan menjadi Advertiser? Advertiser akan mendapatkan traffik dan keuntungan dari jasa, dagangan, produk atau bisnis yang mereka miliki dari hasil iklan yang ditampilkan pada web/blog yang terdaftar di IklanBlogger.com sehingga bisnis mereka semakin dikenal khalayak banyak. Advertiser juga memiliki keuntungan promosi lebih besar dan waktu luang yang banyak dari pada harus beriklan sendiri ke banyak website. Selain itu Advertiser juga berkesempatan mendapatkan keuntungan lainnya dengan mendapat bonus deposit saldo hingga 60% dari nominal saldo yang dipilih.
Berapa biaya yang harus saya bayar untuk beriklan di web/blog Publisher IklanBlogger.com? berapa biaya yang saya bayar untuk beriklan di web/blog Publisher IklanBlogger.com? untuk beriklan disini anda harus memiliki saldo iklan lebih dulu. Untuk deposit saldo iklan anda harus melakukan pembayaran deposit minimal cuma Rp 30.000 (tiga puluh ribu rupiah) sudah bisa beriklan dan iklan akan ditampilkan pada web/blog Publisher IklanBlogger.com.
Bagaimana iklan saya bisa ditampilkan? sebelum membuat iklan anda terlebih dahulu lakukan deposit saldo untuk beriklan. Setelah kami menerima bukti pembayaran anda maka segera kami tambahkan saldonya dan anda sudah bisa membuat iklan untuk ditayangkan. Advertisers akan dikenai biaya Rp 400,- (empat ratus rupiah) atas setiap klik pada iklan teks dan akan dikenai biaya Rp 500,- (lima ratus rupiah) atas setiap klik pada iklan gambar yang dilakukan oleh pengunjung web/blog yang memasang iklan IklanBlogger.com.
Iklan saya akan tampil di web/blog mana saja? Iklan Advertiser tampil secara random ke seluruh web/blog Publisher dan untuk mengetahui URL web/blog mana saja iklan anda tampil dan bisa anda lihat di member area Advertiser dalam menu "Pasang Iklan" lalu pilih "List Penerbit Iklan" lalu pilih pilih zona iklannya sesuai jenis iklan yang dibuat maka akan ada daftar URL sudah menayangkan iklan anda.
Saya tertarik pasang Iklan, tapi bagaimana dengan Clickfraud ? Sistem IklanBlogger.com telah dikembangkan untuk anti fraud jadi jika ada Publisher yang bergabung IP-nya akan dimasukkan dan disimpan kedalam record IP IklanBlogger.com dan juga setiap klik pada iklan akan dicatat IP pengunjung/visitor yang melakukan klik dan sistem akan menditeksi apakah IP yang valid atau hasil dari bot ataupun proxy jika valid maka akan terjadi komisi jika hasil dari bot atau proxy akan diabaikan, apabila dalam kurang dari 24 jam pengunjung melakukan klik kembali, maka klik yang kedua dan seterusnya dianggap free dan sistem mengirimkan notifikasi log kepada Admin atas kejadian tersebut, selain itu sistem juga melakukan batasan untuk setiap IP yang sama sehingga iklan terhindar dari Clickfraud dari IP yang sama. ClickFraud ditentukan jumlah dari Unique IP Address Visitor bukan dari hasil bot ataupun proxy, Materi Iklan yang pernah diklik dari IP Address yang sama, tidak akan dihitung lagi.
Apa saja jenis iklan yang tersedia pada IklanBlogger.com ? IklanBlogger.com menyediakan sarana periklanan berbasis teks dan berbasis gambar (banner). IklanBlogger.com juga telah menyediakan berbagai ukuran iklan baik jenis teks maupun banner dengan standard dimensi dan kondisi internet Indonesia.

Untuk desain IklanBlogger.com telah telah optimalkan untuk meningkatkan jumlah klik pada iklan yang ditayangkan pada website/blog Publisher. Hal ini menjamin promosi bisnis anda akan memiliki kesan professional.

Program Affiliasi IklanBlogger.com

IklanBlogger.com saat ini sudah memberikan sistem affiliasi bagi Publisher. Untuk Publisher yang bisa merekomendasikan user baru untuk bergabung di IklanBlogger.com dan user tersebut bergabung menjadi Publisher dari link affiliasi Publisher anda maka akan mendapatkan bonus tambahan sebesar 10% dari penghasilan/komisi yang diperoleh user hasil rekomendasi anda tadi dan bonus tersebut langsung ditambahkan ke saldo anda.
Cara mengikuti program affiliasi? anda bisa mengajak rekan atau teman dan sahabat blogger anda untuk bergabung sebagai member Publisher di IklanBlogger.com dengan menggunakan link affiliasi anda.

Demikian ulasan ringkas saya tentang cara bergabung menjadi Publisher, Advertiser dan mengikuti Program Affiliasi dari IklanBlogger.com. Selamat mencoba semoga bermanfaat dan happy blogger........

Sumber Artikel

Donasi Blog Dari Iklan PPCBlogger

2014-01-06T23:13:00.000+07:00

Flamboyan68 - PPCBlogger.com merupakan salah satu PPC lokal indonesia yang cukup familiar dikalangan para blogger. PPCBlogger sama halnya dengan PPC lain menggunakan sistem pembayaran per klik, mempertemukan para pemasang iklan (advertiser) dan para Publisher untuk bekerja sama dalam memanfaatkan media online internet yaitu web/blog sebagai sebuah media untuk mengembangkan bisnis maupun juga untuk pemasaran produk bisnisnya.

Melalui website para Publisher iklan-iklan yang di pasang oleh Advertiser di website PPCBlogger akan disebar ke seluruh jaringan member Publisher, sehingga iklan bisnis Advertiser akan dilihat oleh ribuan pengunjung dari berbagai website maupun blog. Sehingga iklan yang di pasang oleh Advertiser akan menjadi lebih Efektif, sekaligus memberikan keuntungan bagi Publisher untuk mendapatkan komisi dari setiap klik yang dilakukan oleh para pengunjung/visitor terhadap iklan yang tayang di web/blog Publisher dan otomatis menguntungkan untuk kedua belah pihak.

Harga per klik untuk Advertiser yang mempromosikan iklannya di PPCBlogger di bawah ini ada harga sebagai ilustrasi :

Advertiser
- Biaya iklan Text Rp. 350 / unik klik
- Biaya Iklan Gambar 125 X 125 Rp. 450 / unik Klik
- Biaya Iklan Gambar 468 X 60 Rp. 475 / unik Klik
- Biaya Iklan Gambar 300 X 250 Rp. 500 / unik Klik
- Biaya Iklan Gambar 728 X 90 Rp. 525 / unik Klik

Target utama dari layanan jasa pasang iklan PPCBlogger ini adalah Advertiser dan Publisher akan sama-sama mendapatkan keuntungan. Tanpa sistem yang menyulitkan, proses cepat, mudah dan sekaligus lebih efektif. Pemasang iklan atau Advertiser akan segera merasakan hasil yang baik dari iklan yang dipasang di jasa PPCBlogger.com ini. Anda yang berminat untuk memasang iklan atau menjadi Advertiser PPCBlogger bisa langsung di sini Daftar Advertiser atau klik banner di bawah ini :

Bagi anda yang mempunyai web/blog keuntungan yang didapat sebagai Publisher (pemilik web/blog), setelah anda mendaftar sebagai publisher di PPCBlogger dan memasang iklan PPCBlogger pada salah satu ruang di web/blog maka anda akan mendapatkan penghasilan sebagai salah satu donasi untuk kelangsungan blog anda apabila ada pengunjung web/blog melakukan klik pada iklan yang tayang di blog anda.

Dengan bergabungnya web/blog anda sebagai Publisher di PPCBlogger tentunya tidak akan mengganggu aktivitas blogging anda. Dimana hobi menulis di blog berjalan dan donasi sampingan anda dari iklan yang tayang di blog dapat. Blog saya sendiri sudah hampir 11 bulan menjadi Publisher di PPCBlogger. Lumayan kawan buat menunjang aktivitas blogging kopi rokok hehe..dan hasilnya lumayan ada yang dimasukan ke pulsa ada yang transfer ke rekening kalau kebetulan sudah cukup.

Publisher
- komisi iklan Text Rp. 275 / unik klik
- komisi Iklan Gambar 125 X 125 Rp. 375 / unik Klik
- komisi Iklan Gambar 468 X 60 Rp. 400 / unik Klik
- komisi Iklan Gambar 300 X 250 Rp. 425 / unik Klik
- komisi Iklan Gambar 728 X 90 Rp. 450 / unik Klik
Komisi Referral Publisher Rp. 25,- /anggota

Komisi Referral Advertiser Rp. 1.500,- /pasang iklan

Sebagai Penerbit iklan/Pemilik website/Publisher yang websitenya di gunakan untuk menayangkan iklan milik Advertiser PPCBlogger, dapat menerima pembayaran komisi tanpa proses yang menyulitkan dan itu sudah saya buktikan. Bagi anda yang berminat utuk menjadi Publisher di PPCBlogger dapat di akses di sini Daftar Publisher atau klik banner di bawah ini :

Demikian ulasan saya tentang salah satu cara mendapatkan donasi blog dari iklan PPCBlogger, apabila ada kekurangan atau kesalahan dalam penyajian ini bisa anda melayangkan kritik dan saran melalui kotak komentar, buku tamu ataupun melalui pesan email.

Selamat mencoba semoga bermanfaat dan happy blogging...............

sumber

Kamera Digital Sony Cyber-shot DSC-H200

2014-01-06T16:29:00.000+07:00

Flamboyan68 - Sony sebagaimana yang kita tahu merupakan salah satu produsen elektronik terbaik di dunia yang diantaranya memproduksi produk kamera dan lensa berkualitas seperti produk kamera dengan type DSLR (Digital Single Lens Reflex) nya yang tentu saja dengan harga dan kualitasnya kita harus merogoh dalam-dalam untuk memilikinya. Dan kabar gembira saat ini Sony mengeluarkan type kamera cyber-shot terbaru dengan seri DSC H200 yang memang ditujukan buat kamera keluarga karena harganya terjangkau dan kamera ini memiliki kemampuan yang bagus dikelasnya.

Sony dengan type kamera Cyber-shot DSC-H200 menawarkan fitur dan kemampuan yang mumpuni dengan model kamera digital super zoom bergaya DSLR dan bisa di bilang semi DSLR dengan desain pegangan atau grip.

Kamera Sony Cyber-shot DSC-H200 ini telah dibekali dengan sensor Super HAD CCD yang mempunyai berkemampuan 20,1 Megapixel dan zoom lensa optik sebesar 26x. Sedangkan untuk mengcapture gambar bebas blur, kamera ini juga telah dilengkapi dengan keberadaan fitur Optical SteadyShot Image Stabilization dengan active Mode 2 arah untuk mengontrol gerakan kamera baik secara vertikal maupun horizontal bahkan pada saat berjalan sekalipun.

Kamera Sony Cyber-shot DSC-H200 tidak memiliki format untuk perekaman video Full HD, hanya mendukung perekaman video HD yang berkemampuan 1280×720 saja. Selain keberadaan Image Effects untuk menambahkan sentuhan kreatif dan Beauty Effects untuk memberi efek rona warna kulit, kamera ini juga telah dilengkapi dengan beberapa fitur handal lainnya seperti Intelligent Auto mode, D-Range Optimizer, Tracking Focus, 360 Sweep Panorama, Face Detection and Blink Detection, Smile Shutter as well as In-camera editing.

Fasilitas untuk penyimpanannya data kamera berlayar besar LCD 3 inci ini telah memiliki suffort terhadap penggunaan kartu memori MS Duo dan SD/SDHC. Didukung oleh empat baterei AA pada perangkat yang diharapkan bisa mendukung pengoperasian dalam waktu yang lama.

Kamera Sony Cyber-shot DSC-H200 dirilis pada bulan Maret 2013 dan saya sendiri mendapatkan kamera ini pada bulan Oktober 2013 yang tentu saja dengan harga yang masih cukup mahal di banding dengan harga sekarang. Pada saat pembelian harga per unit 2,4 juta rupiah dan toko yang menyediakan kamera Sony Cyber-shot DSC-H200 itu memberikan diskon pembelian sekitar 2,099 juta rupiah.

Spesifikasi yang terdapat pada Kamera Sony Cyber-shot DSC-H200 antara lain :

Ukuran (L x W x H cm) 12.29 x 8.32 x 8.72 cm
Berat (kg) 0.43 kg
Warna Hitam
Tipe Sony Cyber-shot DSC-H200
Ukuran Layar (in) 3.0
Zoom Optik 26.0
Megapiksel 20.1
Fitur HD Recording
Garansi produk 1 Tahun Garansi (Spare-part & Servis)
Output Composite Video|USB|HDMI
Kamera 20.1 MP
Resolusi Layar 460.800
Tipe Baterai Li-Ion
Format Foto JPEG
Ukuran File Foto 5184x3888
Video HD Ya
Resolusi Video 1280 x 720
Focal Length 24-633mm
Image Stabilization Ya
Range Aperture Lensa F3.1-5.9
Zoom Digital 52x
ISO Range 80-3200
Built in Flash Ya
Tipe Memory Card SD/SDHC
HDMI Port Ya

Demikian informasi pengalaman saya tentang Kamera Sony Cyber-shot DSC-H200 semoga dapat menjadi referensi yang bermanfaat. Happy blogging..................
sumber image

Cara Mendapatkan Donasi Iklan Blog Dari AdsenseCamp

2014-01-04T14:58:00.002+07:00

Flamboyan68 - AdsenseCamp merupakan PPC (Pay Per Click) lokal yang bermarkas di Yogyakarta yang cukup ternama di Indonesia dan dikalangan blogger indonesia dan banyak yang menggunakan PPC ini sebagai salah satu donasi web/blog. AdsenseCamp salah satu website yang memberikan kesempatan bagi anda yang mempunyai web/blog untuk memperoleh penghasilan tambahan sebagai Publisher dengan menyediakan ruang /space pada web/blog anda sebagai tempat pemasangan iklan bagi para pemasang iklan (Advertiser). AdsenseCamp juga memberikan kesempatan kepada para Advertiser yang berkeinginan mempromosikan iklannya yang bakal disebarkan kepada web/blog owners yang telah terdaftar di AdsenseCamp.

AdsenseCamp yang telah dilengkapi dengan engine periklanan berbasis teks yang berupa code dengan sistem bayar Per Unik Klik (Pay Per Unique click), yang artinya anda akan mendapatkan pembayaran apabila ada yang melakukan klik pada iklan di website anda dengan sistem klik unik dan 1 (satu) IP unik pengunjung yang mengklik iklan yang tayang di blog anda. Disamping itu anda sebagai pemilik web/blog dapat memantau jumlah pageviews/halaman artikel yang di lihat dan jumlah klik yang telah dihasilkan pada web/blog.

Keuntungan yang didapat sebagai Publisher (pemilik web/blog), setelah anda mendaftar sebagai publisher adsensecamp dan memasang iklan adsensecamp pada salah satu ruang di web/blog maka anda akan mendapatkan penghasilan sebagai salah satu donasi untuk kelangsungan blog anda apabila ada pengunjung web/blog melakukan klik pada iklan yang tayang di blog anda. Harga per klik di adsensecamp lumayan besar untuk ukuran PPC lokal, harga per klik untuk iklan teks kisaran Rp.325 dan banner Rp.400 dan harga ini saya ketahui setelah hampir 1.5 tahun blog saya menjadi Publisher di adsensecamp. Lumayan sobat !

Untuk anda yang berminat dan ingin bergabung di AdsenseCamp kemudian memasang iklan di blog, silahkan klik banner dibawah ini atau daftar disini DAFTAR

Di samping itu AdsenseCamp juga memberikan sistem Referral bagi web/blog owners. Web/blog owners yang bisa merekomendasikan temannya untuk bergabung di AdsenseCamp.com dan teman tersebut memperoleh klik atas iklan yang tampil di websitenya, maka setiap klik yang diperoleh oleh teman anda, anda akan mendapatkan Rp. 25,- (dua puluh lima rupiah). Tidak ada salahnya untuk mencoba aktivitas blogging anda tidak akan terganggu dan blog yang anda jadikan sebagai media menulis ide kreatif menjadi berwarna.

Selamat mencoba semoga bermanfaat dan happy blogging

Sumber Artikel

Mengenal Blog Dofollow Dan Nofollow

2014-01-03T13:28:00.000+07:00

Flamboyan68 - Postingan awal tahun 2014 saya akan mengawali rutinitas blogging dengan membersihkan semua artikel yang lama disimpan di draft dan siapa tahu bermanfaat bagi sobat semua, untuk saya pribadi sangat bermanfaat. Tutorial yang akan saya share tentang mengenal blog dofollow dan nofollow berikut fitur (keunggulan dan kelemahan) diantara keduanya.

Para blogger tentunya sudah sangat faham tentang hal ini yang dirasa sangat penting, kenapa penting? para blogger yang akan mem_build backlink yang berkualitas dalam rangka meningkatkan pagerank web/blog. Yang mempunyai situs web/blog, selalu mencari blog dofollow, bookmark dofollow sosial, forum dofollow, dofollow dan direktori dalam pencarian linkbuilding untuk promosi.
Definisi backlink itu sendiri adalah suatu link aktif yang di simpan di web/blog lain dan link tersebut akan di direct atau diarahkan kepada blog kita. Semakin banyak backlink maka akan semakin baik dan dapat meningkatkan reputasi blog di mata search engine dalam hal ini google, dan tentunya kita juga harus antisipasi dalam memilih kualitas dari backlink itu sendiri dan tidak sembarangan demi reputasi blog blog semata.

Kembali ke pembahasan awal, dofollow dan nofollow perbedaannya hanya terletak pada link yang kita simpan pada web/blog lain bukan dititikberatkan pada isi postingan atau lainnya. Nofollow adalah tag yang memberitahu mesin pencari untuk tidak merayap atau menjelajahi sebuah link, sedangkan pada dofollow adalah sebaliknya. Untuk ilustrasi dan lebih memudahkan dalam pemahamannya silahkan lihat penulisan kode standard url nofollow di bawah ini :

<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>

<a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>

Pada blog dofollow kode rel='nofollow tidak ada atau dihapus. Sederhananya blog dofollow adalah blog yang tidak menggunakan tag nofollow.

Pada prinsipnya setiap blog adalah nofollow, dan dapat menjadi dofollow jika yang punya menghendaki perubahan itu.

Sebelumnya kita pahami terlebih dahulu definisi blog dofollow dan nofollow secara ringkas dan sederhana agar kita bisa memahami dan mendeskripsikan kedua istilah itu secara utuh.

Blog Dofollow artinya memberikan ijin/perintah kepada pada crawler search engine untuk melakukan penelusuran pada dan memberikan efek peringkat pada link yang berkaitan tersebut. Misalnya kita memberikan komentar ke blog tersebut maka berarti kita menaruh link ke blog tersebut dan dihitung sebagai backlink oleh search engine seperti bot google.

(+) Kelebihan dofollow :

Jenis ini banyak diminati karena memberikan manfaat dalam bentuk backlink gratis.

Dapat Meningkatkan pageview yang signifikan

Blog banyak dapat kritik maupun saran dari komentar yang konstruktif

Lebih banyak yang follow blog kita atau berlanggangan artikel di blog kita

Meningkatkan tampilan halaman blog

Menjalin persahabatan. Blog kita akan banyak dikunjung.

(+) Kekurangan dofollow :

Kemungkinan lebih banyak spammer yang membuat komentar seperti penipuan, dll.

Page Rank blog kita mudah menurun jika antara link keluar (outbound link) dan link internal (inbound link) tidak seimbang.

Tidak disukai google karena memberikan link keluar yang banyak pada komentar

Lebih rentan dianggap sebagai junk blog

Banyak para blogger beralasan bahwa google akan menghapus atau menurunkan posisi blog dari mesin pencari, bahkan google bisa menghapus sebagian link dari blog DoFollow, hal tersebut dikarenakan jumlah link keluar terlalu banyak dibandingkan dengan link masuk sehingga tidak stabil, maka jangan kaget ketika blog kita tergeser dari halaman SERP google.

Blog Nofollow memiliki arti sebaliknya yang memberikan suatu perintah pada crawler search engine untuk tidak memberikan peringkat atau kaitan pada link tersebut. Misalnya kita memberikan komentar ke blog tersebut, maka link tersebut tidak dihitung sebagai backlink oleh search engine. Namun tetap orang lain bisa berkunjung ke blog kita melalui link yang kita pasang melalui komentar.

(+) Kelebihan Blog Nofollow :

Lebih baik dalam seo google, google search engine lebih suka jenis ini.

Komentar-komentar di blog murni karena kualitas blog kita.

Pagerank kita menjadi murni dan stabil. Tidak ada peningkatan pesat atau sekaligus jatuh dengan cepat.

Lebih ditantang untuk membuat artikel yang kreatif, karena komentar yang masuk tergantung pada kualitas postingan kita.

Lebih fleksibel untuk blogwalking mencari teman dan bertukar link.
Lebih aman dari para spamer yang mencari backlink sembarangan

(+) Kekurangan nofollow

Lebih sedikit komentar, karena baclink yang tidak berpengaruh terhadap pagerank.

Jumlah komentar pada artikel kita tergantung dari kualitas artikel kita karena blog nofollow cenderung sedikit dalam hal komentar

Peningkatan Page Rank yang kurang cepat, karena masalah Peningkatan Page Rank tergantung juga dari banyak dan kualitas postingan dan pengujung blog kita.

Pengunjung blog kita tidak seramai blog dofollow

Kemudian bagaimana caranya supaya kita tahu bahwa web/blog yang kita kunjungi dofollow atau nofollow? Adakalanya pemilik web/blog memberikan informasi kepada pengunjungnya bahwa blognya adalah blog dofollow, atau juga sobat bisa menginstall addons pada browser mozilla firefox dengan menggunakan teknik klik view page source. Untuk artikel tentang cara mengetahui dofollow atau nofollow akan saya ulas dalam postingan yang akan datang. Silahkan sobat tentukan sendiri dofollow atau nofollow karena pada dasarnya dari keduanya memiliki keunggulan dan kelemahan masing-masing..akhir kata keputusan ada ditangan anda (seperti pemilu aja..)

Semoga bermanfaat dan happy blogging.....

sumber

Cara Mudah Memasang Auto Sitemap

2014-01-01T11:48:00.000+07:00

flamboyan68 - Para pencinta blogging pastinya sesudah blog baru terbentuk hal pertama yang dilakukan adalah membuat navigasi yang bernama sitemap/daftar isi.

Unsur ini merupakan hal penting dan mendasar di dalam pembuatan blog. Dengan adanya sitemap/daftar isi tentunya dapat memberikan kemudahan kepada visitor, dan terpenting lagi google merekomendasikan kepada setiap blogger untuk selalu memasang sitemap untuk mempermudah kerja robot pencarinya.

Artikel ini sudah lama sekali hampir setahun mengendap di kamar draft dan pada awal tahun ini saya lepasin aja. Ide untuk memposting artikel ini pertama untuk merampingkan angka alexa saya dan berbagi dengan sobat tentunya yang belum memasang sitemap dan jangan khawatir cara pasangnya pun terbilang mudah silahkan mengikuti cara dan langkah di bawah ini.

Masuk ke akun blogger sobat

Buka entri/postingan baru

Sobat pilih menu HTML sebelah menu Compose

Lalu copy kode di bawah ini dan paste di menu HTML

Kemudian sobat beri judul SITEMAP/DAFTAR ISI

Dibawah ini ada 3 (tiga) model bentuk sitemap yang bisa sobat pilih salah satunya untuk di pasang di blog.

(+) Kode sitemap model I :

</script>

(+) Kode sitemap model II :

(+) Kode sitemap model III :

Untuk warna biru silahkan ganti dengan URL blog sobat, untuk warna latar garis dan lebar sobat tinggal adjusment saja.

Simpan dan Publikasikan

Selamat mencoba semoga bermanfaat dan happy blogging..............

Cara Mengganti Tulisan Posting Lama, Posting Baru, Beranda Dengan Image dan Tulisan

2013-12-29T20:21:00.000+07:00

Posted by Denie Deden_Nz

Artikel postingan kali ini saya ambil judul atau tema mengenai " Cara Mengganti Tulisan Posting Lama, Posting Baru, Dan Beranda Dengan Image ".

Pada intinya tulisan home / beranda, posting lama, posting baru sebenarnya jika tulisan itu tidak di ganti juga tidak apa-apa alias tidak akan menjadi masalah bagi blog kita, namun terkadang setiap orang memiliki selera ( sense of art ).

Kalau di lihat dari segi tampilan memang ada nuansa tersendiri dan kelihatan lebih hidup / menarik dan mengenai fungsi atau manfaat sama saja. Bagi sobat-sobat yang ingin mengganti dan nggak tahu cara pasangnya, akan saya bagi caranya. ikuti langkahnya ya, sob.

Dan kalau sobat penasaran dengan hasilnya, ini screenshot hasil akhir dari pemasangannya.

screenshot image / gambar

( + ) Mengganti dengan image (gambar)
Ikuti cara / langkah di bawah ini :

Masuk / Login ke blogger sobat.

Masuk ke Template >> Edit Html (catatan.sebelum masuk ke edit html sebaiknya sobat membiasakan untuk selalu membackup / unduh template lengkap untuk jaga-jaga apabila terjadi kesalahan dalam memasukan kode script)

Kemudian cari kode <data:homeMsg/> untuk mengganti tulisan Home / Beranda (sobat akan menemukan dua kode yang sama dan baiknya ganti saja keduanya) dan untuk mempermudah pencarian kode tekan Ctrl F, setelah ketemu kodenya kemudian ganti dengan kode dibawah ini :

<img border='0' src='http://3.bp.blogspot.com/_3TLQUQnfZ8A/THKxgNOyNgI/AAAAAAAAAnw/dRP1tcNNMj0/s400/home.png'/>

Kemudian cari kode <data:olderPageTitle/> untuk mengganti tulisan Posting Lama dan untuk mempermudah pencarian kode tekan Ctrl F, setelah ketemu kodenya kemudian ganti dengan kode dibawah ini :

Kemudian cari kode <data:newerPageTitle/> untuk mengganti tulisan Posting Baru dan untuk mempermudah pencarian kode tekan Ctrl F, setelah ketemu kodenya kemudian ganti dengan kode dibawah ini :
Untuk Mengganti Tulisan Posting Baru Cari code <data:newerPageTitle/> , kemudian ganti dengan code dibawah ini :

<img border='0' src='http://1.bp.blogspot.com/_3TLQUQnfZ8A/THKxgTiD6_I/AAAAAAAAAn4/WBJ__KUKzgU/s400/posting+baru.png'/>

( + ) Mengganti dengan tulisan (kalimat selera sendiri)

Apabila sobat ingin menggantinya dengan tulisan sesuai selera, cara dan langkahnya sama seperti diatas yang membedakan hanya pada selera apa diganti dengan image atau tulisan. Untuk cara menggantinya ikuti tutorial dibawah ini :

( - ) Sobat cari <data:newerPageTitle/> lalu hapus dan ganti dengan tulisan "Previous" atau dengan kata lain sesuai selera sobat.

( - ) Kemudian cari <data:olderPageTitle/> hapus dan ganti dengan tulisan "Next" atau kata tulisan menurut selera sobat.

( - ) Terakhir cari <data:homeMsg/> pada saat mencari kode ini pasti akan menemukan dua kode yang sama dan sebaiknya ganti saja keduanya dengan tulisan sesuai selera, misal "Beranda" atau lainnya.

Klik Save Templates / Simpan
Selesai
Lihat hasilnya dengan membuka halaman postingan sobat.

Catatan : Tulisan script diatas yang berwarna biru dapat diganti dengan url gambar/image yang sobat inginkan.

Semoga bermanfaat dan sampai jumpa...

Download Software Mz RAM Booster

2013-12-29T19:56:00.000+07:00

Free Memory Booster : Mz RAM BOOSTER

flamboyan 68 - Perangkat lunak Mz RAM Booster adalah sebuah program yang dibuat atau dirancang untuk meningkatkan kinerja komputer dengan sistem auto-RAM pemulihan dan fine tuning beberapa pengaturan sistem Windows.

Menggunakan sumber daya yang minim/minimal, meningkatkan kinerja terbaik tanpa menggunakan hardware atau perangkat keras baru, tweak hardware tanpa membatasi sistem stabilitas sistem komputer.

Disamping menunjang kinerja juga mempercepat komputer Anda, menghentikan kebocoran memori dan meningkatkan RAM bebas.

Supported Operating System :
- Window XP / 2003 / Vista
- Window 7 ( full Window x64 )

Selamat mencoba, demoga bermanfaat dan happy blogging...............

Silahkan anda klik tautan ini :

http://www.softpedia.com

Atau klik di bawah ini :

Cara Menghapus Tampilan Showing All Post Di Blog

2013-12-29T19:53:00.000+07:00

Flamboyan68 - Apa kabar sobat? kabar baik pastinya. Postingan kali ini saya ambil tentang Cara Menghapus Tampilan Showing All Post Di Blog. Sumber artikelnya saya mengambil dari blog tetangga dekat siapa lagi kalau bukan kang salman, sobat blogger pasti mengenalnya.

Awalnya ide untuk memposting artikel ini pada saat saya berniat ingin menghapus/menghilangkan tampilan showing all post pada pencarian per label dan pastinya suatu saat saya pasti membutuhkannya lagi, siapa tahu juga ada sobat blogger yang belum tahu tentang cara seperti ini jadi kita berbagi ya sob heheh maka saya dokumentasikan di blog ini. Ulasan sedikit, langkah dan cara pemasangan kode script ini cukup mudah hanya mengganti kodenya dari kode lama dengan kode baru. Hasil dari pemasangannya saat kita melakukan klik pada suatu label/kategori akan tertuju pada halaman berdasarkan label.

Memasang kode script ini ada plus dan minusnya, cara ini bisa kompatibel dengan template yang tersedia fitur Older Post, Home, New Post, dan sebaliknya. Untuk tampilan tulisan hasil pencarian tinggal mengotak-atik breadcrumb yang ada pada template sobat.

Ikuti cara dan langkah di bawah ini :
( - ) Login ke akun blogger sobat
( - ) Pilih dan klik Template > Edit HTML (sebelumnya backup terlebih dahulu template sobat)
( - ) Kemudian sobat cari kode <b:includable id='status-message'> atau kode lainnya di bawah ini :
( gunakan Ctrl + F untuk memudahkan pencarian )

<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div class='status-msg-wrap'>
<div class='status-msg-body'>
<data:navMessage/>
</div>
<div class='status-msg-border'>
<div class='status-msg-bg'>
<div class='status-msg-hidden'><data:navMessage/></div>
</div>
</div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>

( - ) Apabila sudah ketemu dengan kode diatas tadi sobat ganti dengan kode di bawah ini dengan lengkap.

<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>

( - ) Simpan Template.
( - ) Selesai dan sobat coba klik pada salah satu label atau search box

Selamat mencoba semoga bermanfaat dan happy blogging.......................
source
sumber image : Kang Salman (www.kucoba.com)

Cara Membuat Berlangganan RSS Feedburner

2013-12-27T22:37:00.000+07:00

Flamboyan68 - Fungsi subscribe (berlangganan) via email yaitu untuk memberikan informasi tentang artikel terbaru kepada follower atau teman yang selalu mengikuti update artikel terbaru di blog yang diikutinya. Dengan memasang tombol berlangganan ini jelas sekali manfaatnya baik oleh pemilik blog/web ataupun pengunjung, yang berlangganan update artikel akan selalu mendapatkan update yang dikirim memlalui pesan email.

Artikel yang mengupas tentang tutorial ini sudah banyak sekali jumlahnya dan tentunya dengan banyak pilihan modelnya. Dan postingan ini hanya untuk melengkapi dokumentasi artikel blog saya, dan siapa tahu bermanfaat juga buat sobat blogger.

Untuk pemasangannya cukup mudah dan tidak memeras otak sobat blogger. Bagi sobat yang mau pasang widget ini blognya bisa mengikuti cara dan langkah di bawah ini :

( + ) Masuk ke akun blogger sobat
( + ) Pilihlah tata letak, kemudian klik add gadget
( + ) Sobat masukan kode dibawah ini :

Cara Mudah Cari Teman Blogger

2013-12-23T21:03:00.000+07:00

flamboyan68 - Pertama kali yang terlintas di benak kita dalam membuat suatu blog tentunya adalah untuk berbagi pengetahuan/ilmu yang dimiliki dengan yang lain yang di dokumentasikan di dalam web blog, blog sebagai media untuk curahan hati (curhat) tentang pengalaman atau hobi yang tentunya menarik/unik untuk di posting di web blog, ataupun sebagai penyedia jasa atau informasi tertentu misalnya informasi dalam hal komputer, jasa download film atau musik dll dan yang terakhir mungkin dalam rangka mencari teman lama atau sahabat baru dan tidak tertutup kemungkinan salah satu teman mempunyai aktivitas yang sama yaitu blogging dan tentunya ini menarik apalagi teman satu daerah.

Artikel yang akan saya share di sini adalah cara mencari teman komunitas blogger yang telah disediakan oleh blogspot. Teman yang kita cari bisa satu daerah atau lain daerah/kota, dan sobat bisa mencoba cara sederhana ini :

http://www.blogger.com/profile-find.g?t=l&loc0=ID&loc1=jawa+barat&loc2=sukabumi

Tautan/link diatas pada saat di klik sobat secara otomatis akan dibawa ke suatu halaman blogspot blogger yang telah sesuai dengan daerah/kota yang diinginkan, dan sobat hanya merubah sedikit ikuti cara di bawah ini :

ID = Kode untuk Indonesia
jawa+tengah = Nama Provinsi (harus ditambah tanda + dan di sesuaikan dengan panjang nama prov.)
semarang= Kota tujuan yang dikehendaki.

Selamat mencoba semoga bermanfaat, dan happy blogging...........................

Cara Mudah Membuat Widget Headline News di Blog

2013-12-23T19:54:00.000+07:00

flamboyan68 - Fungsi dari widget Headline News adalah untuk menampilkan sejumlah artikel atau konten di blog dalam satu baris dan di tampilkan secara bergantian dengan otomatis sesuai jumlah yang diinginkan. Para blogger banyak yang tertarik dengan widget ini dan di pasang di blog dan selalu di pasang pada bagian atas header blog.

Bagi sobat yang belum dan berminat pasang bisa mengikuti cara dan langkah di bawah ini :

1. Masuk ke akun blogger sobat.

2. Klik > Template (backup template sobat terlebih untuk menghindari kegagalan pasang kode)

3. Pilih > Edit HTML.

4. Kemudian sobat cari kode ]]></b:skin> gunakan Ctrl + F untuk mempermudah pencarian

copy kode di bawah ini dan paste tepat diatas ]]></b:skin>

.newspic {background:#252525 url(http://3.bp.blogspot.com/-GoZGUMDvx8g/T1je4hEa9iI/AAAAAAAAA7E/aOfllbW_qOc/s1600/BRK+NW.png) no-repeat top left;width:1000px;margin:0 auto;padding:0 auto; height:24px;color:#fff;}
.news {width: 1000px;margin:0 auto;padding:0 auto;line-height: 1.2em;text-align:left;font-family:Arial;font-size:11px;color:#fff;overflow:hidden;clear:both;}
.news a:link, .news a:visited{color:#000000;text-decoration:none;}
.news a:hover {color:#ddd;text-decoration:underline;}

Keterangan :
Kode warna biru sobat ubah sesuai dengan selera sobat. Kode warna merah ubah sesuai dengan lebar blog sobat.

5. Setelah itu sobat cari kode </head>
apabila ketemu dengan kode tadi sobat copykode di bawah ini dan paste tepat diatas </head>

6. Cari lagi kode <div id='header'> atau <div id='header-wrapper'> atau <div id='header-outer'>

copy kode dibawah ini dan paste tepat di atas kode <div id='header'> atau <div id='header-wrapper'> atau <div id='header-outer'>.

<div class='newspic'>
<div style='float:left;width:1000px;padding:1px 0 6px 130px; position:relative; overflow:hidden;'>
<script type='text/javascript'>
var cssfeed=new gfeedrssticker("example1", "example1class", 4000, "_new")
cssfeed.addFeed("Creating Website", "http://flamboyan68.blogspot.com/feeds/posts/default") //Specify "label" plus URL to RSS feed
cssfeed.displayoptions("date") //show the specified additional fields
cssfeed.setentrycontainer("div") //Wrap each entry with a DIV tag
cssfeed.filterfeed(10, "date") //Show 5 entries, sort by date
cssfeed.entries_per_page(1)
cssfeed.init()
</script>
</div>
<div style='clear:both;'/>
</div>

Keterangan :

Kode warna merah sobat sesuaikan width / lebar dengan lebar blog. silahkan sobat ubah url yang berwarna merah dengan url blog sobat. Tentukan jumlah artikel yang akan ditampilkan pada Headline News, silahkan ganti angka 5 dengan angka yang diinginkan.

7. Simpan Template.

Selamat mencoba, semoga bermanfaat dan happy blogging............................

Widget Blog

2013-12-18T10:06:00.001+07:00

flamboyan68 - Kita banyak bicara tentang widget, apa sih widget?. Widget merupakan sebuah kumpulan kode yang kita pasang pada blog atau lainnya yang sejenis, seperti header, sidebar, footer, dan itu tergantung pada thema blog, dan kita atau pemilik blog yang menempatkan/memasang widget tersebut.

Pada halaman ini memuat tentang postingan artikel Widgets blog, dengan tujuan untuk memudahkan sobat atau para visitor blog ini biar lebih nyaman dan mudah dalam mengexplore artikel blog. Di bawah ini terdapat beberapa artikel yang memuat tentang widget :

Cara Menampilkan Menu Scroll Pada Arsip Blog - New !!
Cara Memasang Widget Popular Post Berwarna Di Blog - New !!
Cara Memasang Widget Share Button
Cara Membuat 2 Kolom Footer Di Blog
Cara Membuat Berita News Ticker Di Blog
Cara Membuat Button Like Facebook, Twitter, G+ Dan Share - New !!
Cara Membuat Kotak Admin Di Blog - New !!
Cara Membuat Menu dan Sub Menu Dropdown di Blog - New !!
Cara Membuat Related Post Scroll Di Blog - New !!
Cara Membuat Satu Kolom Diatas Footer Pada Blog - New !!
Cara Membuat Satu Kolom Widget Dibawah Header
Cara Membuat Script Widget Kode Warna HTML 4 Di Blog - New !!
Cara Membuat Tab Menu Horizontal Di Atas Header Blog
Cara Membuat Widget Auto Ping dan Ping Fast
Cara Mudah Membuat Menu Bar Dropdown Di Blog
Cara menambah gadget di atas header - New !!
Kotak Komentar Bergaya Warna Dengan CSS3 Di Blog - New !!
Memasang Widget Headline News OnLine Di Blog

Semoga bermanfaat dan happy blogging.............

Cara Membuat Script Widget Kode Warna HTML 4 Di Blog

2013-12-18T09:32:00.000+07:00

Postingan kali ini saya akan berbagi khususnya para newbie seperti saya yaitu cara membuat script widget kode warna HTML 4 di blog. Mungkin postingan saya sudah basi kalii yah..dan sering ditemukan pada postingan teman-teman semua, ya walau malu-malu saya share buat teman-temen yang belum dapat kebagian scriptnya, yuu cekidoot…

Dibawah ini adalah script kode warna HTML V 4, anda tinggal meng-copy script ini ke dalam postingan blog dan berada di posisi mode HTML untuk melihat contoh warna klik disini.

-------------------------------------------------------------------------------------------------------------

-------------------------------------------------------------------------------------------------------------

Untuk penempatan atau menyimpanya script kode-kode warna HTML V 4 ini, anda bisa menyimpannya di widget ataupun di laman.

Sekian dulu postingan kali ini semoga bermanfaat dan sampai jumpa di postingan berikutnya.terima kasih..

Cara Membuat Button Like Facebook, Twitter, G+ Dan Share

2013-12-18T09:30:00.000+07:00

Posted by Denie Deden_Nz

Hallo..sob apa kabar? sehat-sehat khan? Pada postingan kali ini saya akan share " Cara Membuat Button Like Facebook, Twitter, G +, Dan Share ". Membuat tombol like Facebook, Twitter dan Google Plus (G+) semuanya bisa kita pasang diatas atau di bawah judul postingan.

Manfaat dari pemasangan button ini bagi blog sangat besar sekali, yaitu membantu penyebaran link artikel kita di media jejaring sosial. Sebenarnya artikel ini cenderungnya dikategorikan dalam SEO Optimisasi OFFpage karena lebih pada menyebarkan link artikel kita. Tetapi karena dalam rangka mengolah blog makanya bisa juga sih di kategorikan dalam kategori Onpage saja. Begitu sob...

Pada postingan ini saya akan share memasang Tombol Like Facebook, Twitter dan G + di Bawah Judul Posting. Sekedar mengingatkan saja pada bagian akhir postingan / bawah tombol serupa yang yang telah disediakan blogger.

Sobat semua bisa mengikuti cara-cara dibawah ini;

Masuk ke blog sobat
Klik Template
Masuk ke Edit HTML
Cari kode di bawah ini dan untuk mempermudah pencarian kode pakai Ctrl F:

<data:post.body/>

Note: Sobat semua pasti akan menemukan kode tersebut diatas lebih dari satu menurut pengalaman yang sudah-sudah pilih yang pertama saja / di coba semua.

Letakkan Kode berikut ini diatas kode <data:post.body/>

<table border='0'><tbody><tr>
<td><a class='twitter-share-button' data-count='horizontal' data-via='MkZHackers' href='https://twitter.com/share'>Tweet</a><script src='//platform.twitter.com/widgets.js' type='text/javascript'/></td>
<td><iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&layout=button_count&show_faces=false&width=90&action=like& font=arial&colorscheme=light&height=21"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:90px; height:21px;'/></td>
<td><g:plusone expr:href='data:post.url' size='medium'/></td>
<td><div class='addthis_toolbox addthis_default_style '><a class='addthis_counter addthis_pill_style addthis_nonzero' href='#' style='display: block;'><a class='atc_s addthis_button_compact'><span/></a></a><div class='atclear'/></div>
<script src='http://s7.addthis.com/js/250/addthis_widget.js' type='text/javascript'/></td>
</tr></tbody></table>

Simpan Template
Selesai
Kemudian sobat klik salah satu artikel blog sobat, untuk melihat berhasil tidaknya pemasangan kode tadi.

Sekian dulu postingan kali ini selamat mencoba dan semoga bermanfaat bagi sobat-sobat semua....

Sumber image: www.hongkiat.com

Cara menambah gadget di atas header

2013-12-18T09:29:00.000+07:00

Posted by Denie Deden_Nz, Sabtu 18 Mei 13

Bagi para blogger master postingan ini yaitu mengenai "Cara menambah gadget di atas header" bukan persoalan lagi. Postingan ini yah ane ditujukan untuk blogger newbie kayak ane gituu kekeke...pada dasarnya template bawaan memang sudah default so.. jadinya widget di atas header memang tidak ada. Well.. ane akan coba ng_share postingan dengan harapan dapat bermanfaat bagi agan dan sobat semua siapa tau ada yang ingin menambahkan widget. Caranya gampang sob, nggk usah deg..deg an lah santai aja, udah dulu basa basinya kelamaan mending kita langsung ke tempat perkaranya hehe..;

Cara menambah gadget di atas header:

Masuk ke blog sobat >> Dashbord >> Klik Template >> Klik Edit template / HTML

Untuk mempercepat pencarian pakai CTRL + F lalu cari kode seperti di bawah ini:

<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>

Ganti kode diatas dengan kode seperti di bawah ini:

<b:section class='header' id='header1' preferred='yes'>

Sebelum di save lebih baik klik Pratinjau dulu biar manteep sob, biar terhindar dari kesalahan pasang. Kalau semuanya beres nggk ada peringatan kesalahan tekan save/simpan template.

Demikian postingan kali ini selamat mencoba semoga bermanfaat bagi sobat-sobat semua dan sampai jumpa....bye

Cara Memasang Widget Popular Post Berwarna Di Blog

2013-12-18T09:28:00.002+07:00

screenshot widget warna-warni

Flamboyan68 - Hallo! bagaimana kabarnya, sob? pastinya sehat-sehat saja ya. Malam menjelang subuh ini saya akan men_share postingan buat agan-agan newbie / pemula kayak ane hehe tentang " Cara Memasang Widget Popular Post Berwarna Di Blog ". Blogger pemula seperti halnya saya, suka sekali dengan memasang widget-widget cerah seperti halnya postingan ini.

Widget popular post / artikel populer warna-warni ini tidak di lengkapi dengan efek slide, tampilan warna setiap popular postnya berbeda-beda (tidak ada warna ganda) sampai 10 artikel dikarenakan terbatasnya widget popular post. Pemasangan widget warna-warni ini sangat cocok alias matching apabila diterapkan pada blog yang bertemplate cerah.

Biar agan-agan tidak penasaran dengan gambarnya, agan-agan bisa melihat pada screenshot diatas. Agan semua pasti tanya-tanya dalam hati hehehe..sebenarnya nomor yang nempel itu apa yah maksudnya? seperti yang saya terangkan diatas tadi bahwa widget ini hanya bisa menampilkan popular post sampai 10 artikel dan disebelah judul artikelnya akan ditampilkan nomor urut dari 1 sampai 10 yang maksudnya adalah menandakan ke-populeran artikel blog agan. Dan satu hal lagi tampilan warna-warna pada widget ini bisa di ubah / dimodif lagi sesuai selera agan. Basa basinya udah dulu ya, sob? kita langsung sedot saja ke cara pemasangannya.

Masuk / Login ke >> Blogger sobat.

Pilihlah >> Tata Letak.

Pilihl >> Add Gadget.

Pilih >> Entri Populer.

Selanjutnya lakukan Setting pada widget Entri Populer

- Hilangkan >> Thumbnail Gambar dan Cuplikan.

- Silahkan pilih Entri / Artikel yang ingin ditampilkan (diposkan)

Klik Save / Simpan
Masih dalam posisi di Tata Letak, Kemudian pilih Add Gadget
Klik pilih HTML / Javascript.
Letakan kode di bawah ini kedalam kotak "HTML / Javascript

<style type='text/css'>
/*----- popular post warna warni by farhanshare.blogspot.com-----*/
#PopularPosts1 ul li a:hover{color:#fff;text-decoration:none}
#PopularPosts1 ul li a {-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; color: #333333; display: block; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; margin: 0px 40px 0px 0px; min-height: 30px; orphans: 2; padding: 0px; text-align: -webkit-auto; text-decoration: none !important; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;}
#PopularPosts1 ul li .item-thumbnail{float:left;border:0;margin-right:10px;background:transparent;padding:0;width:51px;height:51px}
#PopularPosts1 ul li:first-child:after,
#PopularPosts1 ul li:first-child + li:after,
#PopularPosts1 ul li:first-child + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li + li:after{position:absolute;top:10px;right:5px;border-radius:50%;border:2px solid #ccc;background:#353535;-webkit-box-shadow:0px 0px 5px #000;-moz-box-shadow: 0px 0px 5px #000;width:30px;height:30px;line-height:1em;text-align:center;font-size:28px;color:#fff}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li {background:#DF01D7;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li:after{content:"8"}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li +li{background:#B041FF;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li:after{content:"9"}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li +li +li{background:#F52887;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li + li:after{content:"10"}
#PopularPosts1 ul li:first-child + li + li + li + li +li{background:#7ee3c7;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li + li:after{content:"6"}
#PopularPosts1 ul li:first-child + li + li + li + li + li +li{background:#f6993d;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li:after{content:"7"}
#PopularPosts1 ul li:first-child + li + li + li + li{background:#33c9f7;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li:after{content:"5"}
#PopularPosts1 ul li:first-child + li + li + li{background:#c7f25f;width:90%}
#PopularPosts1 ul li:first-child + li + li + li:after{content:"4"}
#PopularPosts1 ul li:first-child + li + li{background:#ffde4c;width:90%}
#PopularPosts1 ul li:first-child + li + li:after{content:"3"}
#PopularPosts1 ul li:first-child + li{background:#ff764c; width:90%}
#PopularPosts1 ul li:first-child + li:after{content:"2"}
#PopularPosts1 ul li:first-child{background:#ff4c54 ;width:90%}
#PopularPosts1 ul li:first-child:after{content:"1"}
#PopularPosts1 ul{margin:0;padding:0px 0;list-style-type:none}
#PopularPosts1 ul li{position:relative;margin:6px 0;border-radius:25px 0px 25px 0px;border:2px solid #f7f7f7;-webkit-box-shadow:3px 3px 3px #000;-moz-box-shadow: 3px 3px 3px #000;padding:10px}
</style>

Setelah selesai mem_pastekan kode tadi selanjutnya klik ' Save / simpan '.
Masuk ke blog agan dan bukalah salah satu artikel dan lihat hasilnya
Selesai

Bagaimana, gan? pastinya ringan alias mudah, selamat mencoba senantiasa bermanfaat dan sampai jumpa.

Cara Menampilkan Menu Scroll Pada Arsip Blog

2013-12-18T09:28:00.001+07:00

Flamboyan68 - Pada postingan kali ini saya akan berbagi dengan sobat nubie semua yaitu bagaimana " Cara Menampilkan Menu Scroll Pada Arsip Blog ". Keberadaan dari widget arsip blog adalah menu penting yang harus sobat pasang di blog, karena eksistensi arsip blog ini akan memudahkan pengunjung menemukan semua artikel yang ada di blog kita.

Walaupun penting tapi tidak semua para blogger enggan untuk memasangnya dikarenakan memakan banyak tempat apalagi jika artikelnya sudah banyak tentuk membutuhkan tempat yang luas.

Di bawah ini ada cara dan langkah untuk menampilkan menu scroll pada arsip blog:

Masuk / Login ke Blog sobat
Pilih Menu Design > > Seting Elemen Widget Arsip Blog pakai model Hierarki

Lalu Simpan / Save
Selanjutnya sobat masuk ke menu >> pilih Edit HTML
Kemudian cari kode seperti dibawah ini, untuk mempermudah pencarian gunakan Ctrl + F dengan memasukan salah satu kode <div id='ArchiveList'> ke dalam kotak pencarian.

<b:widget id='BlogArchive2' locked='false' title='Arsip Blog' type='BlogArchive'>
          <b:includable id='main'>
          <b:if cond='data:title'>
          <h2><data:title/></h2>
          </b:if>
          <div class='widget-content'>
          <div id='ArchiveList'>
          <div expr:id='data:widget.instanceId + "_ArchiveList"'>
          <b:if cond='data:style == "HIERARCHY"'>
          <b:include data='data' name='interval'/>
          </b:if>
          <b:if cond='data:style == "FLAT"'>
          <b:include data='data' name='flat'/>
          </b:if>
          <b:if cond='data:style == "MENU"'>
          <b:include data='data' name='menu'/>
          </b:if>
          </div>
          </div>
          <b:include name='quickedit'/>

Setelah ketemu kode tadi sisipkan kode dibawah ini tepat diatas kode <div id='ArchiveList'>

<div style='overflow:auto; width:ancho; height:100px;'>

Tambahkan kode </div> diatas <b:include name='quickedit'/>
Tampilan keseluruhan kode setelah di sisipkan kode tambahan tadi menjadi:

<b:widget id='BlogArchive2' locked='false' title='Arsip Blog' type='BlogArchive'>
          <b:includable id='main'>
          <b:if cond='data:title'>
          <h2><data:title/></h2>
          </b:if>
          <div class='widget-content'>
          <div style='overflow:auto; width:ancho; height:100px;'>
          <div id='ArchiveList'>
          <div expr:id='data:widget.instanceId + "_ArchiveList"'>
          <b:if cond='data:style == "HIERARCHY"'>
          <b:include data='data' name='interval'/>
          </b:if>
          <b:if cond='data:style == "FLAT"'>
          <b:include data='data' name='flat'/>
          </b:if>
          <b:if cond='data:style == "MENU"'>
          <b:include data='data' name='menu'/>
          </b:if>
          </div>
          </div></div>
          <b:include name='quickedit'/>

Klik Save / Simpan Template.
Selasai.

Tampilan Arsip Blog setelah di pasang kode model menu scroll, seperti dibawah ini:

arsip blog menu scroll

Catatan:

Sebelum melakukan Edit HTML Template blog, selalu membiasakan back up template dengan cara unduh template lengkap terlebih dahulu untuk menjaga apabila terjadi kegagalan pasang saat proses edit HTML berlangsung.
Kode yang ditambahkan berikut ini, <div style='overflow:auto; width:ancho; height:100px;'>, angka 100px pada height menunjukan tinggi dari scroll. Silahkan atur sesuai selera sobat.
Sebelum melakukan edit HTML untuk merubah tampilan arsip blog dengan model scroll, pastikan kita telah merubah model arsip blog kita menjadi model hierarki terlebih dahulu. Untuk tampilannya apakah dimuat perbulan atau perminggu tidak masalah.

Semoga bermanfaat dan sampai jumpa..

Sumber: http://panduansederhana.blogspot.com/2012/03/cara-membuat-tampilan-menu-scroll-pada.html

Cara Membuat Related Post Scroll Di Blog

2013-12-18T09:28:00.000+07:00

Flamboyan68 - Apa kabarnya, sob? Saya kembali untuk share ria dengan sobat semua dengan postingan kali ini tentang Cara Membuat Related Post Scroll Di Blog, Related Post.

Atau dalam bahasa sehari-harinya tiada lain adalah Artikel Terkait yang merupakan sebuah elemen pada blogger yang berfungsi untuk menampilkan beberapa judul Artikel lain yang tentunya masih berkaitan dengan artikel yang sedang dibaca oleh pengunjung.

Related Post sangat bermanfaat sekali untuk meningkatkan PageView pada Blog dan banyak manfaat lainnya.

Untuk itulah saya akan share dengan sobat semua, dan bagi sobat yang berminat silahkan ikuti cara dan langkah dibawah ini :

1. Login / Masuk ke akun blogger sobat
2. Kemudian masuk ke > Template lalu pilih > Edit HTML
3. Dan carilah kode <div class='post-footer-line post-footer-line-1'> pakailah CTRL + F untuk mempermudah pencarian.
4. Apabila sudah menemukan kode tadi, sobat akan menemukan 2 kode dan pilihlah yang pertama.
5. Selanjutnya copy kode script dibawah ini:

<b:if cond='data:blog.pageType == "item"'>
<H2>Artikel Terkait:</H2>
<Div class='rbbox'>
<Div style='margin:0; padding:10px;height:200px;overflow:auto;border:1px solid #ccc;'>
<Div id='albri'/>
<Script type='text/javascript'>
var homeUrl3 = "<data:blog.homepageUrl/>";
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;
maxNumberOfPostsPerLabel = 100;
maxNumberOfLabels = 3;
function listEntries10(json) {
var ul = document.createElement('ul');
var maxPosts = (json.feed.entry.length <= maxNumberOfPostsPerLabel) ?
json.feed.entry.length : maxNumberOfPostsPerLabel;
for (var i = 0; i < maxPosts; i++) {
var entry = json.feed.entry[i];
var alturl;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
alturl = entry.link[k].href;
break;
}
}
var li = document.createElement('li');
var a = document.createElement('a');
a.href = alturl;
if(a.href!=location.href) {
var txt = document.createTextNode(entry.title.$t);
a.appendChild(txt);
li.appendChild(a);
ul.appendChild(li);
}
}
for (var l = 0; l < json.feed.link.length; l++) {
if (json.feed.link[l].rel == 'alternate') {
var raw = json.feed.link[l].href;
var label = raw.substr(homeUrl3.length+13);
var k;
for (k=0; k<20; k++) label = label.replace("%20", " ");
var txt = document.createTextNode(label);
var h = document.createElement('b');
h.appendChild(txt);
var div1 = document.createElement('div');
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById('albri').appendChild(div1);
}
}
}
function search10(query, label) {
var script = document.createElement('script');
script.setAttribute('src', query + 'feeds/posts/default/-/'
+ label +
'?alt=json-in-script&callback=listEntries10');
script.setAttribute('type', 'text/javascript');
document.documentElement.firstChild.appendChild(script);
}
var labelArray = new Array();
var numLabel = 0;
<b:loop values='data:posts' var='post'>
<b:loop values='data:post.labels' var='label'>
textLabel = "<data:label.name/>";
var test = 0;
for (var i = 0; i < labelArray.length; i++)
if (labelArray[i] == textLabel) test = 1;
if (test == 0) {
labelArray.push(textLabel);
var maxLabels = (labelArray.length <= maxNumberOfLabels) ?
labelArray.length : maxNumberOfLabels;
if (numLabel < maxLabels) {
search10(homeUrl3, textLabel);
numLabel++;
}
}
</b:loop>
</b:loop>
</Script>
</Div>
<script type="text/javascript">RelPost();</script>
</Div>
</b:if>

6. Dan paste kode script tadi tepat di bawah kode <div class='post-footer-line post-footer-line-1'>.
7. Simpan / Save template.
8. Selesai.
9. Untuk melihat hasilnya sobat bukalah salah satu artikel sobat.

Note:

* <h2>Artikel Terkait:</h2> sobat bisa menggantinya sesuai selera seperti Related Post.

* <div style="border: 1px solid #ccc; height: 200px; margin: 0; overflow: auto; padding: 10px;"> adalah tampilan kotak artikel terkait tsb. Margin : jarak antara kotak dengan main, Padding : jarak antara isi artikel terkait dengan kotak, border : batas, 1px tsb adalah tebal batasnya, solid adalah jenis batasnya dan #ccc adalah warna batasnya, Height : tinggi kotak artikel tekait ( kalau anda rubah kode 200px menjadi 0 maka kotak related post yang tampil akan menyesuaikan dengan jumlah artikel terkait. Sedangkan jika tetap 200px maka kotak tsb akan otomatis memberi tombol scrool apabila artikel terkait tsb sudah melebihi batas.

* maxNumberOfPostsPerLabel = 100; adalah jumlah posting atau artikel terkait yang ingin di tampilkan maxNumberOfLabels = 3; adalah jumlah label terkait yang ingin ditampilkan

Selamat mencoba dan semoga bermanfaat...

Cara Membuat Kotak Admin Di Blog

2013-12-18T09:27:00.000+07:00

Flamboyan68 - Ada banyak cara yang bisa kita lakukan dalam memperindah blog seperti halnya sebuah rumah, diperindah, dipercantik sehingga membuat penghuni dan tamu yang datang bisa berlama-lama dan betah untuk tinggal. Lho kok ngelantur hehehe....postingan kali ini saya akan share tentang " Cara Membuat kotak Admin Di Blog " buat sobat nubie semua. Sobat-sobat semua bisa mengikuti cara dan langkah di bawah ini bila berkenan dan berniat untuk memasangnya di blog sobat, yu ikutin saya......

Seperti biasa Masuk / Login Ke Blogger sobat
Klik Template >> Edit HTML ( tapi sebelumnya sobat backup dulu template nya dengan unduh template lengkap untuk jaga-jaga apabila terjadi kegagalan dalam edit html nya )
Klik Edit HTML
Kemudian cari kode ]]></b:skin> untuk mempermudah pencarian kode pakailah Ctrl + F
Apabila sudah menemukan kode tadi, copy kan kode di bawah ini dan letakan tepat diatas kode ]]></b:skin>

.admin-text{
display:block;
width:auto;
background:#CFE2E0;
border:2px solid #fff;
box-shadow:0 1px 3px #000;-moz-box-shadow:0 1px 3px #000;-webkit-box-shadow:0 1px 3px #000;
padding:0;
margin:30px 0 10px 0;
font:normal 12px Arial, Sans-Serif;
color:#222;
}
.admin-text .kontainer{padding:5px;}
.admin-text h4{
background:#3D3D3D;
border:none;
border-bottom:1px solid #FFFFFF;
color:#fff;
text-transform:normal;
text-shadow:0 1px 0 rgba(0, 0, 0, 0.4);
font:bold 12px Arial,Sans-Serif;
padding:5px 10px;
margin:0 0 0 0;
display:block;
}
.admin-text h4 a{color:##FFFFFF;}
.admin-text img{
width:70px;
height:70px;
margin:0 10px 0 0;
float:left;
border:1px solid #FFFFFF;
padding:2px;
background:#3D3D3D;
box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;
}

Kemudian cari lahi kode <div class='post-footer'> untuk mempermudah pencarian kode pakailah Ctrl + F sobat pasti akan menemukan lebih dari 1 kode tersebut.
Apabila sudah menemukan kode tadi, copy kan kode di bawah ini dan letakan tepat diatas kode <div class='post-footer'>

<b:if cond='data:blog.pageType == "item"'>
<div class='admin-text'>
<h4>
Ditulis Oleh : <a expr:href='data:blog.homepageUrl'><data:post.author/></a> ~Anda sedang membaca Artikel tentang</h4>
<div class='kontainer'>
<img src='http://2.bp.blogspot.com/-3vEB3XvidzA/UPt36ZEU4CI/AAAAAAAABqI/NCQCgd7QzOo/s1600/IMG00266-20120908-1639.jpg'/>
Artikel <a expr:href='data:post.url'><data:post.title/></a> ini diposting oleh <data:post.author/> Pada Tanggal <data:post.dateHeader/>. Terimakasih atas kunjungan Anda serta kesediaan Anda membaca artikel ini. Kritik dan Saran dapat Anda sampaikan melalui kotak komentar. Dilarang Mengcopy Artikel Tanpa sepenge tahuan Admin atau Tidak menyertakan Link Sumber Dimana Artikel Berasal. Jika, Melanggar, Link Akan Di laporkan dan Akan Di hapus.
<div class='backlink'>
<textarea onclick='this.focus();this.select();' readonly='readonly' style='height:18px;' title='Press CTRL+C to copy'><a expr:href='data:post.url' target='_blank'><data:post.title/></a></textarea>
</div>
<p><span style='float:right;font:italic 10px Arial, Sans-Serif;'>
<a href='http://your-belajarblog.blogspot.com/2013/01/cara-membuat-kotak-admin-di-blogger.html' target='_blank'>:: Get this widget ! ::</a></span></p>
<div style='clear:both;'/>
</div>
</div>
</b:if>

Terakhir Save / Simpan Template sobat
Selesai
Untuk melihat hasil sobat klik sembarang salah satu artikel blog sobat, untuk melihat munculnya kotak admin di bawah postingan.

Demikian postingan ini saya akhiri semoga bermanfaat, selamat mencoba dan sampai jumpa...

sumber: http://your-belajarblog.blogspot.com/2013/01/cara-membuat-kotak-admin-di-blogger.html

Kotak Komentar Bergaya Warna Dengan CSS3 Di Blog

2013-12-18T09:26:00.000+07:00

Screenshot Gaya Warna CSS3

Flamboyan68 - Pada saat sobat membaca artikel di sebuah blog, sobat semua pasti akan akan menjumpai yang namanya kotak komentar yang disediakan khusus bagi pembaca atau pengunjung untuk meninggalkan komentar sebagai respons terhadap artikel tersebut. Komentar blog salah satu bagian penting dari blog, pengunjung bisa menyuarakan opininya pada postingan artikel di blog. Manfaat komentar blog bagi blogger ibaratnya darah bagi sebuah blog hehehe..pilosofis banget. Dengan mendorong pembaca blog untuk meninggalkan komentar serta memberikan respons yang cepat terhadap komentar yang ditinggalkan oleh pembaca sobat sehingga mereka merasa dihargai. Ibaratnya anda tidak suka ketika diabaikan apabila anda menyapa seseorang, maka jangan mengabaikan pembaca blog anda ketika mereka menyapa anda melalui sebuah komentar.

Maka untuk postingan kali ini saya akan berbagi dengan sobat semua tentang memperindah kotak komentar dengan gaya warna komentar blogger. Gaya Warna Komentar Blogger ini menggunakan kode-kode CSS3 untuk bisa menghiasinya dengan warna yang cukup beragam, dan terdapat 3 warna. Fitur yang terdapat pada komentar ini adalah terdapat nomor komentar yang diterbitkan, 3 Gaya warna sebagai penghias komentar, dan Pita Pemilik blog yang muncul jika sobat semua berkomentar terletak di atas kanan.

Apabila sobat semua tertarik bisa mengikuti cara dan langkah di bawah ini :

* Masuk ke akun Dashboard Blogger sobat.
* Kemudian klik menu Template >> seperti biasa backup dulu template sobat guna menghindari kegagalan pasang.
* Lalu klik >> Edit HTML.
* Dan sobat cari kode ]]></b:skin> untuk mempermudah pencarian gunakan CTRL+F.
* Setelah ketemu kode tadi, masuk Kode dibawah ini tepat diatas kode ]]></b:skin> :

1. Kotak komentar bergaya warna biru :

Masukan Kode Berikut ini:

/*Start Blogger Threaded Comments Stylish Colors*/

#comments{overflow:hidden}

#comments h4{display:inline;padding:10px;line-height:40px}

#comments h4,.comments .comment-header,.comments .comment-thread.inline-thread .comment{position:relative}

#comments h4,.comments .continue a{background:#1e05d8}

#comments h4,.comments .user a,.comments .continue a{font-size:16px}

#comments h4,.comments .continue a{font-weight:normal;color:#fff}

#comments h4:after{content:"";position:absolute;bottom:-10px;left:10px;border-top:10px solid #1e05d8;border-right:20px solid transparent;width:0;height:0;line-height:0}

#comments .avatar-image-container img{border:0}

.comment-thread{color:#111}

.comment-thread a{color:#777}

.comment-thread ol{margin:0 0 20px}

.comment-thread .comment-content a,.comments .user a,.comments .comment-thread.inline-thread .user a{color:#1e05d8}

.comments .avatar-image-container,.comments .avatar-image-container img{width:48px;max-width:48px;height:48px;max-height:48px}

.comments .comment-block,.comments .comments-content .comment-replies,.comments .comment-replybox-single{margin-left:60px}

.comments .comment-block,.comments .comment-thread.inline-thread .comment{border:1px solid #ddd;background:#f9f9f9;padding:10px}

.comments .comments-content .comment{margin:15px 0 0;padding:0;width:100%;line-height:1em}

.comments .comments-content .icon.blog-author{position:absolute;top:-12px;right:-12px;margin:0;background-image: url(https://lh3.googleusercontent.com/-fMyb52dgXOc/UarN3ferE_I/AAAAAAAAD0M/rH8CkPx1B_Y/h120/pita+berwarna+biru.gif);width:36px;height:36px}

.comments .comments-content .inline-thread{padding:0 0 0 20px}

.comments .comments-content .comment-replies{margin-top:0}

.comments .comment-content{padding:5px 0;line-height:1.4em}

.comments .comment-thread.inline-thread{border-left:1px solid #ddd;background:transparent}

.comments .comment-thread.inline-thread .comment{width:auto}

.comments .comment-thread.inline-thread .comment:after{content:"";position:absolute;top:10px;left:-20px;border-top:1px solid #ddd;width:10px;height:0px}

.comments .comment-thread.inline-thread .comment .comment-block{border:0;background:transparent;padding:0}

.comments .comment-thread.inline-thread .comment-block{margin-left:48px}

.comments .comment-thread.inline-thread .user a{font-size:13px}

.comments .comment-thread.inline-thread .avatar-image-container,.comments .comment-thread.inline-thread .avatar-image-container img{width:36px;max-width:36px;height:36px;max-height:36px}

.comments .continue{border-top:0;width:100%}

.comments .continue a{padding:10px 0;text-align:center}

.comment .continue{display:none}

#comment-editor{width:103%!important}

.comment-form{width:100%;max-width:100%}

/*End Blogger Threaded Comments Stylish Colors*/

2. Kotak komentar bergaya warna merah muda :

Masukan Kode Berikut ini:

/*Start Blogger Threaded Comments Stylish Colors*/

#comments{overflow:hidden}

#comments h4{display:inline;padding:10px;line-height:40px}

#comments h4,.comments .comment-header,.comments .comment-thread.inline-thread .comment{position:relative}

#comments h4,.comments .continue a{background:#d80556}

#comments h4,.comments .user a,.comments .continue a{font-size:16px}

#comments h4,.comments .continue a{font-weight:normal;color:#fff}

#comments h4:after{content:"";position:absolute;bottom:-10px;left:10px;border-top:10px solid #d80556;border-right:20px solid transparent;width:0;height:0;line-height:0}

#comments .avatar-image-container img{border:0}

.comment-thread{color:#111}

.comment-thread a{color:#777}

.comment-thread ol{margin:0 0 20px}

.comment-thread .comment-content a,.comments .user a,.comments .comment-thread.inline-thread .user a{color:#d80556}

.comments .avatar-image-container,.comments .avatar-image-container img{width:48px;max-width:48px;height:48px;max-height:48px}

.comments .comment-block,.comments .comments-content .comment-replies,.comments .comment-replybox-single{margin-left:60px}

.comments .comment-block,.comments .comment-thread.inline-thread .comment{border:1px solid #ddd;background:#f9f9f9;padding:10px}

.comments .comments-content .comment{margin:15px 0 0;padding:0;width:100%;line-height:1em}

.comments .comments-content .icon.blog-author{position:absolute;top:-12px;right:-12px;margin:0;background-image: url(https://lh6.googleusercontent.com/-gKsbUtxjEjA/UarOdClLAxI/AAAAAAAAD0U/c7X8AiQo8ic/h120/pita%2Bberwarna%2Bmerah%2Bmuda.png);width:36px;height:36px}

.comments .comments-content .inline-thread{padding:0 0 0 20px}

.comments .comments-content .comment-replies{margin-top:0}

.comments .comment-content{padding:5px 0;line-height:1.4em}

.comments .comment-thread.inline-thread{border-left:1px solid #ddd;background:transparent}

.comments .comment-thread.inline-thread .comment{width:auto}

.comments .comment-thread.inline-thread .comment:after{content:"";position:absolute;top:10px;left:-20px;border-top:1px solid #ddd;width:10px;height:0px}

.comments .comment-thread.inline-thread .comment .comment-block{border:0;background:transparent;padding:0}

.comments .comment-thread.inline-thread .comment-block{margin-left:48px}

.comments .comment-thread.inline-thread .user a{font-size:13px}

.comments .comment-thread.inline-thread .avatar-image-container,.comments .comment-thread.inline-thread .avatar-image-container img{width:36px;max-width:36px;height:36px;max-height:36px}

.comments .continue{border-top:0;width:100%}

.comments .continue a{padding:10px 0;text-align:center}

.comment .continue{display:none}

#comment-editor{width:103%!important}

.comment-form{width:100%;max-width:100%}

/*End Blogger Threaded Comments Stylish Colors*/

3. Kotak komentar bergaya warna merah muda :

Masukan Kode Berikut ini:

#comments{overflow:hidden}

#comments h4{display:inline;padding:10px;line-height:40px}

#comments h4,.comments .comment-header,.comments .comment-thread.inline-thread .comment{position:relative}

#comments h4,.comments .continue a{background:#56d805}

#comments h4,.comments .user a,.comments .continue a{font-size:16px}

#comments h4,.comments .continue a{font-weight:normal;color:#fff}

#comments h4:after{content:"";position:absolute;bottom:-10px;left:10px;border-top:10px solid #56d805;border-right:20px solid transparent;width:0;height:0;line-height:0}

#comments .avatar-image-container img{border:0}

.comment-thread{color:#111}

.comment-thread a{color:#777}

.comment-thread ol{margin:0 0 20px}

.comment-thread .comment-content a,.comments .user a,.comments .comment-thread.inline-thread .user a{color:#56d805}

.comments .avatar-image-container,.comments .avatar-image-container img{width:48px;max-width:48px;height:48px;max-height:48px}

.comments .comment-block,.comments .comments-content .comment-replies,.comments .comment-replybox-single{margin-left:60px}

.comments .comment-block,.comments .comment-thread.inline-thread .comment{border:1px solid #ddd;background:#f9f9f9;padding:10px}

.comments .comments-content .comment{margin:15px 0 0;padding:0;width:100%;line-height:1em}

.comments .comments-content .icon.blog-author{position:absolute;top:-12px;right:-12px;margin:0;background-image: url(https://lh3.googleusercontent.com/-g6wCKvu1U4U/UarOyO3Eg5I/AAAAAAAAD0c/Sq9thbjsOnQ/h120/pita+berwarna+hijau.gif);width:36px;height:36px}

.comments .comments-content .inline-thread{padding:0 0 0 20px}

.comments .comments-content .comment-replies{margin-top:0}

.comments .comment-content{padding:5px 0;line-height:1.4em}

.comments .comment-thread.inline-thread{border-left:1px solid #ddd;background:transparent}

.comments .comment-thread.inline-thread .comment{width:auto}

.comments .comment-thread.inline-thread .comment:after{content:"";position:absolute;top:10px;left:-20px;border-top:1px solid #ddd;width:10px;height:0px}

.comments .comment-thread.inline-thread .comment .comment-block{border:0;background:transparent;padding:0}

.comments .comment-thread.inline-thread .comment-block{margin-left:48px}

.comments .comment-thread.inline-thread .user a{font-size:13px}

.comments .comment-thread.inline-thread .avatar-image-container,.comments .comment-thread.inline-thread .avatar-image-container img{width:36px;max-width:36px;height:36px;max-height:36px}

.comments .continue{border-top:0;width:100%}

.comments .continue a{padding:10px 0;text-align:center}

.comment .continue{display:none}

#comment-editor{width:103%!important}

.comment-form{width:100%;max-width:100%}

* Terakhir Simpan / Save Template. Lebih bagusnya sobat Pratinjau dulu sebelum di simpan/save.

Selamat mencoba dan semoga bermanfaat....

http://your-belajarblog.blogspot.com/2013/06/cara-menambahkan-gaya-warna-dengan-css3.html

Cara Membuat Satu Kolom Diatas Footer Pada Blog

2013-12-18T09:23:00.000+07:00

Flamboyan68 - Apa kabar sobat? kabar baik pastinya postingan ini masih lanjutan dari cara membuat 2 kolom footer di blog pada dasarnya sama yang membedakan hanya pada banyaknya kolom/ruang widget. Widget ini bisa di samakan dengan cara membuat satu kolom dibawah header dan penerapannya cukup mudah. Sobat blogger yang memasang iklan di blognya pastinya memerlukan widget ini untuk memasang iklan ukuran 726x90 atau untuk memasang widget lainnya.

Untuk pemasangan kode harap diperhatikan dimana setiap template mempunyai kode css yang berbeda, saran saya silahkan sobat sesuaikan kode blog template dengan kode yang akan di pasang berikut ini, dengan harapan pemasangannya dapat berjalan dengan sempurna, perfect!! he...he..ck..ck..

Untuk pemasangannya sobat bisa mengikuti cara dan langkah di bawah ini:

Klik template > edit html ( backup terlebih dahulu template sobat )

Kemudian sobat cari kode ]]></b:skin> gunakan ctrl + F untuk mempermudah pencarian

Apabila sudah ketemu sobat copy kode di bawah ini dan paste tepat diatas kode ]]></b:skin>

#oneupperfooter{margin:10px 0;padding:2px;width:100%;}

Lalu sobat cari kembali kode <div id='footer'>

Bila sudah ketemu copy kode di bawah ini dan paste tepat dibawah <div id='footer'>

<b:section class='footer' id='oneupperfooter' preferred='yes'/>

Simpan template

Untuk melihat hasil sobat kembali ke halaman tata letak dan lakukan refresh / reload untuk melihat kolom baru. Dan hasilnya akan terlihat seperti gambar di bawah ini :

Satu kolom di atas footer

Demikian sobat selamat mencoba dan semoga bermanfaat..
Happy blogging...........

Cara Membuat Menu dan Sub Menu Dropdown di Blog

2013-12-18T09:22:00.000+07:00

Flamboyan68 - Menu dropdown pada umumnya berisikan link untuk bisa akses ke suatu halaman tertentu. Menu dropdown memiliki sub menu yang tampilannya memanjang ke bawah makanya menu ini di sebut menu dropdown.

Fitur menu dropdown ini menggunakan sedikit tambahan pada bagian style CSS, menggunakan efek melengkung pada sisi kiri kanan ujungnya dan tidak membentuk siku. Cara pemasangannya mudah dan sobat bisa mengikuti cara dan langkah di bawah ini.

Login ke akun blogger sobat
Lalu klik template > edit html
Kemudian sobat cari kode ]]></b:skin> gunakan CTRL+F untuk memudahkan pencarian
Setelah ketemu copy kode dibawah ini dan paste tepat di atas kode ]]></b:skin>

#DropdownMenu {
    background:#ff6803;
border-radius:6px;
    width: 880px;
    height: 35px;
    font-size: 12px;
    font-family: Arial, Tahoma, Verdana;
    color:#FFFFFF;
    font-weight: bold;
    margin-bottom: 30px;
    padding: 2px;


} 
#Dropdownbox {
    width: 875px;
border-radius:6px;
    float: left;
    margin: 0;
    padding: 0;
}

#strike { 
border-radius:6px;
    margin: 0;
    padding: 0;
}
#strike ul {
border-radius:6px;
    float: left;
    list-style: none;
    margin: 0;
    padding: 0;
}
#strike li {
border-radius:6px;
    list-style: none;
    margin: 0;
    padding: 0;
}
#strike li a, #strike li a:link, #strike li a:visited {
border-radius:6px;
    color:#FFFFFF;
    display: block;
    font-size: 16px;
    font-family: Georgia, Times New Roman;
    font-weight: normal;
    margin: 0;
    padding: 9px 15px 8px;
}
#strike li a:hover, #strike li a:active {
border-radius:6px;
    background:#FFFFFF;
    color:#ff6803;
    margin: 0;
    padding: 9px 15px 8px;
    text-decoration: none;
}
#strike li li a, #strike li li a:link, #strike li li a:visited {
border-radius:6px;
      background:#ff6803;
    width: 150px;
    color:#FFFFFF;
    font-size: 14px;
    font-family: Georgia, Times New Roman;
    font-weight: normal;
    float: none;
    margin: 0;
    padding: 7px 10px;
    border-bottom: 1px solid #FFF;
    border-left: 1px solid #FFF;
    border-right: 1px solid #FFF;
}
#strike li li a:hover, #strike li li a:active {
border-radius:6px;
     background:#FFFFFF;
    color:#ff6803;
    padding: 7px 10px;
}
#strike li {
border-radius:6px;
    float: left;
    padding: 0;
}
#strike li ul {
border-radius:6px;
    z-index: 9999;
    position: absolute;
    left: -999em;
    height: auto;
    width: 170px;
    margin: 0;
    padding: 0;
}
#strike li ul a {
border-radius:6px;
    width: 140px;
}
#strike li ul ul {
border-radius:6px;
    margin: -32px 0 0 171px;
}
#strike li:hover ul ul, #strike li:hover ul ul ul, #strike li.sfhover ul ul, #strike li.sfhover ul ul ul {
border-radius:6px;
    left: -999em;
}
#strike li:hover ul, #strike li li:hover ul, #strike li li li:hover ul, #strike li.sfhover ul, #strike li li.sfhover ul, #strike li li li.sfhover ul {
border-radius:6px;
    left: auto;
}
#strike li:hover, #strike li.sfhover {
border-radius:6px;
    position: static;
}

Kode warna merah #ff6803 dan putih itu adalah kode warna background silahkan ganti sesuai keinginan sobat. Kode #FFFFFF adalah kode untuk warna tulisan di menu. Silahkan anda ganti bila memang diperlukan. Untuk menentukan kode warna silahkan sobat cari disini Kode Warna/Hex Code.
Simpan template

Langkah selanjutnya yaitu ;

Selanjutnya sobat menuju ke menu blogger klik Tata Letak
Klik Tambah Gadget > Pilih Html/Javascript
Copy kode script di bawah ini dan paste di kolom html/javascript

<div id="DropdownMenu">
       <div id="Dropdownbox">
      <ul id="strike">
        <li><a href="#">Menu1</a></li>
        <li>
          <a href="#">Menu2</a>
          <ul>
            <li>
              <a href="#">Sub Menu 2</a>
              <ul>
                <li><a href="#">Sub Sub Menu 2</a></li>
                <li><a href="#">Sub Sub Menu 2</a></li>
                <li><a href="#">Sub Sub Menu 2</a></li>
              </ul>
            </li>
            <li><a href="#">Sub Menu 3</a></li>
            <li><a href="#">Sub Menu 4</a></li>
            <li><a href="#">Sub Menu 5</a></li>
            <li><a href="#">Sub Menu 6</a></li>
          </ul>
        </li>
        <li><a href="#">Menu 3</a></li>
        <li><a href="#">Menu 4</a></li>
      </ul>
    </div>
  </div>

Silahkan sobat ganti tulisan Menu1, Menu 2 dan seterusnya dengan nama menu yang sobat inginkan dan tanda pagar "#" ini adalah alamat link dari menu yang sobat buat.
Langkah terakhir simpan.

Selamat mencoba dan semoga bermanfaat.
source

Cara Mudah Membuat Menu Bar Dropdown Di Blog

2013-12-18T09:16:00.000+07:00

Flamboyan68 - Para blogger dalam setiap aktivitas blogging pastinya selalu menyempatkan diri untuk mengevaluasi perfomance/tampilan template blognya. Apa yang kurang atau yang harus di tambah perfomance blog dengan harapan supaya para visitor betah untuk berlama-lama dan lebih penting lagi adalah memberikan kemudahan kepada visitor untuk mengeksplore semua artikel blog kita. Salah satunya adalah tampilan menu bar dengan style dropdown yang merupakan salah satu opsi baik apabila sobat menginginkan tampilan semua halaman blog di lihat dengan mudah oleh visitor.

Dan pada kesempatan jumat pagi yang cerah ini saya akan berbagi artikel dengan sobat blogger tentang Cara Mudah Membuat Menu Bar Dropdown Di Blog. Di bawah ini ada cara dan langkah yang bisa sobat ikuti apabila sobat akan bereksperimen, silahkan sobat simak dan harapan saya semoga bermanfaat :

( + ) Login ke akun blogger sobat.

( + ) Klik template > edit HTML (cat : terlebih dahulu backup templat sobat).

( + ) Kemudian sobat cari kode ]]></b:skin> gunakan Ctrl + F untuk mempermudah pencarian.

( + ) Silahkan copy kode script di bawah ini dan paste/letakan tepat di atas kode ]]></b:skin>

#menubar{
border-bottom:4px solid #ff0000;
width:1025px;
height:32px;
background:#000000;
float:center;
margin-bottom:3px;
}
#menubar ul{
float:left;
margin:0;
padding:0;
}
#menubar li{
float:left;
list-style:none;
margin:0;
padding:0;
}
#menubar li a, #menubar li a:link{
float:left;
padding:8px 12px;
color:#fff;
text-decoration:none;
font-size:13px;
font-weight:bold;
}
#menubar li a:hover, #menubar li a:active, #menubar .current_page_item a {
background: #ff0000;
color: #fff;
text-decoration:none;
}
#menubar li li a, #menubar li li a:link, #menubar li li a:visited{
font-size: 12px;
background: #ff0000;
color: #fff;
text-decoration:none;
width: 150px;
padding: 0px 10px;
line-height:30px;
}
#menubar li li a:hover, #menubar li li a:active {
background: #000000;
color: #ffffff;
}
#menubar li ul{
z-index:9999;
position:absolute;
left:-999em;
height:auto;
width:170px;
margin-top:32px;
border:1px solid ##ff0000;
}
#menubar li:hover ul, #menubar li li:hover ul, #menubar li li li:hover ul, #menubar li.sfhover ul, #menubar li li.sfhover ul, #menubar li li li.sfhover ul{
left:auto
}
#menubar li:hover, #menubar li.sfhover{
position:static
}

6. Selanjutnya sobat cari kode <div id="content-wrapper">

7. Copy kode script di bawah ini dan paste/letakan di atas kode <div id="content-wrapper">

<div id='menubar'>
<ul>
<li><a expr:href='data:blog.homepageUrl'>Home</a></li>
<li><a href='http://flamboyan68.blogspot.com/2013/05/sitemap_10.html'>Sitemap</a></li>
<li><a href='http://flamboyan68.blogspot.com/2013/05/blog.html'>Tutorial Blog</a>
<ul>
<li><a href='http://flamboyan68.blogspot.com/2013/06/seo-friendly.html'>SEO</a></li>
<li><a href='http://flamboyan68.blogspot.com/2013/05/artikel-computer.html'>Computer</a></li>
<li><a href='http://flamboyan68.blogspot.com/2013/05/health.html'>Health</a></li>
</ul></li>
</ul>
</div>

8. Simpan Template.

Ket :

Silahkan sobat sesuaikan kode warna garis pada bawah menu bar #ff0000, lebar menu bar: 1025px, warna latar/background menu bar #000000.
Sobat ganti tulisan warna biru yaitu nama menu bar sesuai dengan selera sobat.
Ganti link warna merah dengan link sobat.
selebihnya silahkan sobat modifikasi sendiri sesuai selera

Demikian ulasan saya mengenai Cara Mudah Membuat Menu Bar Dropdown Di Blog, selamaat mencoba dan semoga bermanfaat.

happy blogging.............................

Cara Pasang Script Iklan Di Postingan Blog

2013-12-17T19:46:00.000+07:00

flamboyan68 - Cara pasang script iklan di postingan blog tentunya banyak diantara para blogger yang sudah memposting artikel ini, niat saya memposting artikel ini hanya sebagai backup apabila suatu saat saya lupa dan membutuhkannya terutamanya lagi dapat bermanfaat bagi sobat semua.

Tampilan posisi dari widget iklan ini banyak yang memakainya dan kita cukup sekali dalam pemasangan scriptnya kecuali mengganti kode script iklan.

Para visitor dapat melihat tampilan iklan di setiap postingan artikel, dan secara otomatis dapat membantu proses pemasaran iklan yang sedang tayang di blog kita. Para visitor yang tertarik dengan iklan dapat langsung meng_klik iklan di halaman artikel tersebut.

Bagi sobat yang ingin memasang script iklan ini dapat mengikuti cara dan langkah di bawah ini :

1. Login / masuk ke akun blogger sobat.
2. Klik template > edit HTML
3. Kemudian sobat cari kode <data:post.body/> gunakan Ctrl + F untuk mempermudah pencarian kode
4. Setelah ketemu copy kode di bawah ini dan paste/letakankan di atas <data:post.body/>

<div style='float: left;'>Masukkan/letakan Kode Iklan Disini</div>

Untuk menghindari terjadinya kesalahan/error sebaiknya kode iklan tersebut di parse terlebih dahulu di Di sini

Keterangan :

- Warna merah adalah posisi iklan yang akan ditempatkan

- Warna biru kode iklan

Hasilnya akan terlihat seperti ini :

Selamat mencoba dan semoga bermanfaat. Happy blogging.................

Source

Deniededen

Pasang Iklan Dari IklanBlogger

Menjadi Publisher IklanBlogger.com

Program Affiliasi IklanBlogger.com

Donasi Blog Dari Iklan PPCBlogger

Kamera Digital Sony Cyber-shot DSC-H200

Cara Mendapatkan Donasi Iklan Blog Dari AdsenseCamp

Mengenal Blog Dofollow Dan Nofollow

Cara Mudah Memasang Auto Sitemap

Cara Mengganti Tulisan Posting Lama, Posting Baru, Beranda Dengan Image dan Tulisan

Posted by Denie Deden_Nz

Download Software Mz RAM Booster

Cara Menghapus Tampilan Showing All Post Di Blog

Cara Membuat Berlangganan RSS Feedburner

Cara Mudah Cari Teman Blogger

Cara Mudah Membuat Widget Headline News di Blog

Widget Blog

Cara Membuat Script Widget Kode Warna HTML 4 Di Blog

Cara Membuat Button Like Facebook, Twitter, G+ Dan Share

Cara menambah gadget di atas header

Cara Memasang Widget Popular Post Berwarna Di Blog

Cara Menampilkan Menu Scroll Pada Arsip Blog

Sumber: http://panduansederhana.blogspot.com/2012/03/cara-membuat-tampilan-menu-scroll-pada.html

Cara Membuat Related Post Scroll Di Blog

Cara Membuat Kotak Admin Di Blog

Kotak Komentar Bergaya Warna Dengan CSS3 Di Blog

Cara Membuat Satu Kolom Diatas Footer Pada Blog

Cara Membuat Menu dan Sub Menu Dropdown di Blog

Cara Mudah Membuat Menu Bar Dropdown Di Blog

Cara Pasang Script Iklan Di Postingan Blog