Zeregar Website

Jumat, 28 September 2012

cara memasang emoticon di kotak komentar

Dengan adanya emoticon di kotak komentar tentunya akan membuat blog menjadi lebih hidup. Para komentator menjadi lebih bisa mengekspresikan perasaannya melalui icon2 (emoticon). Kalau di wordpress mungkin feature ini sudah tersedia. Tapi untuk blogspot kita harus mengotak-atik dan mengakalinya supaya bisa menampilkan emoticon di area komentar. Gimana? kamu mau memasang emoticon ini?

Seperti biasanya, di trik ini akan diberikan dua macam emoticon, yaitu emoticon kucing (seperti punyaku ini) dan emoticon yahoo. Kamu tinggal pilih mana yang kamu suka.

Emoticon Yahoo :

Emoticon Kucing :

Gini nih cara membuatnya :

1. Pertama login ke blogger, trus ke "Layout (Tataletak) --> Edit HTML "
2. Beri tanda centang pada kotak "expand widget template"
3. Lalu letakkan script berikut sebelum kode </body>

Untuk Emoticon Yahoo :

Untuk Emoticon Kucing :

4. Kemudian cari kode berikut ini :

5. Kalo sudah ketemu letakkan kode2 berikut setelah kode <p class='comment-footer'>

Ini untuk Yahoo emoticon :

Kalo mo yang emoticon kucing pake yang ini :

6. Kalo sudah trus di "save" dan coba lihat hasilnya

Tambahan
* Kadang-kadang ada beberapa template memiliki kode yang beda. Kalau caranya sudah dilaksanakan dengan benar tapi hasilnya tidak terjadi apa2 atau kodenya tidak berubah menjadi emoticon, kemungkinan itu karena Kode untuk templatenya berbeda atau bisa juga karena mugnkin hosting untuk menaruh file emoticon dan javascriptnya sedang bermasalah. Description: cara memasang emoticon di kotak komentar Rating: 4.5 Reviewer: Unknown - ItemReviewed: cara memasang emoticon di kotak komentar

cara mengganti icon pada address bar (favicon)

Jika kita membuka suatu website atau blog maka seringkali kita menjumpai ada sebuah gambar atau icon pada address bar (kotak untuk mengetikkan alamat web). Dan jika kita punya blog di Blogspot maka icon default yang akan tampil adalah gambar seperti ini :

Bagi kamu yang tidak puas dengan icon/gambar tersebut, kamu bisa menggantinya dengan gambar sesuai dengan keinginanmu. caranya sangat mudah, yaitu dengan membuat gambar (gif, jpg, ico, dan lain2) dengan ukuran kira2 24x42 pixel sampai 32x32 pixel (sebenarnya ukurannya bebas sih, tapi biar filenya kecil dan proses membukanya cepat). Setelah itu .....
masuk ke "Layout --> Edit HTML" trus tempatkan script berikut sebelum kode </head>

<link href='http://kendhin.890m.com/sonictrik.gif' rel='SHORTCUT ICON'/>

ganti huruf yang dicetak tebal dengan lokasi gambar dimana kamu menyimpannya. Kamu bisa menyimpan gambarmu di 000webhost atau bisa juga di photobucket dan juga di imageshack atau kalo kamu tidak mau pusing dibawah ini ada beberapa contoh icon/gambar beserta dengan linknya.

http://img87.imageshack.us/img87/5862/image1an1.gif

http://img110.imageshack.us/img110/6218/image2ie0.gif

http://img98.imageshack.us/img98/9617/image3cr0.gif

http://img134.imageshack.us/img134/633/image4hx4.gif

http://img139.imageshack.us/img139/83/image5oa7.gif

http://img509.imageshack.us/img509/6449/image6fu0.gif

http://img527.imageshack.us/img527/6543/image7go9.gif

http://img507.imageshack.us/img507/5774/image8wn8.gif

http://img150.imageshack.us/img150/5784/image9qo1.gif

