RSS2.0

Mematikan Klik Kanan pada Mouse

Minggu, 21 Desember 2008

Mungkin anda sering membuka suatu situs yang melarang blognya untuk diklik kanan oleh pengunjungnya atau dengan kata lain mendisablekan klik kanan khusus pada blog/situsnya saja. Guna dari disable ini ialah untuk melindungi konten atau foto yang anda miliki untuk dicopy oleh orang lain dengan kepentingan yang kita tidak tahu. Nah berkut ini ada javascript untuk mendisablekannya yaitu :

<script language=JavaScript>
<!--
 
//Matikan Klik Kanan 
 
var message="";
///////////////////////////////////
function clickIE() {if (document.all) {(message);return false;}}
function clickNS(e) {if
(document.layers||(document.getElementById&&!document.all)) {
if (e.which==2||e.which==3) {(message);return false;}}}
if (document.layers)
{document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}
 
document.oncontextmenu=new Function("return false")
// -->
</script>


Script ini dicopykan ke blog anda dengan cara :
1. Klik Layout dan pilih edit html
2. Cari kode <head> Copykan kode tersebut dibawahnya.
3. Save.
4. Silahkan dicoba!!!

Baca Selanjutnya...

High-light Pada Postingan

Kamis, 18 Desember 2008


Kalau kita baca buku atau novel pasti disana akan terlihat suatu kata/kalimat yang penting ditulis didalam kotak tertentu, misalnya pada penulisan sebuah surat didalm novel atau kata-kata mutiara, nah mungkin juga highlight ini digunakan untuk meletakkan suatu script atau kode-kode penting yang drasa perlu diingat oleh pembaca,dibawah ini ada sebuah contoh yang bisa anda jadikan bahan, apakah ini cocok dipakai atau tidak.


HTML

BAHASA PEMOGRAMAN

PUISI



nah untuk lebih tahu bisa baca bagaimana cara memakainya dan memasukkan kedalam blog anda.

Cara yang harus ditempuh yaitu :
1. Masuk ke akun blogger anda dan buatlah entri baru untuk menulis postingan.
2. Klik edit html, ada disudut kanan.
3. Tuliskan kode ini disana


<div style="background:#00F5F5; border:1px dashed #3D3DFF; padding:5px;">
TUliskan Textnya Disini...

Silahkan Menulis

</div>



Untuk kode warna bisa dilihat di Code Warna. Simpel kan semoga bermanfaat untuk anda yang membacanya.

Baca Selanjutnya...

Menambah Icon di Samping Judul Artikel

Rabu, 10 Desember 2008


Bingungkan.. bingungkan apa sih maksudnya menambah icon di samping judul artikel, nah setidaknya anda akan sedikit bahkan banyak
mengerti apa masksudnya setelah anda baca smpai habis artikel ini ya mungkin berguna bagi anda. Menambahkan Icon atau gambar kecil sebelum judl artikel atau lebih jelasnya disamping judul artikel itu dapat menarik perhatian pembaca untuk melihat artikel tersebut itu sepenuhnya kenapa? yah dengan dihiasi dan maka judul posting pun lebih mencolok dan dapat menark mata pembaca yang melihatnya.Maka dari itu saya akan beri tahu bagaimana caranya menambahkan icon/gambarnya.

Caranya Ialah :
1. Masuk Akun Blogger Anda dan klik Layout pilih Edit Html.

