Tampilkan postingan dengan label Tutor Blog. Tampilkan semua postingan
Tampilkan postingan dengan label Tutor Blog. Tampilkan semua postingan

Rabu, 27 November 2013

Buku Tamu Auto Hide !

buku tamu cbox
Auto hide Shuotbox adalah efek yang akan membuat buku tamu muncul tanpa di klik dan tersembunyi tanpa di klik pula ( di lewati pointer mouse ), hanya beda sedikit dengan buku tamu show / hide. Sobat yang tertarik memasang widget ini, silahkan masukkan kode berikut di HTML/Javascript blog sobat.

<style type="text/css">
#gb{
position:fixed;
top:20px;
z-index:+1000;
}* html #gb{position:relative;}

.gbtab{
height:150px;
width:50px;
float:left;
background:url('http://i1108.photobucket.com/albums/h405/christian410/ghtrf.png') no-repeat;
}

.gbcontent {
float:left;
border:1px solid #000000;
-moz-border-radius-bottomleft:5px;
-webkit-border-radius-bottomleft:5px;
-o-border-radius-bottomleft:5px;
-khtml-border-radius-bottomleft:5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-topleft: 5px;
background: #F2F2F2; url() no-repeat bottom;
padding:10px;
}

</style>

<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 51-w) : moveGB(30-w, 0);
gb.opened = !gb.opened;
}function moveGB(x0, xf){

var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 25 ? 25 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 5);}
}</script>

<div id="gb">
<div class="gbtab" onmouseover="showHideGB()"> </div>

<div class="gbcontent">
<center>
<!-- BEGIN CBOX - www.cbox.ws - v001 -->
<div id="cboxdiv" style="text-align: center; line-height: 0">
<div><iframe frameborder="0" width="300" height="275" src="http://www4.cbox.ws/box/?boxid=4100717&amp;boxtag=ebc39c&amp;sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain4-4100717" style="border:#FFFFFF 1px solid;" id="cboxmain4-4100717"></iframe></div>
<div><iframe frameborder="0" width="300" height="75" src="http://www4.cbox.ws/box/?boxid=4100717&amp;boxtag=ebc39c&amp;sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform4-4100717" style="border:#FFFFFF 1px solid;border-top:0px" id="cboxform4-4100717"></iframe></div>
</div>
<!-- END CBOX -->
<br />
<div style="text-align:center">
<span style="float:right; color:#000000;">Get this <a target="_blank" href="http://christiantatelu.blogspot.com/2012/03/cara-membuat-buku-tamu-auto-hide-di.html"> widget! </a></span>
</div>
</center></div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (50-gb.offsetWidth).toString() + "px";
</script>

</div>
 

Caranya :
  1. Klik rancangan --> Elemen laman --> Tambah gadget --> HTML/Javascript
  2. Masukkan kodenya di kotak yang di sediakan.
  3. Klik Save 
Tambahan :
Ganti kode yang berwara biru dengan kode buku tamu milik sobat. Sobat yang belum punya buku tamu silahkan buat terlebih dahulu di cbox ( seperti blog ini) , fibox, shoutchamp atau pada penyedia chatbox gratisan lainnya.


Copyright : http://christiantatelu.blogspot.com/
Diposting oleh di 1 komentar:
Label:

Minggu, 24 November 2013

Cara melacak lokasi pemberi komentar anonymous di blogger



Terkadang pemilik blog yang menggunakan blogspot agak kesulitan mendeteksi lokasi pengunjung yang memberi komentar sebagai anonymous. Beberapa blogger menonaktifkan fitur Anonymous di form komentar blogger tersebut untuk menghindari anonymoys comment yang sifatnya menghujat tanpa kaitan dengan isi /tema postingan. Namun ada cara lain untuk mengetahui lokasi pembuat komentar anonymous tersebut, yaitu dengan memasang script web tracker. Script ini akan merekam informasi tentang IP Address, situs referer, operator seluler, dan beberapa informasi lainnya yang bermanfaat untuk melacak lokasi koordinat (lintang dan bujur) pengunjung tersebut.

Salahsatu situs situs web tracker yang direkomendasikan adalah statscounter, panduan mendaftar dan memasang script di blog bisa dilihat disini web tracker.
Perlu diingat untuk pengguna gratisan hanya dibatasi maksimal 500 record data terbaru yang ditampilkan, agar tidak kehilangan data yang lama sebaiknya menyimpan data record ke format excel.
Dalam postingan ini khusus dibahas tentang bagaimana memanfaatkan data hasil tracing tersebut untuk mendapatkan informasi yang lebih detail.