http://img404.imageshack.us/img404/1214/image10vr1.gif

http://img412.imageshack.us/img412/3808/image11pc0.gif

http://img100.imageshack.us/img100/4658/image12du2.gif

http://img132.imageshack.us/img132/4733/image13lj1.gif

http://img145.imageshack.us/img145/7793/image14zg9.gif

http://img412.imageshack.us/img412/4403/image15jc7.gif

http://img264.imageshack.us/img264/7575/image16kn8.gif Description: cara mengganti icon pada address bar (favicon) Rating: 4.5 Reviewer: Unknown - ItemReviewed: cara mengganti icon pada address bar (favicon)

cara dan tips mengedit HTML di blogger

Jika kita mengotak-atik atau mengedit HTML blog kadang2 akan mengalami kesulitan, apalagi bagi yang masih agak pemula. Entah itu gak bisa nemu kode yang mau diedit lah, gak bisa disimpan karena error lah, Ada pesen error yang gak jelas lah, dan lah-lah yang lain, ya to...??? Nha trik dan tips kali ini akan mencoba gimana cara untuk mengatasi atau setidaknya mengurangi masalah "lah-lah" yang kadang2 atau sering terjadi tersebut.

Berikut ini beberapa tips untuk edit HTML bogger:

1. Backup Template

Membackup template ini penting karena jika terjadi hal-hal yang tidak dinginkan, misalnya blog jadi rusak maka kita bisa membuatnya seperti sediakala (sebelum rusak) jika kita sebelumnya sudah membackup template. Cara membackup template ini mudah. Cukup klik pada link "Download Full Template" lalu simpan file template di komputer kita. Kalo terjadi kesalahan yang tidak bisa kita atasi, kita tinggal upload aja file template tersebut.

2. Memberi Tanda Centang pada Kotak "Expand Widget Template"

Ini yang kadang2 dilupakan para "editor". Kalau kotak "Expand Widget Templates" tidak dicentang maka kode2 yang dicari kemungkinan tidak ditemukan. Tapi kadang2 hal ini tidak perlu dilakukan tergantung dari petunjuk tutorialnya. Makanya perhatikan baik2 tutorialnya kalo mau Edit HTML blog.

3. Tips Mempermudah Pencarian

Untuk mempermudah pencarian kode yaitu dengan meng-copy dulu kode yang mau dicari kemudian tekan "Ctrl+f" lalu masukkan kode yang dicopy tadi kedalam kotak yg muncul. Kalo misalkan kode yang dicari tidak muncul maka cobalah mencari sebagian dari kode tersebut. Misal mau mencari kode <p><data:post.body/></p> jika tidak ketemu maka cb carilah sebagiannya atau seperti ini data:post.body kalau sudah ketemu maka klik tombol next untuk melihat apakah ada kode lain yang sama untuk memastikan kode yang dikehendaki. Tapi tips ini sepertinya sulit dilakakukan jika menggunakan browser "Chrome" paling mudah jika menggunakan "Mozilla Firefox".

4. Tips Menghadapi Error Yang Muncul

Jika saat menyimpan hasil editan kemudian muncul pesan error, misal seperti ini:
We were unable to save your template
Please correct the error below, and submit your template again.
Your template could not be parsed as it is not well-formed. Please make sure.....
Maka hal yang harus kita lakukan adalah berusaha memahami pesan error tersebut. Kemudian kita cek kembali tutorial yang kita baca apakah langkah-langkah yang sudah kita lakukan bener2 sesuai dengan tutorialnya. kalau tidak yakin maka kita bisa mengulangi lagi tutorialnya dari awal dengan mengklik tombol "Clear Edit" terlebih dahulu.

Mungkin untuk masalah mengahadapi berbagai pesan error ini akan kita bahas lebih lanjut diepisode yang lainnya yang lebih spesifik.

