mas.peypah | kumpulan trik blogger

cara membuat share this post

2010-03-11T17:14:00.000+07:00

halo sobat blogger dimanapun anda berada. Saya akan membuat artikel tentang cara meningkatkan traffic pengunjung blog anda dengan menggunakan share this post. Sebelumnya saya juga memposting tentang ini. Btw, trik ini saya dapatkan dari sini!!

Mungkin diantara para sobat blogger belum mengerti apa maksud dan fungsi Share This Post ini. Share This Post ini terdapat 7 tombol, yaitu : Digg, Delicious, Facebook, Google, Stumble, Technorati dan Twitter. Fungsinya adalah untuk mensubmit artikel Anda dengan mudah karena kita tinggal mengklik saja salah satu social bookmark dan secara otomatis artikel Anda akan langsung tersubmit ke social bookmark. Dan tentu saja fungsi utama Social Bookmark adalah meningkatkan traffic pengunjung.

Langsung aja deh, gk usah basa-basi..

1. Log in blogger.com
2. Dasbor > tata letak > edit HTML
3. beri tanda centang pada Expand Template Widget
4. Cari kode ]]></b:skin>
5. Letakkan script di bawah ini, dan letakkan di atas ]]></b:skin>

div.sociable { margin: 16px 0;}

span.sociable_tagline { position: relative; }
span.sociable_tagline span { display: none; width: 14em; }
span.sociable_tagline:hover span {
position: absolute;
display: block;
top: -5em;
background: #ffe;
border: 1px solid #ccc;
color: black;
line-height: 1.25em;
}
.sociable span {
display: block;
}
.sociable ul {
display: inline;
margin: 0 !important;
padding: 0 !important;
}
.sociable ul li {
background: #f5f5f5;
display: inline !important;
list-style-type: none;
margin: 0;
padding: 2px;
}
.sociable ul li:before { content: ""; }
.sociable img {
float: none;

border: 0;
margin: 0;
padding: 0;
}

.sociable-hovers {
opacity: 0.4;
-moz-opacity: 0.4;
filter: alpha(opacity=40);
}
.sociable-hovers:hover {
opacity: 1;
-moz-opacity: 1;
filter: alpha(opacity=100);
}

6. Lalu cari kode <data:post.body/>

ket: Jika blog Anda sudah memakai fungsi readmore, maka terdapat dua kode tersebut. Maka pilih kode yang kedua/terakhir biar tidak tampak pada halaman utama.

7. Copy kode di bawah ini, lalu letakkan di bawah <data:post.body/>

<b:if cond='data:blog.pageType == "item"'>
<div class='sociable'>
<div class='sociable_tagline'>
<img alt='maspeypah' src='http://4.bp.blogspot.com/_KgIhfKU4BcE/SwfOTb1pF1I/AAAAAAAAAuI/M-fC8ABhw6c/s1600/share.jpg' title='Share This Artikel'/>
</div>
<ul>
<li><a expr:href='"http://digg.com/submit?phase=2&url=" + data:post.url + "&title=" + data:post.title' target='_blank'><img alt='Digg' class='sociable-hovers' src='http://4.bp.blogspot.com/_KgIhfKU4BcE/SwfN_PyGWsI/AAAAAAAAAtw/HUcVDlUpfwg/s400/digg.png' title='Digg'/></a></li>
<li><a expr:href='"http://del.icio.us/post?url=" + data:post.url + "&title=" + data:post.title' target='_blank'><img alt='del.icio.us' class='sociable-hovers' src='http://1.bp.blogspot.com/_KgIhfKU4BcE/SwfN5pqFA4I/AAAAAAAAAto/HFYS5rLHaIo/s400/delicious.png' title='del.icio.us'/></a></li>
<li><a expr:href='"http://www.facebook.com/sharer.php?u=" + data:post.url + "&title=" + data:post.title' target='_blank'><img alt='Facebook' class='sociable-hovers' src='http://2.bp.blogspot.com/_KgIhfKU4BcE/SwfOGlfWg6I/AAAAAAAAAt4/1NpvgqnynAg/s400/facebook_002.png' title='Facebook'/></a></li>
<li><a expr:href='"http://www.google.com/bookmarks/mark?op=edit&bkmk=" + data:post.url + "&title=" + data:post.title' target='_blank'><img alt='Google' class='sociable-hovers' src='http://3.bp.blogspot.com/_KgIhfKU4BcE/SwfOL1O6pFI/AAAAAAAAAuA/fCpnpHg87yg/s400/googlebookmark.png' title='Google'/></a></li>
<li><a expr:href='"http://www.stumbleupon.com/submit?url=" + data:post.url + "&title=" + data:post.title' target='_blank'><img alt='StumbleUpon' class='sociable-hovers' src='http://3.bp.blogspot.com/_KgIhfKU4BcE/SwfObF-toHI/AAAAAAAAAuQ/SwO1_vXBHWg/s400/stumbleupon.png' title='StumbleUpon'/></a></li>
<li><a expr:href='"http://technorati.com/faves?add=" + data:post.url + "&title=" + data:post.title' target='_blank'><img alt='Technorati' class='sociable-hovers' src='http://4.bp.blogspot.com/_KgIhfKU4BcE/SwfOoNe2fWI/AAAAAAAAAuY/cxTxqKCpVYE/s400/technorati.png' title='Technorati'/></a></li>
<li><a expr:href='"http://twitter.com/home?status=" + data:post.url + "&title=" + data:post.title' target='_blank'><img alt='TwitThis' class='sociable-hovers' src='http://2.bp.blogspot.com/_KgIhfKU4BcE/SwfOswiRsWI/AAAAAAAAAug/cllKpvLIDi4/s400/twitter.gif' title='TwitThis'/></a></li>
</ul>
</div>
</b:if>

