<title>November 2010

Jumat, 12 November 2010

Trik Hanya Menampilkan Judul Postingan Saja Setelah Melakukan Pencarian Artikel

menanggapi permintaan saudara Superveloce, sekarang saya posting artikel ini.

Seperti pada blog saya, blog saya hanya menampilkan judul postingan saja setelah kita melakukan pencarian / search di blog. Jika anda bingung maksud saya, silahkan anda lihat gambar disamping. terlihat blog hanya menampilkan judul – judul dari postingan saja. Secara default atau bawaan dari template standard, jika kita melakukan pencarian, maka yang akan kita temukan adalah judul postingan serta uraiannya, sehingga hasilnya kurang efisien dan memakan tempat. Dan biasanya pengunjung menjadi jenuh dan enggan untuk mengklik halaman selanjutnya untuk mencari kata kunci yang di maksud.

Sekarang anda sudah paham maksud dan tujuan untuk melakukan hasil pencarian dalam bentuk judul postingan bukan?. Jika tertarik, silahkan ikuti langkah – langkah ini :

Klik Tata Letak.

Pilih Edit HTML.

klik Download Template Lengkap, untuk sebagai persiapan jika gagal dan template jadi rusak.

Kemudian klik Expand Template Widget.

Cari kode :

<b:include data='post' name='post'/>

Hapus kode diatas dan ganti dengan kode berikut ini :
<b:if cond='data:blog.homepageUrl !=
data:blog.url'>
<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'>
<data:post.title/></a><br/><br/>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
<b:else/>
<b:include data='post' name='post'/>
</b:if>

Kemudian Simpan Template dan lihat hasilnya. jika berhasil maka akan tampak seperti gambar diatas. Untuk variasi judul postingannya, saya punya 2 variasi yang mungkin bisa anda terapkan :

Bentuk hasil pencarian dengan garis putus – putus dibawah setiap judul postingan.

Jika anda ingin tampilan yang beda, anda hanya tinggal menyisipkan kode : <hr align='left' color='#CCCCCC' size='1' style='border-style: dotted; border-width=1'/> diantara </br>â�¦â�¦..</br>, sehingga hasil htmlnya menjadi seperti berikut ini :

<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'>
<data:post.title/></a><br/><hr align='left' color='#CCCCCC' size='1' style='border-style: dotted; border-width=1'/><br/>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
<b:else/>
<b:include data='post' name='post'/>
</b:if>

Kode warna #CCCCCC adalah warna abu - abu, sesuaikan dengan selera anda.

2. Bentuk hasil pencarian dengan judul didalam kotak - kotak (seperti pada blog saya ).

Untuk yang seperti ini, silahkan anda ubah kode diatas menjadi seperti berikut :
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType != "item"'>
<div style="border: 2px outset #CCCCCC; width: 500px; padding: 10px; background-color: #FBF5EF; text-align: left;">
<a expr:href='data:post.url'>
<data:post.title/></a></div><br/>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
<b:else/>
<b:include data='post' name='post'/>
</b:if>

Untuk kode width:500px, bisa anda sesuaikan dengan lebar main menu atau lebar kolom postingan anda. Jika lebar kolom post 500px maka sebaiknya sesuaikan dengan template blog anda agar terlihat lebih bagus dan menarik. Dan untuk kode #FBF5EF adalah background judul post, atur sesuai dengan keinginan.

Selamat mencoba.

Cara Memasang Widget Sharing Yang Lebih Menarik

Kali ini saya akan memberikan sedikit tips bagi anda pemula (seperti saya) yang ingin membagi artikelnya/mempromosikan situsnya melalui situs-situs social bookmark ataupun jejaring sosial, seperti facebook, myspace, twitter, dll. dan juga sekaligus menepati janji saya kepada salah satu pengunjung setia blog ini, tapi maaf, saya baru bisa menerbitkan artikel saya hari ini karena saya sedang sibuk kuliah.

Dengan memasang widget sharing is sexy, maka postingan atau artikel anda akan cepat tersebar dan otomatis blog anda akan cepat terkenal di situs-situs social bookmark yang notabennya memang tempat berkumpulnya para blogger di seluruh di dunia. Tapi dengan catatan isi konten menarik, dan anda wajib mendaftar di berbagai situs social bookmark agar anda bisa langsung sharing tanpa menunggu pengunjung blog yang mengklik widget sharing is sexy-nya.

Baiklah mari kita lanjutkan !

