Tampilkan postingan dengan label Trik-Tips Blog. Tampilkan semua postingan
Tampilkan postingan dengan label Trik-Tips Blog. Tampilkan semua postingan

KOMUNITAS BLOGWALKING /20' Antara; aku, dirimu, dirinya, & mereka

Selamat malam dan salam sejahtera. Semoga rekan-rekan PELACUR (PErsatuan Lintas mAya Untuk negRi) setanah air tidak bosan-bosan berkunjung dan bebagi pengetahuan bersama saya, sebilah lelaki yang harga jualnya kian menurun dihadapan wanita ini. Diwaktu yang berbahagia ini saya akan mencuba mengupas tuntas upaya lain peningkatan pagerank blogger tanah air yang belakangan lebih dikenal dengan komunitas blogwalking /20', dengan kupasan yang tentu saja setajam CLURIT.

Berawal dari persahabatan yang terbentuk, terjalin, terpupuk, dan termehek-mehek di dunianya mba maya ini, saya, sebagaimana biasanya melakukan rutinitas blogger pada umumnya, BLOGWALKING. namun, dimalam itu, tepat pada pukul 20.00 WITA rutinitas saya berhenti di sebuah blog berjudul Virtual Forest (blog yang dikemudian hari saya ketahui dengan Admin berakun FB atas nama Saiful A. Zy), pemberhentian saya ini tentu bukan disebabkan oleh bunyi sempritan Polisi (PD dong, surat-surat saya kan lengkap), melainkan dikarenakan oleh sebuah gambar pada artikel yang berjudul KOMUNITAS BLOGWALKING /20', gambar yang lebih tepatnya disebut logo ini mencitrakan kemandirian seorang pecinta alam.

Berangkat dari gambar itulah, saya melanjutkan penbelusuran ke tulisan yang ada disekitarnya. Tepat pada saat Afgan bernyanyi dilirik "karena kujatuh di dua hati", saya tak kuasa menahan air mata, mencoba memahami upaya pembentukan Komunitas Blogwalking sebagai upaya pemersatu netter tanah air, coba resapi, tidakkah kenyataan itu terbilang miris untuk sebuah negara berumur 65 tahun ini ??, (meski pada akhirnya yang menjadi buronan adalah pagerank). Ritual pembacaan artikel saya berakhir tepat ketika D'Bagindas mengucapkan syair "bertahan satu CiIiIinta, bertahan satu C.I.N.T.A" (penulisan diharap dapat mengikutkan cengkok lagu), setelahnya tentu tiba di deretan daftar komentar pada artikel terkait. redaksi komentar yang saya sisipkan waktu itu adalah, bentar dulu yah ngopi dari blognya kang ipul dulu,...-L-^-O-^-A-^^D^^-I-N-G-.... nah ini:

Wonderfull Idea... saya sangat setuju,.. berangkat dari pengalaman traffic Up /15' tanpa komunitas yang ada malah rekanan naik kita turun :'(

oh iya saya punya saran: gmana kalo dibuatin ruang khusus untuk berbagi link komunitas ini biar mudah diakses, truss ada pinaltynya ga ??

Singkat cerita, Komunitas Blogwalking /20' yang lebih ngetrend dengan sebutan KBw /20' ini adalah upaya peningkatan pagerank sesama rekanan blogger dengan melakukan kegiatan blogwalking secara buka-tutup (jangan dibaca buka tank-top), 1 kali per 20 menit. Cara ini dipercaya mampu meningkatkan pagerank & menolak bala. selain itu, setelah KBw /20' meletakkan pantatnya di jejaring sosial ternama, Facebook, komunitas ini semakin menemukan manfaat luar biasanya dengan menjadikan group di eF-Bi tersebut sebagai ladang pertukaran link. gmana tertarik ?, seharusnya tertarik dong... siapa coba blogger yang tidak mau blog yang dikelolanya memiliki pengunjung berlimpah ???.

Segera, benahi blog anda untuk bergabung bersama saya dan sahabat blogger setanah air, sedunia lainnya di KBw /20' dengan beberapa jalur pendaftaran berikut ini:

  • Ketik pada kolom search facebook dengan keyword: Blogwalking /20'
  • Tanyakan ke teman-teman blogger yang anda kenal, siapa tau satu diantara mereka sudah bergabung di group ini.
  • Klik banner KBw /20' yang tersedia di sidebar blog ini, (alamat tujuan telah diarahkan ke group FB KBw /20').

Selesai sudah,.. akhirnya saya mampu menuntaskan artikel untuk tanggal 4 februari 2011 ini, langsung dari jari saya sendiri. Akhirul kalam, saya atas nama PSK (Penulis Sembarang Kata), beserta jajaran terkait mengucapkan selamat datang di Komunitas Blogwalking /20'.

Mari dukung gerakan Indonesia cerdas dengan menulis artikel (bukan mengambil artikel). Selamat malam, dan,.... sampai jumpa di penulisan selanjutnya.

source: foresterlife.blogspot.com/2011/01/kumunitas-blogwalking-20.html,

PROKLAMASIKU Pernyataan Sikap Seorang Blogger Inshaf

Bismillah, sejak awal berblogging ria saya sudah langusng tertarik dengan tingkat kerumitannya. Apa lagi setelah salah seorang sahabat memberikan mukaddimah seputar pembelajaran HTML (meski sampe sekarang perkembangannya masih belum jauh-jauh amat meninggalkan kata "tidak tahu sama sekali"). Berawal dari seorang admin warnet di desa Tulungrejo, kecamatan Pare, Kab. Kediri, Prov. Jawa Timur, Indonesia, september, 2008. Awalnya di warnet yang jaraknya tidak begitu jauh dari asrama Lagligo/ASSET itu saya berniat melatih kemampuan listening dengan menonton film (salah satunya Troy sampai 4 kali pemutaran), adegan dalam film (troy) yang masih saya ingat sampai hari ini adalah saat Achiles menantan pasukan tersisa yang panglimanya telah dia lumpuhkan dengan sekali tusuk untuk berduel one on one dengannya. Jepreet..

