Breaking News

Sabtu, 31 Maret 2012

Membuat Anu Supaya Selalu Berada Di pojok


Pasti pada bingung nih, apa maksudnya dan kenapa judulnya begitu, sebenarnya aku sendiri juga bingung mau ngasih judul apa untuk trik yang berikut ini. Setelah aku pikir-pikir :t eee.. nggak nemu-nemu juga judul yang cocok, ya udah deh aku asal aja kasih judul gitu. Trus apa maksudnya dari judul tersebut dan trik apa yang akan dibahas?
Gini, untunya itu gini :D trik nyoba ngebahas gimana cara membuat "ANU" itu selalu berada di pojok (bisa atas, bawah, kiri, kanan) meskipun "scroll bar" ditarik kemana-mana. "Scroll bar" itu apa sih? itu lho kotak kecil panjang yang ada disamping itu, yg biasanya ditarik kebawah dan keatas supaya bisa ngelihat isi blog yang kepanjangan. Trus maksudnya "ANU" itu apa? "ANU" itu maksudnya bisa gambar atau photo kamu, animasi, Jam, Hit Counter, Shoutbox, Kalender, Adsense, Iklan, Widget-widget dan lain-lain. Kalo untuk di blog ini aku pasang gambar sonic yg sedang lari-lari (pojok kiri bawah). Nha udah tahu kan maksudnya. Kalo dah tahu dan pingin mencobanya mari ikuti trik berikut ini:

1. Login ke blogger trus klik "Layout -->> Edit HTML
2. Cari kode ini ]]></b:skin> kalo dah ketemu taru kode berikut ini di atasnya.

#trik_pojok {
position:fixed;_position:absolute;bottom:0px; left:0px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }


3. Text yang dicetak tebal adalah posisinya, kalo pingin ganti di posisi pojok kanan bawah tinggal text "left" diganti dengan "right". Begitu juga tulisan "bottom", jika pingin di posisi atas bisa diganti dengan "top".
4. Langkah selanjutnya yaitu letekkan script berikut ini sebelum kode </body>


<div id="trik_pojok">
<a href="http://trik-tips.blogspot.com">
<img src="http://http://superinhost.com/images/soniclari.gif" border="0" /></a>
</div>


"http://trik-tips.blogspot.com" adalah link. ganti dengan link kamu.
"http://superinhost.com/images/soniclari.gif" adalah lokasi gambarmu. ganti dengan lokasi gambar kamu.

5. Jika kamu pingin yang ada disitu bukan gambar tetapi jam/kalender/hit counter/widget-widget yg lain, maka ganti text yang berwarna merah dengan script widget-widget tersebut.
6. Simpan hasil kerja kamu dan lihat hasilnya.


Read more ...

Cara Membuat Follower Blog Keren

Cara Membuat Follower Blog Keren . Bagaimana cara membuat follower blog yang keren sekali dan sangat mudah di blogspot dengan menggunakan efek bubles ? 
nah ini yang akan saya ulas di berry blog, dimana sebelumnya saya sudah memposting artikel yang sedang populer dikalangan para fesbuker yaitu cara membuat fb timeline dan cara mengembalikan tampilan fb timeline menjadi lama, begitu pula dengan artikel kontes seo ban terbaik di indonesia gt radial yang bentar lagi akan selesai .
oke,kita langsung ke inti topik, berikut cara memasang follower yang keren d blog :
-Pertama, log in ke blogger.com .

-Kedua, pilih rancangan atau design .

-Ketiga, pilih add gadget dan copas kode dibawah ini .

