Jumat, 22 Maret 2013

Cara memasang histats counter pada blog









Cara memasang histats counter pada blog




Langkah-langkah untuk mendapatkan histats counter serta kode yang akan di pasang pada widget teks biasa/HTML blog anda, adalah sebagai berikut :

1.    Silahkan login ke www.histats.com, setelah menunggu beberapa saat, maka akan muncul halaman yang mewajibkan anda untuk mendaftarkan akun dan alamat website anda.
Pembuatan akun di sini sangat mudah, anda tinggal memasukkan alamat email anda, membuat password pada akun histats counter, serta memasukkan alamat website anda.

Gb.1
Setelah proses di atas sudah selesai, selanjutnya anda masuk pada control panel kemudian klik nama website anda seperti pada gambar di atas.

Gb.2
2.    Setelah muncul halaman seperti gambar di atas, kemudian klik pada tombol counter KODE, kemudian klik add new widget (lihat gambar no.4).
Setelah memilih jenis widget counter yang anda sukai, jangan lupa untuk meng-klik semua kolom kecil yang terletak di atas gambar widget, seperti pada gambar di bawah.

Gb.3
Selanjutnya klik tombol save, dan akan muncul halaman seperti gambar di bawah.

Gb.4
Pada gambar di atas,  klik kode angka widget yang telah anda save tadi, kemudian klik tombol NO JAVASCRIPT. Selanjutnya copy kode yang terletak pada kolom di bawahnya, dan paste pada widget blog anda.
3.    Untuk pengguna wordpress.com (Cermati barisan kode di bawah).
Kode di bawah adalah contoh kode NO JAVASCRIPT widget counter milik saya.
<!– Histats.com  START (html only)–>
<a href=”http://www.histats.com&#8221; alt=”page hit counter” target=”_blank” >
<embed src=”http://s10.histats.com/102.swf”  flashvars=”jver=1&acsid=1575304&domi=4″  quality=”high”  width=”102″ height=”47″ name=”102.swf”  align=”middle” type=”application/x-shockwave-flash” pluginspage=”http://www.macromedia.com/go/getflashplayer&#8221; wmode=”transparent” /></a>
<img  src=”http://sstatic1.histats.com/0.gif?1575304&101&#8243; alt=”hitcounter” border=”0″>
<!– Histats.com  END  –>

Copy area kode yang berstabillo milik anda, dan paste pada kode khusus di bawah.


<div style=”text-align:left;width:102px;height:47px;margin:0 auto;”>(gigya width=”102” height=”47 src=”PASTE DI SINI KODE WIDGET COUNTER ANDA” wmode=”transparent” menu=”false” allowScriptAccess=”sameDomain” )</div></a></p></a>
Penting  : Ganti ( ) dengan [ ] 
Setelah itu, sesuaikan lebar dan tinggi widget sesuai dengan ukuran bawaannya. Selanjutnya anda tinggal meng-copast kode tersebut ke widget teks blog anda.
Semoga artikel di atas bisa bermanfaat untuk anda
Klik show untuk melihat

Cara membuat Tombol Klik Show Untuk Melihat di Postingan Blog.

Kemarin ada salah satu teman blogger yang bertanya kepada saya lewat komentar spam pada salah satu blog saya yang tidak tampil diposting tentang Cara membuat Tombol Klik Show Untuk Melihat di Postingan Blog.



Berikut ini akan saya sampaikan cara-caranya beserta keterangan gambar. Tutorial ini saya dapatkan dari hackerzpro.blogspot.com nah silakan anda ikuti cara-cara berikut ini,,
Bagi teman-teman yang ingin memasang tombol show hide di blog / postingan, caranya gampang banget nih. Teman-teman hanya perlu mengcopy paste kode HTML di bawah ini:


<div><div style="margin-bottom: 2px;"><b><small>Klik show untuk melihat</small></b>
<input value="Show" style="margin: 0px; padding: 0px; width: 60px; font-size: 10px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" type="button"></div>
<div style="border: 1px inset; margin: 0px; padding: 6px;"><div style="display: none;">
Masukkan tulisanmu di sini
</div></div></div>

Entri melalui HTML Jangan melalui Compose seperti tanda panah pada gambar di bawah:


