Cara Mengganti Tulisan Older Post dan Newer Post Dengan Icon Gambar

ara mengganti tulisan Newer Post, Older Post, dan Home diblog atau blogger dengan gambar adalah sebagai berikut

1. Cara Mengganti Tulisan Newer Post
Untuk mengganti tulisan Posting Lebih Baru (Newer Post), carilah kode perintah:

<data:newerPageTitle/>

Kemudian gantikan perintah tersebut dengan:

<img src='http://sites.google.com/site/gudangfathur/kode/newpost.gif'/>

2. Cara Mengganti tulisan Older Post

Untuk mengganti tulisan Posting Lama (Older Post), carilah kode perintah:

<data:olderPageTitle/>

Kemudian gantikan perintah tersebut dengan:

<img src='http://sites.google.com/site/gudangfathur/kode/oldpost.gif'/>

3. Cara Mengganti tulisan Home

Untuk mengganti tulisan Halaman Muka (Home), carilah kode perintah:

< data:homeMsg/>

Kemudian gantikan perintah tersebut dengan:

<img src='http://sites.google.com/site/gudangfathur/kode/fathurhome.png'/>

Selanjutnya Anda tinggal mengganti url gambar yang berwarna biru dengan url gambar Anda sendiri, di bawah ini beberapa contoh gambar beserta urlnya

kode:

<img src="http://i37.photobucket.com/albums/e74/mrphoto16/herman%20blog%20icon/bt-right.png" border="0" >

kode:

<img src="http://i37.photobucket.com/albums/e74/mrphoto16/herman%20blog%20icon/forward2.png" border="0" />

kode:

<img src="http://i37.photobucket.com/albums/e74/mrphoto16/herman%20blog%20icon/forward3.png" border="0" />

Kode:

<img src="http://i37.photobucket.com/albums/e74/mrphoto16/herman%20blog%20icon/forward.png" border="0" />

Kode:

<img src="http://i37.photobucket.com/albums/e74/mrphoto16/herman%20blog%20icon/forward1.png" border="0" />

Kode:

<img src="http://i37.photobucket.com/albums/e74/mrphoto16/herman%20blog%20icon/bt-left.png" border="0" /></a>

Kode:

<img src="http://i37.photobucket.com/albums/e74/mrphoto16/herman%20blog%20icon/back2.png" border="0" />

Kode:

<img src="http://i37.photobucket.com/albums/e74/mrphoto16/herman%20blog%20icon/back3.png" border="0" />

Kode:

<img src="http://i37.photobucket.com/albums/e74/mrphoto16/herman%20blog%20icon/back.png" border="0" />

Kode:

<img src="http://i37.photobucket.com/albums/e74/mrphoto16/herman%20blog%20icon/back1.png" border="0" />

Kode:

<img src="http://i37.photobucket.com/albums/e74/mrphoto16/herman%20blog%20icon/home2.png" border="0" />

Kode:

<img src="http://i37.photobucket.com/albums/e74/mrphoto16/herman%20blog%20icon/home.png" border="0" />

Kode:

<img src="http://i37.photobucket.com/albums/e74/mrphoto16/herman%20blog%20icon/home1.png" border="0" />

Kode:

<img src="http://i37.photobucket.com/albums/e74/mrphoto16/herman%20blog%20icon/home3.png" border="0" />

read more...

MENGHAPUS LABEL COUNT DI BLOGGER

Anda ingin menghilangkan angka di samping label yang biasanya berfungsi untuk menunjukkan berapa banyak posting anda yang berlabel sama. Mungkin beberapa dari anda berusa ingin menhilangkannya. berikut ini cara untuk menghilangkan label count di blogger :
Sebagai contoh : before-affter

1. Sign into Blogger dashboard » Layout » Edit html
2. Centang expand widget templates
3. Hapus kode berikut dari template. (gunakan CTRL+F untuk mencari)

<span dir='ltr'>(<data:label.count/>)</span>

4. Simpan perubahan.

Artikel yang berkaitan :
*Menghilangkan Navbar
*Menghilangkan Navbar 2
*Menghilangkan tulisan Showing All post

read more...

20 LAYANAN STATIK DAN COUNTER

Tulisan ini hanya untuk melengkapi tulisan saya yang sebelumnya.
Berikut ini ada beberapa layanan statik dan couter, untuk menganalisis statistik kunjungan ke blog dan website kita.

Addzz - free counters
Counters kunjungan ke situs web secara gratis.
http://www.aaddzz.com/pages/counters

AdEmails
Penghitung dan statistik kunjungan secara gratis.
http://www.ademails.com

Awstats
Statistik aplikasi gratis, buka kode, sangat komprehensif ke web.
http://awstats.sourceforge.net

Estadisticasgratis.com
Menganalisis secara rinci statistik (analisis lalu lintas, pemasaran, profil pengguna) ke waktu dan dari setiap tempat.
http://www.estadisticasgratis.com

Global Audit
Mempertahankan statistik lengkap secara gratis pada salah satu halaman mereka. Untuk informasi lebih halaman tidak gratis.
http://www.globalaudit.com

