Mas Doyok!
Minggu, 18 Oktober 2009
Mas Doyok! |
| Posted: 18 Oct 2009 06:06 AM PDT  Berkutat-kutat di tips blog tentu kurang greget. Memberikan jawaban nyata atas berbagai permasalahn blog tentu akan memberikan pelajaran lebih nyata. Setidaknya begitulah awal mula saya membuat proyek Blog Konsultasi di blog ini. Anda boleh bertanya dan saya akan menjawab sebisa saya. Kali ini hanyalah masalah ringan. Menanggapi postingan saya Meletakkan Adsense di Tengah Postingan, seorang teman blogger menanyakan bagaimana cara meletakkan adsense di bawah judul postingan. Tentu ini sangat menarik. Akan saya bahas dan juga pertanyaan lain tak kalah penting tentang bagaimana membuatkotak scroll dan daftar blog. Dulu sempat saya bahas, namun kali ini akan lebih jauh... 1. Bagaimana Menempatkan Iklan di Bawah Judul Tanya: Mas Doyok, di blog blog download lagu tuh banyak sekali yang pake adsense di bawah judul, gimana tuh mas cara buat kayak gitu? Jawab: Pertanyaan yang bagus. Tentu tujuan penempatan iklan di bawah judul agar lebih banyak klik yang di dapat, yang berarti dollar untuk Anda. Nah untuk membuatnya sangat mudah. 1. Encode, berbeda dengan widget yg dengan mudah diletakkan di sidebar, maka untuk trik ini diperlukan parse dulu. Silahkan datangi http://centricle.com/tools/html-entities/. Masukkan kode HTML anda tadi. Klik Encode. Maka kode otomatis akan berubah. Nah kode ini yang akan diletakkan 2. Penempatan Script, silahkan login ke blogger >> Tata Letak >> Edit HMLT >> Centang Expand Templates Widget. Cari kode <data:post.body/> Ganti <data:post.body/> dengan kode berikut: <!-- Awal Iklan --> Nah, simpan template. Adsense akan tampil di bawah judul postingan da hanya muncul setelah readmore agar tidak menambah load dan mengurangi kerapian halaman utama. 2. Membuat Widget Dengan Scrool Tanya: Ma saya punya banyak sekali link temen, dan akan menghabiskan tempat. Bagaimana cara mengakalinya agar tidak menghabiskan tempat? Jawab: Sebenarnya ada dua alternatif. Mungkin Anda bisa menggunakan marquee, namun yang akan saya berikan disini adalah menambahkan kode scrool untuk widget Anda. Kodenya sangat simple untuk membuat scroll. Kodenya adalah sebagai berikut: <div style="overflow:auto; padding:5px; width:80px; height:80px; background-color: rgb(255, 255, 255); border:1px solid #ccc;"> Ganti yang berwarna putih sesuai keinginan Anda. Pengaturan lebar dan tinggi kotak juga penempatan script Anda. Nah, semoga bermanfaat buk... 3. Membuat Link Teman Dengan Update Terbaru Tanya: Mas Doyoooook, saya mau tanya bagaimana sih cra membuat link sahabat sahabat deket kita tampil di blog kita tapi juga tampil update artikelnya seperti di blog http://xxxxxxx.blogspot.com... Jawab: Mudah sekali, betapa blogger telah menyediakan berbagai gadget hebat. Saya pernah posting, gadget blogger bagus terlupakan. Nah untuk membuat seperti itu cukup gunakan gadget daftar blog. 1. Login ke blogger 2. Tata Letak 3. Add Gadget 4. Pilih Daftar Blog (atau klik lnik berikut Daftar Blog Gadget) 5. Nah, akan muncul kotak dialog - Judul (isi dengan judul) - Urutkan (model pengurutan, pilih yg terbaru diperbaharui jika ingin menampilkan blog secara acak. Yang teratas adalah blog yg baru saja update) - Tampilkan (pilih jumlah blog yang akan ditampilkan) - Centang Judul dari item terbaru untuk memunculkan judul artikel terbaru - Centang Snippet dari item terbaru untuk memunculkan ringkasan artikel - Gambar mini butir terkini untuk menampilkan thubnails gambar dalam artikel - Gunakan tambahkan daftar untuk menambah blog 6. Simpan Tambahan: tambahkan blog saya sebagai daftar blog Anda hehehe.... Dibuat oleh mas doyok/www.masdoyok.co.cc  |
| Posted: 18 Oct 2009 05:41 AM PDT  Banyak sekali yang bertanya kepada saya bagaimana cara membuat widget di sidebar memiliki tombol untuk membuka dan menutup. Nah, pada keadaan default widget di sidebar akan tersembunyi. Widget akan terlihat begitu tombol di klik oleh pembaca. Banyak yang menggunakan teknik sama seperti spoiler, namun kali ini tanpa menghilangkan judul widget. Langsung saja bagi yang ingin mencobanya. 1. Login ke blogger 2. Tata Letak 3. Edit HTML 4. Centang Expand Template Widget 5. Cari kode widget yang akan di rubah. Jika Anda memberi judul pada widget Anda maka akan sangat mudah mencarinya. Misalnya saya memiliki widget dengan judul recent comment, maka saya tinggal ketikkan recent comment di fungsi pencari (ctrl+f) Apapun caranya yang penting kode widget Anda ketemu :D Contohnya kode widget recent comments saya <b:widget id='HTML3' locked='false' title='Recent Comment' type='HTML'> <b:includable id='main'> <!-- only display title if it's non-empty --> <b:if cond='data:title != ""'> <h2 class='title'><data:title/></h2> </b:if> <div class='widget-content'> <data:content/> </div> <b:include name='quickedit'/> </b:includable> </b:widget> Anda cukup mengganti yang berwarna merah dengan script berikut <h2 class='title'><script type='text/javascript'> /* <![CDATA[ */ if(typeof(rnd) == 'undefined') var rnd = ''; rnd = Math.floor(Math.random()*1000); rnd = 'id-' + rnd; document.write('<a href="#" onclick="tmp = document.getElementById("' + rnd + '"); tmp.style.display = (tmp.style.display == "none") ? "block" : "none"; return false;" style="float:right;margin-right:0px;">[Show/Hidden]<\/a>'); /* ]]> */ </script><data:title/></h2><script type='text/javascript'> /* <![CDATA[ */ document.write('<div id="' + rnd + '" style="display:none;">'); /* ]]> */ </script> Nah, jika sudah tambahkan kode biru di bawah ini di atas </b:includable> <script type='text/javascript'> /* <![CDATA[ */ document.write('<\/div>'); /* ]]> */ </script> Nah, hasilnya menjadi seperti ini untuk widget recent comments saya: <b:widget id='HTML3' locked='false' title='Recent Comment' type='HTML'> <b:includable id='main'> <!-- only display title if it's non-empty --> <b:if cond='data:title != ""'> <h2 class='title'><script type='text/javascript'> /* <![CDATA[ */ if(typeof(rnd) == 'undefined') var rnd = ''; rnd = Math.floor(Math.random()*1000); rnd = 'id-' + rnd; document.write('<a href="#" onclick="tmp = document.getElementById("' + rnd + '"); tmp.style.display = (tmp.style.display == "none") ? "block" : "none"; return false;" style="float:right;margin-right:0px;">[Show/Hidden]<\/a>'); /* ]]> */ </script><data:title/></h2><script type='text/javascript'> /* <![CDATA[ */ document.write('<div id="' + rnd + '" style="display:none;">'); /* ]]> */ </script> </b:if> <div class='widget-content'> <data:content/> </div> <b:include name='quickedit'/> <script type='text/javascript'> /* <![CDATA[ */ document.write('<\/div>'); /* ]]> */ </script> </b:includable> </b:widget> Selamat mencoba, semoga bermanfaat.... Dibuat oleh mas doyok/www.masdoyok.co.cc  |
| You are subscribed to email updates from Mas Doyok | Blog Trik | Blog Tips To stop receiving these emails, you may unsubscribe now. | Email delivery powered by Google |
| Google Inc., 20 West Kinzie, Chicago IL USA 60610 | |
0 komentar:
Posting Komentar