Tadi malam, menjelang tidur saya berfikir mengenai beragam artikel yang telah saya post ke semua blog saya (iya sejak mengenal blog saya telah mengelola setidaknya 5 blog yang hampir tidak ada diantaranya menuai hasil memuaskan), tidak saya pungkiri sampai kemaren, kebiasaan COPAS artikel masih sering saya lakukan (meski saat ini artikel yang saya ambil hanya dari situs-situs publik seperti mediaindonesia.com, tempo.com, seputar-indonesia.com, tribun-timur.com, dan beberapa tutorial blog, koleksi template, tidak ketinggalan juga tutorial SEO). Setelah saya pertimbangkan (sampai akhirnya tidak tidur-tidur) saya putuskan untuk terus menekan kebiasa COPAS tersebut. Olehnyalah, melaui postingan yang saya ketik sendiri ini, saya ingin kawan-kawan sekalian mengetahui beberapa hal yang ingin saya proklamirkan, sebagai upaya seorang Blogger yang ingin Menjunjung tinggi tali persahabatan sesama rekan blogger seplanet dan setanah air, dengan perincian sebagai berikut:

1. Tidak lagi menjarah artikel.
2. Tidak lagi menjarah gadget.
3. Berupaya untuk tidak lagi mengganti Template blog ini (belajar bersyukur dengan apa yang telah ada dan dimiliki).
4. Menjunjung tinggi tali persahabatan yang terbangun sesama rekan blogger setanah air.


sebagai gantinya saya akan mencoba membudayakan menulis diary, dengan menggunakan blog ini sebagai wadahnya. Oh iya,.. agar point-point yang telah saya proklamirkan diatas tetap bertahan, saya sangat mengharapkan teguran kawan-kawan sekalian apabila dikeesokan harinya saya melanggar. HIDUP BLOGGER...!!!

(jika dirasa kurang harap sarankan melalu kotak komentar yang tersedia)

Peroleh Peningkatan Pagerank Ajaib Dengan Mendaftarkan Blog Anda Di Technorati

Bagi kebanyakan blogger, service ini mungkin sudah sangat dikenal. Sedangkan bagi blogger pemula seperti saya, service ini mungkin harus diketahui dan digunakan.
Apa sebab?

Berdasarkan informasi dari beberapa sobat blogger, dan dari isi menu technorati, dapat ambil empat point penting yang menunjukkan apakah technorati itu. Yaitu technorati sebagai blog/rss directory, technorati sebagai blog search engine (khusus blog), technorati sebagai online borkmarking dan mungkin technorati sebagai tag aggregator. Disini kita ketahui bahwa technorati merupakan service yang berfokus pada blog. Jadi sebagai seorang blogger, sangat disayangkan jika tidak mengetahui hal ini.

Dengan menggunakan service ini, blog kita akan dicrawl dan disimpan dalam data blog technorati, import otomatis rss feed blog kita, deteksi tag-tag, juga link dari blog lain menuju blog kita. Lagi-lagi menyangkut masalah backlink dan rangking blog..

Fokus kali ini adalah kepada cara claim blog di technorati. Dan berikut ini adalah proses daftar technorati, hingga selesai proses validasi code token technorati:

1. Pertama Anda harus membuat account terlebih dahulu, buka link pendaftaran ini!
2. Lengkapi datanya dengan baik, gunakan email yang aktif, dan jangan lupa isi captcha dan isi centang agreement-nya, lalu klik “Join”
3. Untuk melakukan aktifasi, sekarang buka email yang Anda gunakan untuk mendaftar tadi. Buka email dari technorati dan klik link aktifasinya, Setelah account Anda aktif, cari dan klik “sign in” untuk masuk ke halaman profil dan selanjutnya melakukan claim blog.
4. Sudah masuk? sudah isi username dan password dengan benar? Jika sudah, sekarang masuk ke halaman profile dengan klik pada link nama (account) Anda disamping photo profil, atau melalui link ini
5. Mulai claim blog, dibawah profil Anda, isikan url blog pada Start a blog claim, isikan misalnya http://frankenstein-focus.blogspot.com/, lalu klik “Claim”
6. Halaman selanjutnya, isi formulir dengan benar:


* Blog tittle : isi dengan tema blog Anda, misal blog ini temanya adalah “Tidak ada hal yang terlampaui sulit untuk didapatkan jika ada kemauan, mari belajar.”
* URL : alamat blog, misal http://frankenstein-focus.blogspot.com/
* Feed : rss feed blog, boleh alamat default seperti http://feeds.feedburner.com/blogspot/aoxop, atau service pihak ketiga semisal feedburner
* Linking blogs : disini dapat dicantumkan tiga blog yang memiliki link menuju blog Anda, boleh tidak diisi
* Site description : keterangan blog, sesuaikan dengan tema blog
* Site categories : beri tanda centang pada kategori yang sesuai dengan blog Anda, Anda dapat memilih lebih dari satu kategori
* Site tags : isi setiap sel dengan kata kunci yang berhubungan dengan isi blog Anda. Bisa satu kata maupun lebih per selnya.
* Lalu klik “Proceed to next the step”
7. Pada halaman selanjutnya, yaitu halaman blog claim status, klik tombol “Return to profile” atau link ini
8. Lihat di bawah profil Anda, sekarang blog Anda sudah terdaftar, hanya saja masih dibutuhkan verifikasi kode token. Oleh karena itu, untuk mulai claim token, klik “Check Claim” di bawah gambar thumbnail blog Anda.
9. Dihalaman selanjutnya dapat Anda lihat teks dengan latar biru, yaitu C775RZFZCHPQ (berbeda untuk tiap blog), adalah kode token yang harus kita tulis di halaman blog kita. Posting sebuah artikel yang berisi kode token tersebut, lalu publish. Postingan terserah Anda, bisa halaman kosong hanya berisi kode token, atau sekalian artikel seperti yang sedang Anda baca ini. Boleh kok copy paste asal dituliskan link sumber ke halaman ini.
10. Setelah yakin postingan itu terpublikasi, sekarang klik tombol “Verify Claim Token” pada halaman claim technorati, dan lihat hasilnya.

sumber: triwied77.blogspot.com

Ladang Pertukaran Link

Mari tingkatkan pagrank kita bersama dengan saling memperkuat jalinan perkunjungan blog/situs. Tinggalkan link anda melalui kotak komentar yang tersedia, saya akan mencantumkan link anda pada Blogroll Blog ini SEGERA..!

Cara Membuat/Menambahkan Halaman Pembuka Pada Blog

membuat tampilan blog menarik tentu saja salah satu pra-syarat penting yang diperlukan untuk membantu meningkatkan jumlah pengunjung blog. Selain itu, design yang menarik dapat membuat pengunjung blog anda betah didalamnya. Terbukti dengan maraknya tutorial blog yang tersedia di berbagai blog/website, dan 60% diantaranya seputar trik n tips memperindah tampilan blog. Begitu juga Focus, yang kali ini sebagai admin coba saya jadikan wadah membagikan tutorial blogger lainnya.