2. Cari Kode Css Berikut :
.post h3 {
margin:.5em 0;
padding:30px 0px 0px 45px;
font-size:120%;
<font-weight:bold;
font-style:italic;
line-height:1.3em;
color:#333;

3. Cari Icon Yang ada suka misalnya icon buku dan pena yang punya gambarnya (http://tbn1.google.com/images?q=tbn:nlmFs_SO55kJ_M:http://remas-alakbar.com/images/
buku.pngh
) atau anda bisa mencarinya di Iconarchive.com, disana anda akan mendapatkan banyak contoh icon.

4. Ganti kode padding:30px 0px 0px 45px; Jadi padding:48px 0px 0px 45px; dan tambahkan height:48px; dan background:url nya dibawah color:#333;yang jadinya seperti ini:
.post h3 {
margin:.5em 0;
padding:
48px 0px 0px 45px;
font-size:120%;
font-weight:bold;
font-style:italic;
line-height:1.3em;
color:#333;
background:url(http://tbn1.google.com/images?q=tbn:nlmFs_SO55kJ_M:
http://remas-alakbar.com/images/buku.png) no-repeat left center;

5. Save templatenya.
Nah silahkan mencoba apakah anda bisa.. saya yakin anda pasti bisa

Baca Selanjutnya...

Pasang Widget Google Translator

Selasa, 25 November 2008

Yang namanya blog itu kan bukan berasal dari indonesia alias dari luar tuh.. yang pasti yang buat blog pake blogger, wordpress, multiply pokoknya blog yang gratisan ataupun prabayar, itu yang bisa baca hanya 1 negara misalnya nih kita buat blog yang isi artikelnya pake bahasa indonesia, kebetulan kita lagi jalan (Blog Walking) ke blog luar negeri misalnya yang ada di inggris nih, terus kita dikunjungin balik oleh mereka yah bagi mereka yang mengerti bahasa indonesia mereka bisa membacanya tapi kalau tidak bagaimana??. Nah kita butuh fasilitas Translator yang disediain oleh google bagimana cara kerja dan pemasangan di blog saya akan kasih tahu secara perlahan agar dapat dimengerti. Ikuti Langkahnya :

1. Masuk ke Google Translator boleh pilih antara dua : Google Translator 1 Google Translator 2, Silahkan Pilih.
2. Silahkan Edit dan disesuaikan dengan blog milik anda.
3. Klik Get Code,

4. Simpan KOde Scriptnya di Blog anda.

Setelah memasang Google Translator ini ada tidak usah ragu untuk berkunjung ke blgo luar, Berkunjung blog luar dapat juga menaikkan trafic blog dan menjadikan kita lebih terkenal di blog milik luar SEO

Baca Selanjutnya...

Tampilan Adsense berbahasa Indonesia

Minggu, 02 November 2008

Ehm.. kalau kita lihat di blog/website terkenal yang mana blog/web tersebut terlihat tampilan google adsensenya berbahasa indonesia seperti Musik-live.net, gudanglagu.com sepintas kita lihat disana terdapat adsense yang berbahasa indonesia. Bagaimana mereka bisa mengubahnya sedangkan tampilan pada blog kita selalu berbahasa inggris yang tak jelas apa itu artinya??, dengan adsense kita terlihat berbahasa indonesia maka besar kemungkinan pengunjung yang mengklik itu lebih banyak karena mereka mengerti dan lebih menganggap kalau tampilan adsense itu merupakan bagian dari blog/web kita, Nah saya akan bahas itu sekarang.

Cara-nya mudah tinggal sedikit menambahkan kode-kode, tapi saya belum yakin dengan ini apalah hal ii menyalahi aturan dari google atau tidak... Tapi setelah di lihat dan di tinjau ke blog/web yang menggunakan ini ternyata menreka asik-asik aja tuh dan tetap memasang adsense yang berbahasa indonesia. Dengan menambahkan kode ini : google_language = "en"; dan letakkan kode ini di :

<script type="text/javascript"><!--
google_ad_client = "pub-5969406634622112";
google_ad_host = "pub-1599271086004685";
/* link blogspot 1 */
google_ad_slot = "3830307582";
google_ad_width = 468;
google_ad_height = 15;
google_language = "en";
//-->
</script>
<script
src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript">
</script>

Silahkan coba dan hasilnya adsense anda akan berbahasa indonesia..




Baca Selanjutnya...

Database Open Source Terbaru untuk Operator telekomunikasi

Saat berlangsungnya acara NXTcomm 2008 Tradshow, di las vegas pada bulan juli 2008, Sun Microsystem mengumumkan ketersediaan MySQL Cluster Carrier Grade Edition 6.3, yang merupakan versi terbaru dari aplikasi databse Open Source yang didesain khusus untuk digunakan sebagai poerator Telekomunikasi telah mendapatkan sertifikasinya. Pengguinaannya seperti sistem Subcriber Data Management (HLR, HSS) Service Delivert Platform.

Dan Database Open Source ini memungkinkan para Operator Telekomunikasi dan penyedia peralatan jaringan untuk dapat menggunkana Ap;ikasi dengan database yang lebih besar Serta memungkinkan ketersedian data yang dapat di akses darimanapun apabila terjadi suatu kegagalan Operasi di tingkat lokalnya. ini gambar aplikasinya



MySQL Cluster 6.3 Carrier Grade Edition in adalah sebuah sistem database tertutup yang berbasi klutser yang dirancang khusus untuk memenuhi tuntutan terhadap ketersedian, Skalabilitas, dan kebutuhan low-latency dalam aplikasi yang digunakan untuk Telekomunikasi. My SQL Cluster Carrier Grade Edition Saat ini telah menjadi jatung operational sister Subcriber Data Management di perusahaan NEP yang terkemuka. MySQL ini tersedia dalam bentuk license GPL berbasis open source unutk berrbagai jenis sistem operasi, termasuk Solaritas, Linux RHEL dan SUSE, Serta NacOS X. Sun Microsystem juga menawarkan unrtuk lisensi komersial, konsultasi pakar dan dukungan teknis untuk Aplikasi MySQL Cluster ini. Untuk lebih lanjut tentang MySQL Cluster ini anda bisa dowload dengan mengklik ini : Download MySQL Cluster

Baca Selanjutnya...

Fakta dibalik Telekomunikasi

Sabtu, 01 November 2008

Suatu badan melakukan servey mengenai Telekomunikasi/IT yaitu Computer Technology industry Association, meyatakan bahwa para pekerja akan bisa lebih produtif dan sehat dengan cara melakukan telekomunikasi dibandingkan hanya duduk dan berkerja di suau tempat baik itu di perkantoran atau di sebuah pabrik, dengan mereka melakukan komunikasi seperti pada suatu Organisasi maka mereka bisa meningkatkan kreativitas mereka, Study tersebut dilakukan oleh 212 profesional dari berbagai bidang baik itu industri,layanan pemrintahan, IT dan Pendidikan telekomunikasi

Survey tersebut menytakan bahwa 67% dari suatu organisasi mendapatkan para pekerjanya berkerja dengan penuh produktivitas dengan bekerja full atau part time, Sekitar 37%nya ditemukan oleh oraganisasi mampu melihat manakah pekerja yang berkualitas dengan menggunkan telekomunikasi, sementara 39% nya dinyatakan oleh oraganisai bahwa mereka telah mendapatkan peningkatan memori ingatan mereka, berguna sekali bukan, maka ari itu saya memilih bidang telekomunikasi teknologi sebagai bidang yang ingin saya geluti dengan bai, dan serius,..

Baca Selanjutnya...

Pake Handphone atau Kamera ya??

Nah, lo mo pake yang mana handphone yang ada kameranya atau pake kamera tapi ga' ada handphonenya.. sekarang banyak sekali paroduk handphone terbaru yang makin digemari dan makin banyak pelanggannya, maka dari itu sang penjual kamera sekaligus pabriknya harus siap berlomb-lomba dan hati-hati tentunya dengan pabrik Handphone yang selalu memproduksi handphone jeni terbaru dan semakin baik dan semakin besar MegaPixelnya yang hampir menyaingi Kamera Digital, tentu kebanyakan orang akan lebih baik menggunkan handphone yang ada kameranya dibandingkan dengan kamera yang ga' ada handphonenya, kan jadi ga' praktis tuh.


Sekarang mereka harus siap bersaing lebih jauh lagi.. Betapa tidak sekarang produsen HP sedang giat-giatnya merilis HP yang mempunyai kamera dengan 5 MegaPixel dan bahkan sampai 8,1 MegaPixel dengan cybershot, semakin besar pixel yang dimiliki maka semakin baik pula hasil pemotretan yang di ambil, dan mereka pun bisa berkomunikasi dengannya.
Bila dibandingkan dengan kamera digital memang jauh lebih baik kamera digital karena apa?? Pixel yang di milikinya memang besar dan hasil pemotretannya pun bagus sekaligus jenih, sekarang yang diinginkan oleh konsumen/pembeli itu hanya suatu kePRAKTISAN termasuk saya, Kamera digital bisa memotret tapi tidak bisa di gunakan sebagai alat untuk berkomunikasi, sayapun lebih suka suatu yang instant dan praktis maka dari itu kebanyakan orang berfikir dengan memiliki HP yang berkamera, mereka bisa lebih praktis dan bila sesuatu yang ingin mereka photo maka tida perlu harus mengeluarkan dan lebih repotnya untk membawa Kamera Digital yang digantungkan di leher.. mereka
Dan sekarang masyarakat lebih banyak berlari dan beralih ke Handphone dibanding kan kamera digital, hal inilah yang memyebabkan produsen hp seperti NOKIA, SONY ERICSON, SAMSUNG, dan sebagainya lebih giat untuk melakukan produksinya lebih banyak dengan menciptakan kualitas handphone yang lebih baiik

Baca Selanjutnya...

Buat Vertical Menu

Jumat, 24 Oktober 2008

Vertikal Menu merupakan pilihan menu yang biasa dipakai pada website-website yang mempunyai banyak pilihan menu di dalamnya, vertikal menu berbentuk pilihan menu yang turun kebawah jika kita sentuh dengan menggunakan mouse kita.. dengan kita menggunakan vertikal menu ini maka kita akan dapatkan pilihan menu yang banyak untuk blog kita


Nah saya akan memberikan cara pembuatannya pada blog.. ikuti caranya dan langkah-langkah nya dengan seksama, dengan anda mengikuti pastinya anda tidak akan mendapatkan kesulitan dalam pengeditan kode CSS nya


Masuk ke Akun Blogger Anda dan pilih layout terus cari Edit HTML

Masukkan kode CSS ini di atas kode ]]></b:skin>



/*Vertikal Menu
---------------------------------*/
.vertikalmenu{
list-style-type: none;
margin: 0;
padding: 0;
width: 180px; /* lebar dari menu vertikal*/
}
.vertikalmenu li{
border-bottom: 1px solid white;
}
.vertikalmenu li a{
background: #000000 ; /*warna dari menu vertikal*/
font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana;
display: block;
color: white;
width: auto;
padding: 5px 0;
text-indent: 8px;
text-decoration: none;
border-bottom: 1px solid black;
}
.vertikalmenu li a:visited, .vertikalmenu li a:active{
color: white;
}
.vertikalmenu li a:hover{
background-color: #737373; /*warna setelah pointer diarahkan (hover)*/
color: white;
border-bottom: 1px solid black;
}


Kemudian SAVE

Anda bisa mengganti warna yang ada dengan warna yang anda sukai

Selanjutnya pilih Page Element dan kli add Page elemnet pilih lagi HTML/java Script

Masukkan kode ini didalmnya


<ul class="vertikalmenu">
<li><a href="/">» HOME</a></li>
<li><a href="http://your blog name.blogspot.com">» Tutorial Blog</a></li>
<li><a href="http://your blog name.blogspot.com">» Bisnis Online</a></li>
<li><a href="http://your blog name.blogspot.com">» Free Template</a></li>
<li><a href="http://your blog name.blogspot.com">» Handphone</a></li>
<li><a href="http://your blog name.blogspot.com">» Komputer</a></li>
</ul>


Ganti your blog name dengan nama blog milik anda

Klo sudah klik save

selesai, selamat mencoba

Baca Selanjutnya...

Ngeblog Bisa di-Penjara !!

Senin, 20 Oktober 2008

Baca tentang sedikit artikel di blog itu ada baiknya lho, apalagi yang kita baca itu bisa menambah ilmu yang kita miliki eit "Bukan ilmu yang itu... melainkan Ilmu dunia baik pengalaman atau pun keahlian yang dapat menunjang" Banyak orang menyukai bahkan tergila-gila sama blog ya salah satu-nya saya. Ngeblog merupakan ha; yang positif bagi saya karena di sana saya dapat menuangkan pengalaman dan ilmu yang saya miliki ountuk orang banyak inilah yang membuat saya senang dan tergila-gila sama ngeblog, Menolong/membantu seseorang merupakan suatu hal yang sangat senang bila dilakukan dengan ikhlas tentunya. Tahu kah kamu kalo nge-Blog itu bisa masuk penjara!!

Sebuah laporan dari Universitas Washington menemukan banyak rezim otoriter di berbagai belahan dunia yang menangkapi para blogger. Mengapa hal tersebut dilakukan? Hal itu dilakukan sebagai upaya untuk membungkam perbedaan politik, pengungkapan korupsi pemerintah, atau menyebarnya informasi ke masyarakat yang tidak diinginkan oleh pemerintahan otoriter. Jumlah blogger yang diketahui ditangkap dipastikan lebih sedikit dibandingkan yang tidak terungkap. Nge-Blog bloeh tapi ada tata cara dan prilakunya donk!!,
Informasi lebih jelas silahkan kesini!!
Baca dengan hati-hati jangan-jangan anda termasuk dalam Kategori Blogger yang Menyalahi aturan


Baca Selanjutnya...

Pabrik Mayat di RUSIA

Minggu, 19 Oktober 2008

Uhh uh.. mayat!!! denger kata yang satu ini aja udh ngeri pa lagi ngeliat langsung bisa muntah.. Baca-baca mengenai infonya ternyata di RUSIA itu ada suatu pabrik yang mana pabriknya menyimpan mayat-mayat. Mayat-mayat ini dikumpulin untuk diambilin Organ tubuhnya terutama yang masih seger matinya

Sumpah ngeri banget deh klo ngeliatnya





Liat lagi dengan jelas dan mungkin saja kalo kita meninggal entar bakalan dikirim kesana!!

Baca Selanjutnya...

PR - PR

Sabtu, 18 Oktober 2008

Ehm dapet PR nih dari Temen sEpermainan.. haha RIP namanya Sekarang mo dijerjain nih...

tapi bingung PRnya ga' juelas nih jadi bingung??

Tapi ga' papa-lah paling-paling kaga' dikumpul dan ga' bakalan di SE-TRAP alias Berdiri di Depan Kelas...
Nih Jawabanya :

Nih Award yang dikasih


Tnx dan ini Pr ke-2

The Important fo me :
1. Allah S.W.T
2. Rasulullah SAW beserta sahabatnya yang sangat Berarti bagi Q.
3. This 4 my Mother and Father at home
4. For my friend... all yang kenal ma saya..
5. Ni mo di terusin kepada..

1. Gratisan
2. Anangku
3. Angga
4. Meranai ( sama orang palembang juga )

Baca Selanjutnya...

Menaikkan Posisi web/blog pada SEARCH ENGINE

Search Engine sangat berperan besar dalam mendatangkan pengunjung untuk blog/web kita, karena apa? dimana-mana orang mencari suatu informasi ataupun sesuatu yang ingin mereka cari lewat Search Engine bisanya kebanyakan di Google. Nah untuk menjadi nomor satu di Search Engine bukan merupakan persoalan yang mudah kita harus kerja keras dengan itu, apa lagi klo saingan kita sudah punya Page Rank 4 atau 5 dan seterusnya... sedangkan kita merupakan blogger baru yang ingin cepat naik posisi.

Dengan Search Engine apapun dapat kita cari dari jalan ke-SURGA sampai ke-NERAKA pun ada disana..(haha). Untuk itu ada suatu siasat yang dikeluarkan oleh anak-anak Ilkom
untuk menaikkan Posisi mereka di Search Engine mo tw caranya..

1. Download jawabanya Disini!. dalam Versi PDF.
2. Blom ada Acrobat PDF Readernya.. Download donk!!

Silahkan baca-baca dan dimengerti yah.. selmat mencoba

Baca Selanjutnya...

Mesum di Fakultas Teknik ITB

Rabu, 15 Oktober 2008

Gila ga' tuh baru memang jaman sekarang ini ga' bisa ditebak, mana kita sekarang sedang mengalami KRISIS EKONOMI GLOBAL, malah di fakultas teknik ITB diberitakan kejadian berbuat mesum di ruang LAB. Teknik Elektro..

Dunia memang sudah kacau..
Tidak tanggung-tanggung mereka melakukkannya pada saat manjalankan praktikum dasar elektronika di LAB. ELKTRONIKA, bener gila nah ini ada sedikit fotonya..

Ga' bisa disangkal lagi





Mereka melakukan semuanya tanpa malu-malu Meranai

Baca Selanjutnya...

Beri Komentar bisa Dapar BACKLINK dan SEO

Selasa, 14 Oktober 2008


Banyak cara kita untuk menaikkan Rank kita diantaranya banyak banyak Berkomentar sehingga kita mendapatkan BACKLINK dari pemilik blog yang kita beri komentar, Tahukah anda apa itu BACKLINK?
Backlink merupakan link yang menuju ke-BLOG milik kita yang terdapat pada blog dimana tempat kita memberikan komentar, jadi dengan memberikan komentar maka dengan cara

tidak langsung kita telah memberikan link balik menuju ke BLOG milik kita sendiri, nah ini merupakan keuntungan yang kita dapatkan selain dapat menaikkan jumlah pengunjung kita juga akan dapat menaikkan RANK kita. Karena apa?? setalah beberapa jam setelah kita berkomentar maka GOOGLE akan Meng-Indeks komentar anda di blog mereka, asalkan komentar yang anda berika bukan sebuah SPAM, apabila terdeteksi sebagai SPAM maka tidak akan di indeks oleh google maka dari itu jika memberikan komentar sebaiknya jangan memberikan komentar SPAM karena dapat merugikan kita,"eh sudah cape'-cape' koment tapi ga' dapet BACKLINK". Pastinya anda akan kecewa.

Jadi Sebaiknya kita saling memberikan komentar karena apa.. anda tidak rugi bila memberikan komentar kepada blogger lainya (kita akan mendapatkan BACKLINK dan menaikkan page kita di google jadi termasuk kedalam SEO "Search Engine Optimization") serta dapat menaikkan jumlah GOOGLE ADSENSE kita juga lho.

Baca Selanjutnya...

Mengganti Tulisan Older Post dan Newers Post

Jumat, 10 Oktober 2008

Seperti di lihat pada gambar ini.. disana terdapat tulisan Older, Home, dan Newer. Tulisan itu dapat kita ganti dengan kata lainya, atau dengan gambar/icon. untk memulainya kita harus bisa mengubah-ubah sedikit html yang ada pada template blog kita,jangan kawatir karena saya akan menuntun anda.




langkah yang harus dijalani
1. Masuk ke akun blogger anda

2. Cari kode ini:

<b:includable id='nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
</span>
</b:if>

<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
</span>
</b:if>

<b:if cond='data:blog.homepageUrl != data:blog.url'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
<b:else/>
<b:if cond='data:newerPageUrl'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</b:if>
</b:if>

</div>

3. Ganti kode tersebut menjadi seperti ini:

<b:includable id='nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'>
<img src="Image URL" /></a>
</span>
</b:if>

<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'>
<img src="Image URL" /></a>
</span>
</b:if>

<b:if cond='data:blog.homepageUrl != data:blog.url'>
<a class='home-link' expr:href='data:blog.homepageUrl'>
<img src="Image URL" /></a>
<b:else/>
<b:if cond='data:newerPageUrl'>
<a class='home-link' expr:href='data:blog.homepageUrl'>
<img src="Image URL" /></a>
</b:if>
</b:if>

</div>

Keterangan:

1. Disana terdapat tulisan yang berwarna Hijau Ganti lah kode tersebut menjadi <img src="Image URL" /> nah ganti Image Url dengan lokasi/Url gambar/icon yang anda miliki.

2. Anda bisa mencari Icon-Icon tersebut di- Icon Archive

3. Selamat mencoba

Baca Selanjutnya...

Membagi 1 List style menjadi 2 Kolom

Selasa, 07 Oktober 2008

Tadi abis jalan-jalan eh ternyata saya baca postingan miliknya si Jaloe
dan saya tertarik jadi saya terusin aja biar makin banyak yang baca dan banyak yang tau. Cara buat 1 list menjadi 2 kolom itu sangat berguna lo apalagi bagi yang punya template 2 kolom dan lebih beruntung lagi kalo punya template 3 kolom jadi bisa hemat tempat, dapat meletakkan 2 widget atau tambahan lainya ke dalam 1 list saja. Jadi penen liat bagaimana bentuknya.. nah begini nih bentuknya

gam2
gam1









Untuk mendapatkan yang seperti diatas cara mudah ko' tinggal cari kode

]]></b:skin>

