inclusterarticle

Cara Membuat Ucapan Selamat Datang Saat Blog di Buka

Kesengsem juga neh sama sambutan blog salah satu sahabat saya, kayanya sopan banggets waktu saya mau baca-baca sambil mencari insipirasi buat blog saya. Akhirnya, tanpa rasa ragu dan malu bertanya juga neh sama kawan, cara buatnya bagaimana sobat?

Akhirnya bisa juga menyambut para tamu blog ini dengan kata-kata yang mungkin bisa membuat pengunjung blog ini lebih merasa nyaman untuk lebih berlama-lama di blog yang jauh dari bagus ini.

Banyak cakap alias bualannya neh, langsung saja deh ke cara pembuatan ucapan selamat datang saat blog kita dikunjungi atau dibuka :

1. Pertama-tama Log In terlebih dahulu ke account Blogger anda.
2. Setelah itu klik Tata Letak > Elemen Halaman > Edit HTML.
3. Kemudian copy kode di bawah ini tepat di atas kode :

<SCRIPT language='JavaScript'>alert("Selamat Datang Di Blog Bhians Semoga Materi Yang Ada Pada Blog Ini Bisa Berguna Bagi Anda.");</SCRIPT>

4. Ganti tulisan yang berwarna Merah dengan kata-kata yang anda inginkan.
5. Lalu simpan dan lihat hasilnya.

Semoga Berhasil....

Sumber : http://bhians.blogspot.com/2010/02/cara-membuat-ucapan-selamat-datang-saat.html

Membuat Effect Gambar Besar Sendiri Di Blog

Coba arahkan cursor anda ke gambar, nanti anda akan melihat gambar tersebut membesar
kalau belum paham lagi itu namanya kelewatan hahahaha..!!
oke to the point aja :
1. Log In Ke Blog Saudara
2. Seperti Biasa Tata Letak
3. Setelah Itu Edit HTML
4. Letakkan Kode Di Bawah Tepat Di Bawah<head> :

<style type="text/css">
 
img.expando{ /*sample CSS for expando images. Not required but recommended*/
border: none;
vertical-align: top; /*top aligns image,

so mouse has less of a change of moving out of image while image is expanding*/
}
 
</style>
 
<script type="text/javascript" src="http://blogacim.co.cc/tools/expando.js">
 
/* Expando Image Script ©2008 John Davenport Scheuer
   as first seen in http://www.dynamicdrive.com/forums/
   username: jscheuer1 - This Notice Must Remain for Legal Use
   */
 
</script>

5. Setelah itu silahkan Save Template Anda
6. Bagaimana Gambarnya Bisa Membesar Sendiri ??
Untuk Membuat Gambarnya Menjadi Besar, setiap anda memosting dengan gambar gunakan embed code ini

<img class="expando" border="0" src="amster2.jpg" width="100" height="75">

Sumber : http://blogacim.co.cc/2009/12/membuat-effect-gambar-besar-sendiri-di-blog/

Cepat terindex di Google Yahoo dan MSNCepat terindex di Google Yahoo dan MSN

Siapa tidak kenal dengan search engine Google, Yahoo, AOL dam MSN, 4 search engine inilah yang harus anda focuskan dalam promosi blog anda, jika anda melihat statistik pada gambar diatas tentu ada bisa menyimpulkan sendiri yang mana search engine yang harus ada opitmalkan, di sini ini saya tidak menjelaskan secara rinci bagaimana mengoptimalkannya tapi anda akan memahami bagaimana cara melakukan promosi dengan mendaftarkan blog anda ke search engine Google, Yahoo dan MSN.

Cara Daftar ke Google:

Google bisa dikatakan sebagai Rajanya search Engine, saya sangat menyarankan untuk mendaftarkan pertama kali blog anda di search engine ini.
Caranya Klik http://www.google.com/addurl/ Kemudian pada formulir pendaftaran Masukan Alamat Blog pada URL dan beri komentar sesuai dengan tema blog anda.

Cara Daftar ke Yahoo:

Yahoo sebagai search engine kedua yang banyak digunakan, untuk mendaftarkan Blog anda ke Yahoo ikuti langkahnya sebagai berikut. Sebelum anda mendaftar di Yahoo pastikan anda sudah memiliki account Yahoo, jika anda sudak memilikinya anda tinggal klik https://siteexplorer.search.yahoo.com/submit kemudian pada kotak isian pertama silahkan memasukan alamat blog anda,

Contoh : http://www.namablog.blogspot.com atau
http://www.namabloggue.wordpress.com.

Untuk pilihan kedua anda diminta memasukan alamat feed anda

Contoh :Http://www.namabloggue.blogspot.com/atom.xml atau
http://www.namabloggue.wordpress.com/rss.xml

kemudian tekan tombol submit.

Cara daftar ke MSN :

Dalam statistik Search Engine, MSN milik Microsoft ini termasuk banyak digunakan jadi sebisanya blog anda juga harus terdaftar di SE ini.

Caranya: klik http://search.msn.com/docs/submit.aspx?FORM=WSDD2 kemudian anda diminta memasukan kode verifikasi dan memasukan alamat blog anda.

Semoga cepat terindex di search engine diatas

Tips Meningkatkan Pagerank Pada Website Full Flash

Penulis: Rizky2009 | rizky2009.blogspot.com

Website dengan full Flash memang sulit untuk mendapatkan pagerank di google, dan tanggal 30 Juni 2008 Google telah berupaya dalam memaksimalkan "pembacaan" website Flash. Google kesulitan dalam "membaca" flash karena :

1. Ada beberapa "javascript" yang tidak dibaca oleh googleboots, jadi jika ada file flash yang dipanggil menggunakan javascript, maka google tidak akan merespon.

2. Google tidak membaca file yang secara eksternal disambungkan pada file flash, seperti misalnya xml, html, dan PDF yang dipanggil dalam file Flash. File-file tersebut memang terbaca tetapi tidak akan menjadi satu kesatuan dengan web flash tersebut.

3. Google kesulitan membaca bahasa yang terdapat dalam file Flash yaitu bahasa actionscript.

Hal ini tentu menjadi masalah karena, banyak website yang menggunakan file Flash karena lebih animatif, more exploration design dibanding html. Berbeda dengan website html yang bisa "dibaca" oleh search engine, aksesnya lebih cepat, tapi tidak animatif dan simple.

Namun ada strategi untuk meningkatkan pagerank pada website yang full Flash ialah :

1. Dengan menggunakan halaman html yang "memanggil" file flash ditengah-tengah, dan dalam file html tersebut (yang berfungsi sebagai background) diinput keyword dengan text yang diberi warna sama dengan backgroundnya supaya tersamarkan dan tidak merusak keindahan desain.

2. Cara lain adalah dengan membuat blog sebagai penunjang dari website Flash tersebut. Blog hanya digunakan sebagai link yang mengarah pada website Flash.

3. SEO juga hal yang penting dalam meningkatkan pagerank. SEO untuk website flash adalah dengan menciptakan link yang mengarah ke website.

Contoh web site full flash bisa rekan sambangi disini

*** Adobe Flash adalah suatu program aplikasi untuk membuat animasi yang sangat handal. Kelengkapan feature dan tools yang dimiliki, menjadikan program pengolah animasi ini pilihan wajib para Animator dan para professional lainnya. Banyak hal yang dapat dilakuan dengan aplikasi pembuat animasi ini, diantaranya adalah: mendesain interface suatu halaman web, membuat presentasi, membuat game, membuat multimedia interaktif dan masih banyak lagi yang dapat dilakukan dengan program aplikasi ini. ***

Penasaran siapa dibalik penulis artikel ini? Rizky2009 | rizky2009.blogspot.com

Pluralink: Menampilkan Banyak Pilihan Dalam Satu Link