Hispavisitas
Statistik kunjungan web secara gratis.
http://www.hispavisitas.com

Site Meter
Statistik gratis untuk web Anda.
http://www.sitemeter.com

Stat Counter --
Free counter statistik terlihat ke web.
http://www.statcounter.com

Gratis Weboscope --
Bebas versi layanan yang memungkinkan perdagangan dan menganalisis cara audiens yang profesional web.
http://www.weboscope.com/free

Webstats4U
menginstal meter per halaman.
http://www.webstats4u.com

Xiti free
Bebas. Manfaat dari cara gratis dan tanpa iklan, alat untuk kedua profesional tingkat ukuran penonton yang akan mendukung.
http://www.xiti.com

Extreme Tracking
Statistik layanan gratis. Tanpa batasan lalu lintas, dengan informasi dari kunjungan oleh hari, minggu, bulan, hari dan jam dan hari dalam seminggu. Lets tahu bahwa jika link llegaron terakhir 20 pengunjung.
http://www.extreme-dm.com/tracking

Free Hit Counter
Departemen statistik dengan informasi gratis pada browser, dan arah dari negara bahwa acceden pengunjung.
http://www.freestats.com

Php-Status
Free statistik program untuk menginstal pada server Anda.
http://www.php-stats.com

Webstats
Servicio de estadísticas y meter gratis.
http://www.webstat.net

Xiti Gratuit
Layanan statistik gratis untuk halaman personal.
http://www.xiti.com/gratuit

Php-Status
Free statistik program untuk menginstal pada server Anda.
http://www.php-stats.com

histats
mudah untuk digunakan, tersedia dalam beberapa bahasa.
http://www.histats.com/es/

EasyTrafficCounter
counter kunjungan.
http://www.easytrafficcounter.com/Counters.aspx

Webstats4U:
http://www.webstats4u.com/

read more...

FASTUSERONLINE : TOOLS BUAT BLOG

FASTUSERONLINE adalah sebuah situs yang menyajikan banyak layanan gratis dan tools buat kebutuhan blog kita.
Antara lain :


SEO Stats : Menunjukkan PageRank, jumlah halaman dan link balik berbagai diindeks oleh search engine, jumlah pengguna online, jumlah pengunjung dan tampilan halaman dalam sehari, dll, menampilkan gaya dan grafik.

CheckLinks : verifikasi atas integritas dari link dari sebuah situs. mencek link apa saja yang ada di blog Anda

Meta Tags Analizer : laporan pada sampel petunjuk kami meta halaman dan menunjukkan bagaimana optimizarlas. kevalitan Keywords.

Free image digits counter : counter menghasilkan grafik kunjungan Anda dapat memilih dari lebih dari 150 gaya.

Doll Creator : memungkinkan untuk membuat avatar menyisipkan kecil di halaman manapun.

Smile Creeator: sinfín menciptakan sebuah model yang dapat menyimpan Smilies di PC.

read more...

PASANG FEEDJIT MONITORING LALULINTAS BLOG

FeedJIT adalah salah satu cara kita untuk mengetahui lalu lintas yang masuk dan keluar di blog kita. Informasi kunjungan dan kepergian Traffic diperbarui setiap menit dan menunjukkan lokasi pengunjung, sejak pengunjung datang. Jadi kita memantau sapa saja dan kapan saja yang berkunjung diblog kita.
Keuntungan lain menggunakan FeedJIT kita tidak perlu registrasi dan dapat ditempatkan dimana saja.
Untuk menggunakan FeedJIT sebagai monitoring lalulintas blog, anda cukup salin kode berikut ini dan di mana kita ingin (misalnya, dalam HTML elemen sidebar):

<script type="text/javascript" src="http://feedjit.com/serve/"></script>
<noscript><a href="http://feedjit.com/"><Feedjit live traffic feed</a></noscript>

Untuk Live Traffic Peta yang menunjukkan lokasi yang terakhir 100 pengunjung. Anda dapat menggunakan kode dibawah ini:

<script type="text/javascript" src="http://feedjit.com/map/"></script>
<noscript><a href="http://feedjit.com/">Feedjit live traffic map</a></noscript>


Atau anda melihat lebih nyak fasilitas dari FeedJIT bisa langsung berkunjung di websitenya http://feedjit.com/joinjs/

read more...

PASANG HIT COUNTER ATAU PENGHITUNG JUMLAH PENGUNJUNG

Hit counter atau penghitung pengunjung mempunyai fungsi yang cukup penting untuk informasi buat kita, berapa kali sudah web blog kita dikunjungin. Dengan tahu berapa banyak orang yang berkunjung ke web blog kita bisa mengoptimalkan web blog kita.
Ada banyak web server yang menyediakan fasilitas untuk hit counter antara lain seperti berikut :

www.histats.com
www.hit-counts.com
www.statcounter.com
www.easycounter.com
www.tinycounter.com.
Untuk memasang conuter diblog kita bisa menggunakan salah satu website diatas, disini saya menggunakan www.histats.com, karena histats memiliki fasilitas yang cukup lengkap untuk informasi pengunjung di web blog kita. untuk membuatnya langsung saja masuk di www.histats.com.
setelah anda masuk klik tab registri.