Dan letakkan kode ini di atasnya
/* Kode Css List Two Kolom
------------------------------------------------------------------------------------------*/
#catl {
padding :5px 10px;
width : 91%;
background-color : #ffffdd;
border : 1px solid #ccc;
margin : auto;
}

#catl h3 {
display : block; color : #669900; padding-bottom : 5px;
margin-bottom : 5px; border-bottom : 1px solid #666;font-size:14px; }

/* style all the list items here */
#catl ul li {
height : 1em;
list-style-type : none;
color : #333;
padding : 0.3em 0 0.4em 0.25em;
font-size : 0.9em;
border-bottom : 1px solid #ccc;
text-indent:0px;
}

/* every second list item is positioned outward and moved up equal to LI height to even them */
#catl ul li.catl_l2 {
margin-left : 50%;
margin-top : -1.8em;
padding : 0.3em 0 0.4em 0.5em;
border : 0;
}

/* Every other two list items are styled with a background for usability and style */
.catl_alt {
background-color : #fffffc;
}

/* ini merupakan code hacking css untuk Ie 6*/
* html #catl ul li.catl_l2 {
margin-top : -2.3em;
}


Kalau sudah Klik Simpan dan Pilih Page Element Dan pilih Add Page Element/Tambahkan sebuah widget baru dengan pilihan Html/java script.