Beberapa website mempunyai awalan yang bersifat intro atau halaman pembuka, halaman ini selain membuat website terlihat semakin menarik juga beradab, :D. Jelas beradab, karena sebelum masuk tentunya harus memberikan salam terlebih dahulu, layaknya berkunjung kerumah seseorang. Pertanyaannya kemudian adalah, bisakah Blog memiliki halaman serupa ?. halaman awal yang memberikan kesan bahwa pemiliknya adalah orang beradab :D. Mengutip bahasa para motivator "tidak ada yang tidak bisa", tentu saja halaman pembuka seperti yang dimiliki beberapa website tersebut juga bisa dimiliki oleh Blog. gimana ?, menarik bukan jika blog kita dipasangi halaman pembuka ???.. caranya tidak sulit koq.. (tidak ada perubahan template. yang dibutuhkan hanyalah menambahkan beberapa kode berikut kedalam template anda.

Sebelumnya perlu saya tegaskan, Halaman ini beda dengan halaman iklan melayang seperti yang dapat ditemukan pada banyak blog.

ini dia nigh, cara memasang kode yang dibutuhkan untuk menambahkan halaman pembuka pada blog anda:

Silahkan ikuti langkah-langkah berikut ini :
1. Login ke blogger
2. Klik Rancangan
3. Klik menu Edit HTML, lalu...

Cari kode berikut pada template anda ]]></b:skin> (untuk mempermudah pencarian ketiklah ctrl+f), setelah menemukan kode yang dimaksud, letakkan kode berikut diatasnya:


#intro{
background:#000000;
position:fixed;
width:100%;
height:100%;
margin:0;
padding:0;
z-index:100;
text-align:center;
visibility:hidden;
}
* html #intro{
position:absolute;
width:expression(document.compatMode=="CSS1Compat"? document.documentElement.clientWidth+"px" : body.clientWidth+"px");
}
#intro .welcome{
color: rgb(255, 0, 0);
font-weight: bold;
font-style: italic;
font-size:30px;
margin-top:10%;
margin-bottom:1%;
text-shadow:1px 1px 1px #fff;
}
#intro a img{border:none}
.gohome, .gohome a,.gohome a:visited,.gohome a:active{
color: rgb(255, 0, 0);
font-weight: bold;
font-style: italic;
margin-top:4%;
font-size:25px;
text-shadow:1px 1px 1px #fff
}
.gohome a:hover{
color:#ffffff;
text-shadow:1px 1px 1px #f00;
text-decoration:none
}


Kemudian, letakkan kode scrip berikut diatas kode: </head>


<script src='http://h1.ripway.com/tropicboy/intro.js' type='text/javascript'/>


Langkah terakhir adalah, menempatkan kode dibawah ini diatas kode </body>


<div id='intro'><div class='welcome'>Welcome to my blog</div>
<a href='' onclick='closebar(); return false'><img alt='go to my homepage' src='http://i1044.photobucket.com/albums/b449/Tomocchan/pervy-gif.gif' title='enter'/></a>
<div class='gohome'><a href='' onclick='closebar(); return false'>Go to homepage</a></div>
<script src='http://h1.ripway.com/tropicboy/TOCcategory.js' type='text/javascript'/>
</div>


Ubah suaikan:
url yang berwarna biru adalah url gambar yang akan tampil di halaman intro/pembuka, silahkan ganti url tersebut dengan url gambar pilihan anda agar lebih matching dengan blog anda :D


Gimana ?, gampang bukan ?.. silahkan dicoba

Cara cepat meningkatkan Pagerank; Picu Pengunjung Blog Anda

Sahabat Focus, beberapa hari belakangan ini saya mencoba membuat 1000+ backlink sendiri dengan berkunjung ke semua daftar blog yang saya punya dan saya dapatkan dari berbagai sumber. akhirnya, iya sih 40% diantara blog yang saya kunjungi melakukan kunjungan balik ke blog ini. tapi hasilnya masih sangat minim untuk meningkatkan pagerank. yang parahnya lagi, mereka (kawanan blogger yang saya kunjungi) tidak melakukan kunjungan ke Blog ini jika saya tidak lebih dulu mengunjunginya :'(. akhirnya saya memutuskan untuk mencari cara yang pernah digunakan para suhu SEO dengan memanfaatkan mesin pencari google. jujur saja awalnya saya ragu dengan trik seperti ini, dalam pikiran saya trik seperti ini hanya akal-akalan si pemilik blog untuk meningkatkan pageranknya sendiri dengan berharap ada yang mempraktekkannya dan membantu menyebarkan link ke blognya. akan tetapi setelah saya renungi lebih dalam lagi, toh kenapa kalau memang sipemilik blog ingin linknya dipromosikan lewat artikel seperti ini, nantinya juga (setelah trik ini disebarluaskan dengan cara mengcopy-pastekannya keblog kita) kita pun berharap pembaca mengcopy-pastenya untuk mempromosikan link blog kita bukan ??. :D olehnya lah semenjak saya sadar atas kekhilafan saya tersebut, saya berkesimpulan bahwa, Pagerank tidak akan terbangun tanpa adanya kepercayaan antara kawanan blogger yang terbangun dari hobby yang sama. sudah ah, intinya saya menyesal tidak memposting artikel ini setelah saya membacanya pertamakali (sekitar sebulan yang lalu).

Mau tahu Cara cepat update PageRank di Google? Makanya jangan pernah menganggap remeh penyebaran produk dengan pemasaran sistem Multi Level Marketing Dan dalam postingan kali ini saya mau mencoba mengajak kamu semua untuk memanfaatkan kedahsyatan faktor kali dan kecepatan penyebaran ini dalam bentuk backlink.

Caranya gampang kok, Yang perlu kamu lakukan adalah meletakkan link-link berikut ini di blog atau artikel kamu.

1. Foto 2011
2. Dunia Informasi
3. Komunitas Dunia Maya
4. Nofita
5. Ququy
6. Informasi Terbaru
7. Raden Somad
8. Terbaru 2011
9. IN MY COMPUTER
10. FOCUS

Tapi ingat, sebelum kamu meletakkan link diatas, kamu harus menghapus peserta nomor 1 dari daftar. Sehingga semua peserta naik 1 level. Yang tadi nomor 2 jadi nomor 1, nomor 3 jadi 2, dst. Kemudian masukkan link kamu sendiri di bagian paling bawah (nomor 10).