Silahkan login ke blogger.

Kemudian klik tab Edit HTML.

Klik Expand Template Widget.

Lalu Copy kode di bawah ini setelah kode ]]></b:skin>

Lalu cari kode <data:post.body/>

Jika anda sudah menggunakan read more, maka akan terdapat 2 kode <data:post.body/> . Letakkan kode dibawah ini setelah kode <data:post.body/> yang pertama.

    <div class='sexy-bookmarks'>

    <ul class='socials'>

    <li class='sexy-delicious'><a expr:href='"http://del.icio.us/post?url=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>

    <li class='sexy-digg'><a expr:href='" http://digg.com/submit?url=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>

    <li class='sexy-technorati'><a expr:href='" http://technorati.com/faves?add=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>

    <li class='sexy-reddit'><a expr:href='" http://www.reddit.com/submit?url=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>

    <li class='sexy-stumble'><a expr:href='" http://www.stumbleupon.com/submit?url=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>

    <li class='sexy-designfloat'><a expr:href='"http://www.designfloat.com/submit.php?url=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>

    <li class='sexy-facebook'><a expr:href='" http://www.facebook.com/sharer.php?u=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>

    <li class='sexy-twitter'><a expr:href='" http://twitthis.com/twit?url=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>

    <li class='sexy-furl'><a expr:href='" http://www.furl.net/storeIt.jsp?u=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>

    <li class='sexy-syndicate'><a href='http://feeds2.feedburner.com/phonecompi' title='Subscribe to RSS'/></li>

    <li class='sexy-email'><a expr:href='" mailto:?subject=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>

    </ul>

    <span class='sexy-rightside'/></div>

Kemudian Simpan Template.

Ganti tulisan yang berwarna merah dengan ID feedburner anda, jika belum punya anda bisa daftarkan blog sobat langsung di feedburner.

Memperkenalkan Blog di internet dengan Feedburner

Bagi Rekan-rekan yang ingin blognya lebih cepat terkenal saya sarankan untuk bergabung dengan feedburner, layanannya ditanggung gratis dan hanya salah satu pilihan untuk memperkenalkan blog atau situs kita di internet. Bagi yang ingin mendaftar tapi belum mengetahui caranya, silahkan ikuti langkah-langkah berikut ini :

Silahkan kunjungi http://www.feedburner.com atau klik saja di sini !
Klik tulisan Register pada halaman bagian atas
Isi seluruh form yang yang ada
- Username –> isi dengan username yang diinginkan. contoh : japra
- password –> isi dengan password yang diinginkan. contoh : japratea
- Password (again) –> isikan kembali password yang tadi di tulis
- Email address –> isi dengan alamat email yang sobat miliki
- Secret Question –> isi dengan pertanyaan rahasia yang jawabannya nanti cuma sobat yang tau. Contoh : siapa nama pacar pertamamu ?
- Secret Answer –> isi dengan jawaban yang sesuai dengan pertanyaan di atas. Contoh : juleha
- Klik tombol Sigin