Anda akan masuk di halaman Create new account. Isilah form registri tersebut,
di kolom Page views start value dan Visitors start value masukkan angka yang anda inginkan untuk start awal angka penghintung web blog anda.
klik tombol registri.
Anda akan masuk di halaman Choose a category, pilhlah layout counter yang inginkan, kemudian tekan continue
di halaman Choose information to show on the counter, anda disajikan beberapa pilihan untuk counter anda kemudian tekan continue lagi.
tunggu selama 25 deti untuk proses pembuatan mesin penghitung anda.
setelah itu copy kode yang diberikan.
selanjutnya login ke blogger anda, piih layout ---> add page element.
tambahkan widget anda, lalu pasang kode yang kita dapatkan dari histats tadi.


counter akan menghitung setiap ada yang berkunjung ke blog anda dengan ini anda dapat mengetahui seberapa banyak orang-orang yang telah melihat blog anda dalam sehari ini.

Artikel yang berkaitan

*20 Layanan statik dan counter
*Pasang feedjit sebagai monitoring lalulintas
*Fastuseronline : tools buat blog

read more...

MENGOPTIMALKAN JUDUL BLOG

Sebelumnya saya ingin tersenyum lebar buat saya sendiri, karena tidak terasa akhirnya page alexa saya nembus juga di angka satu jutaan, padahal 3 minggu kemaren masih di 12jtan. Emang sepatutnya saya belum boleh berbangga . Tapi saya bersyukur.
lanjut aja deh ngebahas seperti judul diatas MENGOPTIMALKAN JUDUL BLOG.
Mengganti urutan yang menampilkan judul dari posting di bar bagian atas dari browser.
Secara default, judul bar di browser

Judul blog: Judul dari pos - Browser.


Menurut yang saya ketahui Google indeks entri dengan judul blog dan dengan judul posting dan sangat ideal pabila kita balikkan, yang pertama judul posting, kemudian nama blog. karna itu membuat judul posting kita terlihat lebih kuat didepan search engine.
coba buka masuk Login to Blogger kemudian pilih "Layout"
Klik pada "Edit HTML"


Di tag head anda akan menemukan kode seperti ini

<title><data:blog.pageTitle/></title>

Hapus lah kode tersebut kemudian gantikan dengan kode berikut :

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<title><data:blog.pageName/> : JUDUL BLOG</title>
<b:else/>
<title><data:blog.pageTitle/></title>
</b:if>


Keterangannya seperti ini, <data:blog.pageName/> sama dengan judul posting,
gantilah JUDUL BLOG yang berwarna merah dengan judul blog anda. Setelah itu klik simpan.
hasilnya akan seperti ini

Ketika anda kembali kehalaman utama blog anda maka tampilan judul blog terlihat seperti biasanya.

read more...

MEMBUAT SIDEBAR TAMPIL BERGANTIAN

. Sudah 3 hari ini saya tidak nulis diblog, kayanya sudah kangen banget. "hihi". 2 hari ini badan saya sakit . "eh ko malah curhat".
Saya ingin langsung saja deh.
Pernah suatu kali anda membuka blog anda terasa loading nya sangat lama apalagi pada halaman utama. salah satu faktornya karena sidebar blog anda sangat penuh dan banyak, Sidebar blog biasanya salah satu hal yang paling "berat" pada saat loading.
Ada berbagai cara yang bisa mengatasi itu salah satunya membuang element sidebar yang menurut anda membuat blog anda terasa berat saat dibuka.
Trus bagaimana dong kalo element sidebar tersebut penting buat blog saya? mungkin pertanyaan itu yang langsung anda pikirkan, cara yang lain yang mungkin bisa mengurangin beban saat membuka halaman utama blog anda, kita dapat membuat element sidebar blog tampil hanya pada halaman posting atau element sidebar blog pada saat kita buka halaman utama berbeda ketika kita buka pada halaman posting..

Berikut ini caranya :
Login to Blogger kemudian pilih "Layout"
Klik pada "Edit HTML" , check pada "Expand Widget Templates"

untuk membuat element sidebar cuma tampil dihalaman posting, cari kode element sidebar blog yang ingin anda hilangkan, contoh saya menggunakan kode ini
<b:widget id='HTML14' locked='false' title='Informasi lowongan kerja' type='HTML'>
<b:includable id='main'>
[ ... internal kode ... ]
</b:includable>
</b:widget>

HTML14 adalah ID yang berbeda-beda sesuai dengan jumlah element sidebar telah anda kumpulkan dan atribut jenis yang berasal dari berbagai jenis komponen lain (Label, Arsip, Feed, dll).
Sobat semua sudah pasti paham dong.

Kemudian liat kode yang berikut ini :
<b:widget id='HTML4' locked='false' title='Informasi lowongan kerja' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType == "item"'>
[ ... el código interno ... ]
<b:else/>
<style>#HTML14 {display: none;}</style>
</b:if>
</b:includable>
</b:widget>
Untuk kode yang berwarna merah adalah kode yang anda harus tambahkan.