Jika tiap peserta mampu mengajak 5 orang saja, maka jumlah backlink yang akan didapat adalah:

Ketika posisi kamu 10, jumlah backlink = 1
Posisi 9, jml backlink = 5
Posisi 8, jml backlink = 25
Posisi 7, jml backlink = 125
Posisi 6, jml backlink = 625
Posisi 5, jml backlink = 3,125
Posisi 4, jml backlink = 15,625
Posisi 3, jml backlink = 78,125
Posisi 2, jml backlink = 390,625
Posisi 1, jml backlink = 1,953,125
Dan semuanya menggunakan kata kunci yang kamu inginkan. Dari sisi SEO kamu sudah mendapatkan 1,953,125 backlink dan efek sampingnya jika pengunjung web para downline kamu mengklik link itu, juga membuat ngeblog kamu mendapatkan traffik tambahan.

Nah, silahkan copy paste artikel ini, dan hilangkan peserta nomor 1 lalu tambahkan link blog/website kamu di posisi 10. Ingat, kamu harus mulai dari posisi 10 agar hasilnya maksimal. Karena jika kamu tiba2 di posisi 1, maka link kamu akan hilang begitu ada yang masuk ke posisi 10.

Saya yakin dalam waktu yang singkat, Pagerank blog anda pasti langsung naik drastis di luar dugaan anda. Selamat mencoba trik rahasia ini!

Oh iya, satu lagi.. pesan saya: jangan pasang link blog lain diblog anda sebelum terbangun kesepakatan bahwa pemilik link yang akan anda pasang juga memasang link blog anda di blognya :D.

bagaimana ? apa sobat semua berkenan? kalau iya copas aja! trs sarankan keteman yang lain supaya terus menyebar!

tugasnya gampang koq! copas trik ini lalu sarankan ke teman yang lain begitu pula seterusnya!

laporkan bila ada link yang rusak

Cara Bikin Button/Tombol Windows 7 Untuk Blog

Sahabat Focus... memberitakan editan terbaru blog ini dalam bentuk tutorial blog tentu saja meruapakan hal yang membanggakan begi seorang blogger. Bagi sahabat Focus yang sering berkunjung tentunya sadar/tau perubahan-perubahan yang terjadi dalam design blog ini. yah,. kali ini saya akan membagikan tutorial cara membuat button/tombol seperti yang terlihat pada windows7. atau jika ada yang kurang ingat seperti apa tombol itu, sialhakn lihat pada tombol readmore atau tolbar yang ada diatas postingan blog ini.

Tutorial ini diBeri judul"Cara Bikin Button/Tombol Windows7 Pada Blog" karena modelnya diadopsi dari button Windows 7 dimana Efeknya adalah "cahaya yang mengikuti mouse saat kita arahkan diatas tombol.

Efek ini Kompatibel Dengan :






Oke, Langsung kita mulai saja, Ikuti Ketiga tahapan pemasangan berikut ini dengan seksama, agar tidak terjadi kesalahan:

Pertama, letakkan dua javascript berikut ini diatas kode </head>:


<script src="http://ajax.googleapis.com/ajax/libs/mootools/1.2.3/mootools-yui-compressed.js" type="text/javascript"></script>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>


kedua, letakkan kode css ini diatas kode ]]></b:skin>


.clear-both
{
clear:both;
}

.win7
{
font-family:"Segoe UI", Arial, Helvetica, sans-serif;
font-size:12px;
height:29px;
float:left;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxSFpYtR3pjx756TZIdbblHj-FnAW_1PWPV97TawmRYtZ45Rh27yVSU7rrRc-YcCtwkEAqhUojNU6C1kuuvmuQkrVVfW2kVY-t_kWjOd5RfzjKqNvbeRlwzwqZrSRGkDcn98suvV5KmKyl/) repeat-x top left;
width:100%;
position:relative;
}

ul.win7,
ul.win7 li
{
padding:0px;
margin:0px;
list-style-type:none;
}

ul.win7 li
{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxSFpYtR3pjx756TZIdbblHj-FnAW_1PWPV97TawmRYtZ45Rh27yVSU7rrRc-YcCtwkEAqhUojNU6C1kuuvmuQkrVVfW2kVY-t_kWjOd5RfzjKqNvbeRlwzwqZrSRGkDcn98suvV5KmKyl/) repeat-x top left;
height:29px;
line-height:29px;
display:inline;
position:relative;
float:left;
text-align:center;
}

.win7 div
{
position:absolute;
top:0;
left:0;
width:100%;
height:29px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiozAGHcfOMeyl0TtWABZP6ws4tT1vMO3QY7WQIlx5KgFe8zv0udiiJbC5wycilQsi2C1IUPHxhSAIyqA-i0r_Fi8GsztnDIAY7l5ZJQv8hEw_fZyG0Vuqj2VW1LYNPZFdQ28NGbzkxrT6G/) no-repeat center;
z-index:0;
}

.win7 a
{
text-align:center;
display:block;
z-index:2;
position:relative;
padding:0 25px;
line-height:29px;
}

.win7 a:link,
.win7 a:visited
{
color:#FFFFFF;
text-decoration:none;
}

.win7green div
{
width:100%;
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqoJv0FbChNi5FRZurQBJE7vdz0v6l-osgwsAj28tYTinQDLXauLnhBS8P-3WYD-iS9M2cMSejdsH5QtdDb_Iz5GqlRD_NXKPYZ5jG3p3r2TeX2ICaCemu6PsYG5ocSMoQ_dfE5Rew89Dd/);
background-repeat:no-repeat;
}

.win7yellow div
{
width:100%;
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvB_wcPidDewd2euGpKqpstMfe9HnnhXyuB_7f6ztY5h83EyNpEOGCt-Nr1s6HJNxJT2zKe5Xg1SOr-QJq08Cz00UjG2_EOrTs6zyi1ET5Xw2Yrj2EL4aN2gAAnYSDiO3ivLAoL5lgdf0z/);
background-repeat:no-repeat;
}

.win7red div
{
width:100%;
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTxulKDu_OzbuEC-pZdbYt7nIcD3POzZvkAJW-EBDDD2XmsAswHNErO8TY4VgLvOkaQXs9OF1OqzP39G6SG6Ro_frfOROpIuEZ7sFViNnQdML75sawevUhMkcZKx5hdJmV5uKAfb7sEjdW/);
background-repeat:no-repeat;
}

span.win7
{
width:auto;

-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;

border:2px solid #deded2;

overflow:hidden;

}