Jika berhasil, muncul ucapan selamat datang (welcome)dari feedburner
Isi kotak di bawah tulisan Burn a feed right this instant dengan alamat blog sobat. Contoh : http://template-unik.blogspot.com
Beri tanda pada radio buuton yang tersedia, terserah mau pilih yang mana, kemudian klik tombol Next
Ubah Feed Title dengan Feed Address jika mau di ubah, kalo sudah tinggal klik tombol Active Feed
Ada ucapan Conrats, klik saja langsung tombol Next
Beri tanda centang pada kotak di samping tulisan Clickthroughs serta I want more ! have FeedBurner stats PRO also track (karena sekarang layanan yang PRO pun sudah gratis karena sudah di beli oleh google)
Klik tombol Next
Klik tab Optimize
Silahkan setting yang sobat inginkan, tapi yang paling penting adalah sobat harus mengaftifkan fitur SmartFeed, karena fitur ini berfungsi agar supaya fungsi dari feed kita kompatibel atau klop dengan berbagai feed reader yang ada
silahkan klik SmartFeed lalu klik tombol Active
Klik tab Publicize, silahkan pilih fitur yang sobat inginkan, tapi yang sering di gunakan adalah fitur feedCount coba klik FeedCount
Pilih bentuk style dari feedcount, yang biasa atau yang animasi, beri tanda pada radio button di sampingnya
Klik tombol Active
Copy kode HTML yang di berikan pada text area, paste pada notepad untuk nanti di pasang di blog sobat
Klik Chicklet Chooser untuk memilih berbagai banner atau chicklet seperti yang di tanyakan sobat setyo
Beri tanda pada radio button yang terletak di samping chicklet masing-masing, kemudian copy kode HTML yang di berikan yang ada pada text area, kemudian paste pada notepad. catatan : setiap sobat memberi tanda pada radio button masing-masing chicklet, maka secara otomatis kode HTML yang ada di bagian bawahpun akan berubah, jadi kesimpulannya beri tanda radio button lalu copy kode HTML nya beri tanda lagi lalu copy kodenya lagi
Klik Pingshot, beri tanda pada kotak di samping Ping-O-matic serta Newsgator, klik menu dropdown yang ada, lalu pilih yang sobat inginkan, klik tombol Add, klik lagi menu dropdownnya bila ingin di tambahkan lagi, klik Add kembali
Klik tombol Active
Klik Headline Animator untuk mendapatkan banner animasi
Klik menu dropdown di bawah tulisan Theme, pilih yang sesuai keinginan (yang paling banyak di minati adalah type classic)
Klik tombol Active
Klik menu dropdown di samping tulisan Add to, pilih Blogger blog
Klik tombol Next
Setelah muncul window baru, klik tombol Add to Blogger
silahkan Sign in dulu di blogger
Pilih blog yang mau di pasang banner animasi nya, lalu klik tombol Menambah Widget maka secara otomatis banner animasi akan di tambahkan. catatan : cara ini hanya berlaku bagi yang memakai template baru
Silahkan sign out dari situs tersebut
Selesai

Untuk fitur-fitur yang lain lainnya, silahkan rekan coba-coba saja sendiri karena jika di terangkan semuanya, saya anggap terlalu banyak.
Untuk pemasangan kode-kode HTMl yang tadi di copy pada notepad, saya anggap rekan sudah bisa melakukannya, karena sudah sering saya bahas. Yang pake template klasik tinggal paste saja pada kode template nya, bagi yang pake template baru ya tinggal tambah elemen trus pilih yang HTML/Javascript, paste kodenya udah deh.
Satu yang paling terakhir. Seperti yang saya katakan diatas tadi bahwa sekarang feedburner sudah di beli sama google, maka untuk feed blogger bisa di alihkan ke feedburner. Caranya seperti ini :

Sig in di blogger
Klik menu Pengaturan
Klik Feed Situs
Di sebelah tulisan Ijinkan Feed Blog, pilih yang Penuh
Simpan alamat feed dari feedburner pada kotak di samping tulisan posting URL Pengubahan Arah Feed. contoh alamat feed dari feed burner : http://feeds.feedburner.com/TemplateUnik
bila sobat mempunyai account google adsense, sobat bisa menyimpan kode iklan google adsense sobat pada kotak di samping tulisan Feed Item Footer
Klik tombol Simpan Pengaturan
Selesai.

Ok deh, semoga dengan bergabungnya sobat ke feedburner, blog sobat menjadi cepat terkenal dan ramai di kunjungi.

Memasang Iklan Yang Melayang Diatas/Permukaan Halaman

Memasang iklan fyang melayang diatas halaman digunakan agar pengunjung lebih sering menekan iklan yang kita pasang. dan tentu saja itu akan memberikan penghasilan kepada kita. maksudnya memasang iklan yang terlihat melayang (yang tidak menempel) pada blog seperti iklan-iklan yang nampak pada situs-situs berita berbahasa indonesia pada umumnya. Saya sedikit ingin berbagi tips dan trik yang telah saya dapatkan.

Ide ini bermula ketika saya berkunjung ke blog orang lain dan melihat iklan yang melayang-layang dipermukaan blog. lalu saya berfikir untuk mencari triknya. setelah lama saya mencari, akhirnya saya dapatkan juga trik ini. berikut contoh dari iklan tersebut :

Tapi pada tutorial ini, saya ingin membagikan trik yang sama akan tetapi dengan code yang sederhana dan mudah dirubah. berikut triknya :

# Langkah Pertama :
- Login keBlogger.
- Masuk ke "Tata Letak" kemudian "Edit HTML".
- Cari code ]]></b:skin> kemudian copy paste code berikut diatasnya :