Kemudian masukkan kode ini di dalamnya:


<div id="catl">
<h3>Satu List Dua Kolom</h3>
<ul>
<li><a href="#">List Item Satu</a></li>
<li class="catl_l2"><a href="#">List Item Dua</a></li>
<li class="catl_alt">List Item Tiga</li>
<li class="catl_l2">List Item Empat</li>
<li>List Item Lima</li>
<li class="catl_l2">List Item Enam</li>
<li class="catl_alt">List Item Tujuh</li>
<li class="catl_l2">List Item Delapan</li>
</ul>
</div>


Catatan penting :

1. Yang perlu di ganti adalah tulisan antara tag <li> dan </li>.
Jika ingin membuat linklist menjadi seperti ini.
<li><a href=�http://alamat url/�> Nama List </a></li>
jika ingin membuat list berupa link gambar seperti ini.
<li><a href="http://alamat url/"><img src="alamat gambar></a></li>
2. Atur tulisan list-nya jangan terlalu panjang. Dan Jika ingin menggunakan gambar atur nilai tinggi dan lebarnya, kira-kira 75px X 10px.

View Source : green-beast

Baca Selanjutnya...

Buat Huruf Kapital di Awal Paragraf

Membuat huruf besar di awal paragraf bukan suatu hal yang sulit, kenapa saya bilang begitu seperti halnya kita membuat tulisan pada microsoft word yang dimana kita buatkan huruf awalannya dengan huruf besar layaknya koran atau majalah silahkan melihat contohnya disini! pada blog disana terlihat selain tulisan terkesan rapi juga dapat menjadi suatu daya tarik tersendiri. Bagai mana cara membuatnya nah silahkan ikuti langkah berikut :

1. masuk ke layout --> Edit html

2. Cari kode berikut
.post-body {
.....
}

3. Kalau ketemu silahkan letakkan kode ini dibawahnya ( dibawah tanda } ).
.post bt {

float:left; color:

$headerBgColor;

font-size:100px;

line-height:80px;

padding-top:1px;

padding-right:5px; }

4. Saat penulisan postingan terbaru jangan lupa untuk menuliskan kode ini : <bt></bt>. Misalnya huruf awalnya P maka letakkan huruf P di tengah kode tersebut seperti : <bt>P</bt>

Nah mudah bukan lihat contoh dan cara lebih lanjut di http://beautifulbeta.blogspot.com/

Baca Selanjutnya...

Ide untuk Menulis Blog

Sabtu, 04 Oktober 2008

Posting lagi Posting lagi... jadi bosen nih, tapi ya mo gimana lagi ini ni resikonya buat para blogger peng-Update-tan posting terbaru itu harus, ya kalau mo blognya selalu dikunjungi oleh orang kita harus bisa meng-Update posting terbaru minimal 1 posting sehari biar mereka tidak bosen dan selalu kembali mebaca-baca dan baca posting dalam blog milik kita. karena apa seseorang yang mengunjungi internet/ mencari berita di internet itu selain cuma games Online, mereka juga mencari sesuatu yang baru apapun topiknya, maka dari itu kita harus bisa mengupdate sesuatu yang baru juga.

Nah, saya akan berika sedikit TIPS bagaimana cara memunculkan ide untuk menulis artikel/Postingan untuk blog kamu:

1. Hal-hal yang baru anda ketahui, misalnya ada yang baru dari GOOGLE yaitu google crome, nah anda bisa menjadikan hal tersebut sebagai bahan postingan kamu.


2. Hal yang kamu sukai. Misalnya kamu lagi suka ngumpulin mainan, nah kamu bisa menuliskan mainan apa saja yang kamu kumpulin dan mungkin pengunjung juga akan tertarik dengan hobi anda. Dengan begitu kalian bisa saling SHARING mengenai mainan kaian.

3. Hal yang tidak kamu sukai. " Uh aku bosen ma makanan yang yang ada dirumah, itu-itu mulu.... pengen cari sesuatu yang baru nih" nah dengan kamu menulis postingan tentang makanan apa saja / sesuatu apa saja yang kamu benci kamu bisa menyalurinya ke-BLOG kamu biar orang laen ga' jadi sasaran kebencian kamu!!! (hehe).

4. Kejadian yang baruuu saja kamu alami. Misalnya kamu baru ketabrak oleh sepeda dan langsung masuk rumah sakit dan sekarat lagi, bisa nih jadi bahan postingan yang seru sekaligus dapat menyimapan suatu kenangan/kejadian yang indah dan tidak terlupakan.

5. Hal yang ingin kamu ketahui. Mungkin selama ini kamu tidak mengetahui apa sebenarnya Blog, atau bisa juga tentang bagaimana keadaan dunia kita sekarang, dengan begitu kamu akan mendapatkan bahan postingan yang harus kamu tulis.

6. Bercerita tentang kegiatan kamu sehari-hari/tentang apa saja yang kamu alamin hari ini, dengan kata lain blog bisa kamu jadikan diari pribadi milikmu yang bisa kamu tuliskan apa saja yang ada dalam pikiranmu.

7. Sesuatu yang kamu karang. Karena kamu tidak ada bahan untuk menulis posting lagi, kamu bisa mengarangnya. Tentang apa saja.

Nah sedikit dari saya, mungkin dapat berguna nih bagi blogger-blogger sejati yang BINGUNG mo nulis apa di blognya.

Baca Selanjutnya...

Page Navigasi Untuk Blogger

Kamis, 25 September 2008

Akhirnya setelah lama menunggu saya mendapatkan hal yang menarik yaitu menampilkan Page Navigasi yang letaknya pada footer. Caranya mudah tinggal memasukkan kode-kode yang ada, dan mengikuti langkah-langkah yang akan saya berikan nah Untuk lebih jelas seperti apa bentuknya Page Navigasi itu.

Page Navigation Hack

Nah sekarang mulai langkah-langkahnya :
1. log in ke akun blogger anda dan pilih layout --> Edit html
2. Cari kode ]]></b:skin>
3. Letakkan Kode CSS ini di atasnya :

.showpageArea {padding: 0 2px;margin-bottom:10px;margin-top:10px;
}

.showpageArea a {border: 1px solid #505050;
color: #000000;font-weight:normal;
padding: 3px 6px !important;
padding: 1px 4px ;margin:0px 4px;
text-decoration: none;
}
.showpageArea a:hover {
font-size:11px;
border: 1px solid #333;
color: #000000;
background-color: #FFFFFF;
}

.showpageNum a {border: 1px solid #505050;
color: #000000;font-weight:normal;
padding: 3px 6px !important;
padding: 1px 4px ;margin:0px 4px;
text-decoration: none;

}
.showpageNum a:hover {
font-size:11px;
border: 1px solid #333;
color: #000000;
background-color: #FFFFFF;

}
.showpagePoint {font-size:11px;
padding: 2px 4px 2px 4px;
margin: 2px;
font-weight: bold;
border: 1px solid #333;
color: #fff;
background-color: #000000;


}