Pluralink menyediakan plugin berbasis javascipt yang sangat menarik, dengan plugin ini kita dapat menampilkan satu link tunggal yang didalamnya juga berisi daftar drop-down menu beberapa link sekaligus. Sebagai contoh dalam sebuah artikel kita sedang membahas tentang software dan software tersebut ternyata memiliki beberapa alternatif link download yang berbeda, tentu tidak ada cara lain khan selain kita berusaha mengurutkan link download tersebut satu persatu. Tetapi dengan Pluralink kita cukup menampilkannya hanya dalam satu link saja misalkan "download disini", dan selanjutnya biarkan pengguna yang memilih salah satunya.

Pluralink kemungkinan besar dapat digunakan di halaman web/blog apa saja, termasuk blogger salah satunya selama flatform tersebut Support Javascript Enable. Silahkan pelajari instruksi cara memasangnya disini. Untuk pengguna Wordpress sudah tersedia juga pluginnya, silahkan download aja disini

Cara Pasang Di blogger:

Copy-Paste semua kode dibawah ini, kemudian letakan diatas kode </head> pada halaman Edit HTML

<script type="text/javascript" src="http://pluralink.com/files/pluralink.js"></script>
<link rel="stylesheet" href="http://pluralink.com/files/pluralink.css" type="text/css" media="screen" />



Contoh penerapan Link: Rekan bisa memasang link ini dimanapun rekan suka, bisa pada menu atau dalam artikel. Pastikan pemisah link dan link title mengunakan tanda ||

<a href="http://firstlink.com/||http://secondlink.org/" title="First link description||Second link description">Some pluralink</a>

Sumber : http://www.o-om.com/2009/11/pluralink-menampilkan-banyak-pilihan.html

Cara Simple Membuat Iklan Melayang dengan Tombol Close

Penulis: Kang Yasin | trik-tipsblog.blogspot.com

Mungkin rekan blogger pernah melihat tutorial ini, memang setau saya ada yang lebih rumit menggunakan banyak kode, tapi disini saya coba memberikan tips yang lebih mudah dan sangat simple bahkan bagi anda blogger yang baru mengenal pengkodean pasti bisa melakukannya, ok saya "Kang Yasin" akan segera memberikan tutornya, nih ikutin saja langkahnya :

Login Ke Blogger.com dengan Akun anda masing-masing Pastinya
Masuk ke Tab Tata Letak
Pilih Elemen Halaman
Tambah Gadget Pilih HTML / JAVASCRIPT
Dan Copy kode di bawah ini kedalamnya yah

<a onblur="try {parent.
deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxh8RdgfCguWV7D4nQWauUaJSx3gBl30H0zWyIs4sIsZz8FDRt4IK3eYf2ePHwr7agCXt9U25mTZepMs1Li9nr0NBOXlHGzm4SVq17ZPpnCiAvSvnCowh0RQjPkl_oBgyWO4mzF0l46kU/s1600-h/Widget.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px; height: 300px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxh8RdgfCguWV7D4nQWauUaJSx3gBl30H0zWyIs4sIsZz8FDRt4IK3eYf2ePHwr7agCXt9U25mTZepMs1Li9nr0NBOXlHGzm4SVq17ZPpnCiAvSvnCowh0RQjPkl_oBgyWO4mzF0l46kU/s400/Widget.JPG" alt="" id="BLOGGER_PHOTO_ID_5433478876639914642" border="0" /></a>

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

.gbcontent{
float:right;
border:2px solid #A5BD51;
background:#ffffff;
padding:10px;
}
</style>

<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.top = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>

<div id="gb">

<div class="gbtab" onclick="showHideGB()"> </div>

<div class="gbcontent">

<div style="text-align:right">
<a href="javascript:showHideGB()">
.:[Close][Klik 2x]:.
</a>
</div>
<center>

Masukan Kode iklan atau Gambar yang anda inginkan di sini

</center>

<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.center = (30-gb.offsetWidth).toString() + "px";
</script></center></div></div>

6. Simpan

Semoga BERHASIL :)

Penasaran siapa dibalik penulis artikel ini? Kang Yasin | trik-tipsblog.blogspot.com

Membuat "Bubble Tool Tips" 100% menggunakan CSS

