Wajib diketahui dan di miliki blogger pemburu Dollar $$$

<div dir="ltr" style="text-align: left;" trbidi="on"> Salah satu akun yang bisa dibilang wajib untuk seorang blogger adalah paypal. Karena dari sekian banyak metode pembayaran yang disediakan ketika kita menjadi publisher di sebuah situs penyelia iklan, Paypal-lah yang paling sering digunakan. Namun sayangnya, akun paypal kita harus diverifikasi terlebih dahulu sebelum kita bisa mempergunakannya dengan leluasa. Karena seperti yang kita ketahui, jika akun Paypal kita belum diverifikasi maka kita memiliki batas transaksi maksimal adalah sebesar $100.<br /> <br /> Namun untuk memverifikasi paypal terkadang susah - susah gampang. Kita diharuskan memiliki kartu debit/kredit dengan logo Mastercard/Visa yang bisa dipakai untuk berbelanja online. Sedangkan di Negara kita yang Tercinta ini, belum ada bank yang menyediakan kartu debit jenis ini. Kartu dengan logo Visa / Mastercard yang bisa dipakai untuk berbelanja online hanyalah kartu kredit.<br /> <br /> Permasalahannya lagi adalah untuk mendapatkan kartu kredit ini juga bukanlah hal yang mudah. Ada banyak sekali persyaratan yang harus dipenuhi agar bank mau mengeluarkannya. Tapi tenang saja, disini saya akan share satu tempat yang bersedia untuk memberikan kita kartu berlogo mastercard / visa yang bisa dipakai belanja online ini secara gratis. Dan lagi, kartu ini bisa di pakai untuk verifikasi akun Paypal kalian selama lima  tahun.<br /> <br /> Syarat :<br /> <br /> Scanner KTP, SIM atau Passport (Pilih salah satu)<br /> Alamat jelas agar cepat di Aprove atau ditrima dan dikirim dengan jelas<br /> <br /> Cara – caranya :<br /> <div> <br /></div> 1. Pertama langsung saja kalian kunjungi situs yaitu <a href="http://share.payoneer-affiliates.com/v2/share/6096426592793841635" target="_blank">www. Payoneer .com</a>.<br /> 2. Setelah link terbuka akan tampil seperti gambar berikut dan klik Sign UP<br /> <br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhY8J6cguZQwPW8VOOt5JiKwL0u7KwET3LGnTKsWLEk6CB37IlvvrGUdLS-uQGqIR7wZrkZ4H9tej3zHMttDQej1gE1ICrNv4xX-IUGvUJQysWIVMWQwzhxQNczXl12DilNBYi4St3Rfc8/s1600/pay.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="150" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhY8J6cguZQwPW8VOOt5JiKwL0u7KwET3LGnTKsWLEk6CB37IlvvrGUdLS-uQGqIR7wZrkZ4H9tej3zHMttDQej1gE1ICrNv4xX-IUGvUJQysWIVMWQwzhxQNczXl12DilNBYi4St3Rfc8/s1600/pay.PNG" width="320" /></a></div> <br /> 3. Setelah tombol atau link Sign Up di click dan akan menuju ke tahap awal yaitu Personal Details. Jika muncul pop - up seperti ini, klik tombol continue.<br /> <br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhipC34pklrD8RudCZSPKtidTHDRs9NrtURrZATu-pYCsDPuwVtBAe4kb7-EHscrZupZwFW2KXdpnhgYx9gGnT7qWW-tNrw5Kw6E1RrJ1bMlejsRiM4Ef3LrIN65VuXcqzfECKXdzyJn4I/s1600/pay1.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="214" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhipC34pklrD8RudCZSPKtidTHDRs9NrtURrZATu-pYCsDPuwVtBAe4kb7-EHscrZupZwFW2KXdpnhgYx9gGnT7qWW-tNrw5Kw6E1RrJ1bMlejsRiM4Ef3LrIN65VuXcqzfECKXdzyJn4I/s1600/pay1.PNG" width="320" /></a></div> <br /> 4.  Isi data sesuai KTP/SIM/Passport yang di gunakan serta alamat E-mail yang aktif berikut tampilannya:<br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4_cusM4qBRYq0wKgzll9DJ9uiT-tX8cepPnqLMS8W9hphb-NFc2yb9fS_uxVa81r5iIvmm9qu7QjcRDtOfdGFz3kiOrzcawxPRcOAPq47CzyevQPN69uc3F_pe1R0C_uJn5RFJMuEy1s/s1600/pay2.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4_cusM4qBRYq0wKgzll9DJ9uiT-tX8cepPnqLMS8W9hphb-NFc2yb9fS_uxVa81r5iIvmm9qu7QjcRDtOfdGFz3kiOrzcawxPRcOAPq47CzyevQPN69uc3F_pe1R0C_uJn5RFJMuEy1s/s1600/pay2.PNG" width="271" /></a></div> <br /> 5. Setelah data diisi dengan benar lalu klik tombol NEXT dan masuk ke tahap Contact Details dimana alamat Rumah anda isi sesuai KTP/SIM/Passport yang anda gunakan serta Nomor Handphone (Pilih kode 62 karena kode wilayah indonesia) seperti gambar berikut:<br /> <br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigz5YIogsUMYfynVs6GiN2GyB1LI1ZhDZrIVMJcVhKjGDqJDA4xtrKlpaPUFzgp2ew2-Z8TPizpWpQSoZ6iS1sjR1vxp8x-96Q1zCYqbIiAhNybYiaBn0eRCu3446PVbLOkWxtJG1uVPo/s1600/pay3.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigz5YIogsUMYfynVs6GiN2GyB1LI1ZhDZrIVMJcVhKjGDqJDA4xtrKlpaPUFzgp2ew2-Z8TPizpWpQSoZ6iS1sjR1vxp8x-96Q1zCYqbIiAhNybYiaBn0eRCu3446PVbLOkWxtJG1uVPo/s1600/pay3.PNG" width="317" /></a></div> <br /> <br /> <br /> 6. Setelah alamat dan no HP anda terisi dengan benar lalu klik lagi tombol NEXT dan masuk lagi ketahap Security details , ditahap ini merupakan tahap dimana saat kita akan masuk ke account payoneer username merupakan alamat E-mail yang telah diisi pada tahan awal, dan masukan password serta pertanyaan jika lupa dengan password-nya.(Jika ingi kemabali ketahap sebelumya klik tanda panah disebelah kiri Tengah.)<br /> <br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisUz621N1BW7TPJmFDfqq9Ra3_zYL27kS3L8_HzbCu3nXXgtXmxKZfhbOCrxjk_dG5IX4hf2BFZyLMcGm8pE-DFWSj35uIrJDyXUt1XTT4pSCoU6ioiVyDu70CNmcJSinwOrebDJa9gnU/s1600/pay4.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisUz621N1BW7TPJmFDfqq9Ra3_zYL27kS3L8_HzbCu3nXXgtXmxKZfhbOCrxjk_dG5IX4hf2BFZyLMcGm8pE-DFWSj35uIrJDyXUt1XTT4pSCoU6ioiVyDu70CNmcJSinwOrebDJa9gnU/s1600/pay4.PNG" width="278" /></a></div> <br /> 7. Masuk ketahap Almost Done, tahap ini mengisi data KTP/SIM/Passport yang akan digunakan. Pilih National ID jika menggunakan KTP atau Pilih Drive License jika anda menggunakan SIM atau pilih Passport jika anda menggunakan Passport.<br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzuHItFpzAKgV53enMkk22iB8lvcFZ2AL6wXtZ4VXVZx7IJ8bs5vN4wtd2zKqNKBbS9AOnftjuA90Vqnl5AWVDBMsn3WDNMVINH1jfwhiq4C40BpAU7WxIgJOiucgyl1DvSAO7kPGKy5M/s1600/pay7.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzuHItFpzAKgV53enMkk22iB8lvcFZ2AL6wXtZ4VXVZx7IJ8bs5vN4wtd2zKqNKBbS9AOnftjuA90Vqnl5AWVDBMsn3WDNMVINH1jfwhiq4C40BpAU7WxIgJOiucgyl1DvSAO7kPGKy5M/s1600/pay7.PNG" width="247" /></a></div> <br /> <br /> <br /> *** Disini saya pilih menggunakan Driver's Lisence (SIM),  setelah itu pilih Negara Indonesia (jika orang Indonesia)<br /> <br /> <br /> 8. Setelah semuanya di isi, cek pada check box shipping address IF DIFFERENT from HOME ADDRESS (ini digunakan untuk mengirim kartu Mastercard, Isi alamat rumah atau tempat yang ada alamat ). Lalu isi data alamat mana yang akan dikirm MasterCard-nyadepiscesman<br /> Jika sudah check list tulisan yang “I agree” semuanya lalu klik Finish tunggu hingga proses selesai dan jika sudah selesai cek e-mail yang di daftari<br /> <br /> 9. Cek E-mail yang di daftarkan untuk membuka tautan konfirmasi pendaftaran.<br /> 10. Tinggal selangkah lagi jika anda dapat E-mail lagi, Klik Upload Link dan siapkan Scanner Kartu Identitas yang dipakai mendaftar.<br /> <br /> 11. Setelah klik Upload Link dan akan tampil seperti gambar berikut, Pilih Jenis Kartu Identitas yang dipakai mendaftar, lalu klik Chose File Scanner Kartu Identitas yang dipakai mendaftar lalu klik UPLOAD tunggu beberapa saat.<br /> <br /> 12. Tunggu email konfirmasi dari payoneer. Jika di terima, maka kita akan kita tinggal tunggu kartu Mastercard dari Payoneer yang akan dikirim ke alamat yang anda isi tadi.<br /> <br /> Jika alamat tidak jelas Payoneer akan block akun anda oleh karena itu isi-lah data dengan benar dan sesuai KTP/SIM/Pasport. Jika saldo ingin bertambah bagikan payoneer-affiliates ke rekan-rekan via FB, E-mail atau lainnya.<br /> <br /> <br /> <b>Manfaat Kartu debit payoneer</b><br /> <br /> - Bisa belanja online / international dan tidak terbatas di Indonesia saja.<br /> - Bisa verifikasi paypal,payza ,google checkout, iklan FB, sewa domain hosting .<br /> - Bebas limit / sesuai saldo yang tersedia<br /> - Bisa Tarik Tunai langsung di ATM terdekat yang berlogo MASTERCARD atau belanja di supermarket.<br /> - Bisa untuk berbisnis VCC /Virtual Creditcard<br /> - Bisa untuk mengurus US Payment Service Apply ( akun Bank USA)<br /> - Sebagai card virtual yang aman disamping kartu kredit asli anda<br /> - Bisa untuk transaksi yang membutuhkan data kartu kredit<br /> - Fee kecil dibandingkan Creditcard pada umumnya.<br /> - Tidak perlu persyaratan apapun , Langsung APPROVE !<br /> - Dapat mengecek balance / payment statement transaksi yang telah terjadi.<br /> - Mendapatkan kartu ini hanya bisa di invite oleh friend atau anda melakukan bisnis online, untuk mendapatkan kartu ini silahkan ikuti link ini<br /> - Jika kurang jelas dapat menghubungi customer service payoneer atau tinggalkan komentar di akhir postingan ini. Terimakasih semoga info ini bermanfaat.</div>

Bisnis internet software Blogging Wajib diketahui dan di miliki blogger pemburu Dollar $$$

Salah satu akun yang bisa dibilang wajib untuk seorang blogger adalah paypal. Karena dari sekian banyak metode pembayaran yang disediakan k...

Baca selengkapnya »

Perubahan Fitur Edit HTML Template Blogspot