8. Simpan

semoga bermanfaat..

cara membuat read more otomatis dengan gambar

2010-03-11T15:47:00.005+07:00

halo sobat blogger. Lama gak nge-blog dan memberi tutorial segar yg bisa membuat blog anda lebih mantap. Dan pada kesempatan kaliini saya akan memberikan tutorial blog, yaitu cara membuat read more otomatis dengan ditambahi gambar. JIka anda tertarik dengan ini, anda bisa mencoba tutorial ini. Trik ini sangat mudah. Langsung aja ya..!!

cekidot..

1. Log in blogger.com
2. Dasbor > tata letak > edit HTML
3. Centang Expand Template Widget
4. Cari kode </head>
5. Copy kode di bawah ini,dan letakkan di atas </head>

<script type='text/javascript'>
var thumbnail_mode = "float" ;
summary_noimg = 250;
summary_img = 250;
img_thumb_height = 120;
img_thumb_width = 120;
</script>

<script type='text/javascript'>
//<![CDATA[
/******************************************
Auto-readmore link script, version 2.0 (for blogspot)

(C)2008 by Anhvo

visit http://en.vietwebguide.com to get more cool hacks
********************************************/
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>

6. Lalu cari kode <data:post.body/>
7. 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'><a expr:href='data:post.url'><img src='http://lh6.ggpht.com/_Kwwy9VyLMKw/S3qDYQZCiRI/AAAAAAAACxA/aXY0neVNzh0/but_readmore.png'/></a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>

ket: gambar readmore bisa diganti, dengan cara ganti URL gambar(yg warna merah)

8. Simpan

semoga bermanfaat..

cara pasang favicon versi scroll text

2010-02-27T12:36:00.000+07:00

halo sobat blogger di manapun anda berada. Percantik/perganteng blog anda dengan trik blogger dari saya ini. Trik ini ialah favicon, tapi favicon ini lain daripada yg lain, favicon ini namanya favicon versi scroll text. Sebagai contoh seperti milik saya yg berada di address bar..

mau?? pengen??
begini caranya...

1. Buka http://www.freefavicons.info
2. Klik browse untuk mengambil gambar dari komputer Anda
3. Kolom di bawahnya isi dengan text yang akan muncul

4. Kalau sudah klik Create Favicon
5. Kemudian klik Get It Now untuk menyimpan hasilnya di komputer Anda
6. File tersimpan di komputer Anda

kemudian daripada itu ..

Extract File
Akan ada beberapa file yang terdownload, extract hasil download.
- Buka File Rar Anda, akan ada banyak file
- Biasanya file yang kita butuhkan akan bernama Animated_favicon.gif, klik file tersebut
- Klik Extract To pada toolbar WinRAR
- Pilih tempatnya lalu klik OK