Penulis: Eldo A Pradana | dindingcoret.com

Bubble Tool Tips ini berguna sekali untuk memberikan informasi tentang sebuah link (bisa link refferal supaya banyak orang yang ikutan). Jika digerakkan diatas link (hover) maka secara otomatis bubble tool tips akan keluar dengan segala informasi yang ada yang dituliskan. Biasanya untuk membuat balon tip ini sebagian orang memanggilnya dengan javascript yang akan membebani blog dengan size yang sangat besar. Nah ini ada trik yang menggunakan CSS murni sebagai pemanggilan codenya. Untuk lihat live previewnya silahkan klik aja link ini .

Penerapan trik ini pake CSS, dan ini dia codenya:
/*---------- balon tips -----------*/
a.bt{
position:relative;
z-index:24;
color:#3CA3FF;
font-weight:bold;
text-decoration:none;
}

a.bt span{ display: none; }

/*background:; ie hack, harus mengubah sesuatu untuk menampilkan di IE*/
a.bt:hover{ z-index:25; color: #aaaaff; background:;}

a.bt:hover span.balontips{
display:block;
position:absolute;
top:0px; left:0;
padding: 15px 0 0 0;
width:200px;
color: #993300;
text-align: center;
filter: alpha(opacity:90);
KHTMLOpacity: 0.90;
MozOpacity: 0.90;
opacity: 0.90;
}

a.bt:hover span.atas{
display: block;
padding: 30px 8px 0;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqwZPyMhuk6mVzbmGHTFLhFsqwYmzdBzYu4BV7OBMV-amirii1bzji-BMKAbR7GacPDEAlrKKJgMLAWLqOUWzoGEANkItglrRv3tMUe1BdNk5teRzse9p9kDLEpVtbUF27TI_YYFlWCMk/) no-repeat top;
}

a.bt:hover span.tengah{
display: block;
padding: 0 8px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeVwFb5yYrYsFCNeDH9rZe8CqhjEs1bWBLmgXQUACGzSV7qumM9_h1_CQvkZTgMG-MAIRXn36E_Z660fcwtnLMUU_ft0cb07oA-VHp0eJx9zZOVGhubXdyVzk10m0pLRmxB75Y_smtT8c/) repeat bottom;
}

a.bt:hover span.bawah{
display: block;
padding:3px 8px 10px;
color: #548912;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqwZPyMhuk6mVzbmGHTFLhFsqwYmzdBzYu4BV7OBMV-amirii1bzji-BMKAbR7GacPDEAlrKKJgMLAWLqOUWzoGEANkItglrRv3tMUe1BdNk5teRzse9p9kDLEpVtbUF27TI_YYFlWCMk/) no-repeat bottom;
}

/*---------- balon tips END-----------*/

Untuk penggunaannya:

1. Link yang udah dibuat di kasih deklarasi class="bt".
Link dalam code HTML bentuknya seperti ini <a href="http://dindingcoret.com"></a> Setelah diberi deklarasi akan jadi seperti ini : <a class="bt" href="http://dindingcoret.com"></a>

2. Deklarasikan balontips. Panggil code balontips dengan menuliskan <span="balontips"></span>. Masukkan diantara code link.

3. Panggil gambar atas dengan cara ketik <span="atas"></span>. Masukkan diantara kode "balontips".

4. Panggil gambar tengah dengan cara ketik <span="tengah"></span>. Masukkan diantara kode "balontips" dibawah code "atas". Ditempat inilah sobat menuliskan komentar sobat.

5. Panggil gambar bawah dengan cara ketik <span="bawah"></span>. Masukkan diantara kode "balontips" dibawah code "tengah".

Contoh penulisan code bisa dilihat disini:
<a class="bt" href="URL SOBAT">
kata-kata terserah deh..
<span class="balontips">
<span class="atas">
</span>
<span class="tengah">
Tempat sobat tulis info tentang link dan akan keluar sebagai bentuk balon
</span>
<span class="bawah">
</span>
</span>
</a>