Yak mungkin itu aja dulu tips-tips dalam pembahasan kali ini. Kita jumpa lagi di tips-tips berkutnya. Description: cara dan tips mengedit HTML di blogger Rating: 4.5 Reviewer: Unknown - ItemReviewed: cara dan tips mengedit HTML di blogger

cara mengganti older post dengan angka seperti di google

Secara umum, navigasi untuk pindah halaman di blogspot biasanya menggunakan link dengan teks "Older Posts (posting lama)" dan "Newer Posts (posting baru)". Beda dengan wordpress yang navigasinya bisa berbentuk angka sehingga bisa memudahkan untuk loncat beberapa halaman ke postingan yg lama maupun baru.
Nha trik kali ini akan menjelaskan bagaimana cara mengganti link "Older Posts (posting lama)" dan "Newer Posts (posting baru)" menjadi angka seperti gambar di bawah ini

1. Langkah awal tentu saja harus menuju ke desain template anda kemudian ke "Edit HTML"
2. setelah itu cari kode ini ]]></b:skin> kalo sudah ketemu taruh script dibawah ini sebelum kode tersebut

.showpageArea a {
text-decoration:underline;
}
.showpageNum a {
text-decoration:none;
border: 1px solid #cccccc;
margin:0 3px;
padding:3px;
}
.showpageNum a:hover {
border: 1px solid #cccccc;
background-color:#cccccc;
}
.showpagePoint {
color:#333;
text-decoration:none;
border: 1px solid #cccccc;
background: #cccccc;
margin:0 3px;
padding:3px;
}
.showpageOf {
text-decoration:none;
padding:3px;
margin: 0 3px 0 0;
}
.showpage a {
text-decoration:none;
border: 1px solid #cccccc;
padding:3px;
}
.showpage a:hover {
text-decoration:none;
}
.showpageNum a:link,.showpage a:link {
text-decoration:none;
color:#333333;
}

3. setelah itu cari kode ini </body> kemudian taruh script dibawah ini sebelum kode tersebut.

<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<script type='text/javascript'>
var pageCount=5;
var displayPageNum=5;
var upPageWord ='Previous';
var downPageWord ='Next';
</script>
<script src='http://bloggergadgets.googlecode.com/files/blogger_pagenavi_min.js' type='text/javascript'/>
</b:if> </b:if>

Kalau sudah silahkan dilihat hasilnya. Description: cara mengganti older post dengan angka seperti di google Rating: 4.5 Reviewer: Unknown - ItemReviewed: cara mengganti older post dengan angka seperti di google

cara cepat undang auto like untuk facebook fans page (new)

Berikut cara invite/undang autolike untuk facebook fans page.
pada panel admin klik kembangkan pemirsa.
rubah Interaksi terbaru ke Cari semua teman.
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.
masukan kode javascript dibawah ini.

javascript:var x=document.getElementsByTagName("input");for(var i=0;i

kemudian Tekan ENTER.
setelah semua teman telah tercentang. KLIK KIRIM dan tunggu beberapa saat

NB : jika teman anda banyak dan koneksi internet lambat kemungkinan akan sedikit lambat prosesnya. !!! Description: cara cepat undang auto like untuk facebook fans page (new) Rating: 4.5 Reviewer: Unknown - ItemReviewed: cara cepat undang auto like untuk facebook fans page (new)

Kamis, 27 September 2012

cara membuat fanspage melayang di samping blogger

Cara Membuat Fans Page Melayang Di Blog >>>> Fans page FB sangat membantu trafik di Blog Kita

sebelumnya anda harus membuat fanspagenya terlebih dahulu :) silahkan klik disini.

>>>>> DEMO <<<<<

Biasanya penempatan fans page FB berada pada widget yang statis, apakah itu di side bar ataupun pada footer sehingga tidak setiap waktu terlihat oleh pengunjung blog kita apabila halaman yang sedang dibaca mereka geser keatas atau kebawah.