ImageShack
- Buka http://imageshack.us
- Klik Browse, cari file (animated_favicon.gif) yang tadi telah Anda extract
- Klik Start Upload (kolom lain abaikan saja, tak perlu diisi
- Nah, muncul URL file Anda yang bisa Anda gunakan untuk favicon Anda

Penting!!! Ada Direct link to image dan short link to image
Pilih saja yang direct link to image, yang kita gunakan adalah URL di kolom sebelah kiri tulisan Direct link to image.

Pasang Favicon
Untuk memasangnya sudah pernah saya bahas, baca saja cara ganti icon blog(favicon)
Di artikel tersebut ada script untuk memasang favicon, ganti yang berwarna merah dengan URL yang baru saja Anda dapat.

Semoga bermanfaat........

cara membuat tulisan berkedip/blink

2010-02-26T16:43:00.003+07:00

halo sobat blogger dimanapun anda berada. Saya akan memberi trik yg enteng2 saja, bagi yg uda tau/uda master gpp ikutan aja, karena trik ini unutk para NEWBIE seperti saya.,, btw, trik ini simpel buanget. Trik ini namanya cara membuat tulisan kedip-kedip/blink-blink, untuk contohnya anda bisa lihat di header saya bagian pojok kanan. Gimana? uda tau? klo uda anda ingin mencobanya? Silahkan praktekkan tutorial dari saya ini..

cekidot!!
caranya..

<blink> taruh tulisan.mu disini.. </blink>

ket :
trik ini bisa dipakai dalam sebuah link..
<blink><a href="http://www.maspeypah.co.cc">blog saya..</a></blink>
hasilnya..
blog saya..

saya kira itu saja..
kurang lebihnya saya mohon maap,.. Wassalamualaikum Wr.Wb(heheehee..)

semoga bermanfaat ..

cara mengetahui asal pengunjung blog by feedjit

2010-02-25T11:03:00.000+07:00

Feedjit adalah web layanan gratis yang berfungsi untuk mengamati kedatangan pengunjung yang datang ke blog anda. Feedjit memiliki 4 widget gratis yang disediakan khusus untuk sebuah web / blog.

Jenis - Jenis Widget Feedjit :

Live Traffic Feed
Widget Ini berfungsi sebagai pencari tahu asal kedatangan pengunjung, seperti dari kota dan negara apa? , dari prantara web apa?, pada saat datang berada di web (kamu) bagian mana. Hal - hal tersebutlah yang dikonfirmasikan oleh widget live traffic feed.

Live Traffic Map
Widget ini menampilkan asal pengunjung yang datang ke blog anda dengan peta dan tanda titik merah yang menunjukan lokasi pengunjung.

Recommended Reading
Sesuai namanya dalam serapan Indonesia adalah rekomendasi, jadi fungsinya merekomendasikan bacaan - bacaan yang ada di blog anda kepada para pembaca.

Page Popularity
Namanya sudah menunjukan bahwa halaman terpopuler, berarti fungsinya adalah menunjukkan bacaan - bacaan yang terpopuler di blog anda. Dalam Page Popularity bacaan yang terpopuler diartikan sebagai bacaan yang paling banyak di klik oleh pengunjung. Page popularity hanya akan menunjukkan 10 bacaan terpopuler dari blog anda.

cara menambah feedjit :

Masuk di sini!
Copy kode (silahkan pilih sesuai keinginan)
Log in blogger.com
Dasbor > tata letak > elemen laman
Tambah gadget > HTML/javascript
Paste kode feedjit tadi ke dalam kolom
Simpan

selesai ...

cara buat link tanpa klik langsung terbuka

2010-02-23T14:36:00.000+07:00

berhati hatilah ketika melewati/melintasi emoticon naruto seperti gambar di atas. Karena tanpa anda klik itu gambar, langsung aja ngacir ke tujuan. Anda tidak percaya? coba saja! saya beri waktu untuk mencobanya.. bagaimana hasilnya? seru bukan? seru bukan?! Bagi Anda yang sudah memulai karir blog dan menumbuhkan blog Anda, tentu senang rasanya mulai menapaki berbagai modifikasi dan desain untuk blog Anda. Satu hal menarik adalah modifikasi soal link. Memang modifikasi soal link tak pernah habis. Kali ini saya akan memberitahu cara bagaimana membuat sebuah link terbuka tanpa klik. Biasanya tujuan link terbuka begitu ada aksi klik, tetapi dengan script ini hanya dengan menyorotnya saja link sudah terbuka.

Cara untuk membuatnya sangatlah simpel, coba perhatikan dua link di bawah ini

mas.peypah | kumpulan tutorial blogger = kode link biasa
kode :
<a href="http://www.maspeypah.co.cc" target=_blank>mas.peypah | kumpulan tutorial blogger</a>

ket : coba anda sorot link tsb !! link tsb tidak langsung ke tujuan bukan?? bila ingin ke tujuannya harus anda klik terlebih dahulu. mengapa demikian?? karena link tsb menggunakan kode biasa.

link berikut ini :
mas.peypah | kumpulan tutorial blogger
kode :
<a href="http://www.maspeypah.co.cc" onMouseover="window.location=this.href">mas.peypah | kumpulan tutorial blogger</a>

ket : cukup anda sorot link tsb langsung ngacir ke TKP ..!!

caranya..
ganti target=_blank> dengan onMouseover="window.location=this.href">

semoga bermanfaat !!!

cara meningkatkan traffic blog (tombol sexy share)

2010-02-22T14:57:00.000+07:00

bagi blogger yg artikelnya bisa diketahui oleh banyak orang situs jejaring sosial
saya beri tips & trik nya. Cara seperti ini bernama share
keuntungannya bila artikel menarik terus dutelusuri terus di mana asal-usulnya dan akhirnya traffic blog bisa naik.
bila pengen ikuti cara berikut ini..!! (gak sulit kok !!)

1.Log in blogger.com
2.Dasbor > tata letak > edit HTML
3.Kasi tanda centang pada expand widgets template
4.Cari kode ]]></b:skin>
5.Letakkan kode berikut di atas ]]></b:skin>

.sexy-bookmarks {
height:54px;
background:url('http://i43.tinypic.com/2ueii3t.png') no-repeat left bottom;
position:relative;
width:540px;
}

.sexy-bookmarks span.sexy-rightside {
width:17px;
height:54px;
background:url('http://i43.tinypic.com/2ueii3t.png') no-repeat right bottom;
position:absolute;
right:-17px;
}

.sexy-bookmarks ul.socials {
margin:0 !important;
padding:0 !important;
position:absolute;
bottom:0;
left:10px;
}

.sexy-bookmarks ul.socials li {
display:inline-block !important;
float:left !important;
list-style-type:none !important;
margin:0 !important;
height:29px !important;
width:48px !important;
cursor:pointer !important;
padding:0 !important;
}

.sexy-bookmarks ul.socials a {
display:block !important;
width:48px !important;
height:29px !important;
font-size:0 !important;
color:transparent !important;

}

.sexy-furl, .sexy-furl:hover, .sexy-digg, .sexy-digg:hover, .sexy-reddit, .sexy-reddit:hover, .sexy-stumble, .sexy-stumble:hover, .sexy-delicious, .sexy-delicious:hover, .sexy-yahoo, .sexy-yahoo:hover, .sexy-blinklist, .sexy-blinklist:hover, .sexy-technorati, .sexy-technorati:hover, .sexy-facebook, .sexy-facebook:hover, .sexy-twitter, .sexy-twitter:hover, .sexy-myspace, .sexy-myspace:hover, .sexy-mixx, .sexy-mixx:hover, .sexy-script-style, .sexy-script-style:hover, .sexy-designfloat, .sexy-designfloat:hover, .sexy-syndicate, .sexy-syndicate:hover, .sexy-email, .sexy-email:hover {
background:url('http://i44.tinypic.com/1znbj83.png') no-repeat !important;
}