.iklan_bawah {z-index:9999;background:#fff;position:fixed;bottom:0px;align:bottom; width: 1000px;}

- Simpan template.

# Langkah Kedua :
- Masuk ke "Elemen Laman".
- Tambah gadget dan pilih "HTML/JavaScript".
- Copy pastekan code berikut kedalamnya :

<div class="iklan_bawah">

PASANG SCRIPT IKLAN ANDA DISINI

</div>

* Ganti align:bottom; dengan align:top dan bottom:0px dengan top:0px jika ingin memasang iklan dibagian atas.
* Ganti lebar sesuai dengan lebar blog kamu.

Happy Blogging.

Membuat Widget Follower / Pengikut Melayang atau Tersembunyi

Membuat Widget Follower / Pengikut Melayang dan Tersembunyi. Widget follower atau pengikut dapat membuat blog kita dikira profesional oleh para pengunjung. terutama jika follower kita sudah banyak. namun disamping itu ada kelemahan yang membuat widget ini menjadi buruk menurut saya. kelemahan tersebut adalah : widget ini akan memperjelek tampilan blog kita menurut saya widget ini terlalu mencolok dan banyak gambar. untuk itu, kini saya akan mulai memberikan solusi bagaimana agar widget ini membuat blog kita menjadi lebih profesional namun tidak memperburuk tampilan blog kita. caranya adalah dengan Membuat Widget Follower / Pengikut Melayang dan Tersembunyi seperti yang saya pasang pada blog saya ini. atau lihat gambar berikut ini.

Untuk cara membuatnya, lakukan langkah dibawah ini:
1. Pertama kali sebaiknya anda login dengan akun blogger anda.
2. Lalu buka Google Friend Connect untuk mendapatkan script kode widget follower anda.
3. Maka anda akan dibawa ke halaman utama situs google friend connect.
4. lalu pilih blog anda di sidebar sebelah kiri. kemudian klik tambahkan gadget anggota.

5. Atur ukuran dan warna widget follower anda. untuk membuatnya transparan, kosongkan saja semua pengaturan warna.
6. Klik Buat kode. Maka anda akan di berikan script kode widget follower anda.
7. Buka tab baru pada browser anda. kemudian masuk ke dasbor blogger anda, buka Rancangan > Elemen laman > Add a Gadget > HTML/Javascript
8. Masukkan kode di bawah ini kedalam kolom tersebut:

<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:350px;
width:30px;
float:left;
cursor:pointer;
background:url('http://i36.tinypic.com/bi1n44.jpg') no-repeat;
}

.gbcontent{
float:left;
border:2px solid #A5BD51;
background:#F5F5F5;
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.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}

</script> <div id="gb">
<div class="gbtab" onclick="showHideGB()"> </div>
<div class="gbcontent">

Kode Widget Follower Anda Disini

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

9. replace tulisan Kode Widget Follower Anda Disini dengan kode widget follower anda.
10. Simpan gadget, maka widget follower anda sudah terpasang dengan melayang.

Selesai. semoga tampilan blog anda menjadi lebih profesional. selamat mencoba.

Sabtu, 06 November 2010

Manfaat Yahoo Profile Untuk Backlink

Ternyata setelah berpetualang mencari informasi juga mendapatkan wangsit semalam (bertapa) Sobat blog bisa juga memanfaatkan halaman Yahoo Profile Sobat untuk menambahkan koleksi backlink. Sama seperti friendster, masing-masing pengguna layanan yahoo memiliki halaman profilnya sendiri-sendiri yang bisa dimodifikasi isinya. Untuk melakukan langkah ini pastikan Sobat telah memiliki account di yahoo.com atau yahoo.co.id.

Adapun langkah dan tata cara untuk memanfaatkan Yahoo! Profile untuk backlink situs Sobat adalah seperti berikut :

Login ke Yahoo dan masuklah ke halaman yahoo profile Sobat di alamat http://profiles.yahoo.com/username (ubah username dengan username yahoo Sobat). Kemudian klik Edit Profile di bagian tab menu atau bisa langsung klik tulisan 'mulai berbagi update dari situs lainnya' dibawah foto profile sobat dan klik ikon blogger. Apabila tidak terlihat icon blogger klik 'More/Lainnya'.

Masukan nama pengguna blogger dan alamat situs blog Sobat lalu klik 'Tambah' atau masuka nama pengguna dibawahnya supaya yahoo yang menemukan situs Sobat (cara ini lebih lama prosesnya).
Apabila berhasil maka Sobat akan mendapatkan laporan bahwa update situs blog berhasil.
Langkah terakhir dan yang paling utama yaitu pasang URL link halaman yahoo profile Sobat disalah satu situs blog yang sudah ter-index oleh Om Google yang nantinya link tersebut berguna agar halaman profile tadi dikunjungi oleh crawler mesin pencari dan dicatat sebagai backlink situs blog Sobat.