.showpage a:hover {font-size:11px;
border: 1px solid #333;
color: #000000;
background-color: #FFFFFF;

}
.showpageNum a:link,.showpage a:link {
font-size:11px;
padding: 2px 4px 2px 4px;
margin: 2px;
text-decoration: none;
border: 1px solid #0066cc;
color: #0066cc;
background-color: #FFFFFF;}

.showpageNum a:hover {font-size:11px;
border: 1px solid #333;
color: #000000;
background-color: #FFFFFF;
}



4. Cari Kode ini :
<b:section class='main' id='main' showaddelement='yes'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>
</b:section>

5. Masukkan kode ini dibawah </b:section>

&lt;script type=&quot;text/javascript&quot;&gt;

function showpageCount(json) {
var thisUrl = location.href;
var htmlMap = new Array();
var isFirstPage = thisUrl.substring(thisUrl.length-14,thisUrl.length)==&quot;.blogspot.com/&quot;;
var isLablePage = thisUrl.indexOf(&quot;/search/label/&quot;)!=-1;
var isPage = thisUrl.indexOf(&quot;/search?updated&quot;)!=-1;
var thisLable = isLablePage ? thisUrl.substr(thisUrl.indexOf(&quot;/search/label/&quot;)+14,thisUrl.length) : &quot;&quot;;
thisLable = thisLable.indexOf(&quot;?&quot;)!=-1 ? thisLable.substr(0,thisLable.indexOf(&quot;?&quot;)) : thisLable;
var thisNum = 1;
var postNum=1;
var itemCount = 0;
var fFlag = 0;
var eFlag = 0;
var html= &#39;&#39;;
var upPageHtml =&#39;&#39;;
var downPageHtml =&#39;&#39;;


var pageCount=5;
var displayPageNum=3;
var firstPageWord = &#39;First&#39;;
var endPageWord = &#39;Last&#39;;
var upPageWord =&#39;Previous&#39;;
var downPageWord =&#39;Next&#39;;



var labelHtml = &#39;&lt;span class=&quot;showpageNum&quot;&gt;&lt;a href=&quot;/search/label/&#39;+thisLable+&#39;?&amp;max-results=&#39;+pageCount+&#39;&quot;&gt;&#39;;

for(var i=0, post; post = json.feed.entry[i]; i++) {
var timestamp = post.published.$t.substr(0,10);
var title = post.title.$t;
if(isLablePage){
if(title!=&#39;&#39;){
if(post.category){
for(var c=0, post_category; post_category = post.category[c]; c++) {
if(encodeURIComponent(post_category.term)==thisLable){
if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){
if(thisUrl.indexOf(timestamp)!=-1 ){
thisNum = postNum;
}

postNum++;
htmlMap[htmlMap.length] = &#39;/search/label/&#39;+thisLable+&#39;?updated-max=&#39;+timestamp+&#39;T00%3A00%3A00%2B08%3A00&amp;max-results=&#39;+pageCount;
}
}
}
}//end if(post.category){

itemCount++;
}

}else{
if(title!=&#39;&#39;){
if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){
if(thisUrl.indexOf(timestamp)!=-1 ){
thisNum = postNum;
}

if(title!=&#39;&#39;) postNum++;
htmlMap[htmlMap.length] = &#39;/search?updated-max=&#39;+timestamp+&#39;T00%3A00%3A00%2B08%3A00&amp;max-results=&#39;+pageCount;
}
}
itemCount++;
}
}

for(var p =0;p&lt; htmlMap.length;p++){
if(p&gt;=(thisNum-displayPageNum-1) &amp;&amp; p&lt;(thisNum+displayPageNum)){
if(fFlag ==0 &amp;&amp; p == thisNum-2){
if(thisNum==2){
if(isLablePage){
upPageHtml = labelHtml + upPageWord +&#39;&lt;/a&gt;&lt;/span&gt;&#39;;
}else{
upPageHtml = &#39;&lt;span class=&quot;showpage&quot;&gt;&lt;a href=&quot;/&quot;&gt;&#39;+ upPageWord +&#39;&lt;/a&gt;&lt;/span&gt;&#39;;
}
}else{
upPageHtml = &#39;&lt;span class=&quot;showpage&quot;&gt;&lt;a href=&quot;&#39;+htmlMap[p]+&#39;&quot;&gt;&#39;+ upPageWord +&#39;&lt;/a&gt;&lt;/span&gt;&#39;;
}

fFlag++;
}

if(p==(thisNum-1)){
html += &#39;&amp;nbsp;&lt;span class=&quot;showpagePoint&quot;&gt;&lt;u&gt;&#39;+thisNum+&#39;&lt;/u&gt;&lt;/span&gt;&#39;;
}else{
if(p==0){
if(isLablePage){
html = labelHtml+&#39;1&lt;/a&gt;&lt;/span&gt;&#39;;
}else{
html += &#39;&lt;span class=&quot;showpageNum&quot;&gt;&lt;a href=&quot;/&quot;&gt;1&lt;/a&gt;&lt;/span&gt;&#39;;
}
}else{
html += &#39;&lt;span class=&quot;showpageNum&quot;&gt;&lt;a href=&quot;&#39;+htmlMap[p]+&#39;&quot;&gt;&#39;+ (p+1) +&#39; &lt;/a&gt;&lt;/span&gt;&#39;;
}
}

if(eFlag ==0 &amp;&amp; p == thisNum){
downPageHtml = &#39;&lt;span class=&quot;showpage&quot;&gt; &lt;a href=&quot;&#39;+htmlMap[p]+&#39;&quot;&gt;&#39;+ downPageWord +&#39;&lt;/a&gt;&lt;/span&gt;&#39;;
eFlag++;
}
}//end if(p&gt;=(thisNum-displayPageNum-1) &amp;&amp; p&lt;(thisNum+displayPageNum)){
}//end for(var p =0;p&lt; htmlMap.length;p++){

if(thisNum&gt;1){
if(!isLablePage){
html = &#39;&lt;span class=&quot;showpage&quot;&gt;&lt;a href=&quot;/&quot;&gt;&#39;+ firstPageWord +&#39; &lt;/a&gt;&lt;/span&gt;&#39;+upPageHtml+&#39; &#39;+html +&#39; &#39;;
}else{
html = &#39;&#39;+labelHtml + firstPageWord +&#39; &lt;/a&gt;&lt;/span&gt;&#39;+upPageHtml+&#39; &#39;+html +&#39; &#39;;
}
}

html = &#39;&lt;div class=&quot;showpageArea&quot;&gt;&lt;span style=&quot;font-size:11px;padding: 2px 4px 2px 4px;margin: 2px 2px 2px 2px;color: #000000;border: 1px solid #333; background-color: #FFFFFF;&quot; class=&quot;showpage&quot;&gt;Page &#39;+thisNum+&#39; of &#39;+(postNum-1)+&#39;: &lt;/span&gt;&#39;+html;

if(thisNum&lt;(postNum-1)){
html += downPageHtml;
html += &#39;&lt;span class=&quot;showpage&quot;&gt;&lt;a href=&quot;&#39;+htmlMap[htmlMap.length-1]+&#39;&quot;&gt; &#39;+endPageWord+&#39;&lt;/a&gt;&lt;/span&gt;&#39;;
}

if(postNum==1) postNum++;
html += &#39;&lt;/div&gt;&#39;;

if(isPage || isFirstPage || isLablePage){
var pageArea = document.getElementsByName(&quot;pageArea&quot;);
var blogPager = document.getElementById(&quot;blog-pager&quot;);

if(postNum &lt;= 2){
html =&#39;&#39;;
}

for(var p =0;p&lt; pageArea.length;p++){
pageArea[p].innerHTML = html;
}

if(pageArea&amp;&amp;pageArea.length&gt;0){
html =&#39;&#39;;
}

if(blogPager){
blogPager.innerHTML = html;
}
}

}
&lt;/script&gt;

&lt;script src=&quot;/feeds/posts/summary?alt=json-in-
script&amp;callback=showpageCount&amp;max-results=99999&quot; type=&quot;text/javascript&quot;&gt;&lt;/script&gt;


<div style='text-align:right;font-size:10px;color:000000;margin-top:15px;
display:none;'> <a href='http://rias-techno-wizard.blogspot.com/2008/07/
page-navigation-hack-for-blogger.html'>Grab this Widget ~ Blogger Accessories</a></div>



6. Untuk Mengganti seberapa banyak angka/page yang muncul, yaitu dengan mengganti
1 : var pageCount = 5; angka 5 sesuai dengan keinginan anda.

7. selesai

Silahkan coba dan rasakan kenikmatannya...