<script src=âhttp://www.google.com/friendconnect/script/friendconnect.jsâtype=âtext/javascriptâ>
</script>
<div id=âdiv-7791692969327865580&#8243;>
</div>
<script type=âtext/javascriptâ>
var skin = {};
google.friendconnect.container.setParentUrl(â/â /* location of rpc_relay.html and canvas.html */);
google.friendconnect.container.renderOpenSocialGadget(
{ id: âdiv-7791692969327865580&#8242;,
url:âhttp://www.eaglewebapp.com/ewa/gfc/bubbles/bubbles.xmlâ,
site:âGANTI DENGAN ID FRIEND CONNECT SOBATâ,
âprefsâ:{âwidthâ:â300&#8242;,âheightâ:â300&#8242;,âmaxDisplayâ:â10&#8242;,âcolorâ:'centerâ}
}, skin);
</script>

Keempat, lalu save dan lihat hasilnya, jangan lupa ganti kode id tersebut dengan milik sobat di google friendconnect .
oke, demikian dari berry blog mengenai cara membuat follower blog yang keren .
Read more ...

Cara Mudah Memasukkan Link ke Gambar Blog


Bagaimana kak cara masukin link di gambar jadi kalau ada yang klik gambarnya langsung mengarah ke link tertentu yang kita masukkan ? kayak mana kak ? heheehe, itulah pertanyaan dari adik adik blogger, nah Berry Blog akan tunjukin caranya tanpa basa basi dengan cara yang mudah dan praktis . 

Pertama, Log in akun blog .

Kedua, Misal mau masukin gambarnya di dalam postingan, nah pilih new post atau entri baru dulu .

Ketiga, Upload dulu gambar dan ambil link gambarnya , lihat di cara menyimpan gambar du blog dan  mengambil link gambar.

Keempat, copas kode dibawah ini ke postingan sobat dan ganti tanda merah dengan milik sobat .

<a href="masukan link yang ingin dituju"><img src="masukkan link gambar" /></a>

contoh : 

<a href="http://berryhs.com"><img src="http://4.bp.blogspot.com/-HKs1Xz1USHw/TuaIvbJS8WI/AAAAAAAAAQs/aIJSc4OVEr0/s1600/l11.png" /></a>

maka hasilnya seperti ini : 

nah demikian mengenai tutorial cara mudah membuat link ke dalam gambarsupaya kalau di klik langsung mengarah ke link yang kita inginkan .
Read more ...

Cara Mudah Membuat Readmore Otomatis di Blog Terbaru


Bagaimana cara membuat readmore di blogspot dengan cara yang mudah dan cepat kilat di blog kesayangan sobat blogger . inilah pokok bahasan yang akan saya bahas untuk anda semua,hehehe.
baik sobat blogger, sebelumnya saya jelaskan sedikit apa gunanya read more pada blog kita. dengan adanya readmore blog sobat tampilan nya di home tidak terlalu memanjang ke bawah seperti tampilan home blog saya yang menggunakan readmore namun disini saya menggantinya dengan tulisan baca selengkapnya, itu seterah sobat.

Berikut cara memasang readmore di blogspot :

-Login ke blogger dengan ID sobat.

-Pilih Rancangan atau Tata Letak.

-Pilih Edit HTML.

-Centang tulisan "expand template widget".

-Lalu cari kode </head> :   untuk mempermudah pencarian tekan F3.

-Lalu masukkan code di bawah ini tepat di atas  </head>

<script type='text/javascript'> var thumbnail_mode = &quot;no-float&quot; ; summary_noimg = 430; summary_img = 340; img_thumb_height = 100; 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>

Kemudian sobat  cari kode <data:post.body/>
Ganti kode <data:post.body/>  dengan kode di bawah ini :

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);
</script>
<span class='rmlink' style='float:right;padding-top:20px;'>
<a expr:href='data:post.url'> <b> readmore</b> &#187;&#187;&#160;&#160; </a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/>
</b:if>

Kemudian Save Template.
untuk keterangan readmorenya...
var thumbnail_mode = "float";: Letak thumbnail berada di “float” kiri atau jika tidak silahkan ganti dengan “no-float”;
summary_noimg = 250;: Jumlah karakter yang akan ditampilkan di posting tanpa gambar / thumbnail;
summary_img = 250;: Jumlah karakter yang akan ditampilkan di posting dengan gambar / thumbnail;
img_thumb_height = 120;: Tinggi thumbnail dalam ukuran pixel;
img_thumb_width = 120;: Lebar thumbnail dalam ukuran pixel;
READMORE-: Tulisan READMORE bisa diganti misalnya dengan “Baca Selengkapnya” dan apabila anda tidak ingin menampilkan judul dibelakang Readmore, sobat bisa menghapus code script ini .

nah demikian lah tutorial dari berry blog , semoga tutorial blog mengenai cara membuat readmore di blog dapat bermanfaat untuk sobat semua.
Read more ...

Hack Facebook Tanpa Menggunakan Software


Cara yang satu ini cukup sulit, susah dan perlu banyak waktu untuk bisa mencapai puncak dari cara ini. Tetapi tidak ada salahnya teman-teman mencoba. Pertama-tama yang teman-teman harus lakukan adalah mengetahui informasi tentang orang yang akan dihack facebooknya misalnya Email.