.sexy-furl {
background-position:-300px top !important;
}
.sexy-furl:hover {
background-position:-300px bottom !important;
}
.sexy-digg {
background-position:-500px top !important;
}
.sexy-digg:hover {
background-position:-500px bottom !important;
}
.sexy-reddit {
background-position:-100px top !important;
}
.sexy-reddit:hover {
background-position:-100px bottom !important;
}
.sexy-stumble {
background-position:-50px top !important;
}
.sexy-stumble:hover {
background-position:-50px bottom !important;
}
.sexy-delicious {
background-position:left top !important;
}
.sexy-delicious:hover {
background-position:left bottom !important;
}
.sexy-yahoo {
background-position:-650px top !important;
}
.sexy-yahoo:hover {
background-position:-650px bottom !important;
}
.sexy-blinklist {
background-position:-600px top !important;
}
.sexy-blinklist:hover {
background-position:-600px bottom !important;
}
.sexy-technorati {
background-position:-700px top !important;
}
.sexy-technorati:hover {
background-position:-700px bottom !important;
}
.sexy-myspace {
background-position:-200px top !important;
}
.sexy-myspace:hover {
background-position:-200px bottom !important;
}
.sexy-twitter {
background-position:-350px top !important;
}
.sexy-twitter:hover {
background-position:-350px bottom !important;
}
.sexy-facebook {
background-position:-450px top !important;
}
.sexy-facebook:hover {
background-position:-450px bottom !important;
}
.sexy-mixx {
background-position:-250px top !important;
}
.sexy-mixx:hover {
background-position:-250px bottom !important;
}
.sexy-script-style {
background-position:-400px top !important;
}
.sexy-script-style:hover {
background-position:-400px bottom !important;
}
.sexy-designfloat {
background-position:-550px top !important;
}
.sexy-designfloat:hover {
background-position:-550px bottom !important;
}
.sexy-syndicate {
background-position:-150px top !important;
}
.sexy-syndicate:hover {
background-position:-150px bottom !important;
}
.sexy-email {
background-position:-753px top !important;
}
.sexy-email:hover {
background-position:-753px bottom !important;
}

6.Cari kode <div class='post-footer'>(biar pencarian lebih mudah CTRL+F)
7.Letakkan kode berikut di bawahnya

8.Simpan

selamat mencoba & semoga traffic blogmu meningkat !!

cara mempertahankan widget saat ganti template

2010-02-15T16:16:00.004+07:00

halo sobat blogger di manapun anda berada. Bukannya saya kekurangan ide, karena saya akan membuat artikel tentang cara mempertahankan widget saat mengganti template dengan sangay mudah sekali. Cara ini terbilang baru karena pada blogger yg lalu-lalu tidak ada yg seperti beginian. Bagi anda yg ingin ganti template gk perlu takut akan widget yg bakal hilang.
Ingin widgwt anda utuh dan tidak hilang satupun?? begini caranya..

cekidot...

1. Log in blogger.com
2. Dasbor > tata letak > edit HTML
3. Upload tempalte mu
4. Setelah ada gambar seperti di bawah ini..

5. Pilih aja, PERTAHANKAN WIDGET

selesai .., semoga bermanfaat..

cara membuat recent comments (part2)

2010-02-13T16:30:00.004+07:00

halo sobat blogger dimanapun anda berada. Sekrang saya akan membuat artikel tentang recent comments versi yg ke-2. Sebelunya, apa itu recent comments? Recent Comment adalah satu hal yang sangat penting untuk menarik pengunjung ke Blog kita. Banyak sekali pengunjung yang senang membaca komentar, karena seakan ada interaksi antar manusia seperti obrolan. Nah, bagi yang males menggunakan script pakai ini saja. Mudah, simpel dan cepat. Di versi yg k-2 ini berbeda dengan yg pertama, perbedaannya ialah..
Recent comments yg pertama tidak menggunakan kode script tapii, kalau yg k-2 ini menggunakan kode script. Hasilnya sperti gambar di bawah ini..

ingin seperti gambar diatas?? begini caranya..
cekidot..

1. Log in blogger.com
2. Dasbor > tata letak > tambah gadget
3. Pilih HTML/javascript
4. Copas kode di bawah ini

<br /><div style="overflow: auto;width: ancho;height: 200px;
text-align: left; ">

<script style="text/javascript" src="http://diesilver.googlecode.com/files/recentcommentswidgetv2.js"></script><script style="text/javascript">var a_rc=4;var m_rc=true;var n_rc=true;var o_rc=100;</script><script src="http://www.maspeypah.co.cc/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"></script></div>

ket :
warna merah menunjukkan tinggi recent comment, anda bisa merubahnya sesuai keinginan.
warna hijau menunjukkan jumlah recent comments yang ditampilkan, anda bisa merubahnya sesuai keinginan.
warna biru menunjukkan alamat blog yg akan menjadi sumbernya, kalo ini harus diganti.. hehehe

5. Simpan

semoga bermanfaat..

cara menambah status YM di blog

2010-02-09T16:23:00.005+07:00

halo sobat blogger dimanapun anda berada. Sekarang saya akan memberikan trik tentang perbagus blog, trik ini namanya cara menambah status YM(yahoo messenger) pada blog. Dengan ini pengunjung blog anda bisa mengetahui kalau anda sedang OL(online). Bila anda tertarik dengan trik saya ini saya akan memberitahukan caranya..!! Simak terus ya..
cedidot..

caranya..

1. Log in blogger.com
2. Dasbor > tata letak > elemen laman
3. Tambah gadget > HTML/javascript
4. Copas kode di bawah ini

<a target="_blank" href="http://ymgen.com/chat.php?idne=h.sepka7c">
<img border="0" src="http://ymgen.com/ym.php?id2=h.sepka7c&s2=54"></a>

<a target="_blank" href="http://ymgen.com/chat.php?idne=h.sepka7c">
<img border="0" src="http://ymgen.com/ym.php?id2=h.sepka7c&s2=51"></a>

ket :
ganti ID YM saya/tulisan berwarna merah dengan ID YM yg anda miliki.

5. Simpan
---------------------------------------oooo------------------------------------------

jika anda tidak puas dengan yg diatas, anda bisa mencoba yg lainnya..

1. Masuk di sini!!
2.
sesuai gambar diatas, isi ID YM mu di kolom yg tsb lalu pilih gambar status mu setelah itu klik tombol "SUBMIT"
3. Copy kode HTML-nya
4. Lalu paste-kan pada gadget HTML/Javascript
5. Simpan