<div dir="ltr" style="text-align: left;" trbidi="on"> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJa0uNvWPsrIbd1Hw3NgudKjnOTweKzrEicNblvmkwjgmFOT2M1ICtRDAaLeAiGLRcjSpskh8m0fz4CMq-sa27vr_O57etSRbgTmA85zukkvRm8XeRHdf3yk8El6aiGXOOoXxCKDhb21U/s1600/ss.JPG" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="254" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJa0uNvWPsrIbd1Hw3NgudKjnOTweKzrEicNblvmkwjgmFOT2M1ICtRDAaLeAiGLRcjSpskh8m0fz4CMq-sa27vr_O57etSRbgTmA85zukkvRm8XeRHdf3yk8El6aiGXOOoXxCKDhb21U/s1600/ss.JPG" width="320" /></a></div> <div style="text-align: justify;"> Hari ini saat ingin melanjutkan pekerjaan rutin setiap hari agak kaget juga. Saat masuk ke menu Fitur Edit HTML Template Blogspot ternyata sudah berubah lagi. Dan yang membuat bingung awalnya adalah checkbox expand widget template sudah tidak ada lagi. Awalnya sempat bingung juga karena jika fitur itu juga dihilangkan oleh pihak google, maka secara otomatis kita akan semakin terbatas dalam hal mengolah template atau menjadikan tampilan blogspot seperti yang kita inginkan.<br /> <br /> Namun untungnya ternyata checkbox tersebut memang dihilangkan, tetapi kita tetap bisa mengedit template dengan fitur yang sama. Ternyata pihat pengembang blogspot menjadikannya hanya lebih sederhana dan juga bahkan menambahkan beberapa fitur untuk mempermudah kita dalam mengedit template. Nah.. Masalahnya adalah, saat pertama kita pasti akan sedikit bingung ketika dihadapkan dengan fitur-fitur baru karena belum begitu familliar.<br /> <br /> Berikut ini adalah sedikit keterangan yang mungkin berguna buat yang sedang kebingungan atas perubahan menu edit template yang dilakukan oleh pihak pengembang blogger..<br /> <br /> <br /> <div class="separator" style="clear: both; text-align: center;"> </div> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBru_w5RyDEJOqFGt9pA6vthuVTQmDlrzMOE7mUbf7FV7BIo-HpTleCPWymC9hyHCaW_OSv4xw0oeOEqC5CeDQkMY-erpD9F8-aBo-waHmVJUJeUOdE_VUehUFukfVF7B_rFTOtERK8Dw/s1600/ss.JPG" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="70" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBru_w5RyDEJOqFGt9pA6vthuVTQmDlrzMOE7mUbf7FV7BIo-HpTleCPWymC9hyHCaW_OSv4xw0oeOEqC5CeDQkMY-erpD9F8-aBo-waHmVJUJeUOdE_VUehUFukfVF7B_rFTOtERK8Dw/s1600/ss.JPG" width="200" /></a></div> 1. Menu untuk save template yang biasanya ada di bawah dipindahkan keatas menjadi satu dengan tombol untuk kembali. Sesuai dengan namanya, saya rasa tidak ada yang perlu di jelaskan tentang menu ini.<br /> <br /> <br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiM7cHqx1Ghbwa9Mb5a7ey9MgJDKOR4rdb4V4ihdeBkfYUNxhkVIhKAyaXh60xallHNwOCvt7FrbcdrEf06aHMnQTqQzv63MS_LftAEhFrhpCLnEmVLaUFEkQEuY94S-WeZiaU8ooVSx2M/s1600/ss.JPG" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="70" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiM7cHqx1Ghbwa9Mb5a7ey9MgJDKOR4rdb4V4ihdeBkfYUNxhkVIhKAyaXh60xallHNwOCvt7FrbcdrEf06aHMnQTqQzv63MS_LftAEhFrhpCLnEmVLaUFEkQEuY94S-WeZiaU8ooVSx2M/s1600/ss.JPG" width="200" /></a></div> 2. Jump widget. Nah, ini dia fitur yang tadi saya bilang dibuat untuk mempermudah kita untuk mengedit template. Fitur ini sangat berguna karena dengan menu ini kita bisa langsung memilih widget mana yang ingin kita edit. Menghemat waktu dari pada kita harus pelan-pelan scroll ke bawah dan mencari satu per satu.<br /> <br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdf8gKNTJzsT3gYnFts5g8RZRmYxPdhhxAFJv6B4Ofs39KfIr9j-KzhuNUxGdlpX2UjsmoYIJwZwsDQ-JlNGIrbHcsThBTEgTH1BAX1AISA2MgHP7AFROjfklNzSTZgBx7azf5RnrGDDY/s1600/ss.JPG" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="83" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdf8gKNTJzsT3gYnFts5g8RZRmYxPdhhxAFJv6B4Ofs39KfIr9j-KzhuNUxGdlpX2UjsmoYIJwZwsDQ-JlNGIrbHcsThBTEgTH1BAX1AISA2MgHP7AFROjfklNzSTZgBx7azf5RnrGDDY/s1600/ss.JPG" width="200" /></a></div> 3. Tab Edit Template dan Preview. Tidak seperti sebelumnya, fitur ini dirubah menjadi tab. Fitur preview atau pratinjau hasil editan langsung bisa dilihat di halaman yang sama. Sehingga menjadi lebih simple. Namun sayangnya, dengan begitu kita tidak bisa melihat dengan sempurna hasil editan yang telah kita lakukan karena lebar area yang hanya maksimal sekitar 900 pixel.<br /> <br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9D-ful-klRqcOLboL2IyhaafDYyXNOpLTWu33qiL6_ZetRzq1F8YA5LAysMsMi7fNhiUfedUMZUK2LrvHABxxtu72Yy8dPVvroYkrVxzALOiEkc6aURjXx8JjIv581J8n-xWKl4Tp7yE/s1600/ss.JPG" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="38" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9D-ful-klRqcOLboL2IyhaafDYyXNOpLTWu33qiL6_ZetRzq1F8YA5LAysMsMi7fNhiUfedUMZUK2LrvHABxxtu72Yy8dPVvroYkrVxzALOiEkc6aURjXx8JjIv581J8n-xWKl4Tp7yE/s1600/ss.JPG" width="200" /></a></div> 4. Format template dan revert changes. Fitur ini berfungsi untuk membuang atau mengembalikan template sebelum kita melakukan perubahan terhadap template yang ingin kita edit.<br /> <br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizsWE6Ph8lK3sFbxrkW5PUdbvb7FZyE1HFrTD9-1jR_Mwzjc6WlDjFyGfbzWRv6_-S8MiiQgFzlQ3PFwjY7EmGZOqZymnFjWGsRmtzdSEwfJCZ6s-TVjfvJbyrXzWsK1kKbqBU2p-b-G8/s1600/ss.JPG" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="59" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizsWE6Ph8lK3sFbxrkW5PUdbvb7FZyE1HFrTD9-1jR_Mwzjc6WlDjFyGfbzWRv6_-S8MiiQgFzlQ3PFwjY7EmGZOqZymnFjWGsRmtzdSEwfJCZ6s-TVjfvJbyrXzWsK1kKbqBU2p-b-G8/s1600/ss.JPG" width="200" /></a></div> 5. Revert widget template to default. Jika kita mengklik menu ini, maka template akan dikembalikan  benar-benar ke seperti template bawaan blogger. Hati-hati dengan yang menggunakan template custom. Karena pasti template anda akan rusak berat. xixixiii...<br /> <br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBdJ5XE2TWO7ltEI2Ss6ccqks6Rx4jeiWf0KY1l5CxbGv_eEi6ow5Mp9Oe6zKK-ChB9PE9t2VHqQcR2UpNEbGVtVYSUS3wS65KcayNa3j-fiImjdNVcKb7h-U7KZT5ZfbJsJXJqREPzio/s1600/ss.JPG" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="45" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBdJ5XE2TWO7ltEI2Ss6ccqks6Rx4jeiWf0KY1l5CxbGv_eEi6ow5Mp9Oe6zKK-ChB9PE9t2VHqQcR2UpNEbGVtVYSUS3wS65KcayNa3j-fiImjdNVcKb7h-U7KZT5ZfbJsJXJqREPzio/s200/ss.JPG" width="200" /></a></div> 6. Penambahan nomor baris dan penyederhanaan expand widget. Fitur baru ini tentu saja sangat berguna dan sangat membantu dalam melakukan edit html. Karena jika ada pemberitahuan error, maka kita akan langsung tahu di baris keberapa kita melakukan kesalahan dalam proses pengeditan.<br /> <br /> Nah, coba perhatikan titik segitiga yang ada di samping nomor pada gambar di atas. Buat anda yang kebetulan tidak menemukan check box expand widget template, sekarang fitur itu sudah di hilangkan dan diganti dengan titik segitiga tersebut. Karena untuk tutorial-tutorial lama, sangat banyak yang mengharuskan kita untuk melakukan ini.<br /> <br /> Melalui postingan ini, admin juga mengucapkan terima kasih untuk tim pengembang blogger yang senantiasa akan melakukan yang terbaik dan menyuguhkan kemudahan-kemudahan dalam belajar.<br /> <br /> <div style="text-align: center;"> <span style="font-size: large;">Semoga Bermanfaat..!!</span></div> </div> </div>

Blogging Template Perubahan Fitur Edit HTML Template Blogspot

Hari ini saat ingin melanjutkan pekerjaan rutin setiap hari agak kaget juga. Saat masuk ke menu Fitur Edit HTML Template Blogspot ternya...

Baca selengkapnya »

Blogger VS Trader - Mana yang akan anda pilih?!

<div dir="ltr" style="text-align: left;" trbidi="on"> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZpkSAjztAVYBzXJ1l_G8oXRqFS1lHBHJJWqG_pbl0wb90On7zbVzRtMssJlOKnSB4ak16XjYaKM9G1qqMa0Vsb33Wm3cY5XzB-wLZvwYVxeLOinYamSqRHOdx1ZHKsfiTSOxLF0dQMhE/s1600/forex-analyst.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Blogger VS Trader" border="0" height="193" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZpkSAjztAVYBzXJ1l_G8oXRqFS1lHBHJJWqG_pbl0wb90On7zbVzRtMssJlOKnSB4ak16XjYaKM9G1qqMa0Vsb33Wm3cY5XzB-wLZvwYVxeLOinYamSqRHOdx1ZHKsfiTSOxLF0dQMhE/s320/forex-analyst.jpg" title="Blogger VS Trader" width="320" /></a></div> Masih lanjut tentang bahasan tentang mendapatkan penghasilan dari internet, kali ini admin ngalor ngidul coba untuk membuat sebuah opini tentang Blogger VS Trader. <br /> <br /> Lah... <br /> kok bahasannya jadi ke trader sich mas?<br /> Saya kan blogger, makanya saya mampir kesini..<br /> <br /> ^_^<br /> Gak apa-apalah..<br /> Ini kan emang blog ngalor ngidul..<br /> Jadi terserah ane donk mau bahas apa..<br /> :p<br /> <br /> Lagi pula ini cuma berbagi sedikit pandangan tentang apa yang sudah ane lihat dan alami sendiri. Siapa tau ada teman-teman yang berniat jadi trader tapi masih bingung. Mungkin ini akan jadi bahan pertimbangan..<br /> <br /> Ok.. Alasan lainnya adalah selama hampir 2 bulan ini ane sedang asyik-asyiknya belajar tentang forex. Sampai lupa dan lalai menjalankan aktivitas rutin di blog.<br /> <br /> <b>Syarat untuk menjadi Blogger</b><br /> 1. Modal = internet dan komputer. Bisa main gratisan yaitu pakai domain blogspot seperti halnya admin ngalor ngidul. Paling suka gratisan. Klo perlu benar-benar tanpa modal. Numpang warnet temen kek, apa kek....xixiixixii......<br /> <br /> 2. Tingkat penghasilan tinggi. Jika berhasil tapi ya. Itu juga menurut ane. La wong modal'x gratisan. Maklum aja ya.. Waktu masih kerja dulu penghasilan paling tinggi cuma di gaji 2.500/bulan. Sampe berhenti kerja karena cape tetap gak punya tabungan.<br /> #miris.. Tapi malah setelah nganggur dan cuma iseng-iseng tulis artikel di blog + Copas sana sini juga bisa dapet gaji yang setara dengan saat masih kerja. <br /> <br /> 3. Hampir tidak ada resiko. Kenapa?? noh, baca lagi aja ke atas. :D<br /> <br /> 4. Butuh keseriusan dan ketekunan. Tapi tenang aja. Tutorial dan artikel tentang blogging sudah tersedia semua di mbah google. Hanya butuh sabar dan selalu belajar untuk mendapatkan semua ilmunya.<br /> <br /> 5. Belum pernah dengar atau baca kisah blogger bangkrut sampe jual rumah, tanah dan sebagainya. Kalau ada silakan titip link dan ceritanya dibagian komentar.<br /> <br /> <b>Syarat untuk menjadi Trader</b><br /> 1. Modal = internet dan komputer. Bisa main gratisan yaitu dengan mendaftar di forum-forum dan rajin bikin postingan serta komentar di postingan tetangga. Tapi tidak bisa numpang main di akun milik tetangga.. :)<br /> <br /> 2. Tingkat penghasilan tinggi. Sekali lagi jika berhasil.<br /> <br /> 3. Resiko Tinggi setara atau bahkan lebih tinggi dari peluang berasil. Yang kebetulan trader udah sukses jangan marah ya oom...!!<br /> <br /> 4. Butuh keseriusan dan ketekunan. Apa pun pekerjaan atau profesi yang anda jalani, tidak ada kunci lain jika ingin berhasil maka mau tidak mau anda harus belajar dengan serius agar bisa mengetahui dengan pasti seluk-beluk pekerjaan tersebut. Di google juga banyak artikel-artikel tentang bagaimana cara agar kita berhasil lewat forex. Selalu nimbrung di group ato forum juga harus kita lakukan agar bisa lebih cepat belajar dari orang-orang yang sudah lama berkecimpung di dunia forex.<br /> <br /> 5. Menurut survey, lebih dari 90% orang yang mencoba forex atau menjadi trader berakhir dengan kegagalan. Bahkan tidak sedikit orang yang dahulunya kaya raya menjadi luntang lantung karena hancur di dunia forex.<br /> <br /> Namun demikian, bukan berarti admin ngalor ngidul ingin menjatuhkan mental teman-teman yang ingin menjadi trader. Karena jika ada orang yang gagal, pasti disitu juga ada yang berhasil. Asal anda sudah menguasai betul ilmu dan seluk beluknya, dilakukan dengan sabar dan dengan perhitungan yang tepat, maka mungkin anda bisa masuk ke golongan yang 10%. Karena sebenarnya, Admin ngalor ngidul juga ingin masuk ke golongan yang sama dan ingin berhasil di kedua-duanya. Amieennn....!!!!</div>

Blogging Curhat Blogger VS Trader - Mana yang akan anda pilih?!

Masih lanjut tentang bahasan tentang mendapatkan penghasilan dari internet, kali ini admin ngalor ngidul coba untuk membuat sebuah opini ...

Baca selengkapnya »

Alternatif adsense terbaik untuk visitor lokal