Bagaimana dengan membuat sidebar tampil seolah-olah bergaitan antara halaman utama dengan halaman posting. Berikut caranya :
Sebelumnya hilangkan check pada "Expand Widget Templates".
Saya menggunakan contoh kode berikut
<b:if cond='data:blog.pageType != "item"'>
<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
[ ... element-element yang ada di sidebar ... ]
</b:section>
</div>
<b:else/>
<div id='sidebar-wrapper-2'>
<b:section class='sidebar' id='sidebar-2' preferred='yes'>
[ ... element-element yang ada di sidebar ... ]
</b:section>
</div>
</b:if>

Untuk kode yang berwarna merah adalah kode yang anda harus tambahkan.


Mungkin cuma segitu yang bisa saya berikan.
salamat mencoba ya.!

read more...

CARA MEMBUAT TABEL (HTML) 2

Saya ingin ngelajutin postingan saya yang kemaren murut saya belum selesai. "Kan pahalanya nanggung". Yaitu cara Membuat tabel diblog (HTML), Nah saya sekarang ingin membahas tentang kode CSS yang biasa digunakan untuk cara membuat tabel.
Mungkin bisa langung saja.

Berikut ini adalah kode CSS tag HTML yang biasanya digunakan, berikut keterangannya :

align = left|center|right posisi yang berkaitan dengan dokumen atau isi
background = url gambar backgroud tabel
bgcolor = warna dari background tabel
border = pixel lebar perbatasan
cellspacing = nilai perbatasan antara ruang dan isi sel
cellpadding = nilai ruang antara sel
frame = void|above|below|hsides|lhs|rhs|vsides|box|border menunjukkan bahwa sekitar perbatasan tabel
above : hanya attribut
below :
border , box : empat sisi
lhs : hanya sebelah kiri
void : none (ini adalah nilai per sel)
rules = none|groups|rows|cols|all semua ujung-ujungnya internal sampel
all : antara baris dan kolom
cols : hanya antara kolom
groups : antara kelompok (thead, TFOOT, tbody, dll)
none : rows : hanya antara baris
summary = ringkasan teks untuk digunakan dengan browser di visual --
width = nilai atau persentase yang menunjukkan lebar

Selain itu terdapat sejumlah tag "opsional"

CAPTION membuat keterangan khusus untuk judul
Tbody mengidentifikasi tubuh dari tabel (isi)
Thead mengidentifikasi head
TFOOT mengidentifikasi kaki halaman

CSS properti khusus untuk tabel:

border-spacing: size
Menunjukkan jarak yang memisahkan Tepi-tepi cell berdekatan. Jika Anda menentukan ukuran ini memberikan ruang vertikal dan horisontal.

border-collapse: collapse | separate
Ditentukan akan dianggap sebagai ujung-ujungnya dari dua Cell

empty-cells: show | hide
Mengontrol perbatasan di sekitar mereka dalam Celda yang tidak terlihat konten

table-layout: auto | fixed
Serta untuk menentukan ukuran gambar memungkinkan browser memuat halaman dengan lebih cepat, penggunaan atribut lebar dan tinggi properti dari gaya sesuai untuk mengatur lebar dan tinggi dari setiap elemen tabel substansial meningkatkan kecepatan pada berisi semua data yang banyak itu sendiri.

Contoh Cara Membuat Table

Baris 1 Kolom 1	Baris 1 Kolom 2	Baris 1 Kolom 3
Baris 2 Kolom 1	Baris 2 Kolom 2	Baris 2 Kolom 3

kode membuat table

<table style="table-layout: fixed;" align="center" border="1" cellpadding="5" cellspacing="2">
<col style="background-color: chocolate; color: white; font-size: 0.8em;" width="130">
<col style="background-color: yellow; color: black;" width="150">
<col style="background-color: salmon; color: white; text-align: center;" width="180">
<tbody>
<tr><td>Baris 1 Kolom 1</td>
<td>Baris 1 Kolom 2</td>
<td>Baris 1 Kolom 3</td>
</tr>
<tr><td>Baris 2 Kolom 1</td>
<td>Baris 2 Kolom 2</td>
<td>Baris 2 Kolom 3</td>
</tr></tbody></table>


SALAM blogger

ARTIKEL BERKAITAN
*CARA MEMBUAT TABLE (HTML) 1

read more...

MEMBUAT NAVBAR SEPERTI PUNYA BLOGGER

Sobat Semua liat kan tulisan link yang ada paling atas blog ini. Tepat seperti Navbar kepunyaanya blogger.
Kalo Anda ingin membuat navbar mungkin bisa ngikutin langkah saya ini :
Login to Blogger kemudian pilih "Layout"

Klik pada "Edit HTML" , check pada "Expand Widget Templates"


Copy kode berikut tepat sebelum kode ]]></b:skin>