Kali ini piper comex akan berbagi cara membuat fans page melayang di blog, artinya fans page FB tersebut akan selalu terlihat setiap waktu baik posisi halaman diatas, ditengah maupun dibawah. Sehingga memungkinkan pengunjung untuk dapat klik like pada posisi halaman apapun.

Langsung aja tidak perlu panjang lebar, karena katanya kalau terlalu "panjang" kasihan cewek nya, dan kalau terlalu "lebar" kasihan cowok nya.

Berikut panduannya:

1. Masuk ke "Rancangan" pada blog Anda
2. Tambah Gadget "HTML"
3. Copy - paste kode dibawah ini:

<style type="text/css">
#topbar{
position:absolute;
padding-left:1px;
background-color: transparancy;
width: 238px;
visibility: hidden;
z-index: 100;
}
</style>
<script type="text/javascript">
var persistclose=0 //set to 0 or 1. 1 means once the bar is manually closed, it will remain closed for browser session
var startX = 10 //set x offset of bar in pixels
var startY = 5 //set y offset of bar in pixels
var verticalpos="fromtop" //enter "fromtop" or "frombottom"
function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}
function get_cookie(Name) {
var search = Name + "="
var returnvalue = "";
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) {
offset += search.length
end = document.cookie.indexOf(";", offset);
if (end == -1) end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}
function closebar(){
if (persistclose)
document.cookie="remainclosed=1"
document.getElementById("topbar").style.visibility="hidden"
}
function staticbar(){
barheight=document.getElementById("topbar").offsetHeight
var ns = (navigator.appName.indexOf("Netscape") != -1) || window.opera;
var d = document;
function ml(id){
var el=d.getElementById(id);
if (!persistclose || persistclose && get_cookie("remainclosed")=="")
el.style.visibility="visible"
if(d.layers)el.style=el;
el.sP=function(x,y){this.style.right=x+"px";this.style.top=y+"px";};
el.x = startX;
if (verticalpos=="fromtop")
el.y = startY;
else{
el.y = ns ? pageYOffset + innerHeight : iecompattest().scrollTop + iecompattest().clientHeight;
el.y -= startY;
}
return el;
}
window.stayTopright=function(){
if (verticalpos=="fromtop"){
var pY = ns ? pageYOffset : iecompattest().scrollTop;
ftlObj.y += (pY + startY - ftlObj.y)/8;
}
else{
var pY = ns ? pageYOffset + innerHeight - barheight: iecompattest().scrollTop + iecompattest().clientHeight - barheight;
ftlObj.y += (pY - startY - ftlObj.y)/8;
}
ftlObj.sP(ftlObj.x, ftlObj.y);
setTimeout("stayTopright()", 10);
}
ftlObj = ml("topbar");
stayTopright();
}
if (window.addEventListener)
window.addEventListener("load", staticbar, false)
else if (window.attachEvent)
window.attachEvent("onload", staticbar)
else if (document.getElementById)
window.onload=staticbar
</script>
<br />
<div class="clear">
</div>
<div id="topbar">
<div style="text-align: right;">
<a href="" onclick="closebar(); return false"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbMZcLJQCYBYptRPAKOs0zujuFG-1Di4bsVqtz9asc2HTkk1dleWtXSjmyY6TN2_XMRw-FDfDzdPH4CPAPBrSrohCv-D2M5enyMp7fn6TOUaXcxtYHrLZQ8VVBQ77WHfhMeuGbOh5u3wah/s1600/closanku.png" /></a></div>
<center>
<div style="background: #fff;">

cara membuat fans page/like box di blogger dan wordpress

1. Pertama tama Anda harus memiliki Fan Page atau Halaman Penggemar di Facebook, Bagi Anda yang belum memilikinya silahkan Anda buat dulu klik → Cara Mudah Membuat Fans Page Di Facebook

2. Jika Anda sudah memiliki Fan Page di Facebook, selanjutnya Anda harus mendapatkan kode html Fan Page tersebut, caranya silahkan Klik → http://developers.facebook.com/docs/reference/plugins/like-box/