Adapun syarat-syarat yang harus teman-teman punuhi yaitu harus mempunyai 3 facebook atau lebih yang telah berteman dengan si korban. Ini berguna untuk mengirim kode yang berjumlah 3 buah kode ke 3 buah facebook tema-teman. Jika syarat-syarat telah dipenuhi, mari kita ke langkah selanjutnya.

Step by step.
1. Login facebook menggunakan email korban. Ketik sembarang password, maka akan terlihat halaman salah login.

2. Masukan sembarang kata sandi terus menerus sampai terlihat halaman di bawah ini. Klik ini saya.


3. Klik Atur ulang kata sandi.


4. Pada halaman ini, hilangkan tanda contreng di semua email korban dan klik Tidak punya akses ke sini lagi. Lihat.


5. Nah pada tahap ini, masukan email anda yang belum terdaftar di facebook. Ingat email yang belum terdaftar di facebook.


6. Lihat tulisan yang saya beri tanda merah. Di situ tertulis 3 syarat yang harus anda penuhi yaitu yang  pertaman Pilih 3 teman yang tepercaya, kedua Hubungi teman anda untuk mendapatkan kode keamanan dan yang ketiga Pulihkan Akun Anda.


Seperti yang telah saya jelaskan diatas bahwa anda harus mempunyai 3 facebook atau lebih yang telah berteman dengan korban untuk kode tersebut dikirim ke anda. Klik Lanjutkan.

7. Selanjutnya anda akan dibawa ke tahap kedua yaitu memilih tiga teman. Pilih 3 buah facebook anda yang telah berteman dengan si korban. ingat pilih 3 facebook anda.


8. Kode yang akan anda terima seperti ini.


9. Masukan kode yang telah dikirim ke facebook anda.
10. Yang terakhir yaitu Pulihkan Akun. Dan anda telah dapat masuk ke facebook korban.

* Cara ini juga dapat digunakan untuk mengembalikan account facebook yang dihack.
Read more ...

Jumat, 30 Maret 2012

Visitor Counter Gambar Bendera



Mungkin sobat bloger sering melihat blog nya para bloger dengan bendera visitor conter, seperti yang sobat lihat gambar di samping ini, visitor conter di gunakan oleh para bloger untuk melihat asal pengunjung blog sobat, dan juga tentunya bisa digunakan untuk menghias blog sobat, oke saya langsung saja bagaimana cara memasang visitor conter di blog sobat, begini caranya:

1. pertama sobat klik http://flagcounter.com/ disini.
2. Pada halaman CREATE YOUR FREE FLAG COUNTER, aturlah Maximum Flags to Show, Columns of Flags, Label on Top of Counter, Background Color # dsb, sesuai yang sobat inginkan, jangan lupa centang pada bagian Show Country Codes dan Show Pageview Counter, seteelah itu klik tombol GET YOUR FLAG COUNTER seperti gambar dibawah ini

3. Copi kode visitor counter tersebut dan pindahkan ke blog sobat, untuk memindahkan code tersebut, masuk ke blog soabat,pilih Tata letak, Pilih HTML/Javascript, simpan dan lihat hasilnya

Selamat Mencoba semoga bermanfaat.
Catatan : Jangan Lupa Baca dan Klik Dibawah ini ya
Read more ...

Mempercepat Loading Blog


Siapa sih yang tidak ingin loading blog nya cepat seperti the flash, itu tuh yang larinya secepay kilat, hus jadi ngebahas super Hero, loading blog yang cepat pasti dambaan semua bloger, Sobat-sobat bloger pasti sudah pernah mengalami membuka suatu halaman situs yang loading nya lama sekali pasti membosankan, malah males untuk membuka situs tersebut. untuk bloger yang awam seperti saya mungkin tips-tips ini sedikit membantu untuk mempercepat loading blog Sobat.

Disini saya menggunakan Koneksi internet dengan modem smart, segala aplikasi untuk mempercepat internet sudah saya coba, Berikuit ini tips-tips nya:

1. Gunakan Mozila firefok versi 2 download disini, jangan lupa instal juga adons nya seperti fasterfox download disini, adblock plus download disini, flashblock download disini, dan iinstal juga Google web acceleratordownload disini, dan fullspeeed download disini.

2. Kurangi blog sobat dengan gambar-gambar, dan flash yang tidak Perlu.

3. Widget memang memilki banyak kegunaan dan bisa menambah indah blog sobat, tetapi kalau kita banyak memakai widget yang tidak perlu bisa memperlambat blog sobat.

4. Coba cek Situs sobat di di websiteoptimization.com pada menu yang paling bawah pilih Free Web Site Speed Test dan klik website speed test