#mta_bar{
background:#444 url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNdfO_PYLk_rXBXtQPcBEumWl7WJLa7VmiHIeFjDw7N0SwOiji46xOzK7-yHAU4QcC-7avf7gF7Q-OPUi5C9h-OXi9LuVvZGeeJa2EtNbTYafOJsf8-Bb_ayqVE_JEdBtEJBn68xk37AbY/s400/wow.gif') repeat-x; border-bottom:2px solid #111; z-index:100; top:0; left:0; width:100%; overflow:auto; position:fixed; margin-left:0; margin-right:0; margin-top:0; margin-bottom:4px; padding-left:0; padding-right:0; padding-top:7px; padding-bottom:4px}

html #mta_bar{ /*IE6 hack*/
position: absolute; width: expression(document.compatMode=="CSS1Compat"? document.documentElement.clientWidth+"px" : body.clientWidth+"px"); }

#mta_bar .left { float: left; text-align: center; font-family: Arial; font-size: 13px; font-weight: bold; font-style: normal; color: #0000FF; width:92%;}

#mta_bar .right {font-family: Arial, Helvetica, sans-serif; float: right; text-align: center; font-weight: normal; font-size: 10px;letter-spacing: 0; width: 30px; white-space: nowrap;}

#mta_bar .right a {font-size: 10px; color: #0000FF; text-decoration: underline;}

#mta_bar .right a:hover {font-size: 10px; color: #0000FF; text-decoration: none;}

#left_bar a { text-decoration: none; color: #ffffff; }

#left_bar a:hover { text-decoration: underline; color: #0000FF; }

Selajutnya copy kode ini tepat di atas kode </head>

<script src='http://ubuh85.googlepages.com/nav-mod.js' type='text/javascript'/>

Langkah terakhir untuk membuat navbar copy kan lagi kode berikut tepat di bawah kode <body>

<div id='mta_bar'>

<div id='left_bar'><span class='left'> <center> ------- Teks yang Ingin sobat tampilkan ------ </center> </span></div>

<span class='right' onmouseout='self.status=&apos;&apos;' onmouseover='self.status=&apos;kulpang.blogpost.com&apos;;return true;'> <img align='absmiddle' border='0' onClick='closeTopAds();return false;' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsQzmvTfb2HmFcGgsNJLatkT9dO4SxbiSYjTr6Ms9rLFd9qDVp6ZHp2i3ADzSDgu8-HZM6ozb4iuBM-JoqrykleadOGUwJiY80drFkVjt_d4RYo202FIG3T1Q0S5TV2EvonfDG_HY9/s400/close.gif' style='cursor:hand;cursor:pointer;'/></span></div>

Kemudian simpan..

untuk teks seperti yang diatas saya mengunakan kode MARQUEE

Salam buat blogger semua.

read more...

Belajar SEO

Judul diatas memang tepat buat saya, karena saya memang lagi belajar dan mengerti apa itu SEO. "Padalah udah satu tahun lebih ngeblog tapi masih belum ngerti SEO". Lah makanya itu saya ingin lebih belajar tentang SEO. Mungkin Sobat-sobatyang master SEO bisa ngasih saya pencerahan.

Sedikit tetang SEO yang saya tau..
Search Engine Optimization Atau disingkat SEO dalam bahasa indonesia artinya Optimisasi mesin pencari adalah serangkaian proses yang dilakukan secara sistematis yang bertujuan untuk meningkatkan volume dan kualitas trafik dari mesin pencari menuju alamat situs web tertentu dengan memanfaatkan mekanisme kerja alami algoritma mesin pencari.
Tujuan SEO itu sendiri adalah untuk menempatkan alamat situs web pada posisi teratas, yah paling tidak situs web sobat ada dihalaman utama hasil pencarian search engine. Secara logika kalau situs web kita ada dihalaman utama untuk dikunjungi sangat besar. Dengan begitu trafik web akan terus naik menuju punjak teratas.
Bagi Sobat semua sedang mencari uang lewat internet bisa sangat menguntungkan tuh. Makin bayak pengunjung berarti makin banyak uang yang mengalir.
Sekarang ada banyak sekali web ataupun blog yang ngebahas tetang SEO, salah satunya disini belajarseo.com.

Kalau masalah cara kerja SEO mungkin dilanjutin di posting-positng selanjutnya.
Cukup dulu curhatnya mau ngelanjutin kerjaan dulu..

read more...

BUAT TABEL DI BLOG (HTML)

Pagi-pagi begini mumpung otak masih fress saya ingin berbagi ilmu yang sedikit ini buat sobat-sobat, Yah buat nambah pahala dikit lah.
Saya pengen nulis bagaimana bikin tabel di post menggunakan bahasa HTML.
Kadang kita kesulitan memasukkan tabel karena blogger tidak memfasilitasi itu.
Nah berikut ini kode HTMLnya bikin tabel :

<table>
<tr>
<td>
... teks ...

</Td>
</Tr>
</Table>


Untuk kode <table> </Table> merupakan tag buat bikin tabel.
<tr> </tr> untuk buat baris.
<td> </td> untuk buat kolom

Contoh diatas menunjukan 1 kolom 1 baris.

berikut contoh kode 2 kolom 2 baris