Dan langkah terakhir satu lagi adalah Selamat Mencoba Sobat,,.

Strategi Jitu Mendapatkan Backlink

Backlink adalah salah satu cara optimasi SEO dengan memperoleh dukungan dari website atau blog orang lain. Mesin pencari, terutama google sangat menyukai hal ini. Karena website atau blog dirasa memiliki tingkat popularitas yang tinggi. Semakin banyak backlink yang Sobat peroleh, semakin baik pula hasil atau traffic yang akan didapat. Backlink yang baik adalah yang berasal dari website atau blog yang memiliki peringkat Google (Page Rank) yang tinggi.

Pengertian Backlink

Backlink adalah link atau alamat website (blog) Sobat yang terletak pada website (blog) orang lain. Jumlah backlink adalah salah satu indikasi popularitas dari sebuah halaman website atau blog.

Backlink mempunyai 3 (tiga) jenis cara, yaitu One Way Backlink, Two Way Backlink dan Three Way Backlink:

One Way Backlink
Adalah jika Sobat menaruh link url blog Sobat di website atau blog orang lain, sementara website/blog orang lain tersebut tidak mewajibkan Sobat untuk memasang kembali url link situs-nya pada halaman blog Sobat (cara ini sangat disukai oleh mesin pencari seperti Om Google).

Two Way Backlink
Adalah sebuah sistem dimana kedua belah pihak memperoleh link dari situs masing-masing. Biasanya disebut juga saling tukar link (Link Exchange).

Three Way Backlink
Biasanya dilakukan oleh situs khusus yang akan melakukan submit situs Sobat kepada situs-situs (website/blog) pihak ke tiga. Dengan syarat Sobat harus menempatkan link url alamat situs (website/blog) orang lain pada blog Sobat terlebih dahulu.

Semoga bermanfaat.

Mengatur Kemunculan Widget

Ingin mengatur kemunculan widget atau menapilkannya widget dihalaman tertentu pada blog Anda, ikutilah langkah - langkah dibawah ini . Biasanya trik ini digunakan untuk membuat related post / artikel terkait .

1. Login ke halaman Dasboard > Tata Letak > Edit HTML
2. Centang ' Expand Template Widget '.
3. Pilih widget yang akan Anda atur kemunculannya.
4. Contoh untuk menampilkan widget hanya di Sub halaman / Halaman berikutnya :

<b:widget id='HTML1' locked='false' title='Other Artikel' type='HTML'>
<b:includable id='main'>

<b:if cond='data:blog.pageType == "item"'>

<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>

</b:if>
</b:includable>
</b:widget>
</b:section>
</div>

5. Contoh untuk menampilkan widget hanya di halaman Utama :

<b:widget id='HTML1' locked='false' title='Other Artikel' type='HTML'>
<b:includable id='main'>

<b:if cond='data:blog.url == data:blog.homepageUrl'>

<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>

</b:if>

</b:includable>
</b:widget>
</b:section>
</div>

6. Contoh untuk menampilkan widget hanya di halaman Tertentu :

<b:widget id='HTML1' locked='false' title='Other Artikel' type='HTML'>
<b:includable id='main'>

<b:if cond='data:blog.url=="Alamat_URL_postingan_yang_hanya_ada_widget_ini"'>

</b:if>

</b:includable>
</b:widget>
</b:section>
</div>

Ket : Anda Cukup menambahkan Kode Yang Berwarna Merah Saja.

Selamat Mencoba Ya ,,,...

read more “Mengatur Kemunculan Widget”

Membuat Gambar Melayang Pada Blog

Yang namanya melayang berarti kan terbang ya,,,??? tapi kalu yang ini gk terbang ke langit , tpi kesannya hanya melayang - layang atau tidak menempel pada body blg Anda alias terpisah dengan blog Anda. Saya juga bingung ngejelasinnya nie,,, bagaimana kalau kita langsung praktek saja ya, Untuk contohnya bisa diliat disini atau bisa diantar menggunakan pesawat terbangku ini

1. Masuk Ke Halaman Dashboard > Tata Letak > Edit Html.

2. Copy dan paste kode berikut tepat diatas tag ]]></b:skin>