<div dir="ltr" style="text-align: left;" trbidi="on"> <br /> <div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"> <img border="0" height="250" itemprop="photo" src="http://www.bidvertiser.com/BidVertiser/Images/Referral/p/ref_125x125_blue_pbl.gif" width="300" /></div> <div style="text-align: justify;"> Akibat dari 2 postingan sebelumnya yang membahas tentang CPM fun dan Ads gadget (_sekarang Qadabra.com, ternyata menimbulkan banyak yang menghujani admin dengan kritikan dan pertanyaan. Banyak juga yang mengeluh karena sudah memiliki visitor yang "mereka bilang" bagus, tapi earing yang didapat jauh dari harapan.<br /> <br /> Sebenarnya ada sedikit saja yang menjadi penyebab earning blog bisa menjadi besar atau kecil. Yang pertama yaitu jumlah visitor. Dan yang kedua adalah dari mana visitor itu berasal. Suatu blog yang mempunyai asal visitor luar (_khususnya Amerika, Canada, United kingdom, Australia dll) lebih tinggi pasti akan mendapatkan earning yang berbeda dibandingkan dengan blog yang mempunyai visitor lokal (maksudnya Indonesia). Meskipun jumlah visitor dan pageviewnya sama.<br /> <div> <br /></div> <div> Jadi di postingan kali ini admin sengaja menambahkan satu postingan lagi tentang Alternatif Google Adsense yang bisa kita gunakan untuk memonetize blog kita. Alternatif adsense ini juga tergolong terbaik untuk visitor lokal menurut pengalaman saya pribadi. Namun sayangnya situs ini tidak menggunakan CPM akan tetapi Pay Per Click.</div> <div> <br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_c4YzwId66NLYwczD1MOOy-yu9zqPf157fQoL7bdFMO0Z4GdtARTXfc6NtfEKMgfMWA3L2lDasxwABoNkuyyZoQ0i4X9y08rm51z5VV_oISnsepN9A3zo0CQ-g362GddndZd1uuxQwQY/s1600/bid+pay.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_c4YzwId66NLYwczD1MOOy-yu9zqPf157fQoL7bdFMO0Z4GdtARTXfc6NtfEKMgfMWA3L2lDasxwABoNkuyyZoQ0i4X9y08rm51z5VV_oISnsepN9A3zo0CQ-g362GddndZd1uuxQwQY/s1600/bid+pay.PNG" /></a></div> <br /> <div> <br /> Untuk salah satu bukti pembayarannya bisa dilihat di screen shotnya di atas. Dari SS diatas pasti sudah tahu jika itu adalah bukti pembayaran dari Bidvertiser.com.<br /> Jika ingin mengunjungi situsnya, silakan langsung saja ke <b><i><a href="http://www.bidvertiser.com/bdv/bidvertiser/bdv_ref_publisher.dbm?Ref_Option=pub&Ref_PID=413902" rel="nofollow" target="_blank">www. bidvertiser. com</a></i></b></div> </div> </div> </div>

Bisnis internet Blogging Alternatif adsense terbaik untuk visitor lokal