semoga bermanfaat..

cara menambah back to top pada blog

2010-02-06T13:38:00.002+07:00

halo sobat blogger dimanapun anda berada. Sekarang saya akan memberikan trik ato bisa juga disebut memperbagus blog. Trik ini bagi saya bermanfaat, trik ini adalah cara menambahkan back to top pada blog. Tentu saja fungsinya adalah tombol yang dapat mengarahkan langsung kembali ke atas dan tidak perlu mengscoll ke arah atas yg bisa membosankan sang pengunjung. Biasanya trik ini digunakan pada blog yg kontennya panjang-panjang.

ingin mencobanya??
cekidot..

caranya..

1. Log in blogger.com
2. Dasbor > tata letak > edit HTML
3. Cari kode </body>
4. Copy kode di bawah ini tepat di atas </body>


<a href='#' style='display:scroll;position:fixed;bottom:5px;right:5px;' title='Back to Top'><img src='http://i15.photobucket.com/albums/a398/syilpid/Backtotophitam.png'/></a>

ket :
warna bisa diganti, warna yg tersedia : biru, hijau, kuning, merah, orange, pink, ungu
cara ganti warna: ganti aja tulisan tebal warna merah yg tulisannya hitam dengan warna yg sudah tersedia.
"URL berwarna biru bisa diganti..

5. Simpan

semoga bermanfaat..

[info] static pages resmi digunakan pada blogger

2010-02-06T11:56:00.005+07:00

halo sobat blogger dimanapun anda berada. Lama gak nge-post artikel, sekarang saya akan nge-post artikel yg berhubungan dengan artikel [info] blogger luncurkan static page yang lalu. Saat saya log in blogger dan mau buat postingan baru gak taunya static pages sudah resmi pada blogger. Ini ditandai dengan uji coba pada blogger in draf. Rupanya masa uji coba telah usai dan kini Static Pages sudah resmi di gunakan di blogger.

untuk mecobanya, anda bisa car yg saya berikan di bawah ini..

1. Log in blogger.com
2. Dasbor > posting > edit laman

3. Silahkan isi dengan keinginan (sama seperti posting biasa), biasanya static pages diisi dengan halaman About Me, Contact, dan lain-lain.
4. Klik tombol TAYANGKAN LAMAN
5. Pilih posisi tombol Static pages anda, pakah mau di tab blog (posisi dibawah header), bilah samping blog (posisi di sidebar) atau Tidak ada gadget / tidak ada tombol ditampilkan, anda harus membuat tombol sendiri dari link static pages tersebut.
6. Selesai

bagi yang belum mengerti tentang static pages ada penjelasan sedikit dari saya..

Penjelasan Tentang Static Pages

berikut penjelasan tentang static pages versi saya sendiri. Static pages atau jika dalam bahasa Indonesia Halaman Statis adalah halaman yang dibuat tersendiri dan terpisah dari posting secara umum. Jika anda membuat suatu halaman posting, maka artikel tersebut akan muncul sebagai artikel terbaru dan dimunculkan paling depan dihalaman depan blog anda, berbeda dengan Static pages, jika anda membuat sesuatu melalui halaman static pages katakanlah halaman About me atau tentang saya, maka halaman yang baru anda buat tersebut tidak akan muncul sebagai posting baru dan halaman ini benar-benar terpisah dengan deretan artikel posting anda, Jelas?

ket :
maksimal hanya 10 halaman yg bisa dibuat di static pages.

cara aman dari copy paste dengan tynt insight

2010-02-02T17:01:00.008+07:00

halo sobat blogger dimanapun anda berada. Sekarang saya akan memberikan trik pengamanan blog dari tynt insight. Banyak para blogger yang mempersalahkan artikelna yg di copas tanpa backlink. Jika sebelumnya para blogger mengandalkan kerja dari copyscape, namun menurut saya kerja dari copyscape tidak sama. Alasannya ialah kita bisa tahu berpa kali artikel atau gambar kita di copas, dan juga bisa mengetahui artikel yang paling banyak di copas. Kini telah bekerja sama dengan amung.us, layanan pencatat aktivitas online. Setiap Anda meliht data amung.us, pengunjung yang sedang online di blog Anda maka akan ada tambahan data copy paste dari tynt.

ingin mengamankan blog mu dengan tynt insight??
begini caranya..!! Cekidot...

1. Masuk ke www.tynt.com
2. Klik GET STARTED
3. Isi formulir pendaftaran di new user
4. Setelah selesai pendaftaran, lalu anda cari script yg berada di kanan bawah
5. Copy kode tersebut, dan letakkan di atas kode </body>
6. Simpan

Anda akan sangat diuntungkan karena selain aktivitas copas bisa diketahui, juga setiap artikel yang dicopas dari blog Anda otomatis akan ditambah dengan link ke blog Anda walaupun bisa dihapus secara manual

semoga bermanfaat..

cara menghilangkan judul dan deskripsi pada blog

2010-02-02T15:53:00.001+07:00

halo sobat blogger dimanapun anda berada. Sekarang saya akan mmberikan trik blogger, trik yang akan saya berikan adalah cara menghilangkan judul blog dan deskipsi blog. Memang sih judul blog sangat penting karena berperan sebagai keyword di mesin pencari. Tetatpi kadang judul blog terlihat kurang menarik, karena alasannya di header blog di beri gambar. Contohnya seperti milik saya. Kita tidak bisa menghapusnya, yang kita lakukan adalah menyembunyikannya.

Nah, bagi yang ingin menghilangkannya caranya adalah sebagai berikut:

Menghilangkan Judul Blog
1. Login ke blogger
2. Tata Letak - EDIT HTML
3. Cari kode berikut #header h1 { atau kalau tidak ada kodenya .header h1 {
4. Nah sebelum penutup } tambahkan kode berwarna biru berikut:
display:none;
5. Lalu Simpan Template