Merujuk dari Rias techno Wizard


Baca Selanjutnya...

Laba-laba Jalan-jalan

Rabu, 24 September 2008


Oppssss...!!! ada laba-laba jalan....

Mau yang seperti di atas.. ada laba-laba jalan, mungkin dia mo beli baju LEBARAN, sebentar lagi kan mo idul fitri jadi biarin aja laba-labanya jalan-jalan supaya ga' stress...

<embed type="application/x-shockwave-flash" allowscriptaccess="always" src="http://spidergadget.googlecode.com/svn/trunk/spider.swf" wmode="opaque" flashvars="up_bellyColor=666666&up_backgroundColor=FFFFFF&up_spiderName=
Spider&up_backgroundImage=http://&up_original=&up_speed=1&up_headColor=
FA0C28&up_legColor=333333&up_size=1&" height="200" width="480"></embed>


Copy paste aja source kode diatas.. langsung pada tempatnya.

By : Abowman.com

SILAHKAN MENCOBA!!!



Baca Selanjutnya...

Membuat Sidebar terpisah dan Berkotak-kotak

Sabtu, 20 September 2008

wah udah lama nih.. ga' mengisi dan mengotak-atik siblog.. soalnya saya beberapa hari ini lagi sibuk.. jadi baru bisa nge-Blog lagi seperti biasayanya.. beberapa waktu lalu saya mengunjungi blognya kang-rohman disana kang- rohman menulis artikel tentang cara membuat sidebar agar terlihat terpisah-pisah, persis kayak blog milik kang rohman, Nah dari situ saya menulis artikel ini ya itung-itung penyebar ilmu yang baek biar yang baca dapat berguna dan bisa dipaktekin.Nah nih gambar blog kang rohman... Sidebarnya terlihat terpisah-pisah kan..

sidebar-kotak

Dari gambar diatas.. bisa di lihat sidebarnya terpisah dan seperti kotak-kotak lagi, jadi terkesan rapi blognya mo tau cara buatnya biar bisa jadi kayak gitu?? ha.. baca terus ya biar ngerti...

Nah cari kode Sidebar Widgetnya seperti:

.sidebar .widget, .main .widget {
border-bottom:1px dotted $bordercolor;
margin:0 0 1.5em;
padding:0 0 1.5em;
}

Pisah ketiga kode ini.. biar ga' bingung jadinya.. (kode ini terdapat pada template minima) tapi bila sidebar widget dengan main widgetnya udah terpisah.. dibiarrin aja, nah setelah dipisah maka jadinya seperti ini:

.sidebar .widget{
border-bottom:1px dotted $bordercolor;
margin:0 0 1.5em;
padding:0 0 1.5em;
}

.main .widget {
border-bottom:1px dotted $bordercolor;
margin:0 0 1.5em;
padding:0 0 1.5em;
}



Jadi untuk terlihat terpisah maka ada yang harus dimodifikasi yaitu:
kode pada Sidebar . Widger dimodifikasi jadi

.sidebar .widget{
background:#fff;
border:1px dotted #6c6b6b;
margin:0 0 1.5em;
padding:0.5em;
}



1. Background merupakan latar belakang blog bisa diganti dengan warna yang sesuai
2. Border 1 px dotted #6c6b6b; merupakan garis yang mengelilingi wiget sebesar 1pixel
3. Margin merupakan jarak kebawah antara widget yang 1 dengan yang lainnya sebesar 1,5em
4. Padding memberikan sela 0,5em

Nah, keempat hal inilah yang dapat membuat sidebar seakan-akan terpisah dan berkotak-kotak..

Nah silahkan mecoba ya...

Baca Selanjutnya...

Mengganti Nama Author

Kamis, 11 September 2008

Merubah Nama Author itu dapat di lakukan dengan mudah lho.. ya tinggal dari kode script dibawah ini :

<p class=�post-footer-line post-footer-line-1�>
<span class=�post-author�>
<b:if cond=�data:top.showAuthor�>
<data:top.authorLabel/> <data:post.author/>
</b:if>
</span>


cara mencari nya mudah ko':
1. Masuk ke akun blogger anda.
2. Klik Layout --> edit Html
3. Centang Box pada tuisan Expand Widget.
4. Ganti Kode berwarna merah dengan nama yang anda inginkan.
5. Save template.

Mudah kan sekarang nama author milik anda sudah terganti..



Baca Selanjutnya...

CSS Dock Menu

Sabtu, 06 September 2008

Dock Menu Merupakan menu Horizontal yang disertai gambar-gambar dan apabila menunya disentuh maka akan menampilakan efek berubah size/ukurannya. Nah dibawah ini contoh gambar dari CSS Dock Menu ini. N-design-studio.com situs ini merupakan situs yang menyediakan Trick Dock Menu menggunakan script CSS. o-om.com saya jadikan sebagai rujukan untuk menuliskan artikel ini.. mungkin berguna untuk anda.

CSS dock menu

Untuk mengetahui bagaimana cara kerja CSS Dock Menu ini, silahkan klik disini! sebagai sample, dan mungkin saja anda tertarik untuk mencoba.

Langkah yang perlu dilakukan untuk membuat CSS Dock Menu ada pada blog anda ialah:

1. Download Script code CSS nya Disini!.

2. Lihat Disana anda Folder JS (terdapat 2 file Script) yaitu Interface.js dan jquery.js Buka Juga folder Images untuk mendapatkan icon menunya. Upload semua File tersebut dan simpan pada Host Directorynya masing-masing.. Boleh juga anda menyimpannya pada Google Page Creator

3. Kalau sudah menyelesaikan Semua pengUploadtan filenya.. Silahkan masukke langkah selanjutnya

Cara Pemasangannya Pada Blogger

1. Masukke Edit Html dan cari kode <head> Kalau sudah ketemu Letakkan script ini dibawahnya:

<head>
<script src='http://google.pages.com/jquery.js' type='text/javascript'/>
<script src='http://google.pages.com/interface.js' type='text/javascript'/>
<link href='http://google.pages.com/style.css' rel='stylesheet' type='text/css'/>

Warna ungu merupakan alamat directory, ubahlah alamat tersebut sesuai dengan path directory masing-masing


2. Selanjutnya cari kode </body> Letakkan script yang ada dibawah ini, diatas kode </body>. Seperti ini:

<script type="text/javascript">
$(document).ready(
function()
{
$('#dock').Fisheye(
{
maxWidth: 50,
items: 'a',
itemsText: 'span',
container: '.dock-container',
itemWidth: 40,
proximity: 90,
halign : 'center'
}
)
}
);
</script>

</body>
</html>



3. Proses pemasangan menu terserah pada anda mau diletakkan pada Page Element atau edit html. Pasang kode ini disana :

<div class="dock" id="dock">
<div class="dock-container">
<a class="dock-item" href="http://www.tipsblogspot.blogspot.com"><img src="http://google.pages.com/home.png" alt="home" /><span>Home</span></a>
<a class="dock-item" href="http://www.tipsblogspot.blogspot.com"><img src="http://google.pages.com/email.png" alt="contact" /><span>Contact</span></a>
<a class="dock-item" href="http://www.tipsblogspot.blogspot.com"><img src="http://google.pages.com/portfolio.png" alt="portfolio" /><span>Portfolio</span></a>
<a class="dock-item" href="http://www.tipsblogspot.blogspot.com"><img src="http://google.pages.com/music.png" alt="music" /><span>Music</span></a>
<a class="dock-item" href="http://www.tipsblogspot.blogspot.com"><img src="http://google.pages.com/video.png" alt="video" /><span>Video</span></a>
<a class="dock-item" href="http://www.tipsblogspot.blogspot.com"><img src="http://google.pages.com/history.png" alt="history" /><span>History</span></a>
<a class="dock-item" href="http://www.tipsblogspot.blogspot.com"><img src="http://google.pages.com/calendar.png" alt="calendar" /><span>Calendar</span></a>
<a class="dock-item" href="http://www.tipsblogspot.blogspot.com"><img src="http://google.pages.com/rss.png" alt="rss" /><span>RSS</span></a>
</div>

Warna Hijau Menunjukan alamat URL yang dituju ganti sesuai alamat URL yang anda tuju dan warna Merah Menujukkan path directory untuk warna merah ganti sesuai path directory anda.

Mengerti Programming dapat mempermudah anda mengerti pemasangan dan peletakkan script-script code.