span.win7 div {
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
border:2px solid #deded2;

top:-2px;
left:-2px;

}


Ketiga, pasang kode JavaScript berikut diatas kode </head>.


<script type='text/javascript'>
window.addEvent('domready', function() {

if (Browser.Engine.trident4) {
try { document.execCommand("BackgroundImageCache", false, true); }
catch(err) {}
}

$$('.win7 a').each(function(el) {

el.win7BG = new Element('div', {'styles':{'opacity':0}}).injectBefore(el);
el.win7BG.set('morph', {'duration':300});

el.addEvent('mousemove', function (ev) {
el.win7BG.setStyle('background-position', - ((600/2) - (ev.event.layerX||ev.event.offsetX||0))+'px top');
});

el.addEvent('mouseenter', function (ev) {
el.win7BG.morph({'opacity': 1});
});

el.addEvent('mouseout', function (ev) {
el.win7BG.morph({'opacity': 0});
});

});

});
</script>

usai sudah proses pembuatan button/tombol windows7 pada blog. Selanjutnya untuk memunculkan button-nya kita tinggal menggunakan script berikut :


<span class="win7">
<a href="Alamat%20Tujuan">Tombol Win7</a>
</span>



button win7


Nah, itu tadi yang berbentuk button. Nah, kalau kita ingin membuat toolbar bisa juga. Kita tinggal menggunakan script berikut:


<ul class="win7">
<li><a href="#">Home</a></li>
</ul>


dan hasilnya seperti ini :



Gimana, mudah bukan...???
agar lebih menarik, kita dapat menggantinya dengan warna lain yaitu dengan merubah text yang berwarna merah berikut ini

class="win7"

dengan pilihan berikut :

* "win7yellow" [untuk warna kuning]
* "win7green" [untuk warna hijau]
* "win7red" [untuk warna merah]

Kode warna Peroleh kode warna yang anda cari

Saat sahabat focus membangun sebuah blog, tentunya unsur warna adalah sesuatu yang penting. Karena warna merupakan salah satu dasar agar blog anda tampil lebih prima dan elegant, sehingga pengunjung akan tertarik untuk menikmati blog anda. Jadi tidak salah kalau dikatakan bahwa warna adalah salah satu komponen penting dalam blog. Unsur warna bukan hanya dibutuhkan pada background blog, tetapi lebih banyak lagi fungsi serta manfaat lain yang bisa kamu eksplorasi, seperti : pewarnaan teks, pewarnaan link, highlight, dan sebagainya. Untuk menghapal kode-kode warna mungkin susah dilakukan, namun bagaimana kalau menggunakan alat bantu. Cara kerjanya kamu tinggal meng-klik warna, kemudian kode-nya akan muncul. Dan langkah selanjutnya tinggal copas kode tersebut dalam kode HTML blog kamu [ex : color:#000000 (warna hitam)]. Don't forget this, just klik your color.

INGAT.. Anda hanya perlu meng-klik salah satu warna pada tabel warna dibawah ini untuk mendapatkan Kode warna HTML:

Selected color code is:

Untuk lebih detail mengenai kode HTML warna, kunjungi HTML color codes. Siapa yang mau tahu cara pasang widget atau gadget kode warna seperti di atas?

Cara membuat tampilan profil blog keren

Masih dari rekanan blog yang sama, tutorial Cara Membuat Tampilan Profil Blog Keren ini ditulis atas permintaannya. Sebelumnya perlu saya beritahukan, bahwa tutorial ini bukan ditujukan kepada para master, hehehe, harap maklum. oh ya, jika sahabat Focus sekalian penasaran ingin tau tampilan profil blog keren seperti apa yang saya maksud, anda bisa melihat langsung tampilan profil blog ini. eits... jangan sampe kecantol sama photonya... ntar ada yang marah loh :D. loh koq ???... iya sih, tampilan profilnya secara keseluruhan ga keren keren amat sih.. setidaknya lebih keren dibanding tampilan asli yang disediakan blogger lah.. :D. oh iya, kelebihan lainnya dari tampilan blog ini adalah sahabat dapat mengeditnya sesuka hati. begini nih cara bikinnya:

1. masuk ke akun blogger anda
2. buka tab RANCANGAN
3. klik TAMBAH GADGET/ADD GADGET pada kolom yang anda inginkan profil ditampilkan
3. pilih HTML/JAVA SCRIPT

lalu masukkan kode berikut ini:

<div class="separator" style="clear: both; text-align: justify;"><img border="0" height="252" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-vI1xLRKsFjkWTQwbG8-InXUaNJHgI3KBn9plF__2Fjj2C8eqpMSXRm2gSl3485AiiPfL7motqON-B_7Gns9hQh7_h0DB0Qv-SRyP5sabzcuGUUsWQmbn0P9Tra5T1SH8qr8dAXKTui0/s320/profil.jpg" width="210" />
<font color='white'>Komentar yang anda tinggalkan adalah bukti kepedulian atas perkembangan blog ini, terima kasih telah berkunjung.</font> <a href='http://proemark.blogspot.com/'>Lihat Profil Lengkapku<a/></a></a> <script style="text/javascript" src="http://h1.ripway.com/tropicboy/TOCcategory.js"></script></div>

ubah sesuaikan:
  • kode berwarna biru adalah ukuran tinggi dan lebar gambar anda
  • kode berwarna merah adalah url gambar anda
  • kode berwarna kuning adalah alamat yang akan dituju jika pengunjung mengklik tulisan lihat profil lengkapku

Cara Memasang Slider JQuery Keren

sahabat Focus.. tutirial blogging kali ini saya akan memenuhi permintaan salah satu rekanan focus atas pemasangan slider yang pernah saya pake untuk blog ini. Slider ini sesungguhnya bukan ciptaan saya, melainkan di ambil dari Visionwidget jika anda membukanya maka ada beberapa silder yang tersedia, silder yang saya jelaskan kali ini adalah slider bernomor urut 3 pada situs tersebut. Mudah-mudahan bermanfaat dan dapat membantu blog sahabat focus sekalian menjadi "semakin hidup", (repost from: rekanan yang memesan slider ini). oke, langsung aje ye... nih caranya:

1. masuk ke akun blogger anda
2. klik RANCANGAN, dan
3. masuk ke EDIT HTML

Ditahap ini anda belum perlu mencentang expand template widget.

Pasang kode berikut tepat diatas kode ]]></b:skin>