1. Login ke akun web tracker statscounter
Pilih salah satu blog yang tersedia di daftar project , dalam contoh ini Komputer SEO (sesuaikan dengan project yang anda buat)




2. Di vertikal menu pilih Recent Pageload Activity

3. Untuk melacak lokasi komentator anonymous di blogger cukup catat waktu si anonymous memberikan komentar, selanjutnya cek pada data statistik yang ada di statscounter. Setelah ketemu jam yang sama, url yang sama, perhatikan data-data yang ada seperti situs referer, jam komentar, ISP yang digunakan dan IP Address.

Untuk mendapatkan koordinat /lokasi pemberi komentar copy IP Address-nya
Buka situs IP Adress Tracer berikut IP Trace

Masukkan IP Address dalam contoh ini 125.163.108.181
Klik tombol Track IP, host or website , maka akan terlihat koordinatnya (IP Address latitude, IP Address longitude)
Demikian juga petanya akan memudahkan untuk melacak secara spasial
Terkadang tips ini bermanfaat untuk melacak pengunjung yang suka memberi komentar sebagai anonymous dengan hujatan yang tidak berkaitan dengan isi blog , untuk lebih mendapatkan data yang akurat tentang identitas pemberi komentar tersebut saya biasa menggunakan data hasil tracing tersebut kemudian menyimpannya di google earth (namun perlu dilakukan konversi koordinat dari koordinat dalam format desimal ke koordinat geografi, bisa dlihat disini konversi koordinat geografi ). Selanjutnya data koordinat tersebut disimpan sebagai sebuah titik, semakin banyak titik yang sama maka semakin besar peluang pemberi komentar tersebut adalah orang yang sama. Selain itu bisa juga melakukan analisa kata-kata yang digunakan dengan menggunakan google search, ada beberapa kasus yang saya temukan beberapa pengunjung sering copy paste komentar. Setelah mendapatkan data pendukung tersebut terkadang kita bisa melacak website/blog-nya. Setelah mengetahui blognya bisa menggunakan whois domain. Biasanya yang menggunakan domain berbayar tercantum identias pemilik blog.
Diposting oleh di Tidak ada komentar:
Label:

Cara membuat menu penuh warna dengan effect jquery di blog

Menu ini merupakan menu yang spesial buat blog anda. Dengan warna yang berbeda-beda dan menu drop down yang memanjang, karena itulah menu ini diberi nama Colorful JQuery Menu (menu jquery penuh warna). Menu ini didapatkan dari Mybloggertrick, dan semoga dengan menu ini tampilan blog anda lebih profesional.




1. Login ke blog kamu.
2. Pilih Rancangan > Edit HTML > Cari Kode <head>
3. Letakan kode di bawah ini tepat di bawah kode <head>


~ CODE ~ 



4. Selanjutnya cari kode
body {
----
---
)


5. Tambahkan kode berikut:
body {
margin:0px
padding:0px;
---
---
}   
6. Jika tidak ada kode body {  letakan saja kode yang nomor 5 tepat di atas ]]></b:skin>
7. Selanjutnya cari kode <body> atau <body expr:class='&quot;loading&     quotdata:blog.mobileClass'>
8. Setelah ketemu letakan kode Menu dan CSS nya di bawah ini tepat di bawah kode nomor 6.

~ CODE ~ 

Klik dulu pratinjau dan setelah berhasil baru Simpan Template.
Diposting oleh di Tidak ada komentar:
Label:

Zoom Effect For Pictures In Post !

Mungkin sebagian Blogger sering melihat gambar yang menjadi besar apabila tersentuh cursor. Dalam dunia blogging fitur seperti ini sering disebut dengan nama Image Zoom Effects atau Hover Zoom Smooth Effects. Fitur yang satu ini lumayan banyak di senangi para blogger walaupun sebenarnya dengan memasang Image Zoom Effects ini di blog dapat menggangu pengunjung yang sedang membaca postingan kita.

Postingan ini saya buat untuk melengkapi Tutorial di blog ini, buat sobat yang ingin memasangnya silakan Anda ikuti tutorial dibawah ini.

Cara Membuat Gambar Membesar Saat disentuh Cursor :
  • Masuk ke akun blogger sobat.
  • Pilih Template > Edit HTML.
  • Ceklis / Centang Expand Widget Template.
  • Cari kode ]]></b:skin> , gunakan fungsi Find dengan menekan tombol CTRL+F pada keyboard.
  • Kalau sudah ketemu, letakkan kode berikut tepat di atas kode ]]></b:skin>
    .post img, table.tr-caption-container { border:none; max-width:560px; height:auto; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; }
    .post img:hover { -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transform: scale(1.5); -o-transform: scale(1.5); -webkit-transform: scale(1.5); -webkit-border-radius: 0px 0px; -moz-border-radius: 0px / 0px; -webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.6); }
  • Terakhir klik Simpan Template. Sekarang lihat hasilnya di blog Sobat.