Lalu paste code di atas dan jangan lupa mengganti kata yang digaris tengah yang berwarna merah dengan kata atau kode yang ingin teman-teman masukkan. Teman-teman juga bisa mengganti kata yang berwarna biru dengan kata yang diinginkan.

Masukkan kode di atas ke dalam postingan atau di sidebar blog teman-teman, maka hasilnya bisa dilihat di bawah ini.


Klik show untuk melihat
Masukkan tulisanmu di sini
Yang di atas adalah contoh sederhana tentang cara pembuatan tombol show hide di blog, selanjutnya bisa teman-teman kembangkan sendiri.

Cara Pasang Alexa Site Widgets Blog Anda


Untuk Anda yang belum memasang Alexa Site Widgets pada blog Anda, silahkan perhatikan langkah-langkahnya dibawah ini.

1. Login atau masuk alexa.com atau klik alexa.com
2. Setelah itu pilih menu Site Tools, lihat gambar


3. Setelah itu Anda akan dibawa pada halaman Tools yang alexa sediakan, pilih Alexa Site Widgets lihat gambar


4. Selanjutnya Anda akan dihadapkan kembali oleh sebuah halaman dengan 3 sampai 7 Teks Box, pilih yang paling atas saja lalu isi dengan Url atau alamat situs halaman depan Blog Anda, ex : http://berbagi-kreativitas.blogspot.com lalu klik tombol Bulid Widget lihat gambar



5. Setelah Anda input Url Blog Anda diatas Anda kembali akan dihadapkan oleh sebuah halaman, yang disini adalah halaman Kode Widgets Url blog Anda yang siap Anda pasang pada blog, lihat gambar


6. Terakhir tambahkan gadget atau terserah Anda mau meletakkan kode alexa situs Anda dimana pilih salah satu kode seperti gambar diatas sesuai kebutuhan Anda lalu simpan. Selesai sekitan dan terimakasih semoga membantu Anda bagi yang membutuhkan Salam.
Semoga membantu Sahabat sekalian yang belum pasang wiget tersebut, agar kegiatan optimasi melalui peningkatan alexa dapat terpantau dengan baik, terima kasih salam.
Klik show untuk melihat
Hay sobat baik ku tolong di like ya fanpage nya… tanpa mu blog ku tidak berguna..

Cara Membuat ReadMore/Baca Selengkapnya

Cara Membuat ReadMore/Baca Selengkapnya

Cara Membuat ReadMore atau Baca selengkapnya yang ada dipostingan blog sudah tidak asing lagi buat para blogger yang lama mengarungi dunia blogger,namun buat para blogger pemula mungkin hal itu sangat sulit dan mereka bisa saja sangat menginginkannya,hal seperti itu juga dialami saya,bahkan namanya saja dulu saya tidak tahu.
Dulu saya keliling mencari cara untuk mengetahui namanya readmore,bagaimana cara membuat readmore,lalu saya ketik di google "bagaimana caranya membuat baca selengkapnya,baca seterusnya yang biasanya ada di postingan blog" dan alhamdulillah kata kunci seperti itu juga bisa membawa saya ke Blog yang menyediakan artikel yang menjelaskan cara membuat readmore atau baca selanjutnya/baca selengkapnya.
maka dari itu saya juga ikut memosting mengenai cara membuat readmore,siapa tahu saja ada orang yang masih belum mengetahui cara membuat readmore/baca selengkapnya/baca seterusnya/baca selengkapnya.
Cara Membuat ReadMore adalah sebagai berikut:
1. Login ke Blogger.com,setelah masuk di dasbor
2. lalu klik edit html.lalu cawang Expand Widget Templates,terus cari<data:post.body/> lalu ganti dengan kode ini:


<b:if cond='data:blog.pageType == &quot;static_page&quot;'><br/><data:post.body/><b:else/>
<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'>read more</a></span></b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if></b:if>


lalu cari </head> dan taruh kode dibawah ini dibawahnya:

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


Klik show untuk melihat
Hay sobat baik ku tolong di like ya fanpage nya… tanpa mu blog ku tidak berguna..

Cara Lengkap Membuat Efek Lipatan Kertas Di Ujung Blog