Akibat dari 2 postingan sebelumnya yang membahas tentang CPM fun dan Ads gadget (_sekarang Qadabra.com, ternyata menimbulkan banyak yan...

Baca selengkapnya »

Google resmi hapus blogger interface fitur lama

<div dir="ltr" style="text-align: left;" trbidi="on"> <div style="text-align: justify;"> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEj84z2YaxteetVbKhvAXl6Wxp8bis2QjSnmwm3JFyqMUsEcBi7hxIdBgZY5hR5ijwgkprLDh0QEn4Y8ashSz2QeWCbv4DAE11gNqyiUdhpPO8NH-hTkNieku8KvLZ9JIOk6WPAnkEtQw/s1600/blogger.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEj84z2YaxteetVbKhvAXl6Wxp8bis2QjSnmwm3JFyqMUsEcBi7hxIdBgZY5hR5ijwgkprLDh0QEn4Y8ashSz2QeWCbv4DAE11gNqyiUdhpPO8NH-hTkNieku8KvLZ9JIOk6WPAnkEtQw/s1600/blogger.jpg" /></a></div> Setelah sekian lama semenjak peluncuran fitur terbaru dari blogger atau blogspot, akhirnya google resmi menggunakan fitur terbaru dari blogger interface dan blogger interface versi lama juga resmi dihapus. Meski fitur terbaru ini dikatakan banyak memiliki kelebihan dibandingkan fitur sebelumnya, namun hal ini tentu saja tidak membuat semua blogger menjadi senang. Hal ini disebabkan perbedaan tampilan fitur terbaru ini sangat jauh berbeda dengan fitur sebelumnya. <br /> <br /> Salah satu perbedaan yang sangat besar adalah difitur ini, sebagian besar, blogger telah menggunakan jquery dan google API dalam pembangunan strukturnya. Memang untuk yang telah memiliki speed internet yang bagus akan terasa lebih ringan. Tapi tidak dengan speed jelek. Loading akan terasa lebih lama dari sebelumnya. Begitu juga fonts yang di gunakan terasa begitu kecil dan sulit untuk dibaca.<br /> <br /> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhp9gC0gsbunoY9PL8DsU6vJ1RY1mVdtfwBsfANvGxqVkWc7bGtkcGZYG2n1nlsPczVgg9AvCdEq3Ac4PXsq3476e5JlR3AHJJacF9hFIr6a0Zw_ve8x60NuCLXlRKwlV-X1aOVQN0eXbo/s1600/chat2.PNG" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" height="380" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhp9gC0gsbunoY9PL8DsU6vJ1RY1mVdtfwBsfANvGxqVkWc7bGtkcGZYG2n1nlsPczVgg9AvCdEq3Ac4PXsq3476e5JlR3AHJJacF9hFIr6a0Zw_ve8x60NuCLXlRKwlV-X1aOVQN0eXbo/s1600/chat2.PNG" width="266" /></a>Dan ada satu lagi yang mungkin membuat blogger lama akan sedikit bingung. Difitur blogger terbaru ini, meskipun settingan default untuk posting adalah dengan menggunakan compose. akan tetapi untuk pemisah line, pengaturan defaultnya pun tidak menggunakan enter. Akan tetap menggunakan tag html  <span style="background-color: #edf4ff; color: #222222; font-family: Arial, Helvetica, sans-serif; font-size: 13px;"><b><br></b></span> . Sehingga ketika kita melakukan edit postingan atau berpindah ke fitur edit html, maka seluruh pemisah baris akan secara otomatis dibaca bukan pemisah baris oleh sistem dan postingan tersebut akan terlihat bertumpuk jadi satu.<br /> <br /> Oleh sebab itu, kita harus melakukan beberapa setting ulang di bagian posting. Seperti contoh kasus di atas, untuk mengatasinya kita hanya perlu mencari setting di samping kanan. Klik bagian option, kemudian line breaks. Anda akan melihat pilihan defaultnya adalah  <span style="background-color: #edf4ff; color: #222222; font-family: Arial, Helvetica, sans-serif; font-size: 13px;"><b>Use <br> tag</b> </span> . Ganti pengaturannya dengan option kedua yaitu <b><span style="background-color: #edf4ff; color: #222222; font-family: Arial, Helvetica, sans-serif; font-size: 13px;"> </span><label for="line-breaks-none" style="background-color: #edf4ff; border: 0px; color: #222222; font-family: Arial, Helvetica, sans-serif; font-size: 13px; margin: 0px; padding: 0px; vertical-align: baseline;">Press "Enter" for line breaks.</label></b> <br /> <br /> Kabar yang paling menarik dari fitur terbaru ini adalah kita dapat melakukan <b><span style="background-color: #edf4ff; color: #222222; font-family: Arial, Helvetica, sans-serif; font-size: 13px; text-align: start;">Custom Permalink</span><span style="background-color: #edf4ff; color: #222222; font-family: Arial,Helvetica, sans-serif; font-size: 13px; text-align: start;">,</span></b> Dimana dengan Custom permalink ini, kita dapat menentukan sendiri URL dari postingan kita tanpa harus terpotong seperti halnya di blogger fitur lama yang hanya memberikan fitur <b><span style="background-color: #edf4ff; color: #222222; font-family: Arial, Helvetica, sans-serif; font-size: 13px; text-align: start;">Automatic Permalink</span><span style="background-color: #edf4ff; color: #222222; font-family: Arial, Helvetica, sans-serif; font-size: 13px; text-align: start;">.</span></b> Sehingga dengan demikian, URL postingan ini konon kabarnya juga bisa menyebabkan postingan blog kita lebih SEO Friendly</div> </div>

Blogging Google resmi hapus blogger interface fitur lama

Setelah sekian lama semenjak peluncuran fitur terbaru dari blogger atau blogspot, akhirnya google resmi menggunakan fitur terbaru dari b...

Baca selengkapnya »

Cara Menambahkan gambar Default pada Popular Post

<div dir="ltr" style="text-align: left;" trbidi="on"><div class="separator" style="clear: both; text-align: center;"></div><br /> <div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8aUcDQmVwOb0dmFAKvW-de91rgp3hm9EP5KaE5641IPH9R7g9X4edxsV5PLaSfG0f1BToVGtg3l6sRDhNotAvKSyYia0vS2JuwdEZNQN1S_PgKsLLmKXdNgbLUg6Q3UBB7GkOZMv3fKQ/s1600/no-photo+100.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8aUcDQmVwOb0dmFAKvW-de91rgp3hm9EP5KaE5641IPH9R7g9X4edxsV5PLaSfG0f1BToVGtg3l6sRDhNotAvKSyYia0vS2JuwdEZNQN1S_PgKsLLmKXdNgbLUg6Q3UBB7GkOZMv3fKQ/s320/no-photo+100.png" width="270" /></a></div><div style="text-align: justify;">Dalam postingan terdahulu, yaitu Cara membuat Popular Post dengan Thumbnail Horizontal, Admin ngalor ngidul pernah membahas tentang thumbnail default popular post ini. Dimana setiap postingan yang tidak memiliki gambar akan terlihat kosong. Dan tentu saja itu sangat tidak nyaman dilihat. Apalagi jika kita menerapkan fitur popular post ini tanpa deskripsi.</div><div style="text-align: justify;"><br /> </div><div style="text-align: justify;">Oleh sebab itu ada baiknya jika kita sedikit memodifikasi kode widget bawaan dari blogger tersebut </div><div style="text-align: justify;">agar ketika suatu postingan yang tidak memiliki gambar menjadi postingan populer, maka secara otomatis akan terlihat tetap memilik gambar.</div><br /> Ok..<br /> Langsung saja ke Cara Menambahkan gambar Default pada Popular Post.<br /> 1. Seperti biasa, login ke dashboard blogger kemudian pilih design => Edit HTML.<br /> 2. Centang Expand Widget Template.<br /> 3. Cari kode:<br /> <blockquote class="tr_bq"><i><b:widget id='PopularPosts1' locked='false' Posts' title='Popular type='PopularPosts'/></i></blockquote>4. Ganti semua kode kebawahnya sampai kode <i><span style="color: red;"></b:widget></span></i> pertama yang anda temukan dengan kode dibawah ini:<br /> <blockquote class="tr_bq"><span style="background-color: white; color: #2d3037; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px; text-align: -webkit-auto;"> </span><span style="color: #2d3037; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18px;"><b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts'></span></span><br /> <div style="text-align: -webkit-auto;"><span style="color: #2d3037; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18px;"><b:includable id='main'></span></span></div><div style="text-align: -webkit-auto;"><span style="color: #2d3037; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18px;">  <b:if cond='data:title'><h2><data:title/></h2></b:if></span></span></div><div style="text-align: -webkit-auto;"><span style="color: #2d3037; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18px;">  <div class='widget-content popular-posts'></span></span></div><div style="text-align: -webkit-auto;"><span style="color: #2d3037; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18px;">    <ul></span></span></div><div style="text-align: -webkit-auto;"><span style="color: #2d3037; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18px;">      <b:loop values='data:posts' var='post'></span></span></div><div style="text-align: -webkit-auto;"><span style="color: #2d3037; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18px;">      <li></span></span></div><div style="text-align: -webkit-auto;"><span style="color: #2d3037; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18px;">        <b:if cond='data:showThumbnails == "false"'></span></span></div><div style="text-align: -webkit-auto;"><span style="color: #2d3037; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18px;">          <b:if cond='data:showSnippets == "false"'></span></span></div><div style="text-align: -webkit-auto;"><span style="color: #2d3037; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18px;">            <!-- (1) No snippet/thumbnail --></span></span></div><div style="text-align: -webkit-auto;"><span style="color: #2d3037; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18px;">            <a expr:href='data:post.href'><data:post.title/></a></span></span></div><div style="text-align: -webkit-auto;"><span style="color: #2d3037; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18px;">          <b:else/></span></span></div><div style="text-align: -webkit-auto;"><span style="color: #2d3037; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18px;">            <!-- (2) Show only snippets --></span></span></div><div style="text-align: -webkit-auto;"><span style="color: #2d3037; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18px;">            <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div></span></span></div><div style="text-align: -webkit-auto;"><span style="color: #2d3037; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18px;">            <div class='item-snippet'><data:post.snippet/></div></span></span></div><div style="text-align: -webkit-auto;"><span style="color: #2d3037; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18px;">          </b:if></span></span></div><div style="text-align: -webkit-auto;"><span style="color: #2d3037; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18px;">        <b:else/></span></span></div><div style="text-align: -webkit-auto;"><span style="color: #2d3037; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18px;">          <b:if cond='data:showSnippets == "false"'></span></span></div><div style="text-align: -webkit-auto;"><span style="color: #2d3037; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18px;">            <!-- (3) Show only thumbnails --></span></span></div><div style="text-align: -webkit-auto;"><span style="color: #2d3037; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18px;">            <div class='item-thumbnail-only'></span></span></div><div style="text-align: -webkit-auto;"><span style="color: #2d3037; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18px;">              </span></span></div><div style="text-align: -webkit-auto;"><span style="color: #2d3037; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18px;">                <div class='item-thumbnail'></span></span></div><div style="text-align: -webkit-auto;"><span style="color: #2d3037; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18px;">   <a expr:href='data:post.href' expr:title='data:post.title'></span></span></div><div style="text-align: -webkit-auto;"><span style="color: #2d3037; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18px;">    <b:if cond='data:post.thumbnail'></span></span></div><div style="text-align: -webkit-auto;"><span style="color: #2d3037; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18px;">                    <img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/></span></span></div><div style="text-align: -webkit-auto;"><span style="color: #2d3037; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18px;">       <b:else/></span></span></div><div style="text-align: -webkit-auto;"><span style="color: #2d3037; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18px;">        <img alt='' border='0' expr:height='data:thumbnailSize' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfRZgf5L-yzih9ouuUi7RY8UuHunSbbaOJ3L1Fegu_eI1ZfFWSF6XZAIPYblQnIwBS8MEJ04Ey2rrUdNmEjYfYr1m77eVVUHP9OjY3X_E4_CCs7eYintcg8Ef0IGy197SomEtVEJqhtjU/s72-c/default.png' expr:width='data:thumbnailSize'/></span></span></div><div style="text-align: -webkit-auto;"><span style="color: #2d3037; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18px;">       </b:if></span></span></div><div style="text-align: -webkit-auto;"><span style="color: #2d3037; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18px;">                  </a></span></span></div><div style="text-align: -webkit-auto;"><span style="color: #2d3037; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18px;">                </div>         </span></span></div><div style="text-align: -webkit-auto;"><span style="color: #2d3037; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18px;">             </div></span></span></div><div style="text-align: -webkit-auto;"><span style="color: #2d3037; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18px;">            <b:else/></span></span></div><div style="text-align: -webkit-auto;"><span style="color: #2d3037; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18px;">            <!-- (4) Show snippets and thumbnails --></span></span></div><div style="text-align: -webkit-auto;"><span style="color: #2d3037; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18px;">            <div class='item-content'></span></span></div><div style="text-align: -webkit-auto;"><span style="color: #2d3037; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18px;">                <div class='item-thumbnail'></span></span></div><div style="text-align: -webkit-auto;"><span style="color: #2d3037; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18px;">   <a expr:href='data:post.href' expr:title='data:post.title'></span></span></div><div style="text-align: -webkit-auto;"><span style="color: #2d3037; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18px;">    <b:if cond='data:post.thumbnail'></span></span></div><div style="text-align: -webkit-auto;"><span style="color: #2d3037; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18px;">                    <img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/></span></span></div><div style="text-align: -webkit-auto;"><span style="color: #2d3037; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18px;">       <b:else/></span></span></div><div style="text-align: -webkit-auto;"><span style="color: #2d3037; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18px;">        <img alt='' border='0' expr:height='data:thumbnailSize' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfRZgf5L-yzih9ouuUi7RY8UuHunSbbaOJ3L1Fegu_eI1ZfFWSF6XZAIPYblQnIwBS8MEJ04Ey2rrUdNmEjYfYr1m77eVVUHP9OjY3X_E4_CCs7eYintcg8Ef0IGy197SomEtVEJqhtjU/s72-c/default.png' expr:width='data:thumbnailSize'/></span></span></div><div style="text-align: -webkit-auto;"><span style="color: #2d3037; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18px;">       </b:if></span></span></div><div style="text-align: -webkit-auto;"><span style="color: #2d3037; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18px;">                  </a></span></span></div><div style="text-align: -webkit-auto;"><span style="color: #2d3037; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18px;">                </div>       </span></span></div><div style="text-align: -webkit-auto;"><span style="color: #2d3037; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18px;">              <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div></span></span></div><div style="text-align: -webkit-auto;"><span style="color: #2d3037; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18px;">              <div class='item-snippet'><data:post.snippet/></div></span></span></div><div style="text-align: -webkit-auto;"><span style="color: #2d3037; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18px;">            </div></span></span></div><div style="text-align: -webkit-auto;"><span style="color: #2d3037; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18px;">            <div style='clear: both;'/></span></span></div><div style="text-align: -webkit-auto;"><span style="color: #2d3037; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18px;">          </b:if></span></span></div><div style="text-align: -webkit-auto;"><span style="color: #2d3037; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18px;">        </b:if></span></span></div><div style="text-align: -webkit-auto;"><span style="color: #2d3037; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18px;">      </li></span></span></div><div style="text-align: -webkit-auto;"><span style="color: #2d3037; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18px;">      </b:loop></span></span></div><div style="text-align: -webkit-auto;"><span style="color: #2d3037; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18px;">    </ul></span></span></div><div style="text-align: -webkit-auto;"><span style="color: #2d3037; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18px;">    <b:include name='quickedit'/></span></span></div><div style="text-align: -webkit-auto;"><span style="color: #2d3037; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18px;">  </div></span></span></div><div style="text-align: -webkit-auto;"><span style="color: #2d3037; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18px;"></b:includable></span></span></div><div style="text-align: -webkit-auto;"><span style="color: #2d3037; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18px;"></b:widget></span></span></div></blockquote><br /> *** Ganti kode warna merah tersebut dengan url gambar anda sendiri.<br /> 5. Save Template.<br /> <br /> Untuk menemukan kode tersebut, pastikan widget popular post telah dipasang diblog anda.<br /> Semoga berhasil..!!!</div>

Blogging designe Tips n Trik Cara Menambahkan gambar Default pada Popular Post

Dalam postingan terdahulu, yaitu Cara membuat Popular Post dengan Thumbnail Horizontal, Admin ngalor ngidul pernah membahas tentang thumbna...

Baca selengkapnya »

Cara Menampilkan Page Number di Halaman Kategori Post

<div dir="ltr" style="text-align: left;" trbidi="on"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7TtILFbck-YIq48voW6ZCMqr6Jl3PPuY0nzMDqor2r_tigxnxusPPJeMpxInplwvsErjVvClzIrjKwI0wBjIKAF6ROSpHOmyk6TKZXOUHp9jq9EGKB1Oqxt5eFAX9HxvFUUsGQu6D73c/s1600/tidak+nongol.PNG" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Cara Menampilkan Page Number di Halaman Kategori Post" border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7TtILFbck-YIq48voW6ZCMqr6Jl3PPuY0nzMDqor2r_tigxnxusPPJeMpxInplwvsErjVvClzIrjKwI0wBjIKAF6ROSpHOmyk6TKZXOUHp9jq9EGKB1Oqxt5eFAX9HxvFUUsGQu6D73c/s320/tidak+nongol.PNG" title="Cara Menampilkan Page Number di Halaman Kategori Post" width="318" /></a></div><div style="text-align: justify;">Assalamualaikum. Wr. Wb.</div><div style="text-align: justify;">Pada postingan kali ini admin ngalor ngidul ingin share satu trik yang mungkin agak langka dan tidak terlalu diperhatikan oleh rekan-rekan blogger semua. Yaitu <strong>Cara Menampilkan Page Number di Halaman Kategori Post</strong>. Diblog ngalor sendiri tidak menyediakan tutorial untuk pemasangan page number ini karena sudah terlalu banyak blog tutorial yang membahasnya.</div><div style="text-align: justify;"><br /> </div><div style="text-align: justify;">Jika anda perhatikan, jarang sekali blog yang telah dipasang page number ini juga memunculkan pagenumber di halaman kategori atau label post. Termasuk saya sendiri. Namun hal ini jadi perhatian saya ketika ada salah satu pelanggan design template di ngalor ngidul yang request page number hanya muncul di halaman kategory post. Karena kurangnya ilmu akhirnya admin mengatakan jika hal itu sepertinya "TIDAK MUNGKIN" untuk dilakukan karena sudah coba otak atik script dan lain sebagainya, tetap juga tidak berhasil. Bahkan sampai saat orderan sudah diambil.</div><div style="text-align: justify;"><br /> </div><div style="text-align: justify;">Karena tetap merasa penasaran, saya tetap mencari cara agar Page Number tersebut bisa muncul dihalaman kategori atau label post. Dan akhirnya berhasil menemukan sedikit trik yang mungkin bisa membantu.</div><div style="text-align: justify;"><br /> </div><div style="text-align: justify;">Seperti diketahui bersama, hampir rata-rata format URL yang mengarah kehalaman label atau kategori post pasti seperti di bawah ini</div><blockquote class="tr_bq">http://..../search/label/<b>NAMA-LABEL</b></blockquote>atau<br /> <blockquote class="tr_bq"> http://..../search/label/<b>NAMA-LABEL</b>?max-results=<b><span style="color: blue;">10</span></b></blockquote><div style="text-align: justify;">Hal ini memang sudah menjadi URL standard dari blogger sendiri. Namun ternyata dengan menggunakan URL standard tersebut, bisa dipastikan pagenumber yang telah kita pasang tidak akan langsung muncul di halaman kategory pertama. Page Number baru akan muncul jika pengunjung mengklik halaman selanjutnya atau newer post/older post.</div><div style="text-align: justify;"><br /> </div><div style="text-align: justify;">Lalu bagaimana cara agar pagenumber tersebut bisa langsung muncul?</div><div style="text-align: justify;">Jawabannya sangat sederhana. Yaitu dengan dengan sedikit memodifikasi URL tersebut. Kita hanya perlu menambahkan kode <span style="color: #cc0000; font-weight: bold;">?updated</span> dan/atau  <span style="color: red; font-weight: bold;">&amp;</span>.</div><br /> Untuk cara penggunaan dan menambahkannya adalah sebagai berikut.<br /> <br /> <b><u>A. Pada bagian Menu navigasi blog</u></b><br /> <br /> 1. Pada kode URL pertama, format URL adalah seperti ini:<br /> <blockquote class="tr_bq">http://..../search/label/<b>NAMA-LABEL</b></blockquote>Rubah kode URL menjadi<br /> <blockquote class="tr_bq">http://..../search/label/<b>NAMA-LABEL<span style="color: #cc0000;">?</span></b><b><span style="color: #cc0000;">updated</span></b></blockquote><br /> 2. Sedangkan kode URL kedua<br /> <blockquote class="tr_bq">http://..../search/label/<b>NAMA-LABEL</b>?max-results=<b><span style="color: blue;">10</span></b></blockquote>Rubah menjadi<br /> <blockquote class="tr_bq">http://..../search/label/<b>NAMA-LABEL</b><b><span style="color: #cc0000;">?</span></b><span style="color: red; font-weight: bold; text-align: justify;">&amp;</span>max-results=<b><span style="color: blue;">10</span></b></blockquote><br /> *** angka 10 adalah jumlah yang akan tampil dihalaman pertama.<br /> <br /> <div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuZ6qo-MtpP-ACBCFtQCxm9be4KUPG1tbwwPGQ6A9Fvd1wwn-EneeCwG_XbkOe5Gsdi03hyphenhyphengR7AzZyk69DCSH6daj3cdvoaPIsrlvaiECenWFBLFyHGN3SH-DXNp0s5XVfXvYifXB8RNM/s1600/nongol.PNG" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img alt="Cara Menampilkan Page Number di Halaman Kategori Post" border="0" height="315" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuZ6qo-MtpP-ACBCFtQCxm9be4KUPG1tbwwPGQ6A9Fvd1wwn-EneeCwG_XbkOe5Gsdi03hyphenhyphengR7AzZyk69DCSH6daj3cdvoaPIsrlvaiECenWFBLFyHGN3SH-DXNp0s5XVfXvYifXB8RNM/s320/nongol.PNG" title="Cara Menampilkan Page Number di Halaman Kategori Post" width="320" /></a></div><b><u>B. Link Label Standard/Kategori bawaan blogger</u></b><br /> <div style="text-align: justify;">Setelah mengganti URL pada menu utama, masih ada satu lagi yang harus kita lakukan agar semua link yang menuju kehalaman kategori bisa memilik fungsi yang sama.</div><br /> 1. Masuk ke dashboard => Design => Edit html. Centang Expand Widget Templates.<br /> 2. Cari kode <br /> <blockquote class="tr_bq">'data:label.url'</blockquote>3. Ganti semua kode yang ditemukan dengan kode<br /> <blockquote class="tr_bq">'data:label.url + &quot;?<span style="text-align: justify;">&amp;</span>max-results=10&quot;'</blockquote>4. Save template dan lihat Hasilnya.<br /> <br /> Semoga Bermanfaat..!!!</div>

Blogging designe Tips n Trik Cara Menampilkan Page Number di Halaman Kategori Post

Assalamualaikum. Wr. Wb. Pada postingan kali ini admin ngalor ngidul ingin share satu trik yang mungkin agak langka dan tidak terlalu diperh...

Baca selengkapnya »

Cara Paling Cepat Memasang Facebook komentar di blogspot

<div dir="ltr" style="text-align: left;" trbidi="on"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQjFBxrz6DAf2OAKghbg2Vn5qbCe-OVqt-m9tnS_TwdrWEEeh0-YnfdIAR1HMEpqGIZFQ8K0gPUFNonyEqrKvxXBvtr6K1pESvsAAxOZkC4l6r8nWDIFyLXGcudyrO-vfkYBYlrC7utb4/s1600/facebook+coment.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQjFBxrz6DAf2OAKghbg2Vn5qbCe-OVqt-m9tnS_TwdrWEEeh0-YnfdIAR1HMEpqGIZFQ8K0gPUFNonyEqrKvxXBvtr6K1pESvsAAxOZkC4l6r8nWDIFyLXGcudyrO-vfkYBYlrC7utb4/s1600/facebook+coment.PNG" /></a></div><br /> <br /> Hari demi hari perkembangan fitur diblogspot semakin mudah untuk di otak-atik. Beraneka ragam fitur tersebut di buat selain untuk mempercantik tampilan blog, sebagian juga memang mempunyai fungsi tertentu agar pengunjung yang hadir tidak hilang begitu saja.<br /> <br /> Salah satu fitur blogger yang semakin hari semakin berkurang adalah komentar-komentar dari pengunjung. Hal ini disebabkan orang lebih suka berkomentar di situs-situs jejaring social seperti facebook. <br /> <br /> Nah, untuk mengatasi hal ini kita bisa menggunakan fitur komentar facebook dengan memasang widgetnya di blog kita. Cara pemasangannya sangatlah gampang. Kita cukup mengikuti langkah-langkahnya seperti dibawah ini.<br /> <br /> 1. Masuk ke DASHBOARD => DESIGN => EDIT HTML. Kemudian centang Expand Widget Templates.<br /> 2. Cari kode <i><span style="color: blue;"><b:includable id='status-message'></span></i><br /> 3. Jika anda perhatikan, tepat diatasnya kita akan menemukan kode <i><span style="color: red;"></b:includable></span></i> tepat di atasnya.<br /> 4. Copas kode dibawah ini dan letakkan di atas kode <i><span style="color: red;"></b:includable></span></i> tadi.<br /> <blockquote class="tr_bq"><b:if cond='data:blog.pageType == &quot;item&quot;'> <br /> <div id='fb-root'/><script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/><fb:comments expr:href='data:post.url' num_posts='12' width='610'/> <br /> </b:if></blockquote>5. Simpan Template dan buka salah satu postingan di blog anda.<br /> <br /> Semoga Bermanfaat..!!!</div>

Blogging designe Tips n Trik Widget Cara Paling Cepat Memasang Facebook komentar di blogspot

Hari demi hari perkembangan fitur diblogspot semakin mudah untuk di otak-atik. Beraneka ragam fitur tersebut di buat selain untuk memperca...

Baca selengkapnya »

Sript Random post With thumbnail + Title + Comment + Post Time

<div dir="ltr" style="text-align: left;" trbidi="on"><div style="text-align: justify;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2GMNJcLh4bbq3ce0PhgwpVE4MNf4EZ5t_qud-4f7HSNgEbQl0kTpqrq4vEnPhC8NjBupPMQRhTQ40fmdgqGthNyz8exgAoOAJhFS-qVvSeLFimf-YRRC9vCMi0lUah32EwIQNLUHqp0o/s1600/rdp.PNG" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="270" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2GMNJcLh4bbq3ce0PhgwpVE4MNf4EZ5t_qud-4f7HSNgEbQl0kTpqrq4vEnPhC8NjBupPMQRhTQ40fmdgqGthNyz8exgAoOAJhFS-qVvSeLFimf-YRRC9vCMi0lUah32EwIQNLUHqp0o/s320/rdp.PNG" width="229" /></a><br /> Beberapa hari yang lalu, saya sudah sharen script random post with thumnail only. Pada kesempatan kali ini, Admin ngalor ngidul kembali ingin share script random post. Tapi script random post kali ini bukan hanya bisa menampilkan gambar saja. Tapi sekaligus bisa menampilkan gambar atau thumbnail, judul artikel, komentar dan juga hari penulisan postingan.<br /> <br /> Seperti yang di ketahui bersama, script ini sangat berguna bagi anda yang tidak ingin memasang banyak fitur di blog anda. Karena dengan memasang satu script ini saja sudah bisa menampilkan beragam postingan terdahulu. Dimana Script ini nantinya akan menampilkan daftar posting yang berbeda setiap kali halaman di refresh.</div><br /> Tanpa banyak basa-basi langsung saja copas scriptnya dibawah ini.<br /> <br /> <pre class="javascript" name="code"><script type="text/javaScript"> var rdp_numposts=7; var rdp_snippet_length=60; var rdp_info='yes'; var rdp_comment='Comment'; var rdp_disable=''; var rdp_current=[]; var rdp_total_posts=0; var rdp_current=new Array(rdp_numposts); function totalposts(json){ rdp_total_posts=json.feed.openSearch$totalResults.$t } document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&max-results=0&callback=totalposts\"><\/script>'); function getvalue(){ for(var i=0;i<rdp_numposts;i++){ var found=false; var rndValue=get_random(); for(var j=0;j<rdp_current.length;j++){ if(rdp_current[j]==rndValue){ found=true;break } }; if(found){i--} else{ rdp_current[i]=rndValue } } }; function get_random(){ var ranNum=1+Math.round(Math.random()*(rdp_total_posts-1)); return ranNum }; </script> <script type="text/javaScript"> function random_posts(json){ a=location.href;y=a.indexOf('?m=0'); for(var i=0;i<rdp_numposts;i++){ var entry=json.feed.entry[i]; var rdp_posttitle=entry.title.$t; if('content'in entry){ var rdp_get_snippet=entry.content.$t } else{ if('summary'in entry){ var rdp_get_snippet=entry.summary.$t } else{ var rdp_get_snippet="";}}; rdp_get_snippet=rdp_get_snippet.replace(/<[^>]*>/g,""); if (rdp_get_snippet.length<rdp_snippet_length){ var rdp_snippet=rdp_get_snippet } else{ rdp_get_snippet=rdp_get_snippet.substring(0,rdp_snippet_length); var space=rdp_get_snippet.lastIndexOf(" "); rdp_snippet=rdp_get_snippet.substring(0,space)+"…";}; for(var j=0;j<entry.link.length;j++){ if('thr$total'in entry){var rdp_commentsNum=entry.thr$total.$t+' '+rdp_comment } else{ rdp_commentsNum=rdp_disable }; if(entry.link[j].rel=='alternate'){ var rdp_posturl=entry.link[j].href;if(y!=-1){ rdp_posturl=rdp_posturl+'?m=0' } var rdp_postdate=entry.published.$t; if('media$thumbnail'in entry){ var rdp_thumb=entry.media$thumbnail.url } else{ rdp_thumb="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPVXJKIl3DRjRdDXMaNaInPm18JAn2MM498HfjPkCCn1YbEcpe6dOAkzvmL5pdgLUM9j6fvtZWOpVijmzKPGqxcB52JnZBRZNzcrmqwIuEizatpXdJuBGOXoA_sLfwWMx2_znzjHsVvPq8/" } } }; document.write(' <li>'); document.write('<img alt="'+rdp_posttitle+'" src="'+rdp_thumb+'"/>'); document.write('<div> <a href="'+rdp_posturl+'" rel="nofollow" title="'+rdp_snippet+'">'+rdp_posttitle+'</a></div>'); if(rdp_info=='yes'){ document.write('<span>'+rdp_postdate.substring(8,10)+'/'+rdp_postdate.substring(5,7)+'/'+rdp_postdate.substring(0,4)+' - '+rdp_commentsNum)+'</span>' } document.write('<div style="clear:both"> </div></li> ') }}; getvalue(); for(var i=0;i<rdp_numposts;i++){ document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&start-index='+rdp_current[i]+'&max-results=1&callback=random_posts\"><\/script>') }; </script> </pre><br /> *** Sebagai tambahan saja agar terlihat lebih cantik, anda bisa menambahkan CSS sesuai selera. Sebagai contoh mungkin bisa menggunakan contohnya dibawah ini.<br /> <br /> <blockquote class="tr_bq"><style><br /> #random-posts-area {width:100%;}<br /> #random-posts img{float:left;margin-right:10px;border:1px solid #999;background:#FFF;width:36px;height:36px;padding:3px}<br /> #random-posts li {list-style:none;background: none;<br /> padding: 0;}<br /> #random-posts ul {padding:0; margin:0;}<br /> #random-posts span {clear:both;}<br /> </style></blockquote><br /> Lalu untuk cara penggunaannya bisa langsung kemenu design =>add gadget =>HTML/javascript.<br /> <blockquote class="tr_bq"><span style="color: #cc0000;">Letakkan kode CSS disini..</span><br /> <div class="random-posts-area"><br /> <ul id="random-posts"><br /> <span style="color: #cc0000;">Letakkan Script Diatas disini... </span><br /> </ul><br /> </div></blockquote><br /> </div>

Blogging designe Javascript Menengah Widget Sript Random post With thumbnail + Title + Comment + Post Time

Beberapa hari yang lalu, saya sudah sharen script random post with thumnail only. Pada kesempatan kali ini, Admin ngalor ngidul kembali ing...

Baca selengkapnya »

Script Random Post Thumbnail Only - By Label

<div dir="ltr" style="text-align: left;" trbidi="on"><div style="text-align: justify;"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvVQcCIRiPpzua5mFXClh7WT8e2Ox2pIFzjKoQzkX4XId2Ymf7lm_Y0vcacw4fKWz7zVqqFOeMcwPhu-ZFdVI-rG04E3PSwPJ0WTNSlWq_pgAsfSi69KjQ_4sHie6rKM_73TAleqhVdKY/s1600/random.PNG" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="233" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvVQcCIRiPpzua5mFXClh7WT8e2Ox2pIFzjKoQzkX4XId2Ymf7lm_Y0vcacw4fKWz7zVqqFOeMcwPhu-ZFdVI-rG04E3PSwPJ0WTNSlWq_pgAsfSi69KjQ_4sHie6rKM_73TAleqhVdKY/s320/random.PNG" width="320" /></a></div>Sekian lama gak update postingan di blog ngalor ngidul, kangen juga pengen update lagi. Tapi benar-benar bingung mau posting apa. Mau bikin tutorial, tapi hampir semua bahasan sudah begitu banyak yang membahas. Mau buat tutotrial juga malu karena sudah banyak yang lebih jago. Bahkan pernah di bilang klo postingan ngalor ngidul itu tidak bermutu. ^_^<br /> <br /> Tapi gak apa-apa deh..!! Namanya juga baru belajar. Dan setahu saya walaupun untuk sebagian orang ilmu yang saya share adalah sampah, tapi saya juga tetap percaya itu bisa jadi sebongkah emas buat sebagian orang yang masih "BODOH" seperti saya.<br /> <br /> Oke..!!<br /> Pada bahasan kali ini, kita kembali akan sedikit membahas tentang script yang berfungsi untuk menampilkan postingan-postingan terdahulu. Script yang ingin saya share kali ini adalah Script Random Post. Script ini pernah saya bahas di postingan sebelumnya yaitu <i><a href="http://realfa84.blogspot.com/2012/02/script-random-post-with-thumbnail.html" target="_blank">Script Random Post with Thumbnail</a>. </i>Sebenarnya script ini lebih cocok diberi nama <strong><i>Script Random Post Thumbnail Only</i></strong>. Karena memang script ini hanya bisa menampilkan gambar atau thumbnail postingan. `<br /> <br /> Namun sebenarnya fungsi dari script ini tidak hanya sebatas menampilkan postingan secara acak berdasarkan URL utama saja. Tapi script ini juga bisa digunakan untuk menampilkan postingan secara acak dan di shortir berdasarkan label-labet tertentu dari suatu blog. Artinya kita juga bisa menampilkan posting-posting dari blog kita yang lain.<br /> Untuk caranya juga sangat gampang.<br /> <br /> 1. Pertama kali seperti biasa masuk ke Dashboard => Design=> Edit HTML.<br /> 2. Cari kode <span style="color: purple;"><i></head></i></span><br /> a. Update:<br /> Kode script internal<br /> <pre class="javascript" name="code"><script type="text/javascript"> //<![CDATA[ var showpostthumbnails_gal = true; var showpostsummary_gal = false; var random_posts = false; function showrecentpostswiththumbs(json) { document.write('<div id="featured" class="clearfix grid_12"> <ul>'); for (var i = 0; i < numposts_gal; i++) { if (random_posts == true){ var random_int = Math.floor(Math.random()*json.feed.entry.length); var entry_gal = json.feed.entry[random_int]; } else{ var entry_gal = json.feed.entry[i]; } var posttitle_gal = entry_gal.title.$t; var posturl_gal;if (i == json.feed.entry.length) break; for (var k = 0; k < entry_gal.link.length;k++){ if (entry_gal.link[k].rel == 'alternate') { posturl_gal = entry_gal.link[k].href;break; } } if("content"in entry_gal){ var postcontent_gal=entry_gal.content.$t; } s = postcontent_gal; 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 != "")) { var thumburl_gal = d; } else var thumburl_gal = 'http://i1133.photobucket.com/albums/m596/abu-farhan/Images_no_image.gif'; document.write('<li> <a href="'+ posturl_gal + '"><img src="'+thumburl_gal+'" alt="" title="'+posttitle_gal+'" />'); var re = /<\S[^>]*>/g; postcontent_gal = postcontent_gal.replace(re, ""); if (showpostsummary_gal == true) { if (postcontent_gal.length < numchars_gal) { document.write(postcontent_gal); document.write('</span>');} else { postcontent_gal = postcontent_gal.substring(0, numchars_gal); var quoteEnd_gal = postcontent_gal.lastIndexOf(" "); postcontent_gal = postcontent_gal.substring(0,quoteEnd_gal); document.write(postcontent_gal + '...'); document.write('</span>');} } document.write('</a></li> '); }document.write('</ul></div>'); } //]]> </script> </pre><br /> b. Update :<br /> Kode script eksternal<br /> <pre class="javascript" name="code"><script src="http://sliderpostbylabel.googlecode.com/files/gallerypostswithimgonly.js"> </script> </pre><br /> <br /> 3. Copas salah satu kode di atas kemudian letakkan diatasnya .<br /> 4. Kemudian ke Dashboard => Design=> Add Element => HTML/Javascript.<br /> 5. Masukkan juga kode dibawah ini kedalamnya.<br /> <blockquote class="tr_bq"><script><br /> var numposts_gal = 1;<br /> var random_posts = <b><span style="color: red;">true;</span></b><br /> </script><br /> <script src="<b><i><span style="color: blue;">http://realfa84.blogspot.com</span></i></b>/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=showgalleryposts"><br /> </script></blockquote>6. Ganti kode warna BIRU dengan URL Blog yang ingin anda tampilkan dan simpan.<br /> <br /> Sekarang adalah cara-cara extra.<br /> 1. Ganti kode warna merah dengan FALSE jika anda hanya ingin menjadikannya Recent Post With Thumbnail only.<br /> 2. Jika ingin menampilkannya sesuai label tertentu ada bisa mengeditnya menjadi seperti ini.<br /> <blockquote class="tr_bq"><script><br /> var numposts_gal = 1;<br /> var random_posts = <b><span style="color: red;">false;</span></b><br /> </script><br /> <script src="<b><i><span style="color: blue;">http://realfa84.blogspot.com</span></i></b>/feeds/posts/default/-/<b><i><span style="color: purple;">LabelPost</span></i></b>?orderby=published&amp;alt=json-in-script&amp;callback=showgalleryposts"><br /> </script></blockquote><div style="text-align: justify;"><br /> Jangan lupa mengganti kode-kode yang saya tandai dengan warna tertentu sesuai kebutuhan. Ganti LabelPost (kode warna ungu) Dengan Label yang ingin ditampilkan. Jika label tersebut menggunakan spasi, maka ganti kode spasi dengan <b><span style="color: #3d85c6;">%20.</span></b></div>Contoh Label = Belajar Blog maka untuk penulisannya harus dengan format seperti ini:<br /> <br /> <br /> <div id="CSS-area1"><div id="CSS-area"><div style="text-align: center;"><script src="<b><span style="color: blue;">http://URL-BLOG-ANDA</span></b>/feeds/posts/default/-/<b><span style="color: #660000;">Belajar</span><u><span style="color: #3d85c6;">%20</span></u><span style="color: #660000;">Blog</span></b>?orderby=published&amp;alt=json-in-script&amp;callback=labelthumbs" type="text/javascript"></div></div></div></div><br /> <b>Update :</b><br /> Jika Cara di atas di anggap terlalu repot, Pemasangan kode script pertama juga bisa dilakukan dengan cara meletakkannya di atas kode script yang ke dua. Yaitu diatas kode no 5.</div>

Blogging designe Javascript Menengah Tingkat Lanjut Script Random Post Thumbnail Only - By Label

Sekian lama gak update postingan di blog ngalor ngidul, kangen juga pengen update lagi. Tapi benar-benar bingung mau posting apa. Mau bikin ...

Baca selengkapnya »

Script Unselect dan CSS Anti Copas

<div dir="ltr" style="text-align: left;" trbidi="on"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjar-z3JMlJS5zLktl9cdYd0KWP_HYykGvKcv-JeoxWfFnyJeMTquAkDRw43vwkflmVdh-5irbf3TmS05-aP5WvFulAfnzFgTy-eOpVBD_nd5pbreRh01HBSlMnplDfAT4G2AikhCyoA3g/s1600/NO_RIGHT_CLICK__by_Chthonik.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;" title="Script Unselect dan CSS Anti Copas"><img alt="Script Unselect dan CSS Anti Copas" border="0" height="266" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjar-z3JMlJS5zLktl9cdYd0KWP_HYykGvKcv-JeoxWfFnyJeMTquAkDRw43vwkflmVdh-5irbf3TmS05-aP5WvFulAfnzFgTy-eOpVBD_nd5pbreRh01HBSlMnplDfAT4G2AikhCyoA3g/s320/NO_RIGHT_CLICK__by_Chthonik.jpg" width="320" /></a></div><div style="text-align: justify;">Terkadang sakit memang jika tulisan atau postingan yang dikerjakan dengan susah payah kita ketahui di copy paste alias di copas alias di curi orang lain. Postingan blog ngalor ngidul sendiri mungkin rata-rata telah ada salinannya di blog yang lain. Hal ini juga lah  yang membuat malas untuk update posting.</div><div style="text-align: justify;"><br /> Sebenarnya ada sedikit keinginan untuk memasang <strong>Script Unselect atau CSS Anti Copas</strong> biar orang tidak menggunakan postingan untuk postingan blog pribadi.<br /> <br /> Ngomong-ngomong soal <strong>Script Unselect atau CSS Anti Copas</strong> ini, mungkin sebagian dari teman-teman ada yang berniat untuk memasangnya di blog pribadi.</div><br /> <b>1. Script Unselect</b><br /> <pre class="javascript" name="code"><script type="text/javascript"> function disableSelection(target){ if (typeof target.onselectstart!="undefined") //For IE target.onselectstart=function(){return false} else if (typeof target.style.MozUserSelect!="undefined") //For Firefox target.style.MozUserSelect="none" else //All other route (For Opera) target.onmousedown=function(){return false} target.style.cursor = "default" } </script> </pre><br /> <div style="text-align: justify;">Cara penggunaannya adalah cukup dengan mengcopy kode script diatas kemudian letakkan di dalam tag body template. Biasanya untuk kode script di template blogger masuk ke Menu Edit HTML diletakkan di atas kode <b></head></b></div><br /> <b>2. CSS anti Copas.</b><br /> <div style="text-align: justify;">Selain dengan memasang script unselect, cara lain agar postingan kita tidak bisa di copy paste alias copas adalah dengan memberikan sedikit kode CSS unselect atau CSS Anti copas. Caranya cukup gampang. Yaitu cukup dengan memberikan kode CSS dibawah ini ke kode CSS area yang tidak ingin di copas. Biasanya kode ini ditambahkan pada bagian posting.<br /> <br /> Sebagai contoh untuk menonaktifkan CSS Unselect atau CSS Anti Copas ini hanya pada bagian posting, silakan masuk ke bagian <b>Design</b> - <b>Edit HTML</b>. Kemudian cari kode <b>]]></b:skin></b> dan letakkan kode berikut diatasnya.<br /> <br /> <div id="CSS-area1"><div id="CSS-area">.post-body {<br /> display:block;<br /> -moz-user-select: none;<br /> -khtml-user-select: none;<br /> -o-user-select:none;<br /> user-select: none;<br /> unselectable: on;<br /> -webkit-user-select: none;<br /> }</div></div><br /> Jika ingin menggunakan CSS Anti Copas ini diseluruh halaman, ganti saja kode diatas menjadi;<br /> <br /> <div id="CSS-area1"><div id="CSS-area">body {<br /> display:block;<br /> -moz-user-select: none;<br /> -khtml-user-select: none;<br /> -o-user-select:none;<br /> user-select: none;<br /> unselectable: on;<br /> -webkit-user-select: none;<br /> }</div></div>Dengan demikian maka semua tulisan yang ada di blog anda tidak akan bisa di copas atau sedikit lebih terjaga karena fungsi Script dan CSS diatas adalah untuk mendisable fungsi select, klik kanan dan CTRL A. Dengan menerapkan kode tersebut blog anda juga akan tidak bisa ditembus menggunakan shortcut pada keyboard sehingga dapat mencegah copy paste artikel post tanpa seizin penulis dan tidak memperlambat loading blog anda. <br /> <br /> Kekurangan dari jika kita memasang <strong><i>Script Unselect atau CSS Anti Copas</i></strong> diatas adalah secara otomatis Page View dari pengunjung pasti akan berkurang karena mereka tidak bisa membuka banyak postingan secara bersamaan yang disebabkan link yang ada diblog kita tidak bisa dibuka di tab baru jika link yang akan dibuka memang bukan link yang di setting terbuka di tab baru.</div></div>

Blogging CSS Javascript Tips n Trik Script Unselect dan CSS Anti Copas

Terkadang sakit memang jika tulisan atau postingan yang dikerjakan dengan susah payah kita ketahui di copy paste alias di copas alias di cur...

Baca selengkapnya »

Cara Memasang jQuery Image Preloader

<div dir="ltr" style="text-align: left;" trbidi="on"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjx9Y5dPM74jIsRmrB4REvSNGsNqvv7eeg1DYEZraKI1d64de4hzca8ZeWLcAnKxrxSzzPwui-nZV71TUzqmLgXRQgYA8So1Js660oXduHp_X5QOkht1epNvkK8ZJz0uwWdB1MfO8E68Ys/s1600/preloader_02_1.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjx9Y5dPM74jIsRmrB4REvSNGsNqvv7eeg1DYEZraKI1d64de4hzca8ZeWLcAnKxrxSzzPwui-nZV71TUzqmLgXRQgYA8So1Js660oXduHp_X5QOkht1epNvkK8ZJz0uwWdB1MfO8E68Ys/s1600/preloader_02_1.jpg" /></a></div><div style="text-align: justify;">jQuery Image Preloader di perkenalkan oleh Abhin Sharma pada situs net tuts+ dan merupakan salah satu plugin yang banyak digunakan pada situs-situs profesional. Jika di tilik dari fungsinya, sebenarnya plugin ini hanyalah tambahan untuk mempercantik penampilan gambar.<br /> <br /> Plugin jQuery Image Preloader berfungsi untuk memberikan efek delay (lambat) pada saat proses pemanggilan (load) gambar pada halaman situs, selama pemanggilan gambar belum sempurna maka lokasi gambar tersebut akan di gantikan dengan animasi loading. <br /> <br /> Setelah gambar tersebut siap ditampilkan (load 100%), animasi loading akan di sembunyikan dan gambar akan ditampilkan dengan efek fade yang lembut. Plugin ini akan memberikan kesan profesional pada blog dan menunjukan kepada pengunjung bahwa bagian yang terkecil sekalipun sangat diperhatikan sang pemilik blog. Bagaimana Cara Memasang  jQuery  Image Preloader ini di Blog?<br /> <br /> Sebagai contoh, diblog ini juga menggunakan jQuery Image Preloader. Untuk Cara Memasang jQuery Image Preloader di blogspot, kita cukup menambahkan kode script dan CSS berikut ini kedalam template blog kita.<br /> <br /> Langkah pertama adalah cari kode: <b></head></b><br /> Kemudian letakkan kode script berikut ke atasnya<br /> <div id="CSS-area1"><div id="CSS-area"><br /> <br /> <center><br /> <span style="color: #cc0000;"><script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script></span><br /> <script src='http://bloggeracsessories.googlecode.com/files/jquery.preloader.min.js' type='text/javascript'/><br /> <script type='text/javascript'><br /> $(function(){<br />  $(&quot;body&quot;).preloader();<br /> });<br /> </script></center></div></div><br /> Kemudian cari kode: <b>]]</b:skin></b><br /> <div><br /> </div>dan tambahkan kode CSS berikut di atasnya.<br /> <br /> <pre class="CSS" name="code">.preloader { background:url(http://nettuts.s3.amazonaws.com/860_preloaderPlugin/css/i/89.gif) center center no-repeat; } </pre><br /> Simpan template anda dan dan lihat hasilnya.<br /> <br /> Jika belum berhasil, coba hapus kode script yang saya tandai dengan warna merah yang tadi anda letakkan di atas kode <b></head></b></div></div>

Blogging CSS designe Javascript JQuery Tingkat Lanjut Tips n Trik Cara Memasang jQuery Image Preloader

jQuery Image Preloader di perkenalkan oleh Abhin Sharma pada situs net tuts+ dan merupakan salah satu plugin yang banyak digunakan pada situ...

Baca selengkapnya »

Pengenalan JQuery

<div dir="ltr" style="text-align: left;" trbidi="on"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDSrB7y0_BZj2hh_xCBME4oi5edTeHrSHQYFK0pPQfR_2KVGfX7wH7TAhpKIW6mLEZjBGhqAeEXDk7sF0wuNsDupWDqHZ6aJFDcZNl-hqQ3yk4kGq8LVJGFwljvr5iovltz_xCnKiKGJQ/s1600/jquery-logo1.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDSrB7y0_BZj2hh_xCBME4oi5edTeHrSHQYFK0pPQfR_2KVGfX7wH7TAhpKIW6mLEZjBGhqAeEXDk7sF0wuNsDupWDqHZ6aJFDcZNl-hqQ3yk4kGq8LVJGFwljvr5iovltz_xCnKiKGJQ/s1600/jquery-logo1.png" /></a></div><div style="text-align: justify;">jQuery adalah pustaka JavaScript kecil bersumber terbuka yang menekankan pada interaksi antara JavaScript dan HTML. Pustaka ini dirilis pada Januari 2006 di BarCamp NYC oleh John Resig dan berlisensi ganda di bawah Lisensi MIT dan GPL. Selain dukungan fasilitas yang lengkap, membuat plugin jquery juga cukup mudah. Dukungan ajax adalah salah satu fasilitas yang sudah tersedia di jquery.</div><div style="text-align: justify;"><br /> JQuery adalah javascript library yang cepat dan ringan untuk menangani dokumen HTML, menangani event, membuat animasi dan interakasi ajax. JQuery dirancang untuk mengubah cara anda menulis javascript. Bagi Web Developer jQuery akan sangat menyederhanakan kode-kode JavaScript, seperti saat digunakan untuk penanganan event, interaksi Ajax yang cepat. jQuery ini dirancang untuk mengubah cara Kita menulis JavaScript.<br /> <br /> Microsoft dan Nokia telah mengumumkan akan mengemas jQuery di platform mereka. Microsoft awalnya mengadopsinya dalam Visual Studio untuk digunakan dalam ASP.NET AJAX dan ASP.NET MVC Framework, sedangkan Nokia akan mengintegrasikannya dalam kerangka Web Run-Time.<br /> <br /> Dikarenakan Penggunaannya yang mudah tapi bisa melakukan segala macam yang kita inginkan, adalah salah satu alasan kenapa banyak web developer lebih memilih JQuery dibandingkan dengan Javascript Framework lain.<br /> <br /> Apa itu Javascript Framework?<br /> <br /> Framework, jika diterjemahkan ke bahasa kita, bisa berarti “area kerja”, atau “lingkungan kerja”. Dalam bahasa susahnya, berarti sebuah area kerja yang sudah disediakan fungsi-fungsi yang kita tinggal menggunakannya. Jadi tidak perlu lagi membuatnya dari awal.<br /> <br /> Analoginya, seperti kita menyewa sebuah kantor yang didalamnya sudah terdapat semua macam kebutuhan kantor seperti telepon, meja kerja, ruangan, dapur, dan lain-lain. Nah, Framework ini juga berarti sama. Sebuah framework sudah banyak menyediakan kegunaan-kegunaan yang dengan mudah kita gunakan.<br /> <br /> Framework inilah yang kini menjadi trend di dunia pemrograman. Tidak hanya di Javascript, tapi juga di PHP. Dan pengertian Framework semua sama.<br /> <br /> JQuery dan kemudahannya<br /> <br /> JQuery punya sebuah slogan yang “ngena” banget. “Write less, do more” memang bukan sembarang slogan. Menulis sedikit, bisa melakukan hal yang banyak.</div><br /> Mari kita tengok bagaimana JQuery mempermudah kita.<br /> <br /> Jika kita punya halaman HTML seperti ini:<br /> <br /> <div id="CSS-area1"><div id="CSS-area"><div style="text-align: center;"><b><div id="<span style="color: #990000;">container</span>">This is container</div></b></div></div></div><br /> Penggunaannya yang mudah tapi bisa melakukan segala macam yang kita inginkan adalah salah satu alasan kenapa banyak web develover lebih memilih JQuery dibandingkan dengan Javascript Framework lain.<br /> <br /> Maka kita bisa memperlakukan banyak hal dengan JQuery. Pemanggilan objek container bisa dilakukan sama seperti anda memperlakukannya di CSS.<br /> <br /> <div id="CSS-area1"><div id="CSS-area"><div style="text-align: center;"><b><script src="<span style="color: blue;">jquery.js</span>" type="text/javascript"></b></div><div style="text-align: center;"><b></script></b></div><div style="text-align: center;"><b><script type="text/javascript"></b></div><div style="text-align: center;"><b>$("<span style="color: #cc0000;">#container</span>").append("<strong>Ini hasil tambahan dari JQuery</strong>");</b></div><div style="text-align: center;"><b></script></b></div></div></div><br /> Untuk keterangan lebih lanjut, bisa dibaca manual JQuery di websitenya <b><a href="http://jquery.com/">disini</a></b>.</div>

Blogging designe Javascript JQuery Tingkat Lanjut Pengenalan JQuery

jQuery adalah pustaka JavaScript kecil bersumber terbuka yang menekankan pada interaksi antara JavaScript dan HTML. Pustaka ini dirilis pada...

Baca selengkapnya »

Cara membuat Recent Post by label horizontal diblogspot

<div dir="ltr" style="text-align: left;" trbidi="on"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjS4b0P_wzgG9oXRaC3BXCY0y2P8cx4V4H0uhD_bkrLGNGEw31NySSy7OTDdetZILPnrcetWGgVllmjY1S6KVnyl_UyeogzyKQPNk6R3XN9ax807A_gGaZnuZbswK1QFQGHrU_hetfn4eE/s1600/vertikal+-+Horizontal.PNG" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjS4b0P_wzgG9oXRaC3BXCY0y2P8cx4V4H0uhD_bkrLGNGEw31NySSy7OTDdetZILPnrcetWGgVllmjY1S6KVnyl_UyeogzyKQPNk6R3XN9ax807A_gGaZnuZbswK1QFQGHrU_hetfn4eE/s320/vertikal+-+Horizontal.PNG" width="282" /></a></div><div style="text-align: justify;">Postingan <strong>Cara membuat Recent Post by label horizontal diblogspot</strong> ini juga masih berhubungan dan tidak beda jauh dari dengan postingan sebelumnya. yaitu <b><a href="http://realfa84.blogspot.com/2012/01/cara-membuat-popular-post-dengan.html">Cara membuat Popular post horizontal</a></b>. Namun pada postingan ini, saya tidak memberikan tutorial lengkap karena saya anggap semua sudah mahir dan jago design blogger template sendiri.<br /> <br /> </div><div style="text-align: justify;">Oopss..!!!<br /> Jangan protes dulu ya..!!!<br /> Jika mengalami kesulitan, anda bisa tinggalkan komentar dibawah kok. Lagi pula kalau selalu diberikan tutorial siap pakai, kapan mau belajar dan pintarnya..??!!!!<br /> <br /> <br /> <div>Hehee...!!! ^_^</div><div><br class="Apple-interchange-newline" /></div><div>Ok..!!!</div><div>Tanpa banyak basa-basi, kita langsung saja masuk ke pokok pembahasan.</div><div><br /> </div></div><div style="text-align: justify;">Yang harus kita lakukan pertama adalah membuat sebuah kolom tempat widget <strong>Recent Post by label horizontal</strong> ini akan kita pasang.</div><div style="text-align: justify;"><br /> </div><div style="text-align: justify;">Anda bisa mengambil referensi CSS dibawah ini untuk membuatnya.</div><div style="text-align: justify;"><br /> </div><pre class="CSS" name="code">.gadgetr-wrapper{} .gadget { color: #333; line-height: 1.2em; margin:0 text-align: left; padding: 0 } .gadget ul { font: normal 13px Arial; text-transform: none; list-style: none; margin: 0; padding: 0 } .gadget li { text-indent: 0; line-height: 1.2em; text-align: left; margin: 0 auto; padding: 0 auto } .gadget li a:hover { color: #36c; text-decoration: none; text-shadow: 1px 1px #111 } .gadget .widget { background: none; border-bottom: 1px ridge #125; margin: 0 0 5px; padding: 10px } .gadget img.label_thumb { float: left; height: 60px; width: 60px; margin: 0 10px 5px 0; border: ridge 1px #125; padding: 4px } .gadget .label_with_thumbs { float: left; width: auto; max-height: 65px; margin: 0 auto; padding: 0 auto } .gadget ul.label_with_thumbs li { min-height: auto; width: 200px; float: left; border: none; clear: none; margin: 0 10px 5px 0; padding: 0 } .gadget ul.label_with_thumbs li a:link,.gadget ul.label_with_thumbs li a:visited { color: #333; text-decoration: none; line-height: 1.2em; font: bold 13px Georgia } .gadget ul.label_with_thumbs li a:hover {color:#35c;text-decoration: none } </pre><br /> <br /> <div style="text-align: justify;">Jika pembuatan kolom ini benar maka kira-kira kita akan mempunyai kolom pemasangan seperti format dibawah ini.</div><br /> <div id="CSS-area1"><div id="CSS-area"><div id='gadget-wrapper'><br />         <b:section class='gadget' id='gadget' preferred='yes'/><br /> </div></div></div>Karena semua udah jago otak-atik CSS, maka semua pasti tahu yang harus kita lakukan hanyalah sedikit menyesuaikan lebar dan warna dari area template utama yang kita pakai. <span style="text-align: justify;">Saya anggap semua sudah mengerti tentang cara pembuatan dan pembagian kolom ini. Jika belum mengerti, silakan baca terlebih dahulu baca </span><b style="text-align: justify;"><a href="http://realfa84.blogspot.com/2011/12/cara-membuat-dan-membagi-kolom-dengan.html">postingan sebelumnya</a></b><span style="text-align: justify;">.</span><br /> <div style="text-align: justify;"><br /> </div><div style="text-align: justify;">Selanjutnya kita tinggal pasang <b><a href="http://realfa84.blogspot.com/2012/01/kode-script-dan-cara-memasang-recent.html">Script Recent Post by</a></b> label melalui <b>Dashboard</b> -> <b>Design</b> -> <b>Add Gadget</b> -> <b>HTML/Javascript</b>. Script Recent Post by label ini bisa anda dapatkan pada postingan yang telah kita bahas <a href="http://realfa84.blogspot.com/2012/01/kode-script-dan-cara-memasang-recent.html"><b>dipostingan ini</b>.</a></div><div style="text-align: justify;"><br /> </div><div style="text-align: center;"><b><span style="font-size: large;">Semoga bermanfaat..!!</span></b></div></div>

Blogging CSS Menengah Widget Cara membuat Recent Post by label horizontal diblogspot

Postingan Cara membuat Recent Post by label horizontal diblogspot ini juga masih berhubungan dan tidak beda jauh dari dengan postingan sebe...

Baca selengkapnya »

Black Computer Store Blogger Template

<div dir="ltr" style="text-align: left;" trbidi="on"> <div style="text-align: justify;"> Setelah sebelumnya share template <b><i><a href="http://realfa84.blogspot.com/2012/02/elegant-white-pigeon-template.html">White ads pigeon blogger Template</a></i></b>, maka dipostingan kali ini admin ngalor ngidul kembali ingin share template gratis. Nama templatenya <strong>Black Computer Store Blogger Template</strong>. Sesuai namanya template ini khusus buat pecinta template berwarna gelap karena template ini warnanya hitam pekat.<br /> <br /> <strong>Black Computer Store Blogger Template</strong> ini bukan murni hasil design dari admin ngalor ngidul. Admin ngalor ngidul hanya melakukan sedikit edit saja. Aslinya template ini adalah blogger store V2 hasil design dari Rifki Aria Gumelar, author dari www.javatemplates.com.<br /> <br /> Berikut ini adalah tampilan dari  <strong>Black Computer Store Blogger Template</strong>.<br /> <br /> <table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody> <tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjqND0o4PKiVMwB8LNXPZTOXpZ-UlP-l5_ct9soW6Mz1_-1FWvkrNQigakl6_yQwglA0l_GqJOYjlD9t0URG11SAbjpwkHfYNXfbpCw1bdlskGKb_jiI3Afu8IpD8XqjUvJDkNZ6f6keM/s1600/black+computer+store.png" imageanchor="1" style="margin-left: auto; margin-right: auto;" title="Black Computer Store Blogger Template"><img alt="Black Computer Store Blogger Template" background="#fff" border="0" height="640" padding="8px" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjqND0o4PKiVMwB8LNXPZTOXpZ-UlP-l5_ct9soW6Mz1_-1FWvkrNQigakl6_yQwglA0l_GqJOYjlD9t0URG11SAbjpwkHfYNXfbpCw1bdlskGKb_jiI3Afu8IpD8XqjUvJDkNZ6f6keM/s640/black+computer+store.png" width="425" /></a></td></tr> <tr><td class="tr-caption" style="text-align: center;">Home page style</td></tr> </tbody></table> <br /> <table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody> <tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqcVM2mTzmwL1bZQN8K6KAlFhtD3cWfTBGAkwEkA-p9Rh9WeckgIulL-wcGIhMGnyXD5_1M4gBxz5kw31_aQOxw78gURmW5Xrqgv24w4UASj07gQSC3XHwfEQiBkOsB0iEvumqRvH8SdY/s1600/BCS+post.png" imageanchor="1" style="margin-left: auto; margin-right: auto;" title="Black Computer Store Blogger Template"><img alt="Black Computer Store Blogger Template" border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqcVM2mTzmwL1bZQN8K6KAlFhtD3cWfTBGAkwEkA-p9Rh9WeckgIulL-wcGIhMGnyXD5_1M4gBxz5kw31_aQOxw78gURmW5Xrqgv24w4UASj07gQSC3XHwfEQiBkOsB0iEvumqRvH8SdY/s400/BCS+post.png" width="425" /></a></td></tr> <tr><td class="tr-caption" style="text-align: center;">Main Post Style</td></tr> </tbody></table> Fitur dari <strong>Black Computer Store Blogger Template</strong> ini sendiri tidak jauh beda dengan blogger store V2. Bahkan bisa dibilang sama. Admin hanya mengedit sedikit dan juga menambahkan share button dan Java script extra agar bisa dipasang image transisi dibagian posting.</div> <div style="text-align: justify;"> <br /></div> <div style="text-align: justify;"> Jika belum tau seperti apa fitur yang admin tambahkan anda bisa langsung lihat sendiri di blog demonya. Untuk saat ini, template tersebut hanya bisa didownload melalui <b><a href="http://www.thedoctortemplate.blogspot.com/">the doctor template</a></b>.</div> <br /> <div id="CSS-area1"> <div style="display: inline; float: left; text-align: center; width: 100%;"> <div style="float: left; text-align: center; width: 45%;"> <a href="http://black-computer-store.blogspot.com/">Live Demo</a></div> <div style="float: right; text-align: center; width: 45%;"> <a href="http://www.thedoctortemplate.blogspot.com/2012/02/black-computer-store-blogger-template.html">Download</a></div> </div> </div> <br /> <div style="text-align: justify;"> Jika ada kesulitan, silakan langsung ke tutorial asli dari template ini di <a href="http://www.javatemplates.com/">www.javatemplates.com</a>. </div> <div style="text-align: justify;"> Atau Hubungi kami melalui menu <b>kontak</b> untuk penambahan fitur dan mengkustomisasi lebih lanjut. <br /> <br /> <b>Perhatian:</b><br /> Mohon jika anda menggunakan template ini untuk tidak meremove link yang ada difooter. Hargailah sedikit karya dan usaha kami. Jika ingin template yang memang hanya milik anda, anda bisa anda bisa membuat template dengan design anda sendiri. Atau dengan menggunakan jasa kami (^_^).</div> <br /></div>

Blogging designe Jasa Kami Template Black Computer Store Blogger Template

Setelah sebelumnya share template White ads pigeon blogger Template , maka dipostingan kali ini admin ngalor ngidul kembali ingin share te...

Baca selengkapnya »

Trik Cepat menghilangkan Navbar dan widget bawaan blogger

<div dir="ltr" style="text-align: left;" trbidi="on"><div style="text-align: justify;"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinA1lnPYB3G1RzpsAXVaC928rmG6uth7Px6VnqZFg22cI0aPNi3PuFgGj3ObL3g9u3GcNaekV1juQw1YEgWBQTQn9nOyA-Y8K8lVMCDdTc8wZtmmuLi9S7H9HDoFFrTSZAqLKYBEjYTfk/s1600/Capture.PNG" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="202" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinA1lnPYB3G1RzpsAXVaC928rmG6uth7Px6VnqZFg22cI0aPNi3PuFgGj3ObL3g9u3GcNaekV1juQw1YEgWBQTQn9nOyA-Y8K8lVMCDdTc8wZtmmuLi9S7H9HDoFFrTSZAqLKYBEjYTfk/s320/Capture.PNG" width="300" /></a></div>Salah satu keuntungan dari menggunakan custom template untuk blogger biasanya kita tidak terlalu repot edit sana edit sini dari template yang disediakan. Sebuah custom template juga rata-rata telah dilengkapi dengan berbagai widget dan konten-konten favorite dan disukai oleh para blogger.<br /> <br /> Salah satu cirinya lagi adalah telah menghilangnya widget-widget bawaan dari blogger, seperti misalnya navbar bawaan blogger. Tapi tahukah anda jika sebenarnya widget tersebut sebenarnya tidaklah hilang dari template anda. Widget tersebut biasanya hanya disembunyikan oleh designernya.<br /> <br /> Coba saja ada masuk ke menu edit html dari dashboard anda. Kemudian cari kode berikut ini.<br /> <br /> <b style="color: #990000;">#navbar </b>atau<b style="color: #990000;"> .navbar</b><br /> <br /> Biasanya kode CSS yang akan mengikuti dari kode tersebut adalah seperti ini:<br /> <style> #woome{width: 100%; background: white; height: 66px; border: 5px solid white;} #woom{width: 22%; float: left; background: #F3F3F3; border-right: 1px solid white; padding: 9px;} </style><br /> <div id="woome"><div id="woom">#navbar {<br /> <b><span style="color: blue;">visibility:hidden;</span></b><br /> }</div><div id="woom">.navbar {<br /> <span style="color: blue;">visibility:hidden;</span><br /> }</div><div id="woom">#navbar {<br /> <span style="color: red;"><b>display:none</b></span><br /> }</div><div id="woom">.navbar {<br /> <b><span style="color: red;">display:none</span></b><br /> }</div></div><br /> Memang betul jika dengan kode tersebut maka Navbar bawaan blogger tersebut akan menjadi hilang atau tersembunyi. Namun bukan berarti navbar bawaan blogger tersebut benar-benar hilang. Sebagai buktinya adalah jika kita sedikit tahu tentang inspect element atau dilihat dari page sourcenya, sebenarnya widget tersebut masih ada.<br /> <br /> <div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgN75x5XET2zVgKKpz4P1TY8QfdoDZIxexuhUkZP-1V2upUmVTWSwwbbxKuKZfv4KqYemDbrhHVfxc-lCcPAxBM97a6IjA222Om-x7ws7rgH6mmPjgneHv58kSlpP0thPCoef7iru2ciCQ/s1600/wew.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgN75x5XET2zVgKKpz4P1TY8QfdoDZIxexuhUkZP-1V2upUmVTWSwwbbxKuKZfv4KqYemDbrhHVfxc-lCcPAxBM97a6IjA222Om-x7ws7rgH6mmPjgneHv58kSlpP0thPCoef7iru2ciCQ/s1600/wew.PNG" /></a></div><br /> Lalu bagaimana caranya agar Navbar dan widget bawaan blogger tersebut benar-benar hilang??<br /> Caranya cukup gampang.<br /> <br /> 1. Login ke dashboard -> design -> edit html.<br /> 2. Cari kode:<br /> <br />  <b><span style="color: #cc0000;"><body></span></b><br /> 3. Letakkan kode berikut tepat diatasnya.<br /> <pre class="javascript" name="code"><script type="text/javascript"> <![CDATA[ <!--/*<body>*/--> ]]> </script> </pre>4. Save Template.<br /> Maka kita akan ada pemberitahuan seperti ini. Klik saja hapus atau delete widgets.<br /> <div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLS6-EY0l61IYqwNHY2000tNV5l2Hmfnx85HurSnluphqzINLLaHYlTzEY65agGNbXSTjQ3HXU_ll_hPT2ixqxGC9OtbMRYd7eT6_MYaLHFdpcJ4vCdlBMVjTvp94wej3173B2UVP7vIQ/s1600/wew1.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLS6-EY0l61IYqwNHY2000tNV5l2Hmfnx85HurSnluphqzINLLaHYlTzEY65agGNbXSTjQ3HXU_ll_hPT2ixqxGC9OtbMRYd7eT6_MYaLHFdpcJ4vCdlBMVjTvp94wej3173B2UVP7vIQ/s1600/wew1.PNG" /></a></div><br /> Maka widget-widget bawaan dari blogger tersebut akan benar-benar hilang termasuk juga widget bawaan lainnya seperti tanda obeng atau quick edit dan lain sebagainya.<br /> <br /> Tambahan:<br /> Jika kita ingin memunculkan kembali widget tersebut, maka kita tinggal hapus kode tersebut. Gampangkan??<br /> <br /> </div></div>

Blogging CSS designe Javascript Tips n Trik Tutorial Trik Cepat menghilangkan Navbar dan widget bawaan blogger

Salah satu keuntungan dari menggunakan custom template untuk blogger biasanya kita tidak terlalu repot edit sana edit sini dari template yan...

Baca selengkapnya »

Trik dan Kode-kode Untuk Menampilkan dan Menghilangkan Widget Content Blog

<div dir="ltr" style="text-align: left;" trbidi="on"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiWj9KIEsDZAIJyBslH_2yWXkc2pBqQhT9Xso-H056x0EJjtBbkLbSuCI-VwAAvjdhFRDNEY0pCxcp088tJUjSNbPcIP2peasYFL1pqng3yqKd2WS6vIKp0CpRU8ti1Q-1A_B2nO6GD4U/s1600/menghilang.gif" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;" title="Trik dan Kode-kode Untuk Menampilkan dan Menghilangkan Widget Content Blog"><img alt="Trik dan Kode-kode Untuk Menampilkan dan Menghilangkan Widget Content Blog" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiWj9KIEsDZAIJyBslH_2yWXkc2pBqQhT9Xso-H056x0EJjtBbkLbSuCI-VwAAvjdhFRDNEY0pCxcp088tJUjSNbPcIP2peasYFL1pqng3yqKd2WS6vIKp0CpRU8ti1Q-1A_B2nO6GD4U/s1600/menghilang.gif" width="330px" /></a></div><div style="text-align: justify;">Dipostingan kali ini kita akan membahas bagaimana <strong>cara menghilangkan dan menampilkan suatu objek diblog</strong>. Dalam mendesign sebuat template, Penggunaan <strong>Trik dan Kode-kode Untuk Menampilkan dan Menghilangkankan</strong> ,atau lebih tepatnya <strong>menyembunyikan Widget Content Blog</strong> ini sangat diperlukan agar hasil template yang kita buat tidak terlihat monoton. Sebagai contoh adalah widget slider dan salah satu sidebar yang ada pada blog ini. Widget tersebut hanya akan muncul dihalaman utama dan kategori blog dan akan menghilang jika kita masuk kehalaman posting.<br /> <br /> <strong>Kode-kode Untuk Menampilkan dan Menyembunyikan Widget Content Blog</strong> ini biasanya pasti ada ditemplate-template dengan gaya magazine atau majalah. Seperti yang kita ketahui, template blog dengan gaya Magazine Style merupakan salah satu favorit template yang sering di pakai oleh para blogger. Salah satu ciri template blog dengan gaya Magazine Style adalah adanya widget yang muncul lalu menghilang atau awalnya menghilang lalu muncul pada suatu halaman atau postingan blog.<br /> <br /> Berikut ini adalah jenis dan fungsi kode untuk mengatur tampilan content blog dari muncul lalu menghilang dan menghilang kemudian muncul. yang bisa Anda terapkan untuk mengatur tampilan widget blog Anda.</div><div id="CSS-area1"><div id="CSS-area">1. Hanya pada Halaman Utama Blog<br /> <div style="text-align: center;"><b><span style="color: #990000;"><b:if cond="data:blog.url == data:blog.homepageUrl"></span></b></div><div style="text-align: center;"><b>...Konten...</b></div><div style="text-align: center;"><b><span style="color: #990000;"></b:if></span></b></div>Kode ini berfungsi untuk menampilkan widget blog hanya pada halaman utama blog saja alias akan menghilang ketika kita mengklik Label Post atau membaca postingan secara keseluruhan.<br /> <br /> 2. Kategori Post dan Single Post<br /> <div style="text-align: center;"><b><span style="color: #990000;"><b:if cond="data:blog.url != data:blog.homepageUrl"></span></b></div><div style="text-align: center;"><b>...Konten...</b></div><div style="text-align: center;"><b><span style="color: #990000;"></b:if></span></b></div><br /> Kode ini berfungsi untuk menampilkan widget blog pada kategori post dan single post (postingan secara keseluruhan).<br /> <br /> 3. Halama Utama Blog dan Kategori Post<br /> <div style="text-align: center;"><b><span style="color: #990000;"><b:if cond="data:blog.pageType != &quot;item&quot;"></span></b></div><div style="text-align: center;"><b>...Konten...</b></div><div style="text-align: center;"><b><span style="color: #990000;"></b:if></span></b></div><br /> Kode ini berfungsi untuk menampilkan widget blog pada main post dan kategori post dan akan menghilang ketika membaca postingan secara keseluruhan.<br /> <br /> 4. Single Post atau Halaman Postingan<br /> <div style="text-align: center;"><b><span style="color: #990000;"><b:if cond="data:blog.pageType == &quot;item&quot;"></span></b></div><div style="text-align: center;"><b>...Konten...</b></div><div style="text-align: center;"><b><span style="color: #990000;"></b:if></span></b></div><br /> Kode ini berfungsi untuk menampilkan widget blog hanya pada single post saja atau ketika anda membaca postingan secara keseluruhan dan tidak akan muncul pada main post atau kategori post.<br /> <br /> 5. Halama Utama Blog dan Kategori Post<br /> <div style="text-align: center;"><b><span style="color: #990000;"><b:if cond="data:blog.pageType == &quot;index&quot;"></span></b></div><div style="text-align: center;"><b>...Kontent...</b></div><div style="text-align: center;"><b><span style="color: #990000;"></b:if></span></b></div><br /> Fungsi kode ini sama dengan fungsi kode pada nomer 3.<br /> <br /> 6. Menampilan Widget Blog Pada Postingan Tertentu Saja<br /> <div style="text-align: center;"><b><span style="color: #990000;"><b:if cond="data:blog.url == &quot;URL_POST_TERTENTU&quot;"></span></b></div><div style="text-align: center;"><b>...Konten...</b></div><div style="text-align: center;"><b><span style="color: #990000;"></b:if></span></b></div>Kode ini berfungsi untuk menampilkan suatu widget blog hanya pada suatu postingan tertentu.<br /> <br /> 7. Menyembunyikan Widget Post Pada Postingan Tertentu Saja<br /> <div style="text-align: center;"><b><span style="color: #990000;"><b:if cond='data:blog.url != &quot;URL_POST_TERTENTU&quot;'></span></b></div><div style="text-align: center;"><b>...Konten...</b></div><div style="text-align: center;"><b><span style="color: #990000;"></b:if></span></b></div><br /> Kode ini merupakan kebalikan dari kode no 6 dimana widget blog akan menghilang dari suatu postingan tertentu dan baru muncul pada postingan yang lain.</div></div><br /> <div style="text-align: justify;">Cara penggunaan kode ini sangatlah gampang. Kita cukup menambahkan kode yang kita inginkan kewidget yang ingin kita tampilkan atau sembunyikan.<br /> <br /> Untuk penerapan kode-kode diatas ada 2 cara yaitu langsung pada widget dan secara kelompok atau dengan memberikan perintah melalui kode CSS-nya. Namun biasanya, penerapan kode-kode ini melalui CSS hanya di gunakan untuk mengatur komposisi dari suatu kolom widget konten. Misalnya lebar dan posisi widget atau objek berbeda dihalaman utama dan postingan. Mungkin hal ini akan kita bahas di postingan berikutnya.<br /> <br /> Mungkin itu saja yang saya tahu tentang Kode-kode Untuk Menampilkan dan Menyembunyikan Widget Content Blog ini. Jika teman-teman punya pendapat atau ilmu yang lain, silakan tinggalkan komentar dan url postingannya dibawah ini. Semoga bermanfaat.</div></div>

Blogging designe Menengah Tingkat Lanjut Tips n Trik Widget Trik dan Kode-kode Untuk Menampilkan dan Menghilangkan Widget Content Blog

Dipostingan kali ini kita akan membahas bagaimana cara menghilangkan dan menampilkan suatu objek diblog . Dalam mendesign sebuat template, P...

Baca selengkapnya »