Semoga tutorial singkat ini bisa bermanfaat...
Diposting oleh di Tidak ada komentar:
Label:

Mengubah title sesuai nama potingan !

Perlu gak sih mengganti title/judul blog dengan title postingan?
Title blog biasanya berada didepan title postingan. Seperti yang dulu aku bilang, mengoptimalkan title itu akan mempengaruhi dalam membuat blog kita berada dalam top rank hasil pencarian search engine. Nha jika kamu menggunakan trik mengganti title blog kamu dengan title postingan maka hal itu akan lebih bagus lagi buat masuk ke jajaran depan search engine.

Bener gak sih?

Dulu ketika aku belum pake trik ini, ketika aku mencari di google dengan keyword "Cara Membuat Search Engine" maka hasilnya adalah sepeti ini:



Tapi sekarang ketika aku terapkan trik ini maka hasilnya menjadi seperti ini :



Nha tentunya orang akan lebih suka untuk memilih mengklik hasil seperti pada gambar yang kedua daripada gambar yang pertama, ya kan? dan kalo menurut yang ahli dalam SEO (Search Engine Optimization) katanya cara ini akan membuat blog kita menjadi lebih Search Engine Friendly. OK bagi yang pingin mencobanya silahkan ikuti langkah-langkah berikut ini:

1. Masuk ke "Layout-->>Edit HTML
2. Cari kode ini ;

<title><data:blog.title/></title>

( letaknya dibagian atas)

3. Kalo sudah ketemu ganti dengan kode berikut ini :

<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.title/></title>
<b:else/>
<title><data:blog.pageName/></title>
</b:if>

4. Trus simpan.

Untuk halaman utama titlenya akan tetap title blog. tapi jika km coba buka salah satu postinganmu maka nanti title postingmu akan menjadi title blogmu.

SeLAmat MEncoBA......

Copyright : http://trik-tips.blogspot.com
Diposting oleh di Tidak ada komentar:
Label:

Membuat Frame untuk menyisipkan kata/kalimat !

Jumpa lagi gan di rifkly117.blogspot.com.

Dimana postingan kali ini tentang membuat kotak frame untuk membantu sobat meletakan teks yang panjang.
Misalnya menyisipkan teks html lengkap (Full page), dan lain sebagainya.

Langsung saja yah gan :

ini dia tampilannya  :



Script'x di sini :


Bisa di lihat kan bagian mana yang harus diganti...???
Kalau qk bisa cri aja tulisam "Masukan Teks Anda Di Sini", silahkan ganti kalimat sesuai keinginan sobat... :)


Terima Kasih sudah berkunjung di blog saya...
see you in a next post... :D :D
Diposting oleh di Tidak ada komentar:
Label:

VISITORS BLOG BENTUK BUMI 3D

CARA MEMASANG VISITORS BLOG BENTUK BUMI 3D


CARA MEMASANG VISITORS BLOG BENTUK BUMI 3DKali ini saya akan membuat sebuah artikel mengenai cara membuat visitors blog bentuk bumi berputar atau  Cara membuat dan memasang widget Revolver Map mungkin anda sudah tau apa ke gunaan dari widget ini,widget ini di gunakan untuk menampilkan jumlah visitors yang sedang online dan yang pasti sedang mengunjungi blog anda mungkin dengan anda menambahkah kan widget ini blog anda menjadi unik apa lagi anda seorang blogger yang baru dan sedang asik-asik nya menghias blog anda sehingga menjadi berbeda dengan yang lain nya langsung saja saya akan jelaskan bagaimana cara memasang pengunjung blog dengan widget bumi berputar cara nya sangat lah mudah Silahkan anda simak saja di bawah cara membuat atau memasang visitors blog berbentuk bumi :




Pertama anda masuk dulu di sini
Silahkan anda pilih tampilan nya sesuka anda
jika sudah anda memilih tampilan nya
silahkan anda Copy code yang ada di bawah di widget html javascipt anda.

CARA MEMASANG VISITORS BLOG BENTUK BUMI 3D


Jika sudah anda copy code nya silahkan anda simpan dan lihat hasilnya.
Mungkin di cukupkan sekian artikel kali ini mengenai  CARA MEMASANG VISITORS BLOG BENTUK BUMI 3D terimakasih atas perhatian anda.
Diposting oleh di Tidak ada komentar:
Label:

Cara Memasang Musik Playlist Lagu MP3 di Blogger !

Cara Memasang Musik Playlist Lagu MP3 di Blogger