*{
margin:0;
padding:0;
}
html{
height:100%;
}
ning-ning{
width:960;
height:100%;
color:#a4a4a4;
cursor:default;
font-size:11px;
line-height:16px;
text-align:center;
background-color:#000;
background-position:50% 0;
background-repeat:no-repeat;
font-family:Tahoma,sans-serif;
}
a:link,a:visited{
color:#fff;
text-decoration:none;
}
a img{
border:0;
}
div.wrap{
width:960px;
margin:0 auto;
text-align:left;
}
div#top div#nav{
float:left;
clear:both;
width:960px;
height:52px;
margin:22px 0 0;
background:url url(images/nav-bg.png) 0 0 no-repeat;
}
div#top div#nav ul{
float:left;
width:667px;
height:52px;
list-style-type:none;
}
div#nav ul li{
float:left;
height:52px;
}
div#nav ul li a{
border:0;
height:52px;
display:block;
line-height:52px;
text-indent:-9999px;
}
div#kepala{
margin:-1px 0 0;
}
div#video-kepala{
height:683px;
margin:-1px 0 0;
}
div#kepala div.wrap{
height:299px;
background:url(http://gadgetinspiration.com/blog/wp-content/uploads/jquery%20sliders/images/header-bg.png) 50% 0 no-repeat;
}
div#kepala div#slide-holder{
z-index:40;
width:960px;
height:299px;
position:absolute;
}
div#kepala div#slide-holder div#slide-runner{
top:9px;
left:9px;
width:943px;
height:278px;
overflow:hidden;
position:absolute;
}
div#kepala div#slide-holder img{
margin:0;
display:none;
position:absolute;
}
div#kepala div#slide-holder div#slide-controls{
left:0;
bottom:228px;
width:943px;
height:46px;
display:none;
position:absolute;
background:url(http://gadgetinspiration.com/blog/wp-content/uploads/jquery%20sliders/images/slide-bg.png) 0 0;
}
div#kepala div#slide-holder div#slide-controls p.text{
float:left;
color:#fff;
display:inline;
font-size:10px;
line-height:16px;
margin:15px 0 0 20px;
text-transform:uppercase;
}
div#kepala div#slide-holder div#slide-controls p#slide-nav{
float:right;
height:24px;
display:inline;
margin:11px 15px 0 0;
}
div#kepala div#slide-holder div#slide-controls p#slide-nav a{
float:left;
width:24px;
height:24px;
display:inline;
font-size:11px;
margin:0 5px 0 0;
line-height:24px;
font-weight:bold;
text-align:center;
text-decoration:none;
background-position:0 0;
background-repeat:no-repeat;
}
div#kepala div#slide-holder div#slide-controls p#slide-nav a.on{
background-position:0 -24px;
}
div#kepala div#slide-holder div#slide-controls p#slide-nav a{background-image:url(http://gadgetinspiration.com/blog/wp-content/uploads/jquery%20sliders/images/silde-nav.png);}
div#nav ul li a{background:url(images/nav.png) no-repeat;}


pastingan kode diatas diletakkan tepat diatas kode ]]></b:skin>, lalu letakkan kode script berikut ini tepat diatas kode </head>

<script type='text/javascript'>var _siteRoot=&#39;index.html&#39;,_root=&#39;index.html&#39;;</script>
<script language='javascript' src='http://h1.ripway.com/tropicboy/jquery.js' type='text/javascript'/>
<script language='javascript' src='http://h1.ripway.com/tropicboy/scripts.js' type='text/javascript'/>

pastingan kode diatas diletakkan tepat diatas kode </head>

setelah dua tahapan diatas terlaksana dengan benar, simpan template anda.

langkah selanjutnya adalah meletakkan slider pada tempat yang anda inginkan, pada langkah ini anda diharuskan untuk meng-klik centang expand template agar semua kode template dapat terlihat. Dalam hal ini saya mengasumsikan anda akan memasang slider pada kolom HEADER, maka berikut ini kode slider dan cara menempatkannya:

jika header anda telah terisi gambar, judul, blog, atau gadget lainnya maka anda terlebih dahulu harus menghapus gadget yang telah mengisi kolom header. caranya:

cari kode berikut

<div id='header-wrapper'>

jika kolom header telah terisi, tentu kode selanjutnya adalah

<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='(judul blog anda)' type='Header'/>
</b:section>

skarang, untuk menghapus gadget yang mengisi kolom header, anda perlu menghapus yang berada dibawah kode berwarna merah diatas (<b:widget id='Header1' locked='true' title='(judul blog anda)' type='Header'/>). lalu simpan template anda, berhubung tindakan yang anda lakukan adalah menghilangkan salah satu gadget maka blogger akan meminta konfirmasi penghapusan gadet, klik HAPUS GADGET.

oke, setelah gadget tadi dihapus maka tindakan selanjutnya adalah menempatkan kode slider pada kolom header yang telah dihapuskan tadi. letakkan kode berikut dibawah kode
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>

<div id='ning-ning'>
<div id='kepala'><div class='wrap'>
<div id='slide-holder'>
<div id='slide-runner'>
<a href=''><img alt='' class='slide' id='slide-img-1' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwoK4O4QNBq4b_ox8rvLfYfME3dYDjqrQ-_B_ybnqgnbyWAPQAKcY5XJVFu9OqprpgPh19EAUz-aok9J_55TBekxbIRErIUX2tFS_IyNtK13-3u95rjkCdNwT-njnEV_jLB4jCSOd7e74/s1600-r/rumah-tongkonan-tana-toraja1.jpg'/></a>
<a href=''><img alt='' class='slide' id='slide-img-2' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieGdlxl6fEq6yRCTmbbNNrE6izeLocj3L8pQgqEGkKWqAj0AzXGUUqk7QCxhHnF34yoz72mANYwUCzyS7NPY7xVrUiGYY5izZLIY9eCxZd8G4tojSQB8c-_P0LKAKzGA1saBX4mtvHPYI/s1600-r/detik_DSC_4913a.jpg'/></a>
<a href=''><img alt='' class='slide' id='slide-img-3' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLG_CZNcOuJhS9Sf_NPcjFTKY6H8MsF2-C1_hQlApveGPwOqyMIBu8-2Us1wuTcyrukZ6aIBDO88yBR5D3mjbuheJ6exHi_n8AOC7ZjmUdnICi6X_lb-RM_MOha0RazP-PSCG3CHdEcjc/s1600-r/cimg4289.jpg'/></a>