#rifweb_melayang {
position:fixed; _position:absolute; bottom:0px; left:0px; clip:inherit; z-index:+1000;}

Keterangan :

Ubah kode yang berwarna merah sesuai keinginan Anda untuk meletakan gambar melayang, text "left" diganti dengan "right". Begitu juga tulisan "bottom", jika pingin di posisi atas bisa diganti dengan "top".

3. Apabila langkah diatas sudah terlaksana yuk Anda copy paste kode dibawah ini dan simpan tepat dibawah tag </head> dan sebelum tag <body> atau kata lainnya di tengah - tengah tag tersebut.

<div id='rifweb_melayang'>

<a href='http://ALAMATBLOGANDA.blogspot.com/' target='_blank' title='JUDUL_GAMBAR'>
<img border='0' src='http://ALAMATGAMABARANDA'/></a>
</div>

Keterangan :
Ganti Tulisan Alamat Blog , Alamat Gambar dan Judul Gambar Kesayangan Anda atau Anda dapat menggunakan Alamat ini :

a. Rubah_1, URL : http://www.cute-smiley.com/smilies/Red_fox11.gif

b. Rubah_2, URL : http://www.cute-smiley.com/smilies/Red_fox15.gif

c. Matahari, URL : http://www.cute-smiley.com/smilies/orange13.gif

d. Ompong, URL : http://www.cute-smiley.com/smilies/orange5.gif

f. Pesawat, URL : http://i39.tinypic.com/1zqel9l.png

Atau Kunjungi http://www.cute-smiley.com

Tambahan :

1. Kupu-kupu 1, URL: http://s3.tinypic.com/32zovnl.jpg
2. Kupu-kupu 2, URL: http://s6.tinypic.com/j64bw7.jpg
3. Kucing, URL: http://s5.tinypic.com/67uxav.jpg
4. Mickey Mouse, URL: http://s3.tinypic.com/ou5ahd.jpg
5. Sonic lari, URL: http://s6.tinypic.com/auyrgh.jpg
6. The Pooh, URL: http://s5.tinypic.com/2itlohw.jpg
7. Bumi, URL: http://s6.tinypic.com/9h5t8p.jpg
8. Bumi1, URL: http://s6.tinypic.com/23sbwv7.jpg
9. Bumi2, URL: http://s6.tinypic.com/1zf4yv8.jpg
10. Naik Sepeda, URL : http://www.postsmile.net/img/34/3487.gif
11. Dora Emon Bertarung ,URL :http://i206.photobucket.com/albums/bb274/locosoumpoco/Doraemon_Street_Fighter_3_by_zorkky.gif

Dan Jika Anda ingin yang melayang bukan gambar tetapi jam / kalender / hit counter / widget-widget yg lain-Nya, maka ganti text yang berwarna merah dan Jingga dengan script widget-widget tersebut.

Tepat - nya adalah :

4. Simpan Template dan Lihatlah Hasilnya.

Membuat Menu Drop Down Sederhana

Jika sebelumnya anda sudah pernah membuat menu arsip drop dwon, kini kita akan belajar membuat menu yang berada dalam kotak drop down.

Caranya sebagai berikut :

1. Seperti biasa kita masuk ke halaman Dashboar > Tata Letak > Tambah Gadget.

2. Carilah HTML/Javascript, kemudian klik tanda plus (Add).

3. Copy Paste kode berikut :

<form><select name="Menu Drop Down" onchange="window.open(this.options[this.selectedIndex].value,'_blank')"size=1 name=menu drop down><option value="0" selected />Judul Terlihat Pertama </option>

<option value="http://alamat blog.html" />Alamat Tujuan 1 </option>

<option value="http://alamat blog.html" />Alamat Tujuan 2 </option>

<option value="http://alamat blog.html" />Alamat Tujuan 3 </option>

<option value="http://alamat blog.html" />Judul Terlihat Pertama </option>

</select></form>

Biru : Judul yang akan terlihat pertama
Merah : Ganti alamat url blog posting Anda
Hijau : Judul berikutnya

4. Save dan lihat hasilnya.

Nb : Untuk membuat link / Menambah Link cukup tinggal copy paste kode berikut :

<option value="http://alamat blog.html" />Alamat Tujuan 4 </option>

Dan yang perlu di ingat, di akhir kode paling bawah harus ditutup dengan kode :

</select></form>

Selamat Mencoba.

Membuat Posting Video

