Showing posts with label Tips Blogger. Show all posts
Showing posts with label Tips Blogger. Show all posts
9:55 PM
Tips Membuat related Post
edi gunawan
Tutorial blog kali ini akan dibahas tentang cara membuat related post atau artikel terkait yang biasanya digunakan untuk memudahkan pengunjung dalam menemukan artikel-artikel yang berhubungan dengan artikel yang sedang dibacanya. Artikel terkait disini adalah artikel yang nantinya akan ditayangkan bersama dengan artikel dengan satu label.
Nah, bagi sobat blogger yang ingin membuat Related Post ini, silahkan ikuti tutorial in:
- Log ini ke akun blogger Anda.
- Pilih menu Tata Letak (Layout) » Edit HTML.
- Beri tanda centang pada tulisan Expand Widget Templates.
- Copy-paste script berikut di atas kode </head>.
- Cari kode <data:post.body/>, kemudian copy-paste kode berikut di bawahnya.
- Simpan Template
<script type="text/javascript"> //<![CDATA[ var relatedTitles = new Array(); var relatedTitlesNum = 0; var relatedUrls = new Array(); function related_results_labels(json) { for (var i = 0; i < json.feed.entry.length; i++) { var entry = json.feed.entry[i]; relatedTitles[relatedTitlesNum] = entry.title.$t; for (var k = 0; k < entry.link.length; k++) { if (entry.link[k].rel == 'alternate') { relatedUrls[relatedTitlesNum] = entry.link[k].href; relatedTitlesNum++; break; } } } } function removeRelatedDuplicates() { var tmp = new Array(0); var tmp2 = new Array(0); for(var i = 0; i < relatedUrls.length; i++) { if(!contains(tmp, relatedUrls[i])) { tmp.length += 1; tmp[tmp.length - 1] = relatedUrls[i]; tmp2.length += 1; tmp2[tmp2.length - 1] = relatedTitles[i]; } } relatedTitles = tmp2; relatedUrls = tmp; } function contains(a, e) { for(var j = 0; j < a.length; j++) if (a[j]==e) return true; return false; } function printRelatedLabels() { var r = Math.floor((relatedTitles.length - 1) * Math.random()); var i = 0; document.write('<ul>'); while (i < relatedTitles.length && i < 20) { document.write('<li><a href="' + relatedUrls[r] + '">' + relatedTitles[r] + '</a></li>'); if (r < relatedTitles.length - 1) { r++; } else { r = 0; } i++; } document.write('</ul>'); } //]]> </script>
<b:if cond='data:post.labels'> <b:loop values='data:post.labels' var='label'> <b:if cond='data:blog.pageType == "item"'> <script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels&max-results=5"' type='text/javascript'/> </b:if> </b:loop> </b:if> <b:if cond='data:blog.pageType == "item"'> <h4>Artikel Terkait</h4> <script type="text/javascript"> removeRelatedDuplicates(); printRelatedLabels(); </script> </b:if>
Nb: sebelum mengutak-atik blog sobat, sebaiknya di download dulu template sobat untuk jaga-jaga. Moga bermanfaat
11:02 PM
Banyak cara yang dapat menggenjot traffic blog kita dengan gratis, salah satunya dengan FWeb Traffic, idenya sih bagus, karena dilihat dari sistem yang digunakan, member baru terpaksa harus berkunjung ke blog member lama untuk mengambil kode yang diberikan. Mungkin dengan alasan yang sama designernya berani memasang tittle 1 Million Visitors for Free.
Malah, dari penulusuran saya di Om Google, rata-rata blog yang udah punya nama (rate yang gede), sudah menjadi member di situs ini. Jadi, nda salah dong bagi kita blogger baru untuk mencoba peruntungan dengan sistem ini (paling tidak setara Google). hehe... Yak! langsung ke TKP:
READ MORE - Tips Jitu Meningkatkan Traffic Blog dengan 1 Million Visitors Free and RealMalah, dari penulusuran saya di Om Google, rata-rata blog yang udah punya nama (rate yang gede), sudah menjadi member di situs ini. Jadi, nda salah dong bagi kita blogger baru untuk mencoba peruntungan dengan sistem ini (paling tidak setara Google). hehe... Yak! langsung ke TKP:
Langkah-Langkahnya Dibawah ini:Moga bermanfaat.......
1. Silahkan mendaftar di situsnya di get 1 Million Guaranteed Real Visitors, FREE!
2.Setelah itu scroll terus ke bawah sampai format sign up for free
3. Klik link di sana secara berurutan (1 s/d 6) untuk mendapatkan kodenya
4. Copy kode dari ke 6 link yang sudah dibuka tadi ke form kode (misalnya kode dari link 1 AD: 807635, copykan 807635 ke form ad 1), ingat! harus berurutan, kode dari link 1 pada kolom 1, link 2 pada kolom 2, dst
5. Setelah itu, barulah sobat mengisi data yang diminta seperti nama, email, taks untuk iklan, website, password. setelah itu baru klik SUBMIT
6. Buka email untuk verivikasi, kemudian sobat akan mendapatkan email kedua yang berisi user id dan password sobat
7. Terakhir, login ke member area, disana sobat bisa mendapatkan code banner, dsb
8. Cuma sekedar saran, sebaiknya sobat juga membuat artikel seperti ini untuk menjaring downline (atau copas aja artikel ini, tinggal ganti linknya dengan link member sobat)
5:24 AM
Cara Mengganti Header Blogger
edi gunawan
Sebelumnya buat sobat blogger yang masih setia dengan blog ini, saya ucapkan banyak Terima Kasih!!
Baik, saya akan membahas sedikit tentang header blogger.. Pada dasarnya template blog yang disediakn blogger memang sudah pada keren, cuma dalam menjaga citra blog kita, maka sudah sewajarnya bagi kita penulis blog untuk membuat header sendiri untuk memberikan identitas kita pada blog garapan kita.
Membuat Header Sendiri di blog kita dapat dengan menggunakan pengolah gambar standar seperti Adobe Photoshop dll. jadi tinggal bagaimana kreasi sobat blogger untuk menggunakan aplikasi tadi. nah, setelah sobat telah membuat gambar header yang akan sobat gunakan, artinya sobat telah siap memulai tutorial ini.
1. pertama buka account blogger > buka rancangan
2. Klik edit pada header anda (pada contoh diatas, header saya bertittle Cakrawala di Tangan Anda), maka akan muncul tab/jendela baru seperti di bawah:
3. klik browse untuk mengupload header yang sudah dibuat tadi.
(pada pilihah penempatan, pilih selain judul dan keterangan. untuk menampilkan gambar header saja). setelah gambar diupload, simpan!
4. maka hasilnya akan seperti ini:
5. semoga berhasil dan tetap semangat buat sobat blogger!! teruslah berkarya.....
READ MORE - Cara Mengganti Header BloggerBaik, saya akan membahas sedikit tentang header blogger.. Pada dasarnya template blog yang disediakn blogger memang sudah pada keren, cuma dalam menjaga citra blog kita, maka sudah sewajarnya bagi kita penulis blog untuk membuat header sendiri untuk memberikan identitas kita pada blog garapan kita.
Membuat Header Sendiri di blog kita dapat dengan menggunakan pengolah gambar standar seperti Adobe Photoshop dll. jadi tinggal bagaimana kreasi sobat blogger untuk menggunakan aplikasi tadi. nah, setelah sobat telah membuat gambar header yang akan sobat gunakan, artinya sobat telah siap memulai tutorial ini.
1. pertama buka account blogger > buka rancangan
2. Klik edit pada header anda (pada contoh diatas, header saya bertittle Cakrawala di Tangan Anda), maka akan muncul tab/jendela baru seperti di bawah:
3. klik browse untuk mengupload header yang sudah dibuat tadi.
(pada pilihah penempatan, pilih selain judul dan keterangan. untuk menampilkan gambar header saja). setelah gambar diupload, simpan!
4. maka hasilnya akan seperti ini:
5. semoga berhasil dan tetap semangat buat sobat blogger!! teruslah berkarya.....
6:04 AM
Sebelumnya, Silahkan sobat Blogger melihat trafic blog dibawah ini yang disponsori flag counter.com:
READ MORE - Meningkatkan Trafic Blog dengan WebBizInsiderHehehehe, saya juga terkejut dengan hasilnya, karena saya baru ikutan webbizinsider beberapa jam lalu, dan pengunjung blog ini jadi melimpah (maksud saya, bertambah! liat sendiri kan, dari beberapa negara aja ada). Nah, sekarang kewajiban saya untuk menyebarkan kabar gembira ini buat sobat blogger mania yang memiliki masalah dengan SEO (nanti saya akan bahas).
WebBizInsider, merupakan web yang menyediakan fasilitas surfing kepada website anggotanya sehingga website yang terdaftar memiliki kemungkinan kunjungan meningkat drastis. selain itu, dengan module earnnya, kita juga diberi kesempatan untuk meningkatkan trafic blog kita dengan sering-sering melakukan surfing melalui situs ini. jadi, sudah jelas mengapa situs ini di jamin akan meningkatkan traffic blog sobat... buat daftar di Webbizinsider, sobat dapat mendaftar di situs ini gratis, disini.
moga bermanfaat! salam blogger......
9:29 AM
Kabar gembira ini saya dapat dari masbugie.com. awalnya saya bingung setengah mati buat bikin blog ini jadi lebih "hidup". tapi dengan bantuan masbugie, syujud syukur saya. thanks mas..
ookee, next to the point, gimana cara bikinnya?? let's cekidot
Hal pertama yang harus dilakukan adalah login ke blogger > Layout/Tata Letak > Edit Html .
Selanjutnya Anda cari kode dibawah ini, untuk mempermudah pencarian silahkan gunakan CTRL+F
Anda ubah kode showaddelement='no' menjadi showaddelement='yes' , kalau sudah klik simpan ya
Setelah yang pertama sudah disimpan, sekarang klik Page elements / Elemen Laman > Tambah Gadget > HTML/Javascript , copy kode dibawah ini,simpan dan letakan tepat dibawah header.
Untuk menambah gadget dibawah header bisa baca disini
Hal ketiga adalah supaya menu itu menimbulkan efek warna sehingga menjadi kelihatan menarik.
Klik Tata Letak > Edit HTML , cari kode </b:skin> , agar mudah gunakan tombol CTRL+F
Copy kode dibawah ini dan letakan tepat diatas kode </b:skin> kemudian simpan.
a.navigation {
background: #3333ff ;
color: #ffffff;
margin: 1px;
padding: 2px;
border-width: 0;
text-transform: uppercase;
text-decoration: none;
font-weight: bold;
}
a.navigation:hover {
background: #333333;
color: #ffffff;
text-decoration: none;
}
Perhatikan kode yang berwarna biru adalah warna tombol dan efek hover dan bisa dirubah sesuka hati Anda.Dan yang berwarna merah adalah jarak antara tombol satu dengan lainnya, silahkan Anda sesuaikan sesuai selera.
Selesai, semoga bermanfaat....salam
Selanjutnya Anda cari kode dibawah ini, untuk mempermudah pencarian silahkan gunakan CTRL+F
<div id='crosscol-wrapper' style='text-align:center'>
<b:section class='crosscol' id='crosscol' showaddelement='no'>
<b:widget id='HTML1' locked='false' title='' type='HTML'/>
</b:section>
</div>
<b:section class='crosscol' id='crosscol' showaddelement='no'>
<b:widget id='HTML1' locked='false' title='' type='HTML'/>
</b:section>
</div>
Anda ubah kode showaddelement='no' menjadi showaddelement='yes' , kalau sudah klik simpan ya
Setelah yang pertama sudah disimpan, sekarang klik Page elements / Elemen Laman > Tambah Gadget > HTML/Javascript , copy kode dibawah ini,simpan dan letakan tepat dibawah header.
Untuk menambah gadget dibawah header bisa baca disini
<a href="http://www.masbugie.com " class="navigation">HOME</a>
<a href="http://tuaninforman.blogspot.com " class="navigation">HOME</a>
<a href="http://tuaninforman.blogspot.com " class="navigation">LINK EXCHANGE</a>
<a href="http://tuaninforman.blogspot.com" class="navigation">DAFTAR ISI</a>
*Alamat url diatas silahkan sesuaikan dengan blog Anda.<a href="http://tuaninforman.blogspot.com " class="navigation">HOME</a>
<a href="http://tuaninforman.blogspot.com " class="navigation">LINK EXCHANGE</a>
<a href="http://tuaninforman.blogspot.com" class="navigation">DAFTAR ISI</a>
Hal ketiga adalah supaya menu itu menimbulkan efek warna sehingga menjadi kelihatan menarik.
Klik Tata Letak > Edit HTML , cari kode </b:skin> , agar mudah gunakan tombol CTRL+F
Copy kode dibawah ini dan letakan tepat diatas kode </b:skin> kemudian simpan.
a.navigation {
background: #3333ff ;
color: #ffffff;
margin: 1px;
padding: 2px;
border-width: 0;
text-transform: uppercase;
text-decoration: none;
font-weight: bold;
}
a.navigation:hover {
background: #333333;
color: #ffffff;
text-decoration: none;
}
Perhatikan kode yang berwarna biru adalah warna tombol dan efek hover dan bisa dirubah sesuka hati Anda.Dan yang berwarna merah adalah jarak antara tombol satu dengan lainnya, silahkan Anda sesuaikan sesuai selera.
Selesai, semoga bermanfaat....salam
6:04 PM
Petunjuk yang wajib di baca!!!
seluruh link download di blog ini di sponsori oleh adf.ly.
Kenapa Adf.Ly ??
Adf.Ly berguna untuk mempersingkat url/link kamu, selain itu Adf.Ly menyediakan imbalan berupa dollar setiap ada orang yang membuka link yang telah kamu singkat.
Contoh link yang sudah disingkat :
Sebelum >> http://www.ziddu.com/download/9858120/free area.zip.html
Sesudah >> http://adf.ly/2Pcd
Setiap ada orang yang membuka link singkatan kamu, kamu akan mendapatkan dollar dari Adf.Ly
Namun sebelum masuk ke link yang kamu maksudkan, Adf.ly akan mengarahkan dulu ke link iklan punya-nya Adf.ly
Jangan khawatir link Anda akan tetap terbuka, Begini Caranya !!
READ MORE - Petunjuk Download di adf.lyseluruh link download di blog ini di sponsori oleh adf.ly.
Kenapa Adf.Ly ??
Adf.Ly berguna untuk mempersingkat url/link kamu, selain itu Adf.Ly menyediakan imbalan berupa dollar setiap ada orang yang membuka link yang telah kamu singkat.
Contoh link yang sudah disingkat :
Sebelum >> http://www.ziddu.com/download/9858120/free area.zip.html
Sesudah >> http://adf.ly/2Pcd
Setiap ada orang yang membuka link singkatan kamu, kamu akan mendapatkan dollar dari Adf.Ly
Namun sebelum masuk ke link yang kamu maksudkan, Adf.ly akan mengarahkan dulu ke link iklan punya-nya Adf.ly
Jangan khawatir link Anda akan tetap terbuka, Begini Caranya !!
- Copy paste link Adf.Ly yang kamu dapet ke address bar
- Tunggu sebentar, Adf.Ly mengarahkan kamu ke iklan "dia". Tips : Jangan tunggu lama-lama setelah ada gambar SKIP AD di kanan atas langsung saja klik
3. Selesai,halaman berikutnya adalah halaman tujuan kamu yang sebenarnya