Menghilanghkan Deskripsi Blog
1. Login ke blogger
2. Tata Letak - EDIT HTML
3. Cari kode berikut #header .description { atau kalau tidak ada kodenya .header .description {
4. Caranya sama tambahkan script berwarna biru berikut sebelum penutup }
display:none;
5. Lalu Simpan Template

semoga bermanfaat,,

cara ganti blogspot.com menjadi domain co.cc (part2)

2010-01-30T16:41:00.007+07:00

halo sobat blogger dimanapun anda berada. Saya akan membuat artikel dari sambungan artikel cara ganti blogspot.com menjadi domain co.cc (part1) sekarang, tema yg saya usung kali adalah cara men-setting domain co.cc ke dalam blogger. Nah, untuk menerapkan domain tersebut sehingga orang bisa mengakses blog anda lewat domain tersebut. Caranya sangat mudah!
cekidot..

1. Login ke blogger.com
2. Pilih Pengaturan
3. Pilih Publikasikan
4. Klik Berpindah ke Domain Ubahsuaian (Arahkan nama domain terdaftar milik Anda sendiri ke blog Anda)
5. Lalu pilih Beralihlah ke Pengaturan Lanjut
6. Isikan domain yang telah anda buat (misal: http://www.maspeypah.co.cc) Jangan Lupa www!
7. Isi verifikasi Kata
8. Klik Simpan setelan

Setelah 48 jam/kurang dari itu coba ketikkan URL dengan domain anda pada adress bar.

cara ganti blogspot.com menjadi domain co.cc (part1)

2010-01-30T15:39:00.006+07:00

halo sobat blogger di manapun anda berada. Sekarang saya akan memberikan tik blogger yang berhubungan dengan domain gratis Co.Cc. Saya akan menjelaskan sedikit tentang domain tsb, domain Co.Cc ialah domain yg terrsedia dengan grratis cocok buat blogger, wordpress, bikin e-mail. Sekarang saya akan memberikan trik blogger yaitu cara mengubah blogspot menjadi domain Co.Cc. Bila anda ingin mengganti blogspot.com dengan co.cc, caranya sangatlah mudah dan lumayan cepat. Ingin tau caranya??
cekidot ...

caranya:

1. Masuk www.co.cc
2. Anda bisa sign in(bila sudah mempunyai akun di Co.Cc) atau register(bila belum punya akun di Co.Cc)

3. Bila sudah membuat akun/sudah masuk ke akun co.cc,

4. Lalu,

klik check availability

5. Isikan alamat yang anda inginkan nantinya (Jika nama telah digunakan orang lain maka akan ada petunjuk namadomainanda is already. Jika belum digunakan orang lain akan muncul namadomainanda is available.)

6. Setting domain anda di bagian ZONE RECORD

- klik ZONE RECORD di bagian kiri
- isi host dengan nama domain mu (contoh: www.maspeypah.co.cc, harus diikuti dengan www)
- TTL idak usah di ubah
- ganti type dengan CNAME
- isi value dengan ghs.google.com
- bila sudah langsung klik SET UP

untuk cara mengganti blogspot ke domain Co.Cc akan saya update selanjutnya.!!

cara menambah widget iklan banner di sidebar

2010-01-30T10:28:00.003+07:00

halo sobat blogger dimanapun and berada. Saya akan memberikan tips untuk menghasilkan uang lewat blog tips ini namanya cara membuat iklan banner di sidebar. Harga bervariasi tentunya, semakin tinggi traffic biasanya akan semakin mahal harga dan semakin banyak peminat. Beberapa template modern memang telah dilengkapi dengan ads banner, tetapi banyak juga yang belum ada. Nah bagi yang ingin membuatnya silahkan ikuti langkah berikut, karena akan sangat menguntungkan.
Cekidot...

caranya:

1. Log in blogger.com
2. Dasbor > tata letak > edit HTML
3. Centang expand template widget
4. Cari kode ]]></b:skin>
5. Letakkan kode di bawah ini dan taruh di atas ]]></b:skin>

/*-----------ADSENSE------------------*/
.adspost {
background:#fff;
float: left;
width: 578px;
margin-bottom:5px;
padding: 10px;
overflow:hidden;
border:1px solid #f3f1eb;
}

/* Ads Spots 125x125 */
#adspot {
overflow: hidden;
padding:0;
}
.ad1, .ad3, .ad5, .ad7{
float: left;
margin-bottom: 5px;
padding-left:0px;
}
.ad2, .ad4, .ad6, .ad8{
float: right;
margin-bottom: 5px;
padding-right:0px;
}

6. Simpan

eiitss.. itu aja belum cukup..! selanjutnya

7. Langsung menuju tata letak > elemen laman
8. Tambah gadget > HTML/javascript
9. Copy kode di bawah ini
<div id='adspot'>

<a class='ad1' href='URL Tujuan Banner'><img height='125' src='URL Banner?imgmax=800' width='125'/></a>

<a class='ad2' href='URL Tujuan Banner'><img height='125' src='URL Banner?imgmax=800' width='125'/></a>

<a class='ad3' href='URL Tujuan Banner'><img height='125' src='URL Banner?imgmax=800' width='125'/></a>

<a class='ad4' href='URL Tujuan Banner'><img height='125' src='URL Banner?imgmax=800' width='125'/></a>
<div class='clearer'/>
</div>

10. Paste lalu simpan

ket:
URL Tujuan Banner : alamat tujuan, dimana alamat akan terpanggil jika banner di klik.
URL Banner : URL alamat gambar berasal atau di upload.