Masukan URL blog sobat , trus klik Submit Query, masukkan code, klik Continue. Tunggu beberapa menit sampai proses selesai dan lihat hasilnya dibagian bawah tabel Kalau berwarna hijau berarti aman, kuning berarti peringatan dan merah tau sendiri lah berbahaya, berari harus ada yang dikurangi atau dirubah dalam blog sobat.

5.Dan yang terakhr yang harus di coba, ga ada salahnya kan kalau mencoba dengan menggunakan situs yang menyediakan layanan untuk mempercepat waktu page load blog sobat yang disebut CSS Compressor di www.cssdrive.com Caranya mudah. Ikuti langkah-langkah di bawah ini:

(a). Sobat Masuk ke akun blog sobat,ketikan user name dan passwordnya, setelah itu pilih Tata letak, dan Edit HTML.

(b). Download templet lengkap, dan jangan lupa klik Expand widget.

(c). Sekarang sobat cari kode < b:skin > Blok semua kode yang berada diantara < b:skin > dan < /b:skin > Copy kode tersebut.

(d). Buka CSS Compressor. Paste kode tadi di kotak bertajuk "Insert CSS code" Silahkan atur kustomisasinya Compression mode nya adalah "Normal", dan Comments handling nya pilih "Don't strip any comments",

(e). Klik "Compress_it!" copy code CSS yang telah di kompres dan pindahkan kembali ke blog sobat yang tadi di blok antara kode dan , setelah itu kliok simpan template, selesai dan lihat hasilnya.

Selamat mencoba semoga bermanfaat, kalau ada yang salah dengan penulisan artikel ini mohon bimbingannya.
Catatan : Jangan Lupa Baca dan Klik Dibawah ini ya
Read more ...

Kamis, 29 Maret 2012

Mempercantik Blog Dengan Javascript