Berbagi pengalaman pribadi membuat lipatan kertas pada ujung kanan blog yang menurut saya agak lumayan bikin pusing sob, maklumlah pemula,, heheheheee,,,,
Setelah berkali-kali mencoba merubah kode java scriptnya, akhirnya selesai juga, dan lihat hasilnya di ujung kanan blog saya, [sedikit pamer, heheheheee,, ]
bagi sobat yang berminat untuk membuat lipatan kerta pada ujung blog seperti blog saya [tenag aja yang saya bagi tidak ada foto jelek saya kok,, heheheheee,,, ] silakan ikuti lankah-langkah berikut ini ya sobat:
1. Silahkan Login ke akun blogger sobat.

2. Lalu masuk ke design Template, klik Edit HTML

3. Seperti Biasa Centang Expand Template Widget
4. Kemudian cari kode berikut </body>
5. Setelah ketemu silakan Sobat copy dan letakkan kode di bawah ini tepat di atas kode  </body>

<script type='text/javascript'>var tujuan =&#39;http://Alamat Url Feeds Sobat&#39;</script>
<script src='http://petir-project.googlecode.com/files/ktb4.js' type='text/javascript'/>
6. Coba sobat pertinjau terlebih dahulu (Sekiranya sudah yakin baru di save ya sob)
Keterangan:
  • Kode warna hijau: ganti dengan URL Feeds sobat
  • Kode warna biru: ganti apabila sobat ingin mengganti gambar sesuai selera sobat.
Ikuti langkah-langkah berikut ini bila sobat ingin mengganti gambarnya.
Bagi sobat yang ingin mengganti gambarnya silakan download dulu scriptnya disini.  
1. Setelah sobat selesai download silakan sobat buka script tersebut dengan Notepad.
2. Untuk merubah gambar yang berukuran kecil (gambar saat lipatan tertutup) sobat cari url berikut dalam text dan silakan ubah dengan URL gambar sobat:
http://petir-project.googlecode.com/files/fedkcl.png 
(Upload gambar di code.google.com atau situs upload lainya untuk mendapatkan URL gambar)
3. Untuk merubah gambar yang berukuran besar (gambar saat lipatan terbuka) sobat ubah URL berikut dengan URL gambar sobat:
http://petir-project.googlecode.com/files/feed.png
4. Setelah selesai merubah kode URL gambar tersebut Sobat Save Text, selanjutnya silakan sobat upload text tersebut dan ganti url http://petir-project.googlecode.com/files/ktb4.js dengan URL hasil upload sobat tadi.

NB: sedikit saran apabila sobat ingin merubah gambar, sebaiknya ukuran gambar harus sesuai dengan gambar semula untuk hasil yang lebih baik.
Selamat mencoba ya sobat,,

Klik show untuk melihat
Hay sobat baik ku tolong di like ya fanpage nya… tanpa mu blog ku tidak berguna..

Kumpulan Tips & Trik Facebook Terbaru (update)

Kumpulan Tips & Trik Facebook Terbaru (update)



Kali ini saya akan memposting kumpulan Trik Facebook terbaru :)
Siapa yang tidak tahu facebook? Facebook merupakan salah satu jejaring sosial terbesar yang di ciptakan oleh Mark Zuckerberg dan diluncurkan pada Februari 2004, penggunanya pun kini sudah lebih dari 700 juta user dari seluruh dunia termasuk indonesia.

baiklah tanpa basa basi lagi silahkan liat trik dan tips berikut

- Mengganti nama akun facebook yang udah gak bisa diganti:  Klik Disini dan ikuti instruksinya sampai selesai

- Software Facebook auto like and comment: Klik Disini

- Bot auto like: Klik Disini lalu klik masuk

- Menandai nama teman lewat handphone: masukan kode ini di status kalian: @[id teman kalian:0:]

Menandai nama teman lewat PC: tulis @nama akun facebook teman kalian di status kalian

- Membuat status dan komentar biru: buat kode ini: @@[0:[0:1:tulisan anda]] (update)
- Membuat status melalui macam-macam: Klik Disini dan pilih sesuka kamu

- Membuat update status via nama kamu sendiri: Klik Disini

- Menampilkan isi beranda hanya status: Klik Disini (PC), atau Klik Disini (HP)

- Membuat halaman/fans page di facebook: Klik Disini

- Membuat aplikasi Facebook: Klik Disini


mungkin cuma segitu dulu, semoga bisa bermanfaat :)