height dan width menunjukkan gambar ukuran apapun akan di susutkan berukuran 125 x 125, Anda bisa menggantinya sendiri disesuaikan dengan ukuran sidebar Anda.

semoga bermanfaat..

cara menambah emoticon kaskus di kotak komentar

2010-01-29T17:48:00.005+07:00

halo sobat blogger dimanapun anda brada. Sekarang saya akan memberikan trik/tips pada sobat2 sekalian, topik yg akan saya usung ini adalah cara menambah emoticon kaskus ke dalam kotak komentar pada blogger. Sebelumnya, bagi yg belum tau kaskus itu apa? saya akan share sedikit, kaskus adlah suatu forum yg besar di indonesia yg terdapat bnyak subforum di dalamnya pendirinya adalah orang2 pribumi juga(menurut sepengetahuan ku). Bagi yg sudah mengenal kaskus sejak lama pasti tak asing mendengar kata "KASKUS". Bagi kaskuser yg ingin blonya ada emoticon kaskus di kotak komentar, saya sarankan untuk mengikuti cara saya sebagai berikut..

cekidot:
caranya...

1. Log in blogger.com
2. Dasbor > tata letak > edit HTML
3. Beri tanda centang pada "Expand Template Widget"
4. Cari kode </body>
5. Letakkan script di bawah ini, dan taru di atas </body>

<script src='http://peypah.fileave.com/kaskusinblogger2.js' type='text/javascript'/>

setelah itu ..
6. Cari kode
<b:if cond='data:post.embedCommentForm'>
<b:if cond='data:post.allowNewComments'>

7. Lalu letakkan kode di bawah ini di atasnya.
<b><img src='http://i46.tinypic.com/1i7bb.jpg'/>
:rate5:
<img src='http://i50.tinypic.com/2iuyekg.jpg'/>
:hoax:
<img src='http://i45.tinypic.com/dxd2mw.jpg'/>
:nyimak:
<img src='http://www.kaskus.us/images/smilies/shakehand2.gif'/>
:thanx:
<img src='http://i47.tinypic.com/2vu0iuo.jpg'/>
:pertamax:
<img src='http://i47.tinypic.com/2vdfjbp.jpg'/>
:cendol:
<img src='http://www.kaskus.us/images/smilies/bingung.gif'/>
:bingung:
<img src='http://www.kaskus.us/images/smilies/sundul.gif'/>
:sundul:
<img src='http://lh5.ggpht.com/_UEOySJCSmVg/SzAiJIxYjYI/AAAAAAAAAfU/R7Oy5x5EaGM/s800/I-Luv-Indonesia.gif'/>
:iloveindonesia:
<img src='http://www.kaskus.us/images/smilies/marah.gif'/>
:marah:
<img src='http://lh4.ggpht.com/_UEOySJCSmVg/SzAiYO4DeKI/AAAAAAAAAfc/dmWvhblQnSk/s800/tkp.gif'/>
:ngacir:
<img src='http://www.kaskus.us/images/smilies/cewek.gif'/>
:kiss:
<img src='http://www.kaskus.us/images/smilies/s_big_batamerah.gif'/>
:bata:
</b>

8. Simpan

selamat mencoba dan semoga bermanfaat.

cara memberi emoticon di postingan blog

2010-01-29T16:35:00.004+07:00

halo sobat blogger dimanapun anda berada. Sekarang saya akan memberikan trik posting dengan menggunkan emoticon, artikel ini update dari artikel saya yang lalu. Sekarang, mungkin trik ini bisa tanpa add-ons greasemonkey. Bila anda ingin artikel anda ada emoticon seperti lalu dan atau ... yang ini lalu dan atau yang lainnya seperti lalu dan
gimana ??

tenang saja saya akan memberi triknya..

1. BUat sebuah artikel/postingan
2. Masuk dulu kesini!!
3. Setelah nyampe ke TKP(situs tg tadi..), klik satah satu emoticon, secara otomatis muncul kotak yg isinya script/kode
4. Copy "HTML Code" saja
5. Lalu paste ke artkel/postingan anda.

mudah sekali bukan??
semoga bermanfaat..

cara nge-cek back link

2010-01-29T16:18:00.000+07:00

halo sobat blogger di manapun anda berada. Sekrang saya akan memberikan tips buat sobat blogger. Tips saya ini adalah cara nge-cek back link. Sebelumnya saya akan menerangkan sedikit tentang back link, back link ialah link ke blog kita yang terdapat di blog lain. Jika ada hubungan timbal balik disebut Two Way Link, jika tidak maka disebut One Way Link. Nah, semakin banyak backlink maka semakin populer blog kita dan tentunya semakin tinggi PageRank nya. Bagi yang pengen cek BackLink mudah sekali.

1. Buka dulu http://www.backlinkwatch.com/
2. Isi URL blog/web anda
3. Lalu klik Check BackLinks

4. Selesai, RIncian back link anda sudah muncul.

mudah bukan?! Semakin banyak, semakin tenar.

cara membuat warna komentar admin dan pengunjung berbeda

2010-01-27T15:59:00.007+07:00

Halo sobat blogger dimanapun anda berada. Sekarang saya akan memberikan trik blogger bisa juga disebut cara memperbagus blog lebih tepatnya yaitu cara membuat komentar antara pengunjung dan admin berbeda. Fungsi trik ini selain memperbagus blog, bisa juga untuk membedakan antara admin si pembangun blog dengan pengunjung sang pengomentar. Fungsi lainnya yaitu jika admin menjawab pertanyaan pengunjung maka akan langsung ketahuan. Jika masih sama warnanya dan ada puluhan comment pengunjung bisa saja melewatkan jawaban admin. Bila anda membaca dan mempraktekkannya dengan baik dan bennar. Saya yakin anda bisa..
Cekidot..