<table>
<tr>
<td> ... teks ... </td>
<td> ... teks ... </td>
</tr>
<tr>
<td> ... teks ... </td>
<td> ... teks ... </td>
</tr>
</table>


Sepertiya untuk sekarang cukup segini aja deh. Untuk masalah CSS nya nanti saya lanjutkan. Keburu waktunya kerja nih..

Arikel berkaitan
* Bahasa HTML
* Membuat link dipost

read more...

Menghilangkan tulisan" Showing posts with label.. Show all posts"

Jenuh banget hari ini!!. Jadi ingin nulis sesuatu di blog nih.. ya sudah saya ingin menulis bagai mana cara menghilangkan tulisan " Showing posts with label ..... Show all posts" yang biasanya keluar saat kita search Label di blog.
Kalau sobat semua berminat menghilangkannya, boleh kita lanjut:
1. Login to Blogger kemudian pilih "Layout"

2. Klik pada "Edit HTML" , check pada "Expand Widget Templates"

3. Cari kode dibawah ini (gunakan fasilitas search Crtl+f):


<b:include data='top' name='status-message'/>

4. Kalau Sudah ketemu, silahkan sobat hapus saja kode tersebut.

5. Pilih simpan template

Sangat mudahkan Sobat.

read more...

CARA PASANG MARQUEE ATAU TEKS BERJALAN

CARA PASANG MARQUEE ATAU TEKS BERJALAN



Sobat-Sobat pengen pasang teks yang bisa berjalan seperti teks yang diatas?
saya pengen shering ilmunya nih.."lagi pengen nyeramahin orang..hihi".
Apa sih Marquee.?? Marquee adalah suatu program HTML untuk membuat teks bisa bergerak atau berjalan.
Sedikit tentang marquee, Dalam Tag HTML Marquee ditulis seperti ini <MARQUEE> </MARQUEE>.

Dan atribut yang biasanya digunakan adalah :
BG --> Untuk mengatur warna background (latar belakang) teks

DIRECTION="left/right/up/down" = Mengatur arah gerakan teks
BEHAVIOR="scroll/slide/alternate" = Untuk mengatur perilaku gerakan
- Scroll teks bergerak berputar
- Slide teks bergerak sekali lalu berhenti
- Alternate teks bergerak dari kiri kekanan lalu balik lagi ( bolak-balik bo)

TITLE="pesan" = Pesan akan muncul saat mouse berada di atas teks
SCROLLMOUNT="angka" = mengatur kecepatan gerakan dalam pixel, semakin besar angka semajin cepat gerakannya.
SCROLLDELAY="angka"= Untuk mengatur waktu tunda gerakan dalam mili detik
LOOP="angka|-1|infinite" = Mengatur jumlah loop
WIDTH="lebar" = Mengatur lebar blok teks dalam pixel atau persen

Contoh lain Penggunaan dsri arah gerak :
KODE
<MARQUEE align="center" direction="right"
height="200" scrollamount="2" width="80%">

marquee dari kanan ke kiri

</MARQUEE>

HASIL


marquee dari kanan ke kiri


Anda bisa mengati arah gerakanya "right, left, up, down"


KODE
<MARQUEE align="center"
direction="left" height="200" scrollamount="3"
width="70%" behavior="alternate">

marquee menurut perilaku

</MARQUEE>
HASIL


marquee menurut perilaku



KODE
<div align="left">&ltFONT FACE="georgia" color="White"><B><MARQUEE BGCOLOR="RED" width="70%" scrollamount="3" behavior="alternate">

marquee warna variasi hurup

</MARQUEE>

HASIL

marquee warna variasi hurup


KODE
<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="50%" height="200" align="center">

Arahkan mouse kesini.

</MARQUEE>

HASIL
Marquee akan berhenti apabila mouse mengarah kepadanya


Arahkan mouse kesini



HUhhh. CUkup disini deh Sobat semua bisa mengutak-atik sendiri tag Marquee tersebut.

Artikel berkaitan
- Membuat link di Blog
- Bahasa HTML

read more...

MENAMPILKAN RECENT POSTING

Sobat semua ingin menampilkan Recent Posting (posting terbaru) menggunakan script boleh ikut saya "kemana nih". Maksudnya ikuti langkah saya berikut ini.
1. Login to Blogger kemuduan pilih "Layout"
2. Klik pada "Page Element" trus pilih "Add a Gadget --> HTML/Javascript".
3. Copy kode berikut ini dan taruh dalam kotak "content".

<script   src="http://www.geocities.com/uddin_81/recent-post.js"></script>
<script>var   numposts = 10; var showpostdate =   false; 
var showpostsummary = false; var numchars = 100;   </script>
<script src="http://YOURBLOGNAME.blogspot.com/feeds/posts/default?
orderby=published&amp;alt=json-in-script&amp;callback=rp"></script>

4. Untuk tulisan yang berwarna merah Ganti YOURBLOGNAME dengan nama blog sobat.
Angka "10" menunjukkan jumlah "Recent Post" yang ditampilkan, kamu bisa menggantinya sesuka hatimu.
5.pilih simpan.

Artikel terkait :
- Pasang Read More / Baca selengkapnya
- Membuat Link Di Post