sebagai imbalan jangan lupa untuk join blog  ini ya
Klik show untuk melihat
Hay sobat baik ku tolong di like ya fanpage nya… tanpa mu blog ku tidak berguna..

Cara Menghubungkan Akun Twitter Ke Facebook

Cara Menghubungkan Akun Twitter Ke Facebook


sobat parmaandeskaa.blogspot.com kali ini andeska akan share seperti judul di atas
dengan menghubungkan akun twitter ke facebook, maka ketika sobat roiko ngetwit atau mengisi status di twitter maka akan secara otomatis juga terpublis ke facebook, sehingga akun twitter sobat akan terkenal di facebook juga dan semoga banyak yang follow.. Hehe biggrin

Langsung saja ya, untuk menghubungkan akun twitter sobat ke facebook silahkan ikuti tutorial nya di bawah ini :

1. Klik atau masuk ke : http://apps.facebook.com/twitter/
2. Klik “Go to your Twitter Profile Setting to start”
3. sobat akan dibawa kesitus Twitter dan diminta memasukkan username & password twitter sobat
4. Kemudian muncul konfirmasi “allow” atau tidak, pilih “allow” Atau sobat bisa juga setting langsung di akun Twitter,
caranya:

1. Log in ke akun Twitter sobat
2. Masuk menu Setting dan masuk ke Tab Profile
3. Di bagian bawah cari tulisan Facebook kemudian sobat roiko akan diminta login ke akun facebook.

dan Untuk melihat hasilnya, sobat bisa mencobanya dengan update status di Twitter, dan lihat yang terjadi di Facebook sobat, terupdate juga?
Jika terupdate maka settingan sobat berhasil.

ya begitulah.
cukup sekian dan terima kasih!!
Klik show untuk melihat
Hay sobat baik ku tolong di like ya fanpage nya… tanpa mu blog ku tidak berguna..

Trik Mengganti Nama Facebook Dengan Font Atau Teks Keren


Cara Mengganti Nama Facebook Dengan Font atau Teks Keren


Oke sobat, Mau mengganti Nama Facebook Dengan Teks Atau Font Keren?
silahkan simak tutorial berikut ini, dan Trik ini buat akun fb yang masih bisa ganti nama, serta lakukan lewat pc agar lebih mudah.

1. login ke akun Facebook sobat.

2. Silahkan Buka pengaturan akun atau account setting.

3. Klik sunting atau edit pada bagian nama.

4. Lalu Sekarang Klik Start, dan ketikan character map.

5. Dan Pada character map ganti font menjadi arial.

6. Lalu Silahkan pilih font yang sobat inginkan/kehendaki dan klik copy.

7. Sekarang Kembali ke facebook dan Pastekan text tersebut ke nama facebook sobat.

8. Masukan password dan klik save/simpan.

9. Selesai.

Oya tidak semua akun facebook bisa ganti font/teks seperti cara diatas, biasanya facebook akan meminta untuk menggunakan nama asli/sesungguhnya.
Tapi trik ini sudah di praktekan dan berhasil.

nah begitulah dan silahkan di coba!!

Klik show untuk melihat
Hay sobat baik ku tolong di like ya fanpage nya… tanpa mu blog ku tidak berguna..

Cara Mudah Invite / Undang Semua Teman Untuk Like Fanspage (auto invite)

Cara Mudah Invite / Undang Semua Teman Untuk Like Fanspage (auto invite)

1. Pertama Masuk ke Halaman Facebook Sobat

2. Lalu Klik Kembangkan Pemirsa,
Klik "Undang Teman"



3. Dan Akan muncul jendela daftar teman, lalu pilih Cari Semua Teman atau"Search All Friends"

4. arahkan scroll mos ke bawah sehingga teman terlihat semua.
Tekan CTRL+SHIFT+ K ( tanpa tanda + ).
Setelah bagian atas halaman ketika menekan CTRL+SHIFT+K telah muncul.
Copy Kode di bawah ini :

dan paste kan,
NB: bila di awal code tidak ada kata
javascript:
maka ketikan javascript: di awal kode (sebelum code "elms")
Jika sudah, Klik ENTER.

5 Tunggu Sebentar, Maka semua teman sobat akan terceklis otomatis, Dan Klik Kirim . Selesai!!

Oke Sekian Dan Terima kAsih!!!
 
Copyright Jagoan Blogger 2010.
Converted To Blogger Template by Anshul .