Tidak hanya memposting tulisan ataupun gambar, Namun Anda juga dapat memposting video di halaman blog kesayangan Anda. Cara posting video adalah sebagai berikut :

1. Kunjungi situs www.youtube.com

2. Pada kotak Search ketikanlah nama video yang ingin Anda cari, lalu tekan 'Enter atau klik Search' untuk mencarinya.

3. Maka akan tampil daftar video yang Anda cari tadi. Klik salah satu judul video yang Anda inginkan.

4. Video akan ditampilkan. Untuk mengambil video tersebut klik 'Embed' dan copy kode yang tersedia pada kotak Embed. ( Edit ukuran, Enable privacy-enhanced mode atau ingin ditampilkan dengan border dan Include related videos ) plih saja salah satu dengan menceklist-Nya.

5. Pastekan kode tersebut ditempat Anda biasa memposting tulisan pada blog. PENTING : Namun pastikan Anda telah mengaktifkan mode Edit HTML.

6. Simpan dan lihatlah hasilnya.

Seperti Posting Video milik saya di atas !!! Generate by Smileykiti

Cara Membuat Text Miror Pada Header Blog

Ya untuk sedikit mempercantik Header Blog Anda tidak ada salahnya anda mencoba membuat text miror atau tulisan yang memiliki bayangan dibawahnya seperti cermin. Langsung saja kita mulai Membuat Text Miror dengan Adobe Photoshop 7.0

1. Jalankan program Adobe Photoshop Anda.

2. Klik > File > New ( Ctr+n )

3. Berikan Lebar "800px" dan Tinggi "250px" atau sesuaikan dengan lebar/tinggi blog Anda.

4. Klik ' Horizontal Type Tool ' dan buatlah suatu tulisan. misalnya " COBA.com ".

5. Tekan Ctr+j (Copy) dan Ctr+t (Paste) > lalu klik kanan pada mouse > klik Vlip Vertika.

Maka akan text akan menjadi seperti ini :

6. Klik kanan pada layer COBA.com copy dan Pilih Blending Option.

7. Pada " Blending Option " pilih > " Gradient Overlay ". beri ukuran Angle = -90 dan Scale 150.

8. Masih dalam " Blending Option " klik pengaturan warna dan beri nilai " Location=75 " dengan cara menggeser ikon pensil.

. Apabila sudah klik "OK" dan jangan lupa untuk menggeser gambar sampai sama rata dengan menggunakan " Move Tool ( V ) " pada gambar.

9. Save ( Ctr+s ) dengan format dot JPG ( .jpg )

10. Dan hasilnya akan seperti ini :

Membuat Kolom di Bawah Header

Anda bisa menambahkan kolom baru di bawah header blog anda. Adapun carannya adalah sebagai berikut :

1. Masuklah ke halaman Dashboar > Tata Letak > Edit HTML

2. Klik tulisan Download Template Lengkap untuk bejaga - jaga bila terjadi eror dan anda bisa mengembalikannya ke bentuk semula. Apabila anda belum mengetahui fungsi dan manfaatnya silahkan klik di sini . 3. Copy paste kode berikut tepat diatas kode ]]></b:skin>

#under_header{
margin : 10px 0 ;
padding : 1% ;
width : 98 ;
}

4. Kemudian carilah kode berikut ini. Mungkin Script blog anda berbeda, tapi carilah kode yang mirip.

<b:section class='header' id='header' maxwidget="1"showaddelement="no">

<b:widget id='Header1' locked='true' title='test (Header)'type='Header'/>

</b:section>

</div>

5. Jika sudah ketemu, Paste kode berikut dan letakan di bawah kode di atas.

<b:section class='header' id='underheader' preferred='yes'/>

</div>

6. Simpan Template dan lihat hasilnya klik > Element Halaman.

Apabila digabungkan, script akan seperti ini :

<b:section class='header' id='header' maxwidget="1"showaddelement="no">

<b:widget id='Header1' locked='true' title='test (Header)'type='Header'/>

</b:section>

</div>

<b:section class='header' id='underheader' preferred='yes'/>

</div>

Selesai, Selamat Mencoba. Generate by Smileykiti

Membackup Template

Jika Anda sering gonta - ganti pakaian,,..Upst maksudnya template pada blog, ada baiknya Anda membackup template utama Anda. Karna jika nantinya terjadi eror, Anda masih bisa mengembalikan ke template semula. Begini caranya ya :

1. login ke blogger, seperti yang sudah saya posting sebelumnya atau klik disini.