read more...

The top 20 sites in Indonesia by alexa

The top 20 sites in Indonesia by alexa

1. Facebook
   facebook.com
   A social utility that connects people, to keep up with friends, upload photos, share links and videos.
   


2. Google.co.id
   google.co.id
   google.co.id
   


3. Yahoo!
   yahoo.com
   Personalized content and search options. Chatrooms, free e-mail, clubs, and pager.


4. Google
   google.com
   Enables users to search the Web, Usenet, and images. Features include PageRank, caching and translation of results, and an option to find similar pages. The company's focus is developing search technology.
   



5. blogger.com
   blogger.com
   Free, automated weblog publishing tool that sends
   


6. Friendster
   friendster.com
   Friendster is a leading global social network emphasizing genuine friendships and the discovery of new people through friends. Search for old friends and classmates, stay in better touch with friends, share photos and videos, and so much more.
   


7. YouTube
   youtube.com
   YouTube is a way to get your videos to the people who matter to you. Upload, tag and share your videos worldwide!
   


8. WordPress.com
   wordpress.com
   Free blogs managed by the developers of the WordPress software. Includes custom design templates, integrated statistics, automatic spam protection and other features.


9. Detik.com
   detik.com
   Portal berisi berita aktual, artikel, dan fasilitas online.


10. Kaskus - Komunitas Indonesia
    kaskus.us
    Forum komunitas online dengan anggota dari berbagai negara dan memiliki beragam topik diskusi dalam Bahasa Indonesia dan Inggris.
    


11. Wikipedia
    wikipedia.org
    An online collaborative encyclopedia.
    


12. Detiknews.com
    detiknews.com
    detiknews.com
    


13. KOMPAS.com
    kompas.com
    The largest MEGAPORTAL of Indonesia
    


14. 
    RapidShare
    rapidshare.com
    Users can upload up to 100 meg files for sharing. Provides downloads of 100 megs per hour on the free service. Premium service also available.


15. 4shared
    4shared.com
    A simple and easy-to-use service offering free online files storage and sharing accessible worldwide.
    


16. Multiply
    multiply.com
    Users can create, share and discuss blogs, photos, videos and music with others as well as post reviews of movies and books, or share a calendar of events.
    


17. Detik Sport
    detiksport.com
    Berisi tentang berita-berita olahraga yang aktual.
    


18. Microsoft Network (MSN)
    msn.com
    Dialup access and content provider.
    


19. Klik BCA
    klikbca.com
    Layanan internet banking dari Bank Central Asia. Terdapat informasi kurs valuta asing, dan akses ke rekening nasabah.
    


20. Windows Live
    live.com
    Search engine from Microsoft.
    


Terlihat facebook sekarang di Indonesia lebih populer dibandingkan dengan om google. itu menrut bang Alexa. Di indonesia situs pertemanan lebih diminati, dulu Friendster sekarang faceboo, besok apalagi ya.

read more...

Pasang Read More / baca selengkapnya.

Waduh kok posting saya ga enak dilihat ya, terlalu panjang. Mungkin kata-kata itu yang keluar dari mulut and ketika melihat posting yang anda tulis tampil di blog anda. Terus Bagaimana nih biar bisa erlihat lebih ringkas??? "biar saya kasih tau deh!!!!".
cara yang biasanya digunakan yaitu dengan menggunakan kode readmore atau baca selengkapnya. sebelumnya klik sini untuk liat contoh ReadMore.
Kalau sudah kita lanjut bagaimana cara pasangnya.

• Pertama-tama Login dulu ke Akun blogger anda. Kemudian pilih tab tataletak (layout). klik Edit HTML


• centang/tandai/aktifkan Expand Widget Templates. Agar anda bisa ngedit template keseluruhan.


• Copy kode berikut tepat diatas kode </head> atau sesudah kode ]]></b:skin>: (gunakan fasilitas search untuk menemukannnya)
  

  
  <style>
  <b:if cond='data:blog.pageType == "item"'>
  span.fullpost {display:inline;}
  <b:else/>
  span.fullpost {display:none;}
  </b:if>
  </style>
  

  
  


• cari kode berikut <p><data:post.body/></p> atau <data:post.body/>sama saja, kemudian copykan kode di dibawah in tepat dibawah kode tadi
  

  
  <b:if cond='data:blog.pageType != "item"'>
  <a expr:href='data:post.url'> Read More..</a>
  </b:if>
  

KLIK simpan template
"sudah setengah perjalanan nih. cangruk sek"
sekarang kita lanjut bagaimana cara agar teks yang kita tulis bisa terpotong.

• Pilih Tab Pengaturan (setting) kemudian klik Formating.
  
  Didalam formating tersebut masukan kode berikut di Post Template, klik save setting.
  

  
  <span class="fullpost">
  
  </span>
  

  
  


• Masuklah untuk membuat posting. Anda di haruskan membuat posting dalam mode HTML bukan compuse.
  


• contoh /cara penulisan :
  "disini adalah teks yang tampil di halaman utama"
  

  
  <span class="fullpost">
  

  
  "teks yang akan terpotong"
  

  
  </span>
  

  
  