membuat musik mp3 playlist di blog
Setelah kita mengenal cara memasang lagu di blog, tutorial pembahasan topik kali ini adalah mengenai Playlist MP3 Musik layaknya seperti di Media pemutar musik/video seperti Winamp, GOM Player, KM Player dan lainnya. Pada contoh Media Player tersebut terdapat sebuah Playlist yaitu kumpulan musik yang dapat kita pilih dan anda mainkan.

Hanya saja playlist disini hanya dapat dimainkan auto / otomatis, dan hanya dapat menekan tombol nextplay yaitu untuk mengganti ke lagu berikutnya secara berurutan. Memasang Widget/Gadget Musik Player di Blogger memiliki kelebihan dan kekurangan. Semuanya tergantung pada user / pengguna yang mendengarkan lagu tersebut, apakah cocok atau tidak.

Selain itu faktor lainnya adalah akan sedikit menambah beban berat loading blog. Tetapi apabila pengunjung menggunakan koneksi internet yang stabil maka akan mudah, enak dan cpat untuk mendengarkan musik yang tlah tersedia. Menuju ke cara memasang dan membuat playlist pada topik ini.

1. Silahkan anda pergi ke website scmplayer.net
2. Anda akan melihat tampilan sperti gambar diatas, lalu pilih Choose Skin.
    Kamu dapat memilih tampilan yang sesuai dengan tema blog dan bebas memilih skin playlist / warna yang tersedia.
3. Kemudian klik bagian selanjutnya yaitu Edit Playlist.
4. Di dalam kotak tersebut terdapat 2 pilihan.

  • Manual Playlist = Memasang lagu dengan url manual. Jadi kita perlu melakukan upload terlebih dahulu, atau bisa juga melalui website lain seperti 4hared,beeMP3,MP3Skull, dll.
  • RSS Podcast / SoundCloud Set / Youtube Playlist = Disini terdapat 3 opsi yang dapat dilakukan salah satunya bisa melalui Youtube. Jadi, kita hanya prlu mencari video / lagu yang ingin dicari. Nanti pada saat dimainkan di blog, hanya audio / suara saja yang akan terdengar. Videonya tidak akan ditampilkan. Carilah lagu yang video nya asli biar suara musik tersebut bagus dan belum diedit orang lain.

Perhatikan pada gambar yang saya lingkari merah, disini terterah contoh untuk memasukan lagu yang anda inginkan, silahkan anda cari situs yang menyediakan lagu atau bisa anda upload sendiri ataupun mencari diyoutube.com video yang nantinya sebagai url lagu.(bukan menampilkan video, hanya suara dari video). Pastikan anda memasukkan url dengan benar agar mp3 tersebut dapat muncul dan berjalan di blog.
cara memasang musik mp3 di blog

Kemudian klik pada tab Configure Settings untuk mengatur lagu yang sudah kita pilih tadi, atur sesuai keinginan anda. Jika sudah selesai, klik tombol Done atau Save. Kemudian copy script code mp3 yang diberikan.

Langkah terakhir anda hanya perlu memasukkan kode tersebut ke dalam Widget anda.
Caranya :
1. Masuk ke Blogger.com
2. Pilih Layout / Design / Tata Letak, kemudian pilih letak yang sesuai dan klik Tambah Gadget / Widget.
3. Pilih HTML/Javascript
4. Masukkan kode yang tadi di copy dan letakkan di dalam kotak kedua (yang besar).
5. Save Template.

Semoga Cara Memasang Musik MP3 Playlist di Blogger ini dapat bermanfaat. Untuk memberikan dukungan positif terhadap artikel ini, silahkan klik link berikut. 
 
Diposting oleh di Tidak ada komentar:
Label:

Jumat, 22 November 2013

FB Comment on Blog

Cara Membuat Komentar Facebook di Blog


"Cara Membuat Komentar Facebook di Blog".
Agar lebih mudah berkomentar apa salahnya jika trik ini dijalankan di blog sobat, caranya cukup mudah kok, simak tutorial berikut ini :


1. Login ke akun blogger kalian
2. Klik Template

3. Klik Edit HTML
4. Setelah itu pastekan code dibawah ini tepat dibawah code <data:post.body/> (*pilih yang kedua saja)

<b:if cond='data:blog.pageType == &quot;item&quot;'><script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/><div><fb:comments expr:href='data:post.url' expr:title='data:post.title' expr:xid='data:post.id' num_posts='1' width='600'/></div></b:if>
5 Klik SAVE/SIMPAN

Maka hasilnya akan seperti gambar berikut :D

Selamat mencoba =))
Diposting oleh di Tidak ada komentar:
Label:
Langganan: Postingan (Atom)