Baca Selanjutnya...

Mengganti label Menjadi Tag Cloud

Jumat, 05 September 2008

Tag Cloud sudah biasa kita liahat pada blog lainnya,, tapi biasanya mereka mendapatkan itu dengan memanfaatkan sebuah situs untuk mendapatkan Tags Cloud yang di pasang pada blog kita ,, merujuk dari phydeaux3
dan Bloggerplungin saya menuliskan ini agar tanpa bantuan sebuah situs kita dapat menampilkan tag clouds dengan fasilitas yang disediakan oleh blogger dengan mengganti sedikit kode html/javascriptnya saja..

Untuk mendapatkan itu anda harus menampilkan label pada blog anda.. dengan cara pilih layout-->Page Element-->Add Page Element.. Pilih Label dan Save.
Kalau sudah Ikuti Cara yang berikut :
1. Pilih Layout lagi terus pilih edit html... (tidak usah di Expand Widget).
2. Cari Kode

<b:widget id='Label1' locked='false' title='Labels' type='Label'/>


3. Ganri Kode tersebut dengan kode yang di bawah ini:

<b:widget id='Label1' locked='false' title='Label Cloud' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>

<div class='widget-content'>
<div id='labelCloud'/>
<p align='center'>
<script type='text/javascript'>
var cloudMin = 1;
var maxFontSize = 25;
var maxColor = [0,255,0];
var minFontSize = 10;
var minColor = [0,0,0];
var lcShowCount = false;
// Don't change anything past this point -----------------
// Cloud function s() ripped from del.icio.us
function s(a,b,i,x){
if(a&gt;b){
var m=(a-b)/Math.log(x),v=a-Math.floor(Math.log(i)*m)
}
else{
var m=(b-a)/Math.log(x),v=Math.floor(Math.log(i)*m+a)
}
return v
}


var c=[];
var labelCount = new Array();
var ts = new Object;
<b:loop values='data:labels' var='label'>
var theName = &quot;<data:label.name/>&quot;;
ts[theName] = <data:label.count/>;
</b:loop>