<a href=''><img alt='' class='slide' id='slide-img-4' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9CEDSIEuc6wEHL9w964yLNzQ2bC0MB2YK6ynsMCNG7HrgICMTtse66Qc_O3QMS9KLCl20FvvN-bI5gF2vFd5b-rRr5SNv_0R0NdfsErEEX_K5Bfn-CJJwMAxls1r17cRdFS6zX4GSiQU/s1600-r/allvew1.jpg'/></a>
<a href=''><img alt='' class='slide' id='slide-img-5' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5vpYcPzqQJE8AhCTwMfcM7CLCTzL32GRpD2fXpDZzEGgox-0J62XfDW6YnEVqWq_zm9y7EiUDim4Ygehb3kdxKSnASMCNzC5vZUVDLTC8Ur8p_2-9nkA1lhOpyOODlz7_Nxmo9ktS13I/s1600-r/bira.JPG'/></a>
<a href=''><img alt='' class='slide' id='slide-img-6' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj44jXQTEq0YfaXVDTUOYJZqKjrnhtdm3i6Ly7-0sm22YSrelkw2epvrYO49lKuS2AN0hge6g1XegJLa3tBeAMRWaOpwauwLkEyUMWSivcu8_Z8qg3yMDxG3IAkyqIeopWrzHY6G1k-hHM/s1600-r/malino.jpg'/></a>
<a href=''><img alt='' class='slide' id='slide-img-7' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRgE19QgRldMqe6qB4mY3WmR4NKknUlYnwuXUGAlKA0cQCZQbzU5fWr2XqhD1FsLy_8TAmcP0S6FcW1Zpuexgx6JbuxCmVPaU9MfyV9LZLdwjK9kP3eesAkx6wA7MtWqlkpR3Reew9cO4/s1600-r/losari.2.jpg'/></a>
<div id='slide-controls'>
<p class='text' id='slide-client'><strong>post: </strong><span/></p>
<p class='text' id='slide-desc'/>
<p id='slide-nav'/>
</div>

</div>

<!--content featured gallery here -->
</div>
<script type='text/javascript'>
if(!window.slider) var slider={};slider.data=[{&quot;id&quot;:&quot;slide-img-1&quot;,&quot;client&quot;:&quot;Tana Toraja&quot;,&quot;desc&quot;:&quot;Location: Toraja, South Sulawesi, Indonesia&quot;},{&quot;id&quot;:&quot;slide-img-2&quot;,&quot;client&quot;:&quot;Mountain Lady&quot;,&quot;desc&quot;:&quot;Location: Endekan, South Sulawesi, Indonesia&quot;},{&quot;id&quot;:&quot;slide-img-3&quot;,&quot;client&quot;:&quot;Bantimurong&quot;,&quot;desc&quot;:&quot;Location: Maros, South Sulawesi, Indonesia&quot;},{&quot;id&quot;:&quot;slide-img-4&quot;,&quot;client&quot;:&quot;Pallette Cape&quot;,&quot;desc&quot;:&quot;Location: Bone, South Sulawesi, Indonesia&quot;},{&quot;id&quot;:&quot;slide-img-5&quot;,&quot;client&quot;:&quot;Bira Beach&quot;,&quot;desc&quot;:&quot;Location: Bulukumba, South Sulawesi, Indonesia&quot;},{&quot;id&quot;:&quot;slide-img-6&quot;,&quot;client&quot;:&quot;Malino&quot;,&quot;desc&quot;:&quot;Location: Gowa, South Sulawesi, Indonesia&quot;},{&quot;id&quot;:&quot;slide-img-7&quot;,&quot;client&quot;:&quot;Losari Beach&quot;,&quot;desc&quot;:&quot;Location: Makassar, South Sulawesi, Indonesia&quot;}];
</script>

</div></div>
</div>
pastikan kode tersebut terletak dibawah kode <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>

setelah semua proses panjang tadi terlewati, simpan template anda sekarang.

Free Icon

Sahabat Focus, dalam artikel bertema tips Blogging kali ini.. Saya akan merekomendasikan beberapa jenis icon untuk memperindah tampilan blog sahabat focus sekalian.. kegunaannya selain untuk sosial bookmarking agar tulisan anda dapat dishare oleh pembaca, juga menyediakan sosial media (facebook,twitter, dan Feed), dan masih banyak lagi. berikut ini adalah beberapa icon "siap download" yang disediakan:

Social Media Bookmark Icon +


Download Social Media Bookmark Icon +


Loading Animated Gif


Download Loading Animated Gif


55 Original Vector Twitter Icons


Download 55 Original Vector Twitter Icons


Payment Icon Set


Download Payment Icon Set


Upojonie


Download Upojonie


Iconshock Tiny Sigma DJ


Download Iconshock Tiny Sigma DJ


ERP Dock Icons


Download ERP Dock Icons

Cara membuat blog dengan blogger.com