Caranya :
1. Log in blogger.com
2. Dasbor > tata letak > edit HTML
3. Beri tanda centang expand template widgets
4. Cari kode ]]></b:skin>
5. Copy kode di bawah ini dan letakkan di atas kode ]]></b:skin>

.comment-body-author {
background: # 000000;
border-top: 1px dotted #223344;border-bottom: 1px dotted
#223344;border-left: 1px dotted #223344;border-right: 1px dotted
#223344;
margin:0;
padding:0 0 0 20px;
}

ket :
Ganti warna background sesuai keinginan anda. Sedangkan kata dotted yang diikutikode warna menunjukkan modelgaris terputus-putus dan warna garis. 4 Buah kode dotted menunjukkan garis atas, bawah samping kanan dan kiri.

6. Cari kode di bawah ini

<dd class='comment-body'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
</b:if>

7. Tambahkan script ini di atas kode warna biru

</dd>
<b:if cond='data:comment.author == data:post.author'>
<dd class='comment-body-author'>
<p><data:comment.body/></p>
</dd>
<b:else/>

8. Tambah kode </b:if> dan letakkan di bawah kode berwarna biru tadi
9. Simpan

semoga bermanfaat

[info] blogger luncurkan static page

2010-01-22T16:47:00.007+07:00

halo sobat blogger di manapun anda berada, sekarang saya akan memberikan kabar gembira dari blogger in draft, blogger kini siap meluncurkan fitur Static page. Apa sih static page itu? Static page atau halaman statis adalah halaman yang tidak termasuk ke dalam postingan blog anda, halaman ini biasanya digunakan untuk halaman About me, Contact Us atau yang lainnya.

Karena fitur ini masih dalam tahap uji coba, saat ini fitur static page hanya bisa anda fungsikan melalui draft blogger.

Berikut cara membuat static page blogger :

1. Kunjungi dan log in di draft blogger
2. Klik Edit Entri
3. Klik tab Edit laman, kemudian klik tombol laman baru

4. Akan muncul post Editor, silahkan isi sesuai keinginan, kemudian klik tombol tayangkan laman

5. Setelah itu akan muncul halaman pilihan, apakah mau di tampilkan di Bilah samping blog (sidebar), tab Blog, atau Tidak ada gadget. Kemudian klik tombol simpan dan terbitkan

6. Silahkan lihat hasilnya di blog anda.
7. Selesai

===============================o0o====================================

Anda juga dapat mengatur lebih lanjut gadget page static ini melalui Tab Tata Letak kemudian Elemen laman.

Untuk lebih lengkapnya tentang fitur page static, silahkan baca di blogger in draft

cara membuat toolbar sendiri gratis(meningkatkan traffic blog)

2010-01-20T15:32:00.007+07:00

halo sobat blogger dimanapun anda berada, sekarang saya akan memberikan sesuatu yang beda dari konsep blog saya ini, artikel ini tentang cara membuat toolbar di web browse kita sendiri dengan gratis dan sesuai keinginan sendiri. Ini berawal dari kegiatan saya yaitu blogwalkng, dan saya berhenti sejenak lalu lihat2 blog yg saya kunjungi tak sengaja ada seperti iklan adsence yg bertuliskan "create your own custom toolbar". Menurut saya dengan ini traffic blog anda bisa naik. Amiiinn!!! , mengapa demikian? karena toolbar bisa diberi button link, dan link tsb berisi blog/web anda. Dan bila toolbar anda bnyak peminatnya sehingga banyak pula yg download lalu banyak orang jga yang mampir di blog/web anda dengan demikian traffic blog and bisa meningkat.
ya sudah basa-basi saya. Langsung aja ..
begini caranya :

1. Masuk di sini!!
2. Daftar dulu (isi semuanya!)
3. Bila sudah, langsung aja menuju My Toolbar
4. Atur/kostumisasi toolbar mu sesuai keinginan.
5. Bila sudah selesai, Klik Install Your Toolbar (untuk komputer sendiri)

ket: bila ingin toolbar mu berada di publik, maka kamu harus mempublikasikannya dengan cara "meng-iklan-kan" di blog anda sendiri atau di blog orang lain(dgn cara isi shoutmix/shoutbox/buku tamu)

ini tempat link buat download toolbar mu..

lalu ini contoh toolbar yg sudah saya buat..

hehehe..!! maap berantakan..

untuk download!!

[HOT] domain gratis dot com

2010-01-19T16:29:00.004+07:00

Buat sobat blogger yang ingin menggunakan domain dot com tapi terbentur dana yang minim,, kaya saya ini, hehehe
saya punya info bagus ni, ada sebuah web yang menyediakan domain secara gratis tapi minim persyaratan, menurut saya sih, hehehe
soalnya syarat nya cuma, mencari referal sebanyak 9 orang dan kita akan diberikan domain nya,
berikut rincian gambar nya,

Pendaftaran nya juga gak ribet kok, bagi yang berniat bisa mendaftar nya melalui referal saya, di sini!!
Sesama sobat blogger harus saling membantu.

cara mengganti tulisan poskan komentar

2010-01-19T14:15:00.004+07:00

halo sobat blogger di manapun kalian berada, sekarang saya akan memberikan trik memperbagus blog dengan cara mengganti tulisan "poskan komentar" tulisan ini berada di atas kotak komentar.

nah.., bila yang ingin menggantinya cara seperti berikut...

1. Login ke blogger
2. Tata Letak
3. Edit HTML
4. Centang Expand Template Widget
5. Cari kode berikut ini <data:postCommentMsg/>
Anda akan menemuka kode tersebut di dua tempat.
6. Ganti keduanya dengan tulisan yang Anda inginkan.
7. Simpan Template

hasil dari template saya ..

selamat mencoba & semoga bermanpaat...