for (t in ts){
if (!labelCount[ts[t]]){
labelCount[ts[t]] = new Array(ts[t])
}
}
var ta=cloudMin-1;
tz = labelCount.length - cloudMin;
lc2 = document.getElementById(&#39;labelCloud&#39;);
ul = document.createElement(&#39;ul&#39;);
ul.className = &#39;label-cloud&#39;;
for(var t in ts){
if(ts[t] &lt; cloudMin){
continue;
}
for (var i=0;3 &gt; i;i++) {
c[i]=s(minColor[i],maxColor[i],ts[t]-ta,tz)
}
var fs = s(minFontSize,maxFontSize,ts[t]-ta,tz);
li = document.createElement(&#39;li&#39;);
li.style.fontSize = fs+&#39;px&#39;;

a = document.createElement(&#39;a&#39;);
a.title = ts[t]+&#39; Posts in &#39;+t;
a.style.color = &#39;rgb(&#39;+c[0]+&#39;,&#39;+c[1]+&#39;,&#39;+c[2]+&#39;)&#39;;
a.href = &#39;/search/label/&#39;+encodeURIComponent(t);
if (lcShowCount){
span = document.createElement(&#39;span&#39;);
span.innerHTML = &#39;(&#39;+ts[t]+&#39;) &#39;;
span.className = &#39;label-count&#39;;
a.appendChild(document.createTextNode(t));
li.appendChild(a);
li.appendChild(span);
}
else {
a.appendChild(document.createTextNode(t));
li.appendChild(a);
}
ul.appendChild(li);
abnk = document.createTextNode(&#39; &#39;);
ul.appendChild(abnk);
}
lc2.appendChild(ul);
</script>
</p>
<noscript>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<data:label.name/>
<b:else/>
<a expr:href='data:label.url'><data:label.name/></a>
</b:if>
(<data:label.count/>)
</li>
</b:loop>
</ul>
</noscript>
<br/>Powered By:<small><a href='http://www.tipsblogspot.blogspot.com'>Blogger Widgets</a></small>
<b:include name='quickedit'/>
</div>

</b:includable>
</b:widget>


5. DAn Cari Kode :

]]></b:skin>


6. Ganti KOde tersebut menjadi :

#labelCloud {text-align:center;font-family:arial,sans-serif;}
#labelCloud .label-cloud li{display:inline;background-image:none !important;padding:0 5px;margin:0;vertical-align:baseline !important;border:0 !important;}
#labelCloud ul{list-style-type:none;margin:0 auto;padding:0;}
#labelCloud a img{border:0;display:inline;margin:0 0 0 3px;padding:0}
#labelCloud a{text-decoration:none}
#labelCloud a:hover{text-decoration:underline}
#labelCloud li a{}
#labelCloud .label-cloud {}
#labelCloud .label-count {padding-left:0.2em;font-size:9px;color:#000}
#labelCloud .label-cloud li:before{content:&quot;&quot; !important}
]]></b:skin>


7. Save dan lihat hasilnya..

Sebagai catatan sebelum anda mengganti semuanya ada baiknya untuk membackup dahulu template anda, jadi kalau ada hal yang dapat merusak blog anda dapat dihindari, karena anda telah membackupnya lebih dahulu.




Baca Selanjutnya...

Menampilakan Adsense pada Postingan

Rabu, 03 September 2008

Salah satu cara mengOptimalkan Adsense ialah dengan cara meletakkan kode-kode adsense pada tempat-tempat yang strategis seperti pada Header, Body, Sidebar, bahkan dilatakkan kedalam postingan kita.. Nah dengan mengOptimalkan kode-kode tersebut kedalama blog kita maka kita akan mendapatkan hasil yang Optimal juga dari "tuan" google. nah Mo tahu caranya meletakkan kode adsense anda ke dalam potingan yang anda buat...

Klo menginginkan letak Adsensenya di sebelah kiri maka..
Cara yang perlu ditempuh ialah :
1. Masuk ke Akun blogger anda.
2. Pilih Layout-->Edit Html.

3. Cari kode

<div class='post-body'>
<p><data:post.body/></p>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>

4. klo sudah dapet..masukkan kode adsensenya seperti ini..

<div class='post-header-line-1'/>
<div style='float:left;'>
AdSense Code
</div>
<div class='post-body'>
<p><data:post.body/></p>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>

5. Selesai deh..

Tapi klo mo Letak Adsensenya di sebelah kanan Lihat Pada Gambar Yang dibawah INi:

Caranya Ga'Susah Tinggal Ganti Kodenya saja..jadi

<div class='post-header-line-1'/>
<div style='float:Right;'>
AdSense Code
</div>
<div class='post-body'>
<p><data:post.body/></p>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>

Ganti yang bertanda : Merah pada kode yang petama yang letaknya pada sebelah kiri Tertulis Left dan untuk sebelah kanan ganti left menjadi right.

Peletakkan Kode Adsensenya Anda Harus mengganti tanda seperti tanda < > dan tanda ". Untuk Mengantinya anda tinggal masukkan kode tersebut kedalam Centricle Kode.. Anda tinggal masukkan kode Adsensenya kedalam kotak yang ada pada Centricle dan Klik Encode.. Nah Setelah itu Baru masukkan kode tersebut kedalam Script diatas tadi.



Baca Selanjutnya...

Pilihan Menu dengan Icon

Senin, 01 September 2008

Wuih.. blognya keren mana dihiasi dengan menu bergambar lagi.. wah pengen nih.. tapi gimana cara buatnya.. ya??
Sering kita lihat kalo pemilihan menu yang ada pada header yang terdapat pada blog biasanya hanya tulisan dan warna-warna bila disetuh.. tapi kadang kala kita pengen dengan suasana laen misalnya, dengan gambar-gambar yang uniks.. seperti yang terlihat pada gambar dibwah ini :


Nah langkah membuatnya mudah kok' ga' susah amat dan ga' ribet..
Gini caranya:

Langkah Pertama :
1. Masuk ke akun google kmu.
2. Pilih menu Layout --> Edit html.
3. Masukkan kode ini :




#newnavbar ul li{
list-style-type: none;
display:inline;
margin:0px;
padding:30px;
border:0px solid;
}

4. Masukkan kode tersebut Dibawah /* Header */ letaknya dibagian tengah Template.
5. Save.

Langkah Kedua :
1. Pilih Page Element dan kli Add Pege Element.
2. Pilih Html/Javascript.

3. Masukkan kode dibwah ini kedalam konten box..



<div id='newnavbar'>
<ul>
<li><a href="URL "><img src="URL Image"></a></li>
<li><a href="URL "><img src="URL Image"></a></li>
<li><a href="URL "><img src="URL Image"></a></li>
<li><a href="URL "><img src="URL Image"></a></li>
<li><a href="URL "><img src="URL Image"></a></li>
</ul></div>

4. Save Dan lihat hasilnya.

Untuk Peletakkan terserah anda mau meletakkan dimana saja... Klo mo Meletakkannya pada header tapi ga' ada add page elementnya nah lihat Add Page element pada Header
Dan URL diisi dengan alamat blog anda/Home Page anda
URL image diisi dengan lokasi ICON /image anda..
Gambar/icon dapat diambil pada ICONARCHIVE
Cara Pengambilan Lokasi Icon:


1. Masuk ke icon archive
2. Pilih Icon yang kmu suka.. dan klik kanan pada download as ico.file. Pilih Copy Image Location
3. Pastekan URL tersebut ke URL image yang ada pada kode tadi..
4. Selesai..

Baca Selanjutnya...

Menampilkan Postingan Berhubungan

Sabtu, 30 Agustus 2008

Jika kita membuka postingan kita kita ingin sih klo.. disana selain terletak kotak koment kita juga ingin ada postingan yang berhubungan disana..
tapi ga' tau cara menampilkannya gimana?
Dengan adanya artikel/postingan yang berhubungan dapat mnguntungkan kita, untungnya dimana? nah dengan adanya hal tersebut mungkin pengunjung akan tertarik dengan posting lain yang ada di blog kita karena melihat artikel yang berhubungan pada postingan kita, nah untuk menampilkannya kita harus melakukan hal yang berikut ini:

1. Masuk ke akun blogger anda.
2. Masuk ke -->edit layout dan pilih -->Edit Html.
3. Jangan lupa untuk menconteng Expand Widgetnya.
4. Download kode ini : Postingan Berhubungan
5. Cari kode <datapost.body/> Letakkan kode yang didownloa tadi dibawahnya.
6. Simpan dan lihat hasilnya.

Untuk melihat hasilnya coba kamu buka salah satu postingan kmu.. dan lihat diatas komentar/dibawah postingan.. disana akan terdapat artikel yan berhubungan dengan artikel yang kmu tulis.. dengan catatan kamu harus mengaktifkan label/kategorimu, Untuk tulisan Related post dapat kamu ubah dengan kata mu... dengan mencari kata related post yang letakkan bibagian atas kode yang kamu download tadi.

Baca Selanjutnya...

Mengganti Title Blog Dengan Title Postingan

Jumat, 29 Agustus 2008

Pernah lihat blog anda di "mang GOOGLE" klo pernah disan pasti blog kita tertulis sesuai dengan judul blog kita/title blog kita , nah klo kita lihat pada kebanyakan blog milik oeang lain disana pasti tertulis judul blog sama dengan judul postingannya... nah sedikit saya memberi tahu tentang perubahan title ini, perubahan title ini berpengaruh juga lo untuk mempermudah "mang GOOGLE" mebaca postingan kita, maka dari itu

untuk blog kita lebih terkenal dan dikenal dengan judul postingan kita maka itu dapat diganti dengan cara sebagai berikut..:

1. Masuk ke -->Edit Html anda.
2. Cari kode <title><data:blog.title/></title&gt;
3. Ganti kode tersebut dengan :

<b:if cond='data:blog.pageType == "index"'><title><data:blog.title/></title>
<b:else/>
<title><data:blog.pageName/></title>
</b:if>


4. Klo udah simpan..

selsai mudah bukan klo mo test coba lihat blog anda di google, dan jika kamu buka salah satu postinganmu mak judul blog mu akan berubah menjadi judul postingan..


Baca Selanjutnya...

Langkah agar Web/Blog kita Tidak Berat

Rabu, 27 Agustus 2008

Wah berat bener nih blog.. saya jadi bosen nungguinnya mana billingnya jalan terus lagi kan saya bisa "tekor" nih!! ga' mw kn jadi salah satu orang ini.. nungguin blognya buka dengan sempurna lamanya minta ampun ya cape'deh.. kata orang klo blog kita berat itu bisa bikin pengunjung jadi bosen dan ga' mau datang lagi ke blog kita makanya jaga deh supaya blog kamu tidak berat, klo itu terjadi maka suatu hal yang buruk akan menimpamu... saya akan berikan tips suapaya blog kita tidak berat alias lamban.. 6 langkah yang harus dilakukan ialah :

Cek dulu seberapa berat Blog kmu dengan Website speed Test. Disana kmu masukkan Alamat blog/URL kamu ke kotak yang sudah ada disana.. klo sudah klik Check! dan lihat seberapa berat blog kmu. Klo hal yang buruk itu terjadi pada blog kmu maka 6 langkah harus dilakukan dengan seksama :
  1. Kalau blogmu diisi dengan video, atau musik maka anda harus menggunakan file yang berukuran kecil seperti (MIDI atau WAV). Kenapa Video, serta musik biasanya menggunakan size yang besar sehingga dapat memberatkan blog mu.
  2. Foto dan Gambar yang berukuran besar akan dapat meyebabkan blog kita berat juga lo, maka pakai lah format yang berukuran kecil GIF atau JPG atau editlah foto atau gambar mu dengan PICASA.
  3. Perkecil penggunaan Java Script pada blog kamu.
  4. Bersihkanlah HTML kodemu dengan hal yang tidak berguna yang memungkinkan dapat memberatkan blog.
  5. Pergunakanlah Design Template yang simple, penggunaan design yang simple ini dapat mempercepat loading pada blogmu.
  6. Cek kembali link-link yang kmugunakan sebagai BlogRoll.. mungkin saja Link yang lama sudah tidak berfungsi lagi dengan kata lain saat diklik.. maka akan muncul pesan "Maaf Blog Anda Tuju Sudah Tidak Aktif Lagi". Bisa saja kan seperti itu, karena segala kemungkinan itu bisa terjadi.
Itu lah sedikit ilmu dari saya mungkin berguna.. karena kecepatan loading pada blog atau website itu sangat berguna karena dapat menghemat pulsa dan uang anda...

Baca Selanjutnya...

Efek Warna Pada Link

Efek warna pada link memberikan efek menarik bagi pengunjung sehingga pengunjung penasaran dan mngklik linknya.. dan ini juga bermanfaat sebagai pembeda antara Link dan Tulisan yang bukan link. Mau tau cara membuatnya gini nih..

Caranya mudah hanya dengan mengcopy dan pastekan saja:
sebelum diubah anda silahkan lihat dan cari kode ini pada edit html anda :




a:link {
color:$linkcolor;
text-decoration:none;
}
a:visited {color:$visitedlinkcolor;
text-decoration:none;
}
a:hover {
color:$titlecolor;
text-decoration:underline;
}


Klo sudah coba bentuk yang pertama yaitu dengan mengganti kode diatas menjadi:



a:link {
color: #0066CC;
}
a:visited {
color: #cc0000;
}
a:hover {
color: #2D8930;
}

-->Bentuk yang Kedua


a:link {
color: #0066CC;
}
a:visited {
color: #cc0000;
}
a:hover {
color: #2D8930;
font-size: 120%;
}


-->Bentuk yang ketiga:


a:link {
color: #0066CC;
}
a:visited {
color: #cc0000;
}
a:hover {
color: #2D8930;
font-family: monospace;
}


-->Bentuk yang keempat


a:link {
color: #0066CC;
text-decoration: none;
}
a:visited {
color: #cc0000;
text-decoration: underline;
}
a:hover {
color: #2D8930;
text-decoration: blink;
}


-->Dan yang terakhir Bentuk yang lima :


a:link {
color: #0066CC;
}
a:visited {
color: #cc0000;
}
a:hover {
color: #2D8930;
font-family: monospace;
font-weight: bold;
font-size: 120%;
background: #ffff66;
text-decoration: blink;
}


Silahkan coba dan jangan lupa untuk Membackup dahulu template anda sebagai langkah jaga-jaga jka terjadi kesalahan yang dapat merusak blog anda nantinya..


Baca Selanjutnya...

Terjemahkan