salam.. selamat datang frank ucapkan kepada rekanan blogger sedunia, baik yang telah sering berkunjung ataupun baru kali ini masuk ke frankenstein-focus.blogspot.com. melalui permintaan beberapa teman (di dunia nyata) akhirnya kalin ini Frank akan memberikan pstingan request tentang tahapan pembuatan blog di blogger.com. berikut langkah-langkahnya:
  • masuk ke www.blogger.com 
  • klik tab bertulisan buat blog  
  • selanjutnya, ikuti langkah yang telah tersedia

    teruskanlah langkah pengisian beberapa data tanpa harus takut salah. keseluruhan data yang diisi pada form dapat diubah kembali, tergantung selera pemilik akun, bahkan jika ingin pemilik akun dapat membuat blog lain dengan akun yang sama.

    seluruh fasilitas telah disediakan oleh blogger.com (termasuk template) modifikasi sederhana dapat dilakukan dengan mengklik tab "perancang template" (setiab nama tab yang frank sebutkan disesuaikan dengan pengaturan bahasa, jika dalam akun blog anda telah di-set menggunakan bahasa lain maka nama tab pun akan berubah, disini frank menjelaskan dengan pemahaman akun blog telah di-set menggunakan bahasa indonesia).

    untuk lebih jelasnya silahkan liat video berikut..









    NB:
    • semua penjelasan diatas diperuntukkan untuk pengguna e-mail google (gmail.com) 
    • harap beritahu Frank jika postingan ini tidak seperti yang anda harapkan dengan menuliskan komentar pada kolom yang telah disediakan

    Cara Pasang Buku Tamu Stylish

    Berawal dari requestan salah seorang rekanan blog, dan diikuti oleh beberapa yang lainnya, akhirnya saya terinspirasi untuk menertbitkan tutosial pemasangan buku tamu seperti yang ada diblog ini (Bagi yang belum mengetahui model buku tamu blog ini, silahkan klik gambar berlatar hitam dengan tulisan buku tamu disamping), atau lihat gambar dibawah ini:


    sudah paham buku tamu seperti apa yang dimaksud ?
    jika iya maka pemasangan bagi yang berminat dapat segera dimulai. Berikut langkah-langkahnya:
    1. masuk ke blogger anda
    2. pilih menu rancangan (lay out)
    3. klik tambah gadget (added gadget) ditempat yang anda inginkan
    4. pilih HTML/JavaScript
    5. masukkan kode dibawah ini:

    <!-- Start Shoutbox light effect by UmarAzmarMF -->

    <script type="text/javascript" src="http://code.jquery.com/jquery-latest.pack.js"></script>

    <script>

    $(document).ready(function() {

    //select all the a tag with name equal to modal

    $('a[name=modal]').click(function(e) {

    //Cancel the link behavior

    e.preventDefault();


    //Get the A tag

    var id = $(this).attr('href');


    //Get the screen height and width

    var semahHeight = $(document).height();

    var semahWidth = $(window).width();


    //Set heigth and width to semah to fill up the whole screen

    $('#semah').css({'width':semahWidth,'height':semahHeight});


    //transition effect

    $('#semah').fadeIn(1000);

    $('#semah').fadeTo("slow",0.8);


    //Get the window height and width

    var winH = $(window).height();

    var winW = $(window).width();


    //Set the popup window to center

    $(id).css('top', winH/2-$(id).height()/2);

    $(id).css('left', winW/2-$(id).width()/2);


    //transition effect

    $(id).fadeIn(2000);


    });


    //if close button is clicked

    $('.window .close').click(function (e) {


    //Cancel the link behavior

    e.preventDefault();


    $('#semah').hide();

    $('.window').hide();

    });


    //if semah is clicked

    $('#semah').click(function () {

    $(this).hide();

    $('.window').hide();

    });


    });

    </script>

    <style>a {color:#ffffff; text-decoration:none}

    img { border: none; }

    #semah {

    position:absolute;

    left:0;

    top:0;

    z-index:9000;

    background-color:#000;

    display:none;

    }


    #wadah .window {

    position:fixed;

    left:0;

    top:0;

    width:440px;

    height:200px;

    display:none;

    z-index:9999;

    padding:20px;

    }

    #wadah #UmarAzmarMFshoutbox {

    background:url(http://i1088.photobucket.com/albums/i328/boytropic/FRANKENSTEIN-REDGUESTBOOK.png) no-repeat 0 0 transparent;

    width:272px;

    height:460px;

    padding:56px 0 20px 5px;

    }

    #tutupan {

    padding:2px 0 0 0;

    }

    </style>

    <ul><center> <a href="#UmarAzmarMFshoutbox" name="modal"><img src="http://i1088.photobucket.com/albums/i328/boytropic/FrankensteinCbox.png" border="0" width="158" height="58" /></a> </center> </ul>

    <script style="text/javascript" src="http://h1.ripway.com/tropicboy/TOCcategory.js"></script>
    <div id="wadah">

    <!-- Start Shoutbox -->

    <div id="UmarAzmarMFshoutbox" class="window">
    <div><a href="javascript:void(0)" onclick="gb_showHideGB()"><b style="color:red">[ Close ]</b></a></div>


    <-- LETAKKAN KODE BUKUTAMU ANDA DISINI -->


    <div id="tutupan"><input type="button" value="Close" class="close" />
    <script style="text/javascript" src="http://h1.ripway.com/tropicboy/TOCcategory.js"></script>
    <style type="text/css">
    .gb_fixed{
    position:fixed;
    top:0px; right:0px;
    z-index:+10;
    }

    * html .gb_fixed {position:relative;}

    #hidden_gb2 {

    display:none;

    border:2px solid #e4b5c5;

    -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#FFFFFF;

    padding:10px;

    padding-top:0px;

    }

    </style>

    <div class="gb_fixed">

    <table id="hidden_gb2" cellpadding="0" cellspacing="0">

    <tr><td>

    </td></tr></table></div>

    </div>

    <script src="http://z33s.googlecode.com/files/Shoutz33sEfect.js"></script>

    <div style="z-index:+5" class="gb_fixed">

    </div>

    </div></div><!-- End Shoutbox -->

    <div id="semah"></div></div>

    <!-- End of Shoutbox light effect by UmarAzmarMF -->

    ubahsuaikan:
    LETAKKAN KODE BUKUTAMU ANDA DITEMPAT YANG TELAH DISEDIAKAN

    Cara Mengganti Favicon Blog

    Sahabat Focus , pada tema blogging  kali ini kita akan memperlajari cara mengganti favicon blog, sebelum itu baik kiranya jika kita memulainya dengan paham terlebih dahulu tentang pengertian Favicon, Let'S CikeProot....

    Favicon adalah icon/gambar yang terletak pada address bar dari suatu web browser. Setiap situs atau blog memiliki favicon. Pada blogspot , favicon yang dibuat berupa logo blogger berwarna orange. seperti gambar disamping ini:

    Favicon ini tidak bisa diganti begitu saja melalui setting/pengaturannya. Lalu bagaimana jika anda ingin mengganti/merubah favicon ini?

    Sebenarnya cara mengganti favicon blogger ini cukup mudah. Anda bisa menggantinya melalui pengeditan layout. Berikut tutorialnya.

    1. Masuk ke akun blogger anda.
    2. Pilih menu Plan (Rancangan) » Edit HTML.
    3. Cari kode di bawah ini. (untuk lebih mempermudah, silahkan ketik CTRL+F >> lalu tuliskan kode dibawah ini)

    <b:include data="blog" name="all-head-content">

    4. Copy-paste kode berikut di bawah kode diatas.

    <link href="url-gambar" rel="shortcut icon"/>
    Ganti tulisan berwarna merah dengan url gambar yang akan dijadikan favicon.

    5. Simpan template.

    Setelah selesai melakukan pengeditan, sekarang lihat hasilnya. Jika anda melakukannya dengan benar, favicon ini akan tampil di address bar, sebelah kiri URL blog anda.

    Untuk cara memasang favicon di blog selain blogspot juga bisa menggunakan kode di atas. Tetapi pengeditan HTML-nya mungkin sedikit berbeda.

    Selamat mencoba!, pastikan anda meninggalkan Komentar setelah membaca.