Yupss, nih dia artikel saya yang kedua mencoba untuk meramaikan kontesnya saudara Fajar sebelumnya saya ucapin makasih kepada yang punya hajat atas dimuatnya artikel saya ini, sesuai dengan judul diatas artikel saya kali bertujuan untuk menjadikan blog kita baik blogspot atau wordpress selangkah lebih cantik dengan fungsi-fungsi javascript yang kita tanam dan bagi yang awam dengan apa yang namanya javascript untuk lebih lengkapnya silahkan baca disini (http://id.wikipedia.org/wiki/JavaScript) teknik ini sudah saya coba di kedua engine yang berbeda yaitu blogspot dan wordpress versi 2.7 bagi yang menggunakan wordpress versi dibawah itu silahkan dicoba insya Allah trik ini masih bisa dipakai dan saya sangat menyarankan pakailah mozilla firefox untuk browsernya.
1. Memasukan Welcome alert dan goodbye alert
Trik yang pertama ini menjadikan blog kita ketika dibuka atau di tutup akan muncul pop up berisi komen. Caranya sangat gampang sekali untuk di WordPress silahkan masuk “Dashboard” kemudian pilih “widget”, buat “text” baru atau bisa juga digabung dengan “text” yang sudah ada dikarenakan trik ini berbentuk script sehinggan nantinya tidak akan ada penambahan di widget kita. Bagi yang menggunakan blogspot sebagai enginenya silahkan masuk ke “Dashboard” pilih “Layout” terus pilih “page element” untuk diblogspot saya juga sarankan trik ini di gabung aja dengan “gadget” yang lain, Nah script yang kita masukan untuk di “text” (wordpress) dan “gadget” untuk di blogspot adalah ini :
<script type=”text/javascript”>
<!– created : nyubi | Welcome Alert –>
alert(“Selamat datang diblognya nyubi, moga bermanfaat”)
<!– created : nyubi | Goodbye Alert –>
function goodBye(){
alert(“Terima kasih sudah mau mampir, take care”)
}
window.onunload=goodBye
</script>
Untuk kalimat ini “Selamat datang diblognya nyubi, moga bermanfaat” dan “Terima kasih sudah mau mampir, take care” silahkan di ganti sesuka hati tapi awas double kutipnya jangan sampai hilang karena hilang salah satu variabel aja maka script diatas tidak akan berjalan.
2. Mengganti Fav Icon
Fav icon itu lambang atau simbol yang ada di adress bar dengan trik ini kita bisa merubah icon blogspot dan wordpress dengan icon yang berbeda sesuai dengan keinginan kita. Penempatan script ini sama dengan script welcome dan goodbye alert diatas :
<script type=”text/javascript”>
<!– created : nyubi | Change Fav Icon –>
var shortc = document.createElement(“link”);
shortc.rel = “SHORTCUT ICON”;
shortc.href = “http://www.fileden.com/files/2008/3/15/1816525/MerahPutih.gif”;
document.getElementsByTagName(“head”)[0].appendChild(shortc);
</script>
Untuk url icon-nya yaitu yang ini http://www.fileden.com/files/2008/3/15/1816525/MerahPutih.gif, silahkan diganti sesuka hati atau kalau mau pakai icon bendara merah putih punya saya juga boleh koq, biar lebih nasionalis. Mungkin bagi sebagian blogger masih kebingungan bagaimana mengganti URL icon diatas dengan icon pilihan sendiri cara paling termudah icon pilihan kita di upload aza di site ini (http://www.tinypic.com) tidak perlu register dan kita langsung bisa mengambil URL-nya.
3. Memasukan Efek Title Bar
Nah untuk trik yang kedua ini menjadikan title bar kita jadi lebih kreatif, kita bisa memberikan teks dan sedikit animasi sebagai penghiasnya, bagi yang belum tau apa itu title bar coba deh liat judul atas browser kita, biasanya disitu tertulis site apa yang sedang kita buka. Penempatan script ini sama dengan trik welcome dan goodbye alert dan fav icon diatas, nah ini dia script-nya :
<script type=”text/javascript”>
<!– created : nyubi | Title Bar –>
var message = new Array()
//customize your message below
message[0] = “nyubi blog”;
message[1] = “Welcome to my blog”;
message[2] = “Enjoy my blog”;
message[3] = “Thanks for visiting”;
message[4] = “Have a nice day”;
var reps = 2;
var speed = 200;
var p=message.length;
var T=”";
var C=0;
var mC=0;
var s=0;
var sT=null;
if(reps<1)reps=1;
function doTheThing(){
T=message[mC];
A();}
function A(){
s++
if(s>8){s=1}
if(s==1){document.title=’||||||====||| ‘+T+’ —–’}
if(s==2){document.title=’|||=|||===||| ‘+T+’ —–’}
if(s==3){document.title=’|||==|||==||| ‘+T+’ —–’}
if(s==4){document.title=’|||===|||=||| ‘+T+’ —–’}
if(s==5){document.title=’|||====|||||| ‘+T+’ —–’}
if(s==6){document.title=’|||===|||=||| ‘+T+’ —–’}
if(s==7){document.title=’|||==|||==||| ‘+T+’ —–’}
if(s==8){document.title=’|||=|||===||| ‘+T+’ —–’}
if(C<(8*reps)){
sT=setTimeout(“A()”,speed);
C++
}else{
C=0;
s=0;
mC++
if(mC>p-1)mC=0;
sT=null;
doTheThing();}}
doTheThing();
</script>
Perhatikan kalimat ini silahkan diganti sesuka hati :
message[0] = “nybi blog”;
message[1] = “Welcome to my blog”;
message[2] = “Enjoy my blog”;
message[3] = “Thanks for visiting”;
message[4] = “Have a nice day”;
seandainya kalimatnya masih mau ditambah silahkan diganti seperti ini :
message[0] = “nybi blog”;
message[1] = “Welcome to my blog”;
message[2] = “Enjoy my blog”;
message[3] = “Thanks for visiting”;
message[4] = “Have a nice day”;
message[5] = “kalimatnya terserah”;
message[6] = “kalimatnya terserah”;
(message[6] angka 6 nya diganti dengan angka 7 dan seterusnya)
4. Roaming Windows Expander
Dan ini adalah trik yang paling extrem, kenapa? karena dengan trik ini menjadikan blog kita pertama kali dibuka akan muncul animasi layar dengan efek gerak, untuk scriptnya silahkan sedot disini :
<script type=”text/javascript”>
<!– created : nyubi | Roaming Windows Expander –>
scrW=screen.availWidth
scrH=screen.availHeight
window.resizeTo(10,10)
window.focus()
for(a=0;a<80;a++){
window.moveTo(0,0)
window.resizeTo(0,scrH*a/80)
}
window.resizeTo(0,0)
for(b=0;b<80;b++){
window.moveTo(0,scrH/1)
window.resizeTo(scrW*b/80,0)
}
for(c=0;c<80;c++){
window.moveTo(scrW/1,scrH/1)
window.resizeTo(0,scrH*c/80)
}
for(d=0;d<80;d++){
window.moveTo(scrW/1,0)
window.resizeTo(scrW*d/80,0)
}
for(e=0;e<80;e++){
window.resizeTo(scrW*e/80,scrH*e/80)
}
window.moveTo(0,0)
window.resizeTo(scrW,scrH)
scrW=screen.availWidth
scrH=screen.availHeight
window.resizeTo(10,10)
window.focus()
for(a=0;a<80;a++){
window.moveTo(0,0)
window.resizeTo(0,scrH*a/80)
}
window.resizeTo(0,0)
for(b=0;b<80;b++){
window.moveTo(0,scrH/1)
window.resizeTo(scrW*b/80,0)
}
for(c=0;c<80;c++){
window.moveTo(scrW/1,scrH/1)
window.resizeTo(0,scrH*c/80)
}
for(d=0;d<80;d++){
window.moveTo(scrW/1,0)
window.resizeTo(scrW*d/80,0)
}
for(e=0;e<80;e++){
window.resizeTo(scrW*e/80,scrH*e/80)
}
window.moveTo(0,0)
window.resizeTo(scrW,scrH)
</script>
Gimana seru kan!! Oh yah seandainya semua trik tersebut ingin dipakai sekaligus dalam satu blog maka untuk penyusunannya bisa seperti ini (http://h1.ripway.com/barista/kontes/kontes%20Fajar.txt) atau sebagai backup bisa dilihat disini (http://www.geocities.com/dwi_nurse86/kontes/kontesFajar.txt)sebenarnya masih banyak trik-trik lain seperti animasi page dan animasi mouse yang jauh lebih inovatif tapi lain waktu saya share lagi, dan semua trik diatas 100% berjalan di kedua blog yaitu blogspot dan wordpress tetapi dengan satu syarat mesti menggunakan mozilla firefox sebagai browsernya, sebagai contoh silahkan kunjungi blog saya yang ini (http://babamz.blogspot.com/) dan lihat semua triknya, akhir kata ditunggu komentarnya.
artikel-kompetisi-fajarseraya12Diposting untuk Kompetisi Blog Fajar Seraya
Penulis : Bamz
Read more ...

Widget Blogspot Keren dan Tidak Penting Menurut Blogger Gaptek


Berikut ini beberapa widget blogspot keren dan Berguna menurut Tergaptek.com
Semua widget blogspot ini gratis dan menurutku layak dipasang di blog karena fungsionalitasnya terhadap pengunjung blog. Terkadang kita salah kaprah karena memasang widget yang menurut kita keren dan bagus tapi tidak nyaman buat pembaca / visitor di blog kita.


widget blogspot
Widget Blogspot
Widget gratis untuk blog yang layak dipasang menurutku :



1. Widget Blogspot Sekali Klik Langsung Follow Twitter (Trik Menambah Follower)
Gunanya widget ini ialah untuk mempromosikan Twitter kita agar lebih mudah mendapatkan Follower Twitter. Karena widget terbaru dari Twitter ini Cukup sekali klik, maka otomatis akan memfollow akun Twitter kita

2. Widget Blogspot Recent Coment (Komentar Terbaru)
Walau sebagian ada yang menganggap Widget komentar terbaru ini kurang berguna, tapi aku cenderung suka menggunakan Widget ini karena mempermudahku mengetahui komentar terbaru jadi lebih mudah membalasnya secara langsung ketika melihat ada komentar terbaru di blogku.

Widget Recent Coment yang aku gunakan di Blog ini :
<script style="text/javascript" src="http://bloggerhosting.appspot.com/serve/amen24.googlepages.com/showrecentcomments.js">
</script><script style="text/javascript">var numcomments = 2;var showcommentdate = false;var showposttitle = true;var numchars = 100;var standardstyling = true;</script> <script src="http://www.tergaptek.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"></script>

3. Widget Blogspot Recent Post (Postingan Terbaru)
Aku melihat lumayan banyak blog yang tidak memasang widget yang satu ini. Padahal fungsi widget Recent post ini sangat penting yaitu memberi tahu  postingan-postingan terbaru yang ada di blog kita kepada visitor yang lagi membaca postingan-postingan lama kita .

Widget Recent Post yang aku gunakan di Blog ini :
<script style="text/javascript"src="http://tergaptekscript.googlecode.com/files/Scipt%20Komentar%20Terbaru.js"></script>
<script style="text/javascript">
var numposts = 5;
var showpostdate = false;
var showpostsummary = true;
var numchars = 80;
var standardstyling = true;
</script>
<script src="http://ayead.blogspot.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts">
</script>
 


Widget ini berguna untuk blogger seperti aku ini yang ingin mengecek perkembangan SEO / Trafik blognya atau ingin pamer. Widget ini misalnya sitemeter, Alexa rank, pr checker dan lain-lain.


5. Widget Blogspot Exchange Link
Widget ini berguna untuk blogger, terutama blogger newbie / baru seperti aku yang masih sering bersilaturahmi antar blogger dan menjadikan Exchange Link sebagai salah satu langkah awal untuk memperkenalkan blog kita.

Script Exchange Link sekali klik yang aku gunakan :
<br />


<div><form name="copy"><div align="center"><input value="KLIK" onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" /> </div>


<div align="center"></div><p align="center"><textarea cols="23" name="txt" wrap="VIRTUAL">
<b><a href="http://www.tergaptek.com/">Gaptek</a></b></textarea></p></form></div>

6. Widget Blogspot Buku Tamu (Ex : Cbox, Shoutmix dll) 
Sama seperti halnya widget Exchange link, widget ini perlu untuk menunjang aktivitas blogwalking kita. Walau sejak beberapa waktu yang lalu aku sudah menghapus Cbox yang ada di Tergaptek.com gara-gara ada yang nyepam dan waktu itu aku malas hapus komen spam PRomo yang ada di Cbox ku. Untuk memasang buku tamu bisa di coba buat salah satunya di CBOX.ws 
Oh Iya, dalam pemasangan buku tamu (ShoutBox) sebaiknya jangan macam-macam seperti dipasang Floating karena tampilan seperti itu sangat mengganggu, apalagi kalau dibuka lewat HP. 


7. Widget Follow Blogspot (Google Friend Connect)
Widget ini salah satu widget yang wajib ada di Blogspot. Fungsinya untuk memberikan info Update postingan terbaru blog kita kepada yang mengklik Follow di blog kita di akun blogger mereka atau Reader yang mereka gunakan. Widget ini secara default sudah ada setiap kita bikin blog di blogspot.


8. Widget Blogspot Subcriber (Subcribe Via Email )
Salah satu yang membuat blog kita mendapat pengunjung loyal selain widget Follow GFC juga dengan Widget subcriber. Di blogger sudah ada widget untuk subcribe jadi tinggal masuk menu Tambah widet. Atau bisa gunakan scippt

widget subcibe ala oprekan Mas Doyok ini :
<form style="border:1px solid #ccc;padding:3px;text-align:center;" action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=Tergaptek', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><p>Masukan Alamat Email sobat untuk selalu mendapatkan info tergaptek:</p><p><input type="text" style="width:140px" name="email"/></p><input type="hidden" value="Tergaptek" name="uri"/><input type="hidden" name="loc" value="en_US"/><input type="submit" value="Berlangganan Via Email" /></form>

9. Widget Blog Fans Facebook / Twitter
Sosial media sekarang merupakan salah satu jalan mendapatkan pembaca blog dan salah satu cara menarik perhatian orang kepada blog kita. Karena jumlah pengguna sosial media seperti FB dan Twitter sangat banyak maka tidak ada salahnya membuat fans page di Facebook lalu memasang widgetnya di Blog kita. Ingat satu like pengguna facebook terhadap fans page blog kita merupakan satu peluang mendapatkan visitor loyal :)

10. Button Untuk Memunculkan Form komentar Klasik (Pop Up) 
Form komentar di Blogspot memiliki kekurangan dan sering erorr, jadi perlu di tambahkan button agar pengunjung lebih mudah memberikan komentar.

Keterangan Widget : Ganti yang warna merah dengan akun sobat .
Temukan juga widet / Tool online lainnya  untuk Blog di Tool Online Tergaptek

Saranku untuk blogger-blogger Jangan terlalu banyak memasang Widget di Blognya biar blognya tidak berat loadingnya walau widget untuk mempercantik blog terkadangan menarik perhatikan tapi gunakan yang perlu saja. Mungkin widget keren untuk blog yang aku gunakan di tergaptek.com itu bisa jadi referensi buat sobat blogger lainnya dalam memilih widget / gadget apa yang perlu di pasang di Blogspot .


Widget yang Tidak penting Menurut Blogger Gaptek

1. Widget Peta

2. Widget Jam

3.Widget Kalender

4.Widget Translate 

5.Java Script Welcome

6.  Widget sejenis WIBya, Pingbox atau Widget Chat Online yang membuat Blog jadi berat

7. Widget MP3 (memutar musik di blog) 

8. Dan widget lain-lain,  yang kurasa sobat akan tau sendiri widget mana yang dinilai tidak perlu apabila sudah mulai lama ngeblog, jadi untuk widget yang menurutku tidak penting ini aku tidak menjelaskan lebih lanjut . Atau mungkin nanti akan di posting di postingan lain.
jangan gunakan banyak Gambar / flash di homepage blog .

Salam Tergaptek
Read more ...

Script Keren Untuk Menyambut Pengunjung

Ini adalah script untuk menyambut pengunjung yang telah digabungkan dari beberapa script. Script ini gabungan dari Alert Message, Resize Window, dan Good Bye Alert.


Kalau mau memsasang script ini, sepertinya pengunjung harus sedikit bersabar untuk menunggu loadingnya, karena script ini gabungan dari banyak script. Untuk itu, anda perlu menghapus beberapa Message agar pengunjung nggak kesel.


Okeyh... Kalau mau coba, silahkan copy script dibawah ini...!!



<SCRIPT quality='high' type='text/javascript'>
var name = prompt("Welcome!!! di iam-pcblog.blogspot.com", "your name here ");
alert("Salam kenal ya "+name)
//
alert ("SELAMAT DATANG DI iam-pcblog.blogspot.com. I'am sarankan anda memakai browser Mozilla Firefox. ")
//
alert ("I'am harap anda menunggu sampai semua loadingnya selesai. Agar anda dapat menikmati seluruh isi dari blog saya. Bersabarlah... ")
//
alert ("Maaf agak lambat sedikit, silakan tunggu dan duduk manis. ")
//<![CDATA[
scrW=screen.availWidth
scrH=screen.availHeight
for(a=100;a<80;a++){
window.moveTo(scrW/1,0)
window.resizeTo(0,scrH*a/50)
}
for(a=0;a<80;a++){
window.moveTo(0,scrH/1)
window.resizeTo(0,scrH*a/50)
}
for(y=0;y<80;y++){
window.resizeTo(scrW*y/80,scrH)
}
for(a=0;a<80;a++){
window.moveTo(0,0)
window.resizeTo(0,scrH*a/50)
}
for(b=0;b<80;b++){
window.moveTo(0,scrH/1)
window.resizeTo(scrW*b/50,0)
}
for(c=0;c<80;c++){
window.moveTo(scrW/1,scrH/1)
window.resizeTo(0,scrH*c/50)
}
for(d=0;d<80;d++){
window.moveTo(scrW/1,0)
window.resizeTo(scrW*d/50,0)
}
for(e=0;e<80;e++){
window.resizeTo(scrW*e/50,scrH*e/50)
}
for(e=0;e<80;e++){
window.moveTo(scrW/1,0)
window.resizeTo(scrW*e/50,scrH*e/50)
}
for(e=0;e<80;e++){
window.moveTo(scrW/1,scrH/1)
window.resizeTo(scrW*e/50,scrH*e/50)
}
for(e=0;e<80;e++){
window.moveTo(0,scrH/1)
window.resizeTo(scrW*e/50,scrH*e/50)
}
for(e=0;e<80;e++){
window.moveTo(scrW/1,0)
window.moveTo(scrW/1,scrH/1)
window.moveTo(0,scrH/1)
window.moveTo(0,0)
window.resizeTo(scrW*e/50,scrH*e/50)
}
//]]>
//
alert ("Maaf yang ke-2 masih agak lambat, I'am harap anda tidak marah. Tetap duduk manis sambil minum kopi atau merokok. Atau sambil ngemil, juga boleh. Hihihi... Ehmm.. mungkin ada baiknya nanti anda klik Maximize. OK? ")
// goodbye alert
function goodbye(){
alert('Hayooo.... mau kemana! He..he..he.. O iya terima kasih atas kunjungannya! Lain kali kalau ada waktu luang jangan lupa main ke sini lagi ya..! THANKS AND VISIT MY BLOG AGAIN, OK..!');
}
parent.window.onunload=goodbye;
//<![CDATA[
//]]>
//<![CDATA[
//]]>
</SCRIPT>



Simpan script tersebut di atas code <head>...!

Ganti tulisan yang berwarna merah sesuai selera anda..!


Cukup segini aja tips dari I'am. I'am sarankan jika menggunakan script ini, anda harus mempunyai blog yang tidak terlalu LOLA.
Read more ...
Designed By Blogger Templates