selamat berjuang kawan kawan. keep blogging

read more...

Pasang Photo lewat www.photobucket.com

Temen-temen merasa kesulitan nih bagaiman cara meletakkan photo diblog sobat. Coba mendekat kesini,.. kita akan mencoba dengan cara yang cukup sederhana.
Buka situs www.photobucket.com., Kemudian pilih Klik Sign Up. Isi formulir yang tersedia hingga selesai.

Tampilan isian daftar
Setelah anda melakukan pengisian foprm seperti diatas maka www.photobucket.com akan mengirimkan kode notofikasi ke email anda.
Buka e-mail Anda untuk melihat kode aktifasi account baru di
www.photobucket.com. Klik LInk yang ada disana untuk mengaktifkan account anda. "Sobat Semua Sodah menempuh setengan perjalanan nih"
"dimohon untuk lebih mendekat.. :)"
login lah ke www.photobucket.com,
Anda telah masuk di halaman penempatan foto.
ikutin langkah selanjutnya ini :
• Klik Browse dan pilih foto yang hendak Anda pasang di blog.
• Klik tombol Submit di bagian bawah tombol Browse.
• Ulangi lagi jika ada beberapa foto yang hendak Anda pasang.
• Setelah foto terpasang, pilih yang hendak Anda pasang pada blog

kalau sudah tampil seperti gambar di atas. kita masuk ke tahap akhir.
• Sorot tag code di bagian kemudian copy.
• Paste tag ke dalam blog Anda, bisa di bagian posting atau di template. Sesuaikan
dengan keinginan Anda.

read more...

ALEXA Traffic Rank

Huaahh..Bangun tidur ku terus mandi tidak lupa menggosok gigi...."yah inikan lagu saya waktu masih cabang bayi".hehe.. Yang jelas sekarang ssya belum mandi apalagi kosok gigi "jadi malu hati ini :)". Pengennya bangun tidur gini bisa tersenyum lebar melihat dunia namun hati ini terlihat murung dibuatnya "pagi2 sudah puitis". Gimana tidak murung, pagi ini saya lihat rank Alexa saya tetap berkutat di 12jt. "hiks..hiks.. :'(" Padahal dulu Traffic rank Alexa saya nembus angka 4jt tapi setelah hampir 6 bulan lebih saya tidak update blog tiba-tiba rank Alexa saya terjun bebas "Sakit banget tuh jatuhnya" ke angka 20 jt.."kunang-kunang ni mata". Begitu juga dengan Page Rank Google saya yang tadinya 3PR jadi 2PR. "tambah kunang-kunang nih". Tapi tidak apa-apa lah, ini membuat saya lebih semangat untuk berjuang. "big smlie :D". Dipikir-pikir saya jadi pengen tau seberapa penting sih Traffic Rank Alexa. "mau cari-cari tentang Alexa dulu nih"...
i'm come back..setelah baca-baca di beberapa situs menjelaskan Alexa Traffic Rank tidak sepopuler punyanya Google. Namun ternyata Alexa Rank cukup penting bagi para Blogger yang ingin menjadikan blog-nya sebagai monetize blog karena kebanyakan menggunakan rank Alexa sebagai syarat atau patokan dalam menentukan “harga” sebuah website. Namun bagaimana Alexa Traffic Rank melakukan menilaian terhadap sebuah situs masih mencari misteri "kesannya serem banget". walupun begitu jadi tambah semangat nih buat trus ningkatin Rank Blog kesayangan ini..

read more...

Menghilangkan Navbar (2)

Perut laper banget..badan lemes..tapi tetap semangat buat nulis blog. "big smile... :D"
Sebelumnya saya sudah pernah nulis tutorial blog tenang cara bagaimana menghilangkan navbar kepunyaan blogger. Bagaimana lebih enaknya bagi anda yang belum tau itu apa itu navbar baca terlebih dahulu artikel saya tetang cara menghilangkan navbar. Bagi anda yang sudah tau boleh deh kita lanjut. Di tutorial berikut saya juga akan berbagi bagaimana cara menghilangkan navbar namun yang ini tidak menghilangkan secara permanen tapi cuma dihidden atau kalo anda menggunakan windows seperti auto-hide taksbar pada windows. "coba deh mouse anda arahkan kebagian atas blog ini maka navbar akan mucul ketika mouse berada diatasnya". Dengan cara seperti itu mengurangi sedikit resiko terhadap pelanggaran pengguna blog.
berikut ini cara untuk menghilangkan navbar seperti diatas :
copy kode HTML berikut ini

#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}
#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}
td.mbl_fo_hidden{display:none;}td.mbl_join_img{}td.mbl_join{}tr#tr0{display: none}th.mbl_h{display:none;}

Kemudian taruh kode tersebut dibawah kode <style type='text/css'>
atau diatas kode <body>.
Untuk mempermudah pencarian gunakan tool Find (control+f)

setelah selesai klik tombol save template. Lihat deh hasilnya di Blog anda, menu navbar sudah tidak menggau penampilan blog anda lagi.

read more...