2. kalau sudah berhasil login, Anda akan berada pada 'Dasbor'.

3. Klik Tata Letak > Klik Edit Html > Klik 'Download Template Lengkap'.

4. Pilih Save File ( jika menggunakan Browser Mozila ) dan klik OK.

5. Buka Folder dimana file.xml yang tadi telah didownload dan rename lah ( agar Anda mudah mengenali file tersebut, dengan catatan Anda tidak boleh menghilangkan tanda '.xml' ) karna itu adalah extention dari file template.

6. Apabila Anda ingin menggunakan template yang telah di backup caranya adalah seperti langkah no.3 Klik Tata Letak > Klik Edit Html > klik 'Browse', cari file.xml lalu Open dan klik 'Unggah'.

Selamat Mencoba ..

Membuat Widget Pasang Iklan Gratis

Vasilitas pasang iklan gratis bisa dipasang di blog anda dengn tujuan memudahkan pengunjung bertukar banner dan pasang iklan gratis pada blog Anda. Jadi widget ini sangat membantu dalam bertukar banner secara otomatis dan andapun pastinya akan mendapatkan backlink gratis. Cara membuatnya adalah sebagai berikut.

Tetapi Sebelumnya ada baiknya anda membuat alamat email Blogger Anda, Caranya masuk ke halaman Dashboard > Pengaturan > Email & Seluler > Alamat Pengeposan via Email isikan nama yang anda sukai, dan alamat email itu akan menjadi 'misalkan = encep.markocep@blogger.com' lalu ceklist pada 'Publikasikan segera email' dan Klik simpan setelan.

Email blogger Anda akan berfungsi sebagai alamat dimana posting atau banner pengunjung nantinya otomatis tersimpan di halaman Blog Anda.

1. Kunjungi situs www.emailmeform.com

2. Pilih Sign Up Now for FREE.

3. Isilah form yang disediakan, lalu klik sign Up.

4. Jika diterima akan terdapat pesan ucapan terimakasih dan Anda disuruh melakukan konfirmasi, cek email Anda.

5. Buka pesan yang telah dikirimkan dan klik link konfirmasi.

6. Konfirmasi telah sukses, klik saja 'Clik Here' untuk melanjutkan.

7. 'Clik here to create a new form', untuk membuat form baru.

8. Isilah form yang telah disediakan, pada kotak Recipients Emails isilah dengan email blogger anda agar iklan tersampaikan kedalam postingan blog Anda. Misalkan : encep.markocep@blogger.com

9. Klik Next, isilah form dengan benar dan gantilah 'Field Type' pada Tulisan 'Banner' menjadi 'File attachment'. Fungsinya adalah agar pada field tersebut pengunjung blog dapat meng-Upload gambar untuk dipost dan untuk field lainnya birakan saja tidak usah diubah. Apabila anda telah mengisi form seperti gambar , lalu klik Next.

10. Gantilah ukuran kolom dan Rows agar sesuai dengan penempatan blog Anda. Lalu Klik Next.

11. Ubah 'Send Button Name' menjadi = Pasang Iklan, 'Send Button alignment' menjadi = Left dan 'Include a Clear button' menjadi = Bersihkan. Lalu Klik Next.

12. Ubah 'Retrieve Name from field' menjadi = Nama, 'and Email from field' menjadi = Email dan 'Retrieve from' menjadi = Alamat Web . Lalu Klik Next.

13. Preview Form Anda, lalu klik Next.

14. Klik 'Finish' dan Sekarang kita dapat mencopy code untuk dipasang pada blog klik 'Get the HTML Code'.

15. Copy paste kode untuk disimpan ke Halaman Blog Anda.

Nah Langkah berikutnya seperti biasa , Masuk ke halman blogger Dashboard > Posting > Entri Baru 'Apabila anda ingin menyimpanya dalam postingan.

atau Klik Dashboard > Tata Letak > Tambah Gadget ' Apabila anda ingin menempatkan widget tersebut di Sidebar. Lalu simpan

Selamat Mencoba,

contoh tanda tangan

Cara Membuat Tanda Tangan Online

Setiap artikel yang telah Anda posting di blog akan kelihatan lebih menarik jika Anda tambahkan tanda tangan di bawahnya. Adapun cara membuatnya adlah sebagai berikut :

1. Kunjungi situs www.mylivesignature.com.

2. Klik Start Now atau Clik 'Here To Start' untuk memulainya.