3. Pada Facebook Page URL Silahkan Anda Masukan Alamat URL Fan Page Anda, Agar tampilan lebih kecil Jangan centang kotak “Show Stream” . Lalu Klik Get Code, Lihat Gambar dibawah:

Oh ya lupa! Jika Muncul tulisan “Untuk menggunakan plugin sosial Facebook, Anda harus mengaktifkan aplikasi platform.” Itu tandanya Anda belum mengaktifkan aplikasi platform facebook, Anda harus mengaktifkannya terlebih dulu. Untuk mengaktifkannya silahkan Anda klik tulisan tersebut, Lihat gambar dibawah:

Selanjutnya Klik Hidupkan.

Ok mari kita lanjutkan lagi, Masukan Alamat URL Fan Page Anda, Agar tampilan lebih kecil Jangan centang kotak “Show Stream” Lalu Klik Get Code.

Setelah Itu akan tampil kode seperti gambar dibawah ini:

Selanjutnya Cara memasukan kode diatas pada blogspot dan WordPress:

1. PADA BLOGSPOT

1. login ke Dashboard Blogspot Anda.

2. Pilih Rancarangan

3. Tambah Gadget Baru (Terserah Anda di Sidebar mana Anda ingin meletakannya).

4. Pilih Gadget “HTML/JAVASCRIPT”

Silahkan Masukan Kode like box nomer 2 tersebut ke widget Ini.

5. Langkah selanjutnya memasukan kode like box nomer 1 kedalam template, Silahkan Anda Klik “EDIT HTML”

6. Centang Expand Template Widget dan Gunakan Ctrl+F Untuk Memudahkan pencarian.

7. Cari Kode <body> dan letakkan kode nomer 1 tersebut dibawah kode <body>. Oh ya biasanya pada pada template Blogspot tidak ada kode <body>. Adanya kode <body expr:class=’"loading" + data:blog.mobileClass’> Ya tinggal letakan saja dibawah kode <body expr:class=’"loading" + data:blog.mobileClass’>.

Yang penting masukan kode tersebut setelah pembatas tag body seperti tanda ini ” >”

8. Simpan Template.

PADA WORDPRESS

1. Masuk ke Dashboard

2. Pilih Appearance → Klik Widget

3. Pilih widget Text → Geser ke sidebar yang Anda inginkan → Masukan Kode like box Nomer 2 diatas pada widget Text Tersebut.

4. Langkah berikutnya memasukan kode like box nomer 1 ke dalam template. Caranya Pilih Appearance → Klik Editor

5. Selanjutnya Anda akan di bawa ke stylesheet (style.css) template, Sekarang Anda pilih Header (header.php) Letaknya ada di sebelah kanan.

6. Gunakan Ctrl+F Untuk memudahkan pencarian, Selanjutnya cari kode <body>. Dan letakan Kode Like Box Nomer 1 Tepat dibawahnya.

7. Klik Update File.

8. Selesai

Sangat Mudah bukan?
Description: cara membuat fans page/like box di blogger dan wordpress Rating: 4.5 Reviewer: Unknown - ItemReviewed: cara membuat fans page/like box di blogger dan wordpress

Zeregar Website

Jumat, 28 September 2012

cara memasang emoticon di kotak komentar

cara mengganti icon pada address bar (favicon)

cara dan tips mengedit HTML di blogger

cara mengganti older post dengan angka seperti di google

cara cepat undang auto like untuk facebook fans page (new)

Kamis, 27 September 2012

cara membuat fanspage melayang di samping blogger

cara membuat fans page/like box di blogger dan wordpress

tahukah anda

banner

banner

iklan

visit this

share

Jumat, 28 September 2012

Kamis, 27 September 2012

tahukah anda

banner

banner

iklan

visit this

share

pengunjung Zeregar Website

twitter

article terbaru Zeregar Website

unik n fun

TRIK BLOG

menu Zeregar Website

Arsip Blog

Daftar Teman

daftar daerang pengunjung