Wadah Ilmu Pengetahuan

Showing posts with label Blogmania. Show all posts

Cara Memasang Slideshow Postingan Di Blog

Untuk yang sudah tidak sabar ingin mencobanya silahkan lakukan langkah-langkah berikut ini!

1. Login ke akun blog Anda
2. Pilih Tata Letak (Lihat gambar di bawah)

3. Kemudian Klik Tambahkan Gadget. (Lihat gambar di bawah)

4. Pilih HTML/javascript. (Lihat gambar di bawah)

5. Copy Kode di bawah ini dan pastekan di HTML/javascript tadi. kemudian simpan/save !!!

Keterangan:
color:#d90000; Warna Judul Postingan
var numposts = 20; Jumlah postingan yang akan di tampilkan
var numchars = 40; Jumlah character/huruf yang akan di tampilkan

ok silakan di save dan lihat hasilnya...

Read More → Cara Memasang Slideshow Postingan Di Blog

Cara Memasang Iklan di Bawah Postingan

Cara Memasang Iklan di Bawah Postingan - Jika anda sudah mengenal dunia blog, pasti akan sangat besar kemungkinan untuk anda mengetahui dunia marketing atau dunia mencari penghasilan dengan memanfaatkan blog yang anda punya. Pastinya Google Adsense adalah hal yang utama atau yang menjadi target anda untuk mencari dollar dari blog.

Untuk itu kali ini downest akan bahas tutorial bagaimana cara memasang iklan Google adsense atau advertise lain yang ingin anda letakkan di bawah postingan, karena katanya letak ini sangat strategis untuk mendapat klik dari pengunjung yang sedang membaca blog anda.

Bagaimana cara menaruhnya? siapkan dahulu code script iklannya, jika kode dari google adsense maka di convert dahulu disini agar bisa diletakkan di blog anda. jika sudah maka masuk ke blog anda dan masuk ke edit html, ingat ya conteng jangan lupa.

Sekarang saatnya kita meletakkan codenya di tempat yang kita inginkan, yaitu di bawah posting, di edit HTML cari code <data:post.body> dan letakkan code berikut ini di bawahnya.

<b:if cond='data:blog.pageType == "item"'>
Letakkan kode iklan yang tadi sudah sobat parse disini
</b:if>

Yang berwarna merah ganti dengan code iklan anda ya, maka save deh template anda sekarang. silahkan lihat hasilnya.

Read More → Cara Memasang Iklan di Bawah Postingan

Cara Buat Read More Otomatis Versi 2

Cara buat read more otomatis sebagai berikut:

Buka Blog sobat, cari edit HTML,

Setelah itu, Copy Kode HTML dibawah ini dan Paste Diatas Kode </head>

<script type='text/javascript'>
var thumbnail_mode = "float" ;
summary_noimg = 250;
summary_img = 220;
img_thumb_height = 120;
img_thumb_width = 220;
</script>
<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(b,a){if(b.indexOf("<")!=-1){var d=b.split("<");for(var c=0;c<d.length;c++){if(d[c].indexOf(">")!=-1){d[c]=d[c].substring(d[c].indexOf(">")+1,d[c].length)}}b=d.join("")}a=(a<b.length-1)?a:b.length-2;while(b.charAt(a-1)!=" "&&b.indexOf(" ",a)!=-1){a++}b=b.substring(0,a-1);return b+" [...]"}function createSummaryAndThumb(d){var f=document.getElementById(d);var a="";var b=f.getElementsByTagName("img");var e=summary_noimg;if(b.length>=1){a='<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+b[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';e=summary_img}var c=a+"<div>"+removeHtmlTag(f.innerHTML,e)+"</div>";f.innerHTML=c};
//]]>
</script>

Setelah itu, Cari Kode HTML <data:post.body/> dan Ganti Kode tersebut dengan Kode dibawah ini :

<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>
<span class='rmlink' style='float:left'><b>More About</b> → <a expr:href='data:post.url'><data:post.title/></a></span>
</b:if></b:if>
<b:if cond='data:blog.pageType == "item"'>
<data:post.body/>
</b:if>
<b:if cond='data:blog.pageType == "static_page"'><data:post.body/></b:if>

kemudian save template

Read More → Cara Buat Read More Otomatis Versi 2

Kode Warna HTML Blog Terlengkap

Tolls untuk melihat Kode Warna:

1.Melihat KODE HTML warna yang diinginkan.

Klik warna yang anda inginkan lalu secara otomatis kode dari warna yang anda klik akan terlihat pada kotak kecil di sampingnya ( kotak pertama / kotak yang paling atas ).
3 kotak warna di bawahnya sebagai warna alternatif yang mungkin anda inginkan juga.
Anda tinggal mengcopy paste kode warna tersebut.

2. Melihat WARNA kode html

Anda punya kode warna di template blog tapi tidak tahu kode warna tersebut untuk warna apa ?
Masukkan atau ketikkan kode warna anda pada KOTAK yang ada di bawah tulisan "Insert the hex code ( without"#") below and press the Update button".
Ingat...!!! jangan masukkan tanda pagar ( # ), misalnya anda ingin mengetahui warna dari kode warna #FF3300 maka masukkan kode FF3300 saja pada kotaknya lalu klik tombol "UPDATE".
Secara otomatis, anda akan melihat warna dari kode warna #FF3300
pada kotak kecil di atasnya beserta 3 pilihan warna alternatif.

NB; Jika anda tidak bisa melihat tollsnya, berarti anda membutuhkan Adobe Plash Player. Download versi terbaru.

Read More → Kode Warna HTML Blog Terlengkap

Cara buat read more pada blog

Postingan kali ini akan memberikan tutorial Cara Membuat Readmore atau Baca Selengkapnya pada postingan blog secara otomatis. Dengan adanya readmore otomatis, kita bisa menentukan berapa ketinggian dan lebar penggalan postingan dan image yang akan muncul pada halaman pertama blog kita sehingga terlihat rapi dan menarik. Trik ini mungkin telah banyak yang mengetahui dan ada juga yang belum mengetahuinya. Bagi anda yang belum mengetahui bagaimana cara membuat readmore otomatis, bisa mengikuti tutorial berikut ini.

PERTAMA, silakan masuk ke acount blogger anda kemudian pilih Edit Html, jangan lupa memberikan tanda ceklis pada bacaan "Expand Widget Template" atau lihat gambar di bawah ini :

cari kode </head> kemudian masukkan script di bawah ini persis dibawah kode tersebut.

<script type='text/javascript'> var thumbnail_mode = "no-float" ; summary_noimg = 430; summary_img = 340; img_thumb_height = 100; img_thumb_width = 120; </script> <script src='http://rizqi.moehamed.googlepages.com/read-moreotomatis.js' type='text/javascript'/>

KEDUA, cari kode html berikut ini :

<data:post.body/> atau <p><data:post.body/></p>

ganti kode tersebut dengan kode di bawah ini :

<b:if cond='data:blog.pageType != "item"'>

<div expr:id='"summary" + data:post.id'><data:post.body/></div>

<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");

</script>

<span class='rmlink' style='float:right;padding-top:20px;'>

<a expr:href='data:post.url'>»»  Artikel Selengkapnya...</a></span>

</b:if>

<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>

Keterangan : tulisan yang berwarna merah adalah yang bisa anda ganti.

==> Summary noimg 430 = tinggi artikel terpenggal tanpa image

==> Summar img 430 = tinggi artikel terpenggal dengan image

==> Readmore bisa anda ganti dengan Baca Selengkapnya, full read dll...

KETIGA, klik save template

Selanjutnya anda bisa melakukan postingan dan lihat hasilnya, Readmore atau baca selengkapnya akan secara otomatis terpasang setelah anda publish postingannya.

Read More → Cara buat read more pada blog

Cara Memasang Anti Copy Paste pada Blog

Sebenarnya Mas Bro tidak begitu senang memberikan informasi mengenai ini. Karena, Mas Bro juga kadang mengcopy paste artikel teman meskipun itu tidak plak (seluruhnya) saya pastekan di dalam blog. Jujur Mas Bro katakan, bahwa hanya pencari berita (wartawan) dan peneliti serta pencipta saja yang memiliki ke-originalan, baik itu produk maupun informasi. Mas Bro tidak tahu kalao masih ada yang lain selain itu. Itu pun mereka juga selalu memiliki yang namanya Referensi, artinya ada sumber informasi yang mereka dapatkan.

Kita selaku blogger, perlu menyadari hal itu.

Cara Ampuh Memasang Anti Copy Paste pada Blog

Dulu, awal-awal Mas Bro mulai ngeblog, memang copy paste mutlak. Lama-kelamaan seiring dengan waktu, mulai mencoba menulis sesuatu (cetar membana ... hehehe syahrini kali yah). Pinomat menambah-nambah kata-katalah. Mas Bro yakin, kawan-kawan pasti bisa. Malah curhat nih Mas Bro.

Mas Bro pernah memposting mengenai Cara Mencopy Artikel yang baik. Walau pada dasarnyacopy paste adalah melanggar hukum. Silahkan baca bila ingin membacanya yah Cara Meng-COPY Tulisan Orang yang Benar dan Baik.

Oh iya, Mas Bro akan mencoba memberikan sebuah tips agar artikel Mas Bro tidak bisa di copy paste oleh orang lain. Tujuan membuat tips ini adalah agar mencegah orang mencopy artikel yang kita buat. Mas Bro sudah mencobanya di blog Mas Bro yang lain dan sudah berhasil. Lebih lanjut akan dijelaskan di bawah ini.

Cara Ampuh Memasang Anti Copy Paste pada Blog
1. Bukalah akun blogger kawan-lawan Mas Bro.
2. Masuklah ke Elemen Template, Lalu pilih Edit HTML, boleh anda centang Expant atau tidak, tidak masalah.
3. Carilah kode </head> *gunakan CTRL + F untuk pencarian lebih cepat.
4. Copylah Kode Script di bawah ini, lalu letakkan (paste) tepat di atas kode </head> tadi.

<SCRIPT type='text/javascript'>
if (typeof document.onselectstart!="undefined") {
document.onselectstart=new Function ("return false");
}
else{
document.onmousedown=new Function ("return false");
document.onmouseup=new Function ("return true");
}
</SCRIPT>

5. Bila sudah, simpan template anda Mas Bro.
6. Selesai, dan lihat hasilnya apakah tombol klik kanan pada mouse anda berfunsgi atau tidak. Kalau tidak berfungsi artinya kode diatas berhasil. Maksudnya apakah anda bisa copas artikel yang anda buat? Kalo tidak bisa, berarti berhasil tips di atas.

sumber:kumpulan-adsen.blogspot.com/2013/03/cara-ampuh-memasang-anti-copy-paste.html

Read More → Cara Memasang Anti Copy Paste pada Blog

Cara Pasang Histats di Blog

Setelah membuat blog, ingin rasanya kita mengetahui berapa jumlah pengunjung pada blog kita. Apa sish histats itu?

Histats.com adalah sebuah website layanan stats dan data traffic pengunjung blog atau website. Cara mendapatkan data analisis ini kita hanya perlu meletakkan script dari histats.com di dalam blog/website kita. Hisatas.com di kembangkan dan di kelola oleh Francesco Vigotti, seorang internet marketer.

Histats bisa juga di klafikasikan mirip dengan Google Web Analysis, yang berfungsi untuk memantau :
traffic stats,
user online,
referrring sites (dari mana situs pengunjung berasal), search engine (dengan kata kunci apa pengunjung datang ke blog kita memalui search engine),
browser (browser apa yang mereka gunakan untuk mengakses blog kita),
geolocation (dari belahan dunia mana mereka berasal), traffik by url,
traffic by title dll.

Nah, gimana tertarik untuk mengetahui tentang pengunjung blog anda, silahkan di coba widget yang satu ini. Pemasangannya di dalam blogger-blogspot juga sangat mudah, hanya tinggal Register di histats dan membuat akun kemudaian, anda hanya tinggal memilih widget yang di inginkan, mengambil kode script yang di berikan oleh histats dan meletakkanya di dalam Tambah Gadget --- Javascript+Html di tata letak blogger Anda.

Tutorial Cara Memasang Histats di Blog Anda : (jangan lupa siapkan minuman anda yah... hehehe, kopi atau teh gitu loh biar adem)

1. Masuk ke Histats.com

2. Registerlah : Klik Register

Pada Create new account isikan data-data yang di pelukan, jangan sampai ada yang ketinggalan. Jika sudah beri tanda centang pada I have read and agree Publisher Agreement Terms dan tuliskan captcha.

Dan KLIK Register. Kemudian ada pesan seperti ini

Buka email yang tadi anda daftarkan dalam Create new account dan KLIK tautan yang di berikan Histats untuk mangaktifkan akun anda.

your account is now active, please login now and start using histats.com!

Jika ada pesan tersebut maka akun anda telah aktif, silahkan masuk lagi ke histats.com dan login dengan email dan password yang anda buat sebelumnya.

3. + Add a Website

Langkah selanjutnya adalah mendaftarkan website atau blog Anda. Blog yang di daftarkan bisa lebih dari satu, jadi dengan manfaatkan satu akun histats, anda bisa mendaftarkan banyak blog atau website anda, gratis pula.. cihui ga tuh... oke go on..

KLIK + Add a Website

● Site url : url situs anda http://namabloganda.blogspot.com contoh: http://kumpulan-adsen.blogspot.com

● Pilih bahasa : Indonesian - Bahasa Indonesia

● Time zone : Pilih Waktu Pendaftaran ke histats, Misal : 11 - 04:38 am Asia/Jakarta (sesuaikan zona dimana anda registrasi histats)

● Category : Website anda termasuk kategori apa, silahkan di pilih. Misalnya Visual Art & Design --- Design.

● Title : Judul web atau blog Anda.

● Description : Penjelasan singkat tentang blog Anda.

● Stats visibility : artinya pengaturan provasi siapa saja yang dapat melihat Status atau data dari pengunjung Blog Anda. ada dua pilihan visible to everyone atau visible only to me, silahkan di pilih.

● Jangan lupa kode captcha.

● Dan KLIK Continue

Beres sudah. Jadi sekarang adalah, cara memasang widget di blog blogspot anda.

4. Pasang widget di blogger

KLIK : nama blog anda.

KLIK : Counter Code.

KLIK + add new counter

Tinggal di pilih yang sesuai selera Anda, 1, 2, 3, 4 line, animated dll. Terserah anda.

Nah satu yang unik yaitu Hidden Tracker, jika memilih yang ini maka counter dan widget tidak akan di tampilkan di dalam blog anda, namun anda harus tetap memasang kode scriptnya di blog anda, dengan cara ini anda tetap mendapatkan data traffic dan dapat tetap di akses di dalam akun anda.

Beri tanda centang pada visitor today : Total visitor - Page views today - Total page views - user online dan KLIK SAVE.

KLIK Pada Counter id : xxxxxxx (no itu bukan patokan sesuai yg dikasih)

Lalu Copy code scriptnya

5. Masuk ke Blog Kawan, tentunya dengan ACC kawan sendiri bukan.

Klik Rancangan atau Tata Letak --> Tambah Gadget ---> Pilih HTML/Javascript dan paste code script kemudian SIMPAN.

Selesai Sudah. Gampang Bukan. Selamat mencoba Cara Memasang Histats di Blog, widget untuk mengetahui jumlah pengunjung Blog Anda. Salam Blogger. Kumpulan Adsen Blogspot

Read More → Cara Pasang Histats di Blog

Wadah Ilmu Pengetahuan

Pages

Blog Archive

Popular Posts