http://warungiklan.blogspot.com

-->: Blogroll Alternatif

2011-06-11T05:11:00.001-07:00

Judul*: Blogroll Alternatif

Isi*: Judulnya lucu ya, kaya pengobatan saja pake kata altenatif segala, pengobatan alternatif kalee..

Baiklah para sobat semua, dalam kesempatan kali ini saya akan membicarakan tentang yang namanya Blogroll.

Apa itu Blogroll?

Blogroll atau di sebut juga Link Exchange atau kata orang bandung sih tukeran link antar blog atau website adalah menyimpan link address milik orang lain pada blog/website milik kita.

Apa manfaat dari blogroll?

Mungkin secara sekilas para sobat berpikir bahwa memasang link address milik orang lain pada blog/website milik kita akan merugikan, sebab dengan itu tentu saja kita memberikan jalan kepada para pengunjung untuk meninggalkan blog kita. Alasan itu mungkin ada benarnya, akan tetapi tidak seutuhnya benar. Dengan adanya blogroll banyak sekali manfaat yang kita dapatkan, antara lain yaitu mempererat tali silaturahmi atau tali persaudaraan diantara pemilik blog/website. selain itu semakin banyak blog kita di link oleh blog lain maka semakin baik pula posisi rangking blog kita pada Search Engine semacam Google, Yahoo, Msn serta teman-temannya. Tentu saja sama-sama kita ketahui bahwa setiap pemilik blog/website berkeinginan bahwa blog/website miliknya mempunyai rangking yang baik pada search engine. Makanya budayakan tukeran link jangan pelit, karena kalau kita pelit memberi link ya tentu saja tidak akan ada yang mau pasang link addres milik kita pada blog mereka.

Terus apa hubungannya dengan judul di atas?

Oh iya ke asyikan bercerita jadi lupa pada topik bahasan. OK kita kembali ke lap....top (yeee..ngekor ama tukul) eh topik bahasan. Bagi para sobat yang baru membuat blog dan baru memiliki blogroll hanya beberapa saja mungkin tulisan ini tidak terlalu bermanfaat, tapi mungkin barangkali nanti setelah link sobat jumlahnya sampai ratusan atau bahkan ribuan informasi ini bisa jadi bermanfaat. Memang seperti yang tadi saya katakan di awal bahwa bertukar link atau link Exchange sangat bermanfaat, tapi...ada tapinya nie sobat..kalo link sobat sudah mencapai ratusan atau bahkan ribuan tentu saja akan menemui masalah, yaitu tentu saja link ini akan memakan tempat yang banyak dan jadi tidak enak untuk di pandang mata para pengunjung. Nah jika sobat mempunyai masalah demikian, maka saya akan memberikan beberapa alternatif jalan keluarnya (tuh kan jadi nyambung, keluar juga kata alternatif nya). Yaitu antara lain :

# Blogroll dengan marquee

yang paling banyak di gunakan oleh para blogger untuk menghemat space pada blog adalah dengan menggunakan perintah marquee.

Contoh membuat blogroll dengan perintah marquee :

<a href="http://rubrik-elektronik.blogspot.com" target="_blank">Rubrik Elektronik</a>
<br/><br/>
<a href="http://user-online.blogspot.com" target="_blank">User Online</a>
<br/><br/>
<a href="http://rohman-freeblogtemplate.blogspot.com" target="_blank">free Blog Template</a>
<br/><br/>
<a href="http://kolom-authorized.blogspot.com" target="_blank">Authorize service</a>
<br/><br/>
<a href="http://contoh-blog.blogspot.com/" target="_blank">Blog D'Tree</a>
<br/><br/>

</marquee>

Maka nanti yang akan tampil pada blog kita adalah seperti ini :

User Online

free Blog Template

Authorize service

Blog D'Tree

Sedikit clue biar agak jelas. Kode diatas tidak baku harus di tuliskan persis seperti di atas, tapi bisa di sesuaikan dengan kondisi dan keinginan sobat. Kode yang bisa di rubah adalah :

scrollamount="2" --> angka "2" adalah menunjukan kecepatan gerakan, jika ingin lebih cepat silahkan ganti nilainya dengan yang lebih tinggi. Misal : scrollamount="3" ,scrollamount="4" , scrollamount="5"

direction="up" --> tulisan "up" menunjukan arah gerakan keatas, kalau ingin di rubah tinggal ganti kata "up" menjadi "down,left,right" . Misal : direction="down" , direction="left" , direction="right" .

width="50%" --> tulisan "50%" menunjukan lebar dari marquee sebesar "50%" dari tempat dimana perintah ini ditempatkan, jika ingin di rubah tinggal ganti dengan nilai yang di inginkan. contoh : width="30%" , width="70%" , width="100%"

height="200" --> tulisan "200" menunjukan tinggi dari marquee sebesar 200px, jika ingin di ganti tinggal di rubah nilai angkanya. Misal : height="100" , height="300" , height="400" , height="250" .

Ada variasi lain, yaitu dengan memakai tabel, contoh :

<tr>

</marquee>

</td>

</tr>

</table>

Maka hasilnya akan seperti di bawah ini :

User Online

free Blog Template

Authorize service

Blog D'Tree

# Blogroll dengan menu dropdown

Untuk membuat blogroll pada menu dropdown, silahkan lihat contoh di bawah :

<form>

<option> - Blogroll - </option>

<option value="http://rubrik-elektronik.blogspot.com">Rubrik elektronik</option>

<option value="http://user-online.blogspot.com">User Online</option>

<option value="http://rohman-freeblogtemplate.blogspot.com">free blog template</option>

<option value="http://kolom-authorized.blogspot.com">Authorize service</option>

</select>

</form>

Hasilnya akan seperti ini, silahkan klik pada menu dropdownnya :

Contoh variasi lainnya :

<h3> Blogroll </h3>

<option style="font-weight: normal; font-size: 11px; color: rgb(204, 204, 204); font-family: Verdana,Tahoma,Arial;" value="" selected="selected">--Teman-temanku--</option>

<option value="http://rubrik-elektronik.blogspot.com">rubrik Elektronik</option>

<option value="http://user-online.blogspot.com">User Online</option>

<option value="http://rohman-freeblogtemplate.blogspot.com">Free blog template</option>

<option value="http://kolom-authorized.blogspot.com">Authorized Service</option>

</select>

</form> </div>

Hasilnya akan seperti ini :

-->: Pasang Featured Content Di Blogger slideshow

2011-06-10T18:53:00.001-07:00

Judul*: Pasang Featured Content Di Blogger slideshow

Isi*: wordpresstheme Anda sudah pasti mengetahui Wordpress Theme karya Brian Gardner, sebuah karya yang begitu populer di kalangan pengguna wordpress karena menghadirkan Theme yang mengusung tema Magazine, namanya "Revolution Theme". Dan sekarang malah sudah di launching "Revolution Theme 2". Salah satu dari Revolution Theme tersebut ada yang di namakan "Revolution_music-10". Daya tarik dari "Revolution_music-10" adalah adanya feature gambar Slide show dengan penambahan variasi yang begitu cantik dan menarik.

Setengah hari Kang Rohman habiskan agar feature tersebut bisa di implementasikan pada template blogspot, dan akhirnya bisa juga. Penasaran seperti apa Feature tersebut? silahkan lihat demonya di http://user-online.blogspot.com, silahkan saksikan beberapa saat untuk melihat keindahan dari slideshownya, klik pada tulisan Featured Content atau tanda panah yang ada di sebelah pinggir agar bisa melihat variasi yang menarik.

Sudah di lihat demonya? tertarik untuk memasang pada template anda? tunggu saja pada posting berikutnya yang akan kang Rohman tulis!

Engga dhenk mo di tulis sekarang Big Grin. Jika anda tertarik membuat feature tersebut, silahkan ikuti langkah-langkah berikut ;

Buat gambar yang ingin di jadikan Slide Show dengan ukuran yang anda inginkan, misal ukuran 550px X 200px. Disarankan jangan terlalu banyak, maksimal 5 buah gambar agar tidak terlalu berat saat loading. Contoh :

icons

Upload gambar-gambar tersebut ke server yang biasa anda gunakan, kemudian catat alamatnya. Misalkan gambar yang sudah saya upload mempunyai alamat seperti ini :

http://lh4.ggpht.com/_pt7i0nbIOCY/SSoURAV9qpI/AAAAAAAAAcU/eTn9_n0fB24/icons_thumb%5B2%5D.png?imgmax=800

http://lh5.ggpht.com/_pt7i0nbIOCY/SSoUM_NXlkI/AAAAAAAAAcM/tnzzZwqr7M0/tools_thumb%5B3%5D.png?imgmax=800

http://lh5.ggpht.com/_pt7i0nbIOCY/SSoUU8cXExI/AAAAAAAAAcc/W37l9b00JNQ/blogger-templates_thumb%5B2%5D.png?imgmax=800

http://lh6.ggpht.com/_pt7i0nbIOCY/SSoUBuex4CI/AAAAAAAAAb8/hFNCBbvb_nk/wordpress-theme_thumb%5B2%5D.png?imgmax=800

http://lh6.ggpht.com/_pt7i0nbIOCY/SSoUIumVlwI/AAAAAAAAAcE/VXYo5sYbNH8/wallpapers_thumb%5B2%5D.png?imgmax=800

Tentukan link yang anda targetkan apabila gambar-gambar tersebut di klik oleh pengunjung, misal :

http://www.blogspottutorial.com/search/label/free%20icons

http://www.blogspottutorial.com/search/label/free%20template

http://www.blogspottutorial.com/search/label/free%20tool

http://www.blogspottutorial.com/search/label/blogspot%20tutorial

http://www.blogspottutorial.com/search/label/logo

Jika anda sudah mempunyai alamat gambar serta alamat link yang akan di pasang, maka ubahlah menjadi seperti ini (contoh saja) :

<div id="myGallery">
<div class="imageElement">
<h3>Wordpress Themes</h3>

<p>Get Wordpress Themes for free here!</p>
<a href="http://www.blogspottutorial.com/search/label/blogspot%20tutorial" class="open" title="Click here to read full story"></a>
<img src="http://lh6.ggpht.com/_pt7i0nbIOCY/SSoUBuex4CI/AAAAAAAAAb8/hFNCBbvb_nk/wordpress-theme_thumb%5B2%5D.png?imgmax=800" class="full"/>
<img src="http://lh6.ggpht.com/_pt7i0nbIOCY/SSoUBuex4CI/AAAAAAAAAb8/hFNCBbvb_nk/wordpress-theme_thumb%5B2%5D.png?imgmax=800" class="thumbnail"/>
</div>
<div class="imageElement">
<h3>Blogger Templates</h3>
<p>Get Blogger templates for free here!</p>

<a href="http://www.blogspottutorial.com/search/label/free%20template" class="open" title="Click here to read full story"></a>
<img src="http://lh5.ggpht.com/_pt7i0nbIOCY/SSoUU8cXExI/AAAAAAAAAcc/W37l9b00JNQ/blogger-templates_thumb%5B2%5D.png?imgmax=800" class="full"/>
<img src="http://lh5.ggpht.com/_pt7i0nbIOCY/SSoUU8cXExI/AAAAAAAAAcc/W37l9b00JNQ/blogger-templates_thumb%5B2%5D.png?imgmax=800" class="thumbnail"/>
</div>
<div class="imageElement">
<h3>Icons</h3>
<p>Get cute icons web and blog for free here!</p>
<a href="http://www.blogspottutorial.com/search/label/free%20icons" class="open" title="Click here to read full story"></a>

<img src="http://lh4.ggpht.com/_pt7i0nbIOCY/SSoURAV9qpI/AAAAAAAAAcU/eTn9_n0fB24/icons_thumb%5B2%5D.png?imgmax=800" class="full"/>
<img src="http://lh4.ggpht.com/_pt7i0nbIOCY/SSoURAV9qpI/AAAAAAAAAcU/eTn9_n0fB24/icons_thumb%5B2%5D.png?imgmax=800" class="thumbnail"/>
</div>
<div class="imageElement">
<h3>Wallpapers</h3>
<p>Get beautiful wallpapers for free here!</p>
<a href="http://www.blogspottutorial.com/search/label/logo" class="open" title="Click here to read full story"></a>
<img src="http://lh6.ggpht.com/_pt7i0nbIOCY/SSoUIumVlwI/AAAAAAAAAcE/VXYo5sYbNH8/wallpapers_thumb%5B2%5D.png?imgmax=800" class="full"/>

<img src="http://lh6.ggpht.com/_pt7i0nbIOCY/SSoUIumVlwI/AAAAAAAAAcE/VXYo5sYbNH8/wallpapers_thumb%5B2%5D.png?imgmax=800" class="thumbnail"/>
</div>
<div class="imageElement">
<h3>Tools</h3>
<p>Get Powerful tools for free here!</p>
<a href="http://www.blogspottutorial.com/search/label/free%20tool" class="open" title="Click here to read full story"></a>
<img src="http://lh5.ggpht.com/_pt7i0nbIOCY/SSoUM_NXlkI/AAAAAAAAAcM/tnzzZwqr7M0/tools_thumb%5B3%5D.png?imgmax=800" class="full"/>
<img src="http://lh5.ggpht.com/_pt7i0nbIOCY/SSoUM_NXlkI/AAAAAAAAAcM/tnzzZwqr7M0/tools_thumb%5B3%5D.png?imgmax=800" class="thumbnail"/>
</div>
<script type="text/javascript">
function startGallery() {
var myGallery = new gallery($('myGallery'), {
timed: true
});
}
window.addEvent('domready', startGallery);
</script>
</div>

Untuk selanjutnya, script di atas akan saya sebut sebagai file #1

Silahkan download dua skrip di bawah ini ( Klik kanan : Save target As… (IE), Save Link As..(FF))
jd.gallery.js mootools.v1.11.js
download download

Uploadlah dua JavaScript diatas ke server tempat anda menyimpan script, misal ke yahoo geocities atau yang lainnya. Silahkan catat URL kedua script tersebut. Contoh : script tersebut mempunyai alamat seperti ini (contoh saja) :

http://ServerAnda.com/jd.gallery.js

http://ServerAnda.com/mootools.v1.11.js

Ubahlah alamat tersebut menjadi seperti ini :

Untuk selanjutnya, script di atas akan saya sebut sebagai file #2

Sekarang anda akan memasuki langkah terakhir, silahkan ikuti langkah-langkah berikut :

1. login ke blogger dengan Id anda.
2. Klik Tata Letak
3. Klik tab Edit HTML
4. Klik Download Template Lengkap, silahkan di save dahulu untuk backup (penting).
5. Copy kode berikut, lalu paste persis di atas kode ]]></b:skin> :

#myGallery, #myGallerySet, #flickrGallery
{width: 550px;height: 200px;z-index: 5;}

#flickrGallery
{width: 500px;height: 334px;}

#myGallery img.thumbnail, #myGallerySet img.thumbnail
{display: none;}

.jdGallery
{overflow: hidden;position: relative;}

.jdGallery img
{border: 0;margin: 0;}

.jdGallery .slideElement
{width: 100%;height: 100%;background-color: #000;background-repeat: no-repeat;background-position: center center;background-image: url('http://lh4.ggpht.com/_pt7i0nbIOCY/SSoOO5Za74I/AAAAAAAAAbc/w1cX7FKk97Y/loading-bar-black_thumb%5B1%5D.gif?imgmax=800'); }

.jdGallery .loadingElement
{width: 100%;height: 100%;position: absolute;left: 0;top: 0;background-color: #000;background-repeat: no-repeat;background-position: center center;background-image: url('http://lh4.ggpht.com/_pt7i0nbIOCY/SSoOO5Za74I/AAAAAAAAAbc/w1cX7FKk97Y/loading-bar-black_thumb%5B1%5D.gif?imgmax=800');}

.jdGallery .slideInfoZone
{position: absolute;z-index: 10;width: 100%;margin: 0px;left: 0;bottom: 0;height: 50px;background: #000;color: #fff;text-indent: 0;overflow: hidden;}

* html .jdGallery .slideInfoZone
{bottom: -1px;}

.jdGallery .slideInfoZone h2
{padding: 7px 10px 2px 10px;font-size: 12px;margin: 0;font-weight: bold;color: #ffffff;text-transform: uppercase;background: #111111;letter-spacing:0em;}

.jdGallery .slideInfoZone p
{font-size: 12px;margin: 2px 5px;color: #fff;padding: 0px 0px 0px 5px;font-family:arial;}

.jdGallery div.carouselContainer
{position: absolute;height: 135px;width: 100%;z-index: 10;margin: 0px;left: 0;top: 0;}

.jdGallery a.carouselBtn
{position: absolute;bottom: 0;right: 30px;height: 20px;text-align: center;padding: 0 10px;font-size: 13px;background: #000;color: #fff;cursor: pointer;}

.jdGallery .carousel
{position: absolute;width: 100%;margin: 0px;left: 0;top: 0;height: 115px;background: #000;color: #fff;text-indent: 0;overflow: hidden;}

.jdExtCarousel
{overflow: hidden;position: relative;}

.jdGallery .carousel .carouselWrapper, .jdExtCarousel .carouselWrapper
{position: absolute;width: 100%;height: 78px;top: 10px;left: 0;overflow: hidden;}

.jdGallery .carousel .carouselInner, .jdExtCarousel .carouselInner
{position: relative;}

.jdGallery .carousel .carouselInner .thumbnail, .jdExtCarousel .carouselInner .thumbnail
{cursor: pointer;background: #000;background-position: center center;float: left;border: solid 1px #fff;}

.jdGallery .wall .thumbnail, .jdExtCarousel .wall .thumbnail
{margin-bottom: 10px;}

.jdGallery .carousel .label, .jdExtCarousel .label
{font-size: 13px;position: absolute;bottom: 5px;left: 10px;padding: 0;margin: 0;}

.jdGallery .carousel .wallButton, .jdExtCarousel .wallButton
{font-size: 10px;position: absolute;bottom: 5px;right: 10px;padding: 1px 2px;margin: 0;background: #222;border: 1px solid #888;cursor: pointer;}

.jdGallery .carousel .label .number, .jdExtCarousel .label .number
{color: #b5b5b5;}

.jdGallery a
{font-size: 100%;text-decoration: none;color: inherit;}

.jdGallery a.right, .jdGallery a.left
{position: absolute;height: 99%;width: 25%;cursor: pointer;z-index:10;filter:alpha(opacity=20);-moz-opacity:0.2;-khtml-opacity: 0.2;opacity: 0.2;}

* html .jdGallery a.right, * html .jdGallery a.left
{filter:alpha(opacity=50);}

.jdGallery a.right:hover, .jdGallery a.left:hover
{filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity: 0.8;opacity: 0.8;}

.jdGallery a.left
{left: 0;top: 0;background: url('http://lh6.ggpht.com/_pt7i0nbIOCY/SSoOSD0HNeI/AAAAAAAAAbk/yGPQEEfCcDA/fleche1-1_thumb%5B1%5D.png?imgmax=800') no-repeat center left;}

* html .jdGallery a.left { background: url('http://lh6.ggpht.com/_pt7i0nbIOCY/SSoOSD0HNeI/AAAAAAAAAbk/yGPQEEfCcDA/fleche1-1_thumb%5B1%5D.png?imgmax=800') no-repeat center left; }

.jdGallery a.right
{right: 0;top: 0;background: url('http://lh4.ggpht.com/_pt7i0nbIOCY/SSoOUynKksI/AAAAAAAAAbs/v7o0XgwYdTg/fleche2-1_thumb%5B1%5D.png?imgmax=800') no-repeat center right;}

* html .jdGallery a.right { background: url('http://lh4.ggpht.com/_pt7i0nbIOCY/SSoOUynKksI/AAAAAAAAAbs/v7o0XgwYdTg/fleche2-1_thumb%5B1%5D.png?imgmax=800') no-repeat center right; }

.jdGallery a.open
{left: 0;top: 0;width: 100%;height: 100%;}

.withArrows a.open
{position: absolute;top: 0;left: 25%;height: 99%;width: 50%;cursor: pointer;z-index: 10;background: none;-moz-opacity:0.8;-khtml-opacity: 0.8;opacity: 0.8;}

.withArrows a.open:hover { background: url('http://lh6.ggpht.com/_pt7i0nbIOCY/SSoOXmTl_xI/AAAAAAAAAb0/GLqpxNapKAg/open_thumb.gif?imgmax=800') no-repeat center center; }

* html .withArrows a.open:hover { background: url('http://lh6.ggpht.com/_pt7i0nbIOCY/SSoOXmTl_xI/AAAAAAAAAb0/GLqpxNapKAg/open_thumb.gif?imgmax=800') no-repeat center center;filter:alpha(opacity=80); }
/* Gallery Sets */

.jdGallery a.gallerySelectorBtn
{z-index: 15;position: absolute;top: 0;left: 30px;height: 20px;text-align: center;padding: 0 10px;font-size: 13px;background: #333;color: #fff;cursor: pointer;opacity: .4;-moz-opacity: .4;-khtml-opacity: 0.4;filter:alpha(opacity=40);}

.jdGallery .gallerySelector
{z-index: 20;width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: #000;}

.jdGallery .gallerySelector h2
{margin: 0;padding: 10px 20px 10px 20px;font-size: 20px;line-height: 30px;color: #fff;}

.jdGallery .gallerySelector .gallerySelectorWrapper
{overflow: hidden;}

.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton
{margin-left: 10px;margin-top: 10px;border: 1px solid #888;padding: 5px;height: 40px;color: #fff;cursor: pointer;float: left;}

.jdGallery .gallerySelector .gallerySelectorInner div.hover
{background: #333;}

.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton div.preview
{background: #000;background-position: center center;float: left;border: none;width: 40px;height: 40px;margin-right: 5px;}

.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton h3
{ margin: 0;padding: 0;font-size: 12px;font-weight: normal;}

.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton p.info
{ margin: 0;padding: 0;font-size: 12px;font-weight: normal;color: #aaa;}

Copy file #2 (lihat script tadi di atas), lalu paste persis di atas kode </head>
7.

Klik tombol SIMPAN TEMPLATE. Silahkan santai dulu sejenak.
8.

Klik tab Elemen Halaman.
9.

Klik Tambah Gadget.

tambahgadget
10.

Klik tanda plus (+) untuk HTML/JavaScript.

html
11.

Copy file #1 (lihat script di atas), kemudian paste pada kolom yang muncul.
12.

Klik tombol SIMPAN.
13.

Geserkan elemen yang baru di buat tadi di atas elemen posting.
14.

Klik tombol SIMPAN yang ada di bagian atas.
15.

Selesai. silahkan lihat hasilnya.

Sedikit tambahan, dalam kode CSS di atas (langkah 5) pada awal kode ada yang seperti ini ;

#myGallery, #myGallerySet, #flickrGallery
{width: 550px;height: 200px;z-index: 5;}

Anda dapat mengatur lebar serta tinggi widget yang anda bentuk dengan mengubah nilai width serta height nya.

Selamat menikmati suasana baru di blog anda!

-->: Bagaimana membedakan ukuran antara Main Post

2011-06-10T18:19:00.001-07:00

Judul*: Bagaimana membedakan ukuran antara Main Post

Isi*: Bagaimana membedakan ukuran antara Main Post Dan Mini Post pada template species baru

Kena dech akhirnya saya dapat PR jugaxx dari Bcom … tadinya sempat males ngerjain-nya..hihihihi. but karena sudah pesan via comment box beberapa kale, mau tidak mau harus membalasnya juga.

Inilah pere yang harus saya balas.

Bang jawaban tentang membuat width posting dihalaman depan dengan halaman sub berbeda tolong dijawab, ya.

Makasih

Kalau ngga salah tebak mungkin pertanyaaan dari bcom ini, tentang layout mangga-cigazine . view : demo.

Benarkah ? Kalau benar tebakan saya . maka saya perlu jelaskan di sini, bahwa layout itu sumber source codenya sebagian saya ambil dari template " Cellar Heat " – mas Agus MU. Jadi jika ingin template minima postinganya seperti yang di miliki " Cellar Heat " maka donlot dulu template " cellar heat " tersebut. di sini.

Dan seperti kata-kata bcon sendiri trik yang saya gunakan ini adalah pake ilmu CSS ( contek sana sini ) atau SEO ( Sistem Edit Obrak-abrik ).

Install source code Cella Heart Ke Minima Template

Setelah beres mendonlot, buat blog baru dan pilih template minima untuk kita jadikan kelinci percobaan-nya. kemudian buat postingan sebanyak 3 (tiga ) postingan.

Buka tab edit html ( biarkan saja kosong atau jangan di tandai kotak kecil di samping tulisan Expand Template Widget.)

ganti ukuran Outer-wrapper menjadi 730px.

#outer-wrapper {
width: 730px;
margin:0 auto;
padding:10px;
text-align:$startSide;
font: $bodyfont;
}

kemdian cari kode html ini.

Setelah itu ganti kode di atas dengan kode html dari template " Cellar Heat " yang di mulai dari .

dan berakhir sampai tag penutupnya

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

* red . atau berakhir di atas kode html : <div id='column02'>

Langkah selanjutnya menganti kode Css : #main-wrapper dari template minima yakni.

#main-wrapper {
width: 410px;
float: $startSide;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

dengan kode css untuk main-post dari " Cellar Heat " yaitu. di mulai dari.

/* first post home page */
#post-one {
padding:30px 0 30px 4px;
width:700px;
color:#c0c0b4;
font-size:11px;
line-height:16px;
}

dan berakhir di

/* search results */ .search-results {
color:#fff;
font-size:12px;
padding:12px 0;
}
.search-results .bigger {
color:#fff;
font-size:14px;
}

Kemudian silahkan Pratinjau/Preview. jika melihat sidebarnya melorot kebawah, jangan khawatir biarkan saja dulu.

Sekarang kita telah mempunyai template minima bergaya ala " Cellar Heat ".

* Trik yang sama saya pernah meng-install template karya kang " Hackshopere Ramani " . dengan cara seperti itu.

Membedakan Ukuran Antara Main-Post dan Mini-Post.

Sekarang bagaimana membedakan ukuran lebar posting dihalaman depan dengan halaman sub ? seperti kasus layout mangga-cigazine.

Beginilah trik Seo-nya ( Sistem Edit Obrak-abrik ).

Dalam template cella heart untuk main-postingan dan mini-post. ( atau istilah mas agus recent-post ) merupakan bagian dari syntak ini : column01.

maka trik yang saya gunakan menghapus ukuran pada selector .Columm 01. yakni width:720px;

.column01 {
width:720px; / ukuran lebar ini di hapus.
overflow:hidden;
float:left;
}

Kemudian skenario yang dua, saya menyembunyikan elemen sidebar pada halaman depan. Contohnya saya menambahkan widget " Text " . kemudian saya sembunyikan dengan cara menambahkan beberapa kode di antara widget- text seperti tulisan yang saya pertebal di bawah .

<b:widget id="Text1" locked="false" title="" type="Text">
<b:includable id="main">
<b:if cond='data:blog.pageType == "item"'>

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

red. ( untuk menampikan keseluruhan kode html elemen di atas mesti di tandai kotak kecil di samping Expand Template Widget )

tentang menyembunyikan widget atau elemen, lebih jelasnya bisa di baca di sini : bikin-blog-lebih-dinamis.

dan lakukan untuk elemen sidebar lainnya seperti itu.

Setelah itu , Selanjutnya saya merubah ukuran untuk main-post-nya ( agar sidebar nantinya tidak melorot ke bawah ) . dengan cara menganti ukuran width:700px; menjadi 490px; pada selector #post-one .

#post-one {
padding:30px 0 30px 4px;
width:700px; / ganti ukuran ini menjadi 490px;
color:#c0c0b4;
font-size:11px;
line-height:16px;
}

Penutup

Sebenarnya masih banyak pere yang mesti di kerjakan agar templatenya optimal dan sesuai dengan yang kita inginkan. dan saya percaya mas bcon ini tahu apa yang mesti di lakukan selanjutnya. lawong kerjaanya bikin template. xixiixixi…

Akan tetapi sebagai tanda terima kasih dan penghormatan atas kerja kerasnya Mas Agus Mu - dalam membuat template blogspot berbeda dari biasanya ( seperti template " cellar heat ini ) , ada baiknya kita harus menyertakan link pada blog beliau, semacam special thank gitulah.

yuu met berpusing ria mas.

-->: Bikin Blog Lebih Dinamis

2011-06-10T15:10:00.001-07:00

Judul*: Bikin Blog Lebih Dinamis

Isi*: kali ini saya akan menulis bagaimana blog kita biar lebih dinamis lagi, atau sedikit merasakan pengelola-an halaman blog gaya website berbasis content manajemen sistem (CMS).

terutama mengelola elemen yang ada di halaman depan blog berbeda penampilanya dengan halaman yang di buka.

Untuk lebih jelasnya silahkan saudara pilih salah satu judul tulisan yang ada pada blog ini.kemudian saudara perhatikan perubahan tampilan di bagian sidebarnya. Maka elemen profile, shoutbox dan recent komentar akan menghilang. Sedang elemen lain, yaitu elemen feed yang saya beri judul Template, tiba-tiba Tampak pada halaman yang di buka.

Coba kembali kebagian halaman utama tekan tab menu bertuliskan Home di bagian atas.
Berbeda bukan ? pada hal saya lakukan ini pada satu blog, dan tak perlu membuat blog baru lagi.

Gaya page dinamis ini sangat cocok sekali, bagi blog yang contentnya ingin menampilkan banyak link seputar ilmu pengetahuan, kumpulan tutorial dsb. juga sangat cocok bagi saudara yang ingin menampilkan diri anda dan kesukaannya.- artinya dari pada bernafsu memasang semua elemennya pada halaman muka, lebih baik jika di bagi pada halaman lainnya.- tinggal kita pandai-pandai memilah dan memilah, elemen mana yang cucok di tampilkan pada halaman depan, dan elemen mana yang pas buat tampil di halaman selanjutnya.
Cara Install.

untuk menginstall-nya ke dalam blog sangatlah mudah, kita hanya menambahkan dua baris kode pada setiap halaman elemen yang di tambahkan atau yang terpasang.

Pertama : Menampilkan elemen hanya ada pada halaman frontpage atau halaman depan.

Pilih salah satu elemen yang hanya tampil di halaman depan blog, misalkan saya memilih elemen text kemudian buka Template->Edit Html dan jangan lupa tandai kotak kecil di samping tulisan Expand Template Widget. kemudian cari tulisan atau kode elemen Text1. setelah ketemu tambahkan dan letakan dua baris kode pada posisi seperti tulisan yang saya beri warna.

<b:widget id="Text1" locked="false" title="" type="Text">
<b:includable id="main">
<b:if cond="data:blog.url == data:blog.homepageUrl">

<b:if cond="data:title != """>
</b:if></b:if></b:includable></b:widget><h2 class="title"><data:title></data:title></h2>

<b:include name="quickedit">

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

Kedua : Menampilkan elemen hanya ada pada halaman selanjutnya.

Setelah kita memilih elemen mana yang akan tampil pada halaman selanjutnya, lakukan seperti langkah pertama. kemudian tambahkan dan letakan dua baris kode pada posisi seperti di bawah ini.

<b:widget id="Text1" locked="false" title="" type="Text">
<b:includable id="main">
<b:if cond='data:blog.pageType == "item"'>

<b:if cond="data:title != """>
</b:if></b:if></b:includable></b:widget><h2 class="title"><data:title></data:title></h2>

<b:include name="quickedit">

</b:if>

</b:includable>
</b:widget>
Mencari kode elemen atau widget.

Perlu saudara ketahui setiap menambahkan sebuah elemen secara default blogger telah memberi nama sesuai dengan elemennya. misalkan elemen Html/javascript di namai Html, elemen Daftar Link di namai LinkList, elemen Teks di namai text, Label di namai label. dst.
Dan setiap menambahkan elemen yang sama misalkan elemen text, maka blogger menemainya dengan Text1, Text2, Text3 dst. Html/javascript jadi Html1, Html2,Html3 dst.

Atau agar mudah mencari elemen yang kita tambahkan, bagusnya saudara memberikan judul pada setiap elemen. misalkan untuk elemen daftar liks atau linklist dengan judul bloggrol dst.

Mudah bukan smile_sad

-->: Membuat Halaman Blog Dinamis, bag kedua

2011-06-10T15:04:00.001-07:00

Judul*: Membuat Halaman Blog Dinamis, bag kedua

Isi*: Ini kasus lama yang pernah saya posting pada tahun 2007 lalu. Dan akhir-akhir ini mulai di pergunakan lagi semenjak banyak template blogcepot nyadur dari theme wordpress, terutama untuk layout berinisial " M ".

Kalau dulu trik ini untuk menyembunyikan atau mengontrol gadget dari halaman depan dan halaman content page, maka perkembangan selanjutnya trik ini di gunakan untuk menyembunyikan atau mengontrol ukuran kolom dan sifatnya.

teorinya yang saya hapal dan pahami begini.

Pada dasarnya blogcepot itu terdiri dari beberapa halaman.

1. Halaman Depan Atau FrontPage

2. Halaman Index Label

3. Halaman Archives Page

4. Halaman Postingan atau Item Pages ( red. readmore mengunakan hal ini ).

contoh :

A . Kolom, ukuran kolom atau widget, di tampilkan pada halaman depan namun disembunyikan atau ( berubah ) pada halaman Item Pages – Postingan. scriptnya mengunakan ini.

<b:if cond="data:blog.url == data:blog.homepageUrl"> di tutup dengan </b:if>

B. kolom atau elemen yang tampil pada halaman depan dan indek label, namun tidak tampil atau ( berubah ) pada halaman Item Pages – Postingan.

<b:if cond='data:blog.pageType != "item"'> dan di tutup dengan </b:if>

C. Pada halaman depan, kolom atau elemen widget-nya tidak tampil namun akan tampil atau ( berubah ) pada halaman Item-Pages – Postingan.

<b:if cond='data:blog.pageType == "item"'> dan di tutup dengan </b:if>

Note :

Untuk kasus gadget atau widget dinamis pernah saya bahas pada bikin-blog-lebih-dinamis

Sekarang yang akan saya bicarakan adalah merubah ukuran kolom atau menyembunyikan kolom.

Ilustrasi halaman content.

gam-01

Ilustrasi halaman depan atau front page

gam-02

Yang perlu kita lakukan adalah menambah script untuk ukuran kolom yang akan di tampilkan pada halaman depan , dan menyembunyikan untuk kolom Sidebar 1.

caranya.

Setelah script ]]></b:skin>

Tambahkan di antaranya ( kira-kira ) , script seperti ini.

Yang artinya kira-kira begini.

Pertama : Hai kolom content ( main-wrapper ) saya tahu di Css –nya ( red. css atas ), ente sudah saya beri ukuran lebarnya 600 px, namun saya kepingin untuk halaman depanya ente tampil lebarnya 400 px.

Kedua : Hai Sidebar 1, ente cuman tampil pada halaman depan saja, untuk halaman content ente mesti sembunyi.. kacihan deh lu.

kalau kurang puas bisa baca juga artikel dari : ahn-bidikcom

-->: Membuat Header Penuh Dengan Body

2011-06-10T14:44:00.001-07:00

Judul*: Membuat Header Penuh Dengan Body

Isi*: template blogspot yaitu mengubah ukuran header yang biasanya penuh dengan outer wrapper kini saya coba akan buat tutorial sederhana biar header blog bisa penuh dengan body.

Nah coba lihat perbedaan header blog ini, atau bisa kamu lihat Capture dibawah ini..

Dari capture diatas terlihat Header Blog memanjang memenuhi area body blog dan Header tidak satu area dengan post body dan sidebar.

Gimana dari keterangan diatas apakah Anda ingin mengubah header blog Anda menjadi penuh dengan body?

Oke langsung saja ke tutorial cara membuat header blog penuh dengan body blog

Pertama yaitu pastikan sudah log in ke blogger blogspot. Lalu masuk menu Layout/tata letak kemudian pilih Edit HTML

Lalu cari code dibawah ini

<span id='skiplinks' style='display:none;'>
<a href='#main'>skip to main </a> |
<a href='#sidebar'>skip to sidebar</a>
</span>

Nah kalau sudah ketemu pindah code yang berwarna hijau dibawah code <body> dan diatas code yang berwarna merah. sehingga kurang lebih codenya menjadi seperti dibawah

<span id='skiplinks' style='display:none;'>
<a href='#main'>skip to main </a> |
<a href='#sidebar'>skip to sidebar</a>
</span>

Kalau langkah pertama sudah selesai sekarang atur juga CSSnya

Cari code CSS dibawah ini

#header-wrapper {
width:880px;
height:100px;
margin-bottom:2px;
padding-bottom:15px;
background:#FFFFFF;
border:1px solid #E0E0E0;

Nah ganti tulisan 880px yang berwarna merah diatas dengan 100%. Dan silahkan otak-atik CSS diatas sesuai bentuk yang Anda inginkan.

Nah selesai deh kemudian save.

HTML diatas berdasarkan template minima default blogspot. berhubung semua template tidak sama HTML-Nya silahkan kamu sesuaikan menurut template kamu sendiri. Silahkan berexperimen sendiri sobat semoga berhasil.

dan jika anda ingin tampilan header seperti blog yang ini (klik disini untuk melihat). Gunakan Css seperti dibawah ini

#header-wrapper {
width:100%;
height:120px;
margin:0 auto 0;
border-top:2px solid #000000;
background:url(http://i296.photobucket.com/albums/mm169/anasku/header-back.jpg) repeat-x;
}

Sekian dulu artikel mengenai desain template dan otak-atik blog, artikel lainya akan menyusul.. tunggu yah..

-->: Menambah Dua Kolom Diatas/bawah Post Body

2011-06-10T14:42:00.001-07:00

Judul*: Menambah Dua Kolom Diatas/bawah Post Body

Isi*: Mengotak-atik template blogspot adalah hal yang paling menyenangkan apalagi kalau kita berhasil mengotak-atik template blogspot sehingga menjadi bagus dan menarik, pasti lebih senang lagi. Nah kembali ke topik yaitu "Menambah dua kolom dibawah/diatas post body", pengertian post body sendiri yaitu area di blog Anda untuk postingan Anda.

Coba perhatikan gambar dibawah ini muncul dua kolom baru dibawah post blog.

Sehingga jika Anda menambahkan dua kolom dibawah postingan, Anda dapat menyimpan gadget/widget di atas/bawah postingan misalkan adsense, iklan, atau widget yang lainya (baca disni untuk gadget/widget blog).

Apakah Anda ingin menambahkan dua kolom diatas/bawah post body blog Anda?
coba ikuti langkah dibawah ini..

Pastikan Anda sudah Log In ke blogspot lalu pilih menu Layout kemudian masuk menu Edit HTML

Taruh Code CSS dibawah ini diatas Code ]]></b:skin>

/*Under Post
-----------------------------*/
#underpost h2{
font-size:13px;
font-weight:bold;
color:#B8002E;
border-bottom:2px solid #000000;
padding-left:5px;
}
#underpost{
width:530px;
}
#underleft{
width:257px; /*lebar kolom kiri*/
float:left;
margin:4px;
}
#underright{
width:250px; /*lebar kolom kanan*/
float:right;
margin:4px;
}

Perhatikan code yang berwarna merah diatas, samakan dengan lebar (width) post body atau main-wrapper di blog Anda. Untuk mengetahhui lebar post body cari code css dibawah ini

#main-wrapper {
width: 410px;

Nah ukuranya adalah yang tercetak tebal diatas.
Jangan lupa untuk membagi dua area kolom kiri dan kanan, perhatikan code yang berwarna biru diatas tadi, misalnya lebar post body atau main wrapper blog anda 410px maka bagi antara kolom kiri dan kanan. Jangan lupa atur margin dan padding untuk jarak tepi antara kolom kiri dan kanan (baca disni untuk tutorial padding dan marginya).

Setelah langkah pertama selesai mari ke langkah selanjutnya, masih di area Edit HTML, lalu cari code dibawah ini

Jika ingin menambahkan dua kolom dibawah post body maka tambah code yang berwarna merah tepat dibawah code yang berwarna biru dan masih didalam code yang berwarna hijau diatas.

Dan jika ingin menambah dua kolom diatasnya maka taruh code yang berwarna merah diatas code yang berwarna biru dan didalam code yang berwarna hijau

<b:section class='underright' id='underright'/>
</div>

Sehingga kurang lebih codenya menjadi seperti

Dua kolom dibawah post body

<b:section class='underright' id='underright'/>
</div>
</div>

Dua kolom diatas post body

<b:section class='underright' id='underright'/>
</div>

<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>
</b:section>
</div>

Nah jika semuanya sudah beres tinggal SAVE.

Coba lihat di area page element muncul dua kolom dibawah/diatas post body.

Code-codenya sesuiakan saja dengan template Anda, karena semua template codenya agak berbeda-beda.

Nah jika kolom kiri dan kanan tidak bisa sejajar maka atur lebar (width) kolom kiri dan kanan, juga atur padding dan marginya.

Sekian dulu jika ada pertanyaan silahkan isi dikomentar saja.
semoga bermanfaat bagi Anda semua.

-->: Pasang Counter Di Blog

2011-06-10T14:21:00.001-07:00

Judul*: Pasang Counter Di Blog

Isi*: Yap... Anas kembali lagi dehhh kali ini anas bahas tentang web counter. Pernahkah anda mengunjungi Website nah di disidebarnyaa ada seperti Nomor-nomor nah itu yang disebut Counter, jika anda belum mudeng juga anas akan kasih tau penjelsanya dan contohnya.
Apa itu Web Counter?
Web counter adalah Aplikasi tambahan pada web atau blog yang berguna untuk menghitung pengunjung yang mengunjungi blog kita. Contohnya seperti dibawah ini

Nah jika anda Udah tau pengertianya dan anda minat ni anas kasih tau cara buatnya

1. Buka website www.wowcounters.net

2. Kemudian Klik Link ** Click Here to Sign Up for your Free Counter ** yang ada di Website tersebut

3. Kemudian Isi Form sesuai data diri anda dan pilih sebuah Style kemudian Sign Up

4. Kemudian Copy Code HTMLnya Dan taruh di Blog kamu, dengan cara ke menu Layout --> Page elements kemudian Add a page elements terus pilih HTML/Java Script

Selesai Dehhhh Gampang kannnn jangan lupa isi komentar anda dibawah yaaa

Situs yang menyediakan Counter dan Statistik Blog:
http://www.easycounter.com/
http://sitemeter.com/
http://blogaja.com/
http://hitstats.com/
http://oggix.com/

-->: Membuat Berlangganan Lewat E-mail

2011-06-10T14:15:00.001-07:00

Judul*: Membuat Berlangganan Lewat E-mail

Isi*: Jika kalian sering melihat blog dengan tambahan widget E-mail Subscribe atau berlangganan lewat email itu adalah media untuk pengunjung blog untuk dapat membaca feeds blog anda melalui email dan jika anda mempunyai Atikel terbaru akan di kirimkan ke email pengunung blog anda yang telah mendaftar email subscribe anda.... Widget itu sering digunakan para blogger untuk mempercanggih blognya karena terkesan terlihat menarik dan terkesan pemilik blog mempunyai kemampuan database tinggi nahh itu pemikiran bagi yang belum tau cara buatnya..
Sebenarnya gampang kok buatnya melalui jasa feedburner nahh anas akan kasih tau cara buat email subscribe gini nih....

1. Masuk Situs feedburner.com jika anda belum punya account daftar dulu

2. Setelah daftar langkah kedua yang harus anda lakukan adalah Sign in

3. Setelah masuk kamu harus mengisi alamat feed blog kamu terlebih dahulu misalnya
http://judulblog.blogspot.com/feeds/posts/default
Ganti tulisan judulblog dengan alamat blog kamu

4. Check Box Im a Podcaster! kamu centang bila blog kamu isinya video

5. Kemudian tekan tombol Next

6. Setelah itu ada konfirmasi lainya dan isi Feeds Title juga Feed Address setelah itu tekan Activate Feeds

7. Setelah Konfirmasi Semua Selesai kita akan diarahkan ke Dashboard Feeds kita

8. Kemudian tekan menu Publicize lalu pilih Menu Email Subscribetions

9. Kemudian Pilih Menu Radio Button FeedBurner (Yep. We now do reliable email delivery.)

10. Dan kemudian tekan Activate

11. Kemudian di Subsciptions Form Code pilih bahas dan Taruh Code yang ada di bawahnya di blog kamu dengan cara ke menu Layout--->Page Elements lalu Add a Gadget dan pilih HTML/JavaScript kemudian paste code-nya

Selesai dehh dan lihat hasilnya..... Gimana gampang kan... kamu juga bisa mengotak atik codenya lo....

-->: Membuat Widget Melayang

2011-06-10T09:53:00.001-07:00

Judul*: Membuat Widget Melayang

Isi*: Weh Emangnya Layang-layang pa melayang segala, Wah si Anas ngawur neh..! :D Wah apa sih yang dimaksud widget melayang di area blog? Baca dibawah ini untuk penjelasanya

Oke saya jelasin dikit yah mengenai trik kali ini yaitu widget melayang.. Jika anda menyimpan widget dan jika Anda menggeser scroll bar browser Anda widget ini akan berada ditempatnya tidak mengikuti scroll bar.
Sebagai Contoh kamu lihat Status YM aku yang aku buat melayang

Nah dari keterangan diatas apakah Anda minat untuk membuatnya..?
Silahkan ikuti trik dibawah ini untuk membuatnya :)

Langkah pertama yang harus kamu lakukan adalah Log In ke Blogger lalu masuk menu Layout kemudian masuk Edit HTML

Lalu taruh Code dibawah ini diatas Code ]]></b:skin>

#melayang {
position:fixed;_position:absolute;bottom:0px; left:0px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }

Tulisan yang berwarna merah dan tebal diatas itu adalah posisi widgetnya
bottom adalah bawah jika ingin mnaruh diatas bisa kamu ganti dengan top, Left adalah kiri jika ingin mengganti di kanan bisa kamu ganting dengan right

Langkah selanjutnya taruh code dibawah ini yang merupakan widget sebelum Code </body>

Nah Code yang berwarna merah diatas itu adalah staus YM yang merupakan widgetnya bisa kamu ganti.. Silahkan Baca Artikel saya di category Widget atau kamu punya widget sendiri yang ingin kamu pasang..

Kemudian SAVE

Sekian semoga bermanfaat bagi pembaca blog ini

-->: Widget Daftar Isi / Sitemap

2011-06-10T09:50:00.000-07:00

Judul*: Widget Daftar Isi / Sitemap

Isi*: Sitemap atau yang sering disebut oleh orang awam sebagai daftar isi ini sangat berguna untuk blog kita, ketika pengunjung ingin menjelajahi blog kita maka inilah peran yang harus hadir untuk mempermudah penjelajah blog kita. Kali ini saudara blogger kita Om Abu-farhan punya solusinya yaitu "The Best Table of Contents (TOC) or Sitemap for Blogger".

Seperti terlihat di blog ini yang menggunakan TOC dari Om Abu-Farhan yang Saya masukkan kedalam fitur baru blogger yaitu "Pages Blogger". Nah pada kesempatan kali ini Saya kan mengulas bagimana caranya memasang TOC kedalam halaman pages kita.

1. Langkah pertama masuk blogger.com

2. Masuk postingan Om Abu-Farhan untuk mengcopy source code seperti dibawah ini

Copy code diatas dan ingat ganti www.abufarhan.co.cc dengan alamat blog Anda

3. Pada Dashboard draft.blogger.com masuk pada bagian "Posting" lalu "Edit Pages"

4. Lalu klik tombol "New Pages" lalu paste code tadi kedalam post editornya

5. Setelah di SAVE akhirnya jadi juga dan sisipkan link pagesnya tadi kedalam daftar menu di blog Anda untuk navigasinya

Nah ulasan singkat mengenai Sitemap blogger yang canggih oleh Om Abu-Farhan semoga bermanfaat bagi Anda

Ucapan terima kasih sebesar-besarnya kepada Om Abu-Farhan

-->: Membuat Label/Tag Clouds

2011-06-10T09:47:00.001-07:00

Judul*: Membuat Label/Tag Clouds

Isi*: Nahhh pada kali ini saya yang bernama Anas akan menulis artikel yang biasanya digunakan di wordpress dan technorati yaitu Tag Clouds.. jika anda belum mengerti tentang Tag Clouds saya akan menerangkan sedikit pengertianya..
Tags Clouds adalah sebuah Label yang hurufnya tidak rata maka dari itu dinamakn Tags Clouds yang artinya Tag adalah Label dan Clouds adalah awan jadi rengkumanya adalah Label yang seperti awan atau tidak rata.. Nah jika Tags yang hurufnya berbentuk rata biasanya itu adalah tags yang populer di blog anda jika kecil itu kurang populer... jadi pengertianya adalah semakin besar hurufnya maka menandakan kepopuleran dari Tags tersebut... makanya anda membuat tags dengan kata-kata yang sering digunakan dan tepat dengan isi tagsnya tul gakk

Nah jika Anda belum tau Tags Clouds Saya akan memberikan contohnya niii dibawahhh

komputer, Blogging, Bisnis Online
laptop, Widget Blog, Yahoo, Google,
blogeer, wordpress, SEO
trik-tips Blog
Pernak-pernik Blog,
other

Nah contoh diatas adalah tampilan Label yang telah dimodifikasi menjadi Tags Clouds... Semakin besar hurufnya maka semakin populer categorinya

Gimanna anda pengen buat gakk kalau pengen nihh dibawah aku ajari caranya..

1. Log in Ke Blogger Lalu masuk Menu Layout kemudian Edit HTML

2. Kemudian Taruh Code dibawah diatas Code ]]></b:skin>

/* Label Cloud Styles
----------------------------------------------- */
#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:"" !important}

3. Lalu juga taruh Code Dibawah tepat dibawah Code <head>

4. Lalu Scroll Kebawah coba cari Code seperti ini <b:widget id='Label1' locked='false' title='Labels' type='Label'/>

5. Lalu Ganti code diatas dengan Code dibawah 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>

// Don't change anything past this point -----------------
// Cloud function s() ripped from del.icio.us
function s(a,b,i,x){
if(a>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 = "<data:label.name/>";
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('labelCloud');
ul = document.createElement('ul');
ul.className = 'label-cloud';
for(var t in ts){
if(ts[t] < cloudMin){
continue;
}
for (var i=0;3 > 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('li');
li.style.fontSize = fs+'px';
li.style.lineHeight = '1';
a = document.createElement('a');
a.title = ts[t]+' Posts in '+t;
a.style.color = 'rgb('+c[0]+','+c[1]+','+c[2]+')';
a.href = '/search/label/'+encodeURIComponent(t);
if (lcShowCount){
span = document.createElement('span');
span.innerHTML = '('+ts[t]+') ';
span.className = 'label-count';
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(' ');
ul.appendChild(abnk);
}
lc2.appendChild(ul);
</script>

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

6. Selesai Deh kemudian Save

Jika kamu Faham tentang CSS kamu bisa mengotak-atik tampilanya sendiri...

Nahh gimana gampang thoo dengan Tags Clouds kan kita bisa mengetahui Tags mana yang paling populer iya kannn..... kalau begitu sekian dulu yahhh Anas udah gak tahan lagi nih mau belajar hal-hal yang belum aku mengertii.... Jangan lupa isi komentar yahhh.... biar aku bisa membenahi artikel ini jika ada kesalahan .... thanks

-->: Recent Post Dengan Thumbnail

2011-06-10T09:17:00.001-07:00

Judul*: Recent Post Dengan Thumbnail

Isi*: Posted By anasku Anasku On Dec 3, 2010 at 6:55 PM
Hai sobat, gimana kabarnya nih ?, semoga dalam keadaan sehat. Nah kali ini saya mencoba menulis lagi tentang widget pada blogspot, tak lain adalah widget recent post yang sebelumnya sudah pernah saya tulis di blog ini dengan berbagai versi.
Namun kali ini sedikit agak berbeda dengan bentuk widget ini dengan adanya tambahan gambar thumbnail yang ada di postingan, dengan tujuan agar pembaca blog kita tertarik dengan postingan yang kita suguhkan setelah melihat thumbnail gambar yang mungkin unik, lucu, mempesona dsb.

Widget ini cocok bagi Anda yang mempunyai blog bernuansa gallery, misalnya gallery template, foto, desain dan sebagainya.

Untuk membuatnya silahkan ikuti langkah-langkah dibawah ini .

Pada menu Dashboard klik menu "Design - > Page Elements"

Lalu pilih area pada layout anda dan klik "Add a Gadget" dan pilih "HTML / JavaScript"

Dan taruh script dibawah ini kedalamnya.

imgr = new Array();

imgr[0] = "http://i725.photobucket.com/albums/ww258/anasceria/Tutorial-jitu/no-image1.gif";

imgr[1] = "http://i725.photobucket.com/albums/ww258/anasceria/Tutorial-jitu/no-image2.gif";

imgr[2] = "http://i725.photobucket.com/albums/ww258/anasceria/Tutorial-jitu/no-image3.gif";

imgr[3] = "http://i725.photobucket.com/albums/ww258/anasceria/Tutorial-jitu/no-image4.gif";

imgr[4] = "http://i725.photobucket.com/albums/ww258/anasceria/Tutorial-jitu/no-image5.gif";
showRandomImg = true;

boxwidth = 230;

cellspacing = 8;

borderColor = "#ffffff";

bgTD = "transparent";

thumbwidth = 40;

thumbheight = 40;

fntsize = 12;

acolor = "#666";

aBold = true;

icon = " ";

text = "comments";

showPostDate = false;

summaryPost = 40;

summaryFontsize = 10;

summaryColor = "#666";

icon2 = " ";

numposts = 10;

home_page = "http://sangmerak.blogspot.com/";

</script>

Keterangan :

boxwidth = 230; untuk menentukan lebar dari widget yang harus Anda sesuaikan dengan lebar Layout Anda.
Ganti URL "http://sangmerak.blogspot.com/" dengan alamat blog Anda.
Dan untuk modifikasi yang lain silahkan ubah keterangan-keterangan yang ada diatas.

Nah kalau sudah tinggal SAVE.

Sekian sobat blogger, semoga tutorial ini dapat anda gunakan dan bermanfaat bagi Anda. Sampai jumpa lagi di lain kesempatan.

-->: Membuat Recent Post ( Postingan Terbaru)

2011-06-10T08:03:00.000-07:00

Judul*: Membuat Recent Post ( Postingan Terbaru)

Isi*: Posted By anasku Anasku On Jul 14, 2008 at 4:58 PM
Pada episode kali ini saya akan membahas tentang membuat widget si sidebar atau manalah tempatnya yang berisikan postingan-postingan terakhir kita. Dengan begitu pengunjung dapat mengetahui postingan kita yang terakhir... Iya sih di halaman depan kan postingan-postingan kita yang terakhir tapi kan jika anda menampilakan 5 postingan terakhir Anda dihalaman depan yang kelihatan cuma 5 postingan terakhir.... dan kalau kita mau menampilkan 10 postingan kita yang terakhir di halaman depan kan kepanjangan. Dan Postingan terakhir kita berupa link di sidebar
ini dibawah ulasanya...

1. Layout --> Page Elements

2. Pilih tempat yang kamu inginkan kemudian Add a Gadget

3. pilih HTML/JavaScipt dan taruh code dibawah didalamnya

Angka 10 yang tercetak tebal dan merah diatas adalah angka postingan yang mau kamu tampilkan

BLOGMU.blogspot.com adalah alamat blog kamu

silahkan menjoba moga-moga aja bermanfaat key

-->: sms lucu

2011-06-10T04:03:00.001-07:00

Judul*: sms lucu

Isi*: SMS Gaul #38
kata RCTI gw OK

trz kata SCTV gw NGETOP

klo kt TPI gw MAKIN ASYIK

kt ANTV gw WOWW KEREN

kt LAtivi gw PAS DIHATI

so....

capek deh jadi org cakep...
hehehehe

Pengirim : "addi3n jelek!"
Posted by melanie at 8:49 PM 48 comments
Labels: SMS Gaul, SMS Lucu
SMS Gaul #37
itu kan lg suwe ora jamu
baca lagi sana!

catu catu aq cynk km..

dua dua jg cinta km..

tiga tiga kangen sm km..

satu dua tiga...

boong semuanya :))

Pengirim : "n0va nduTz"
Posted by melanie at 8:47 PM 2 comments
Labels: SMS Gaul, SMS Lucu
SMS Gaul #36
aq kangen banget ma km...

tiap plg ke rmh ingat km...

tnpa km hdp aq berantakan...

pleasa, baliq ma aq...

aq mhon ma km..

krn aq bener2 butuh seorang...

PEMBANTU :)

Pengirim : "n0va nduTz"
Posted by melanie at 8:44 PM 1 comments
Labels: SMS Gaul, SMS Lucu
SMS Gaul #35
doa cepet kaya..
alhuma maling zana maling zina
wahda hape wahda tivi
wa alhamdulillah waliat kanan waliat kiri t'da safa safa
wasudahlah mbat aza, amien
hehehehehe

Pengirim : "n0va nduTz"
Posted by melanie at 8:41 PM 18 comments
Labels: SMS Gaul, SMS Lucu
SMS Gaul #34
ada badai menghadang...

gempa mengguncang...

halilintar menyambar...

tsunami menyerang...

sblm semuanya trlambat..

q mo bilang sesuatu ma kamu..

q mo bilang...

lari goblok...
malah baca sms :))

Pengirim : "n0va nduTz"
Posted by melanie at 8:39 PM 3 comments
Labels: SMS Gaul, SMS Lucu
SMS Gaul #33
yank...

yank..

yank...

yank aus..
yang aus.....aqua..
gope
aqua gope..
hehehehe

Pengirim : "n0va nduTz"
Posted by melanie at 7:44 PM 4 comments
Labels: SMS Gaul, SMS Lucu
Sunday, November 18, 2007
SMS Gaul #32
1
pesan
diterima

2
org muaniz yg kirim

3
org bego lg baca

4
org bego msh baca

5
org bego mulai marah

6
org bego mo kirim ke org bego yg lain

hahahahahaha
Posted by melanie at 10:22 PM 6 comments
Labels: SMS Gaul, SMS Lucu
SMS Gaul #31
ni nenek, yg br mati kmrn..

boleh minta tolong gak? plz ya nak..

kemarin tali pocong nenek lupa di lepazz, tlg bantu nglepasin ya nak..

ni q skrng di dpn jendela....

hiiiiiiiiiiiiiiiiiiiiii....
Posted by melanie at 10:22 PM 0 comments
Labels: SMS Gaul, SMS Lucu
SMS Gaul #30
Percayalah, TUHAN ciptakan aq jd shbtmu..

dipilihNya yng manis, dan aqlah diantaranya...

hey, jangan suka melawan TUHAN, terima aja, hehehehe
Posted by melanie at 10:21 PM 1 comments
Labels: SMS Gaul, SMS Lucu
SMS Gaul #29
2 ekor kucingku bernama PANTAT&MUKA

MUKA kuberi padamu & mati 1 tahun kemudian

Tiap lihat PANTAT aku ingat MUKA-mu

klo ga mati....

mgkn MUKA-mu udah segede PANTAT-ku...hehehehe
Posted by melanie at 10:20 PM 1 comments
Labels: SMS Gaul, SMS Lucu
SMS Gaul #28
kamu ituw...
a
b
c
d
a=asyik
b=baek
c=cute
d=de best
e
f
g
h
e=easy going
f=fun
g=gaul
h=humoris
i
j
k
l
i=i'm
j=just
k=kidding
l=loh!!

hehehehe
Posted by melanie at 10:19 PM 0 comments
Labels: SMS Gaul, SMS Lucu
SMS Gaul #27
eh, hape loe knapa sih??

ditelpon berkali2 juga...

tiap kali ditelpon operatornya sll bilang "the number u're calling is a MONKEY, pls call THE ZOO for more details"
Posted by melanie at 10:17 PM 0 comments
Labels: SMS Gaul, SMS Lucu
SMS Gaul #26
eh km ingat gak waktu qt kecil dl

qt sering naik taxi bareng

trus km sering keluarin kepala kamu ke jendela

terus q ngeluarin pantat q ke jendela, trus pa kata org??

mrk bilang qt kembar :) hahahahahaha
Posted by melanie at 10:16 PM 0 comments
Labels: SMS Gaul, SMS Lucu
SMS Gaul #25
sayang...aq kangen ma kamu...

ditelpon ga bisa..

sms ga bls..

hp ga aktif..

tp aq lega menemukanmu tersenyum di uang kertas Rp.500,-

kayaknya kamu sehat2 aja...hehehehe
Posted by melanie at 10:15 PM 1 comments
Labels: SMS Gaul, SMS Lucu
SMS Gaul #24
ada 3 jenis monyet di dunia
mau tau kan? tekan bawah

1. monyet penurut yg bc sms ini

2. monyet pendendam yg mo bls sms ini

3. monyet pelit&kikir yg ga mo bls sms ni

hehehehehe
Posted by melanie at 10:10 PM 1 comments
Labels: SMS Gaul, SMS Lucu
SMS Gaul #23
i'm happy, know why?

coz i'm lucky, know why?

coz god loves me, know why?

coz god sent good friends 2 me...

know who?

its YOU !!
Posted by melanie at 10:09 PM 0 comments
Labels: SMS Gaul, SMS Lucu
SMS Gaul #22
Q teringat memory masa lalu

km berada di sudut jln tersipu malu

wajah kamu berseri..

dg penuh segan kamu ulurkan tangan tanpa ragu seraya berkata:

nyuwun sedekah....!!

hehehe
Posted by melanie at 10:02 PM 0 comments
Labels: SMS Gaul, SMS Lucu
SMS Gaul #21
Breaking news!
Name list of Laden's family :
1. Osama
2. Obeda
3. Omirip
4. Olaen
5. Okaya
6. Okedeh
7. Oseram

From : Osaya, yg baca:Ogila
hihiihi..Olalala!
Posted by melanie at 10:01 PM 0 comments
Labels: SMS Gaul, SMS Lucu
SMS Gaul #20
saat ku lihat matamu, kau tersenyum

saat ku lihat senyummu, kau pun berpaling

inilah saat yang tepat untuk ku katakan

kamu kentut ya??

:P
Posted by melanie at 10:00 PM 1 comments
Labels: SMS Gaul, SMS Lucu
SMS Gaul #19
gw tau klo elo sangat menawan
menggemaskan...
lutcu
imoet
maniz
baek
penurut

tp yg jadi masalah

gw alergi binatang :P

kekekekekeke

-->: kata mutiara

2011-06-10T03:56:00.001-07:00

Judul*: kata mutiara

Isi*: Kata Mutiara #11
pada saat kamu dilahirkan, kamu menangis dan dunia tertawa. Isilah hidupmu dengan kebenaran, shngga pada saat kamu mati,kamu tertawa dan dunia mnangis
Posted by melanie at 8:39 PM 6 comments
Labels: Kata Mutiara, SMS Nasehat
Monday, September 17, 2007
Kata Mutiara #10
Dunia ini umpama lautan yg luas. Kita adalah kapal yg belayar dilautan telah ramai kapal karam di dalamnya. Andai muatan kita adalah iman, dan layarnya takwa, niscaya kita akan selamat dari tersesat di lautan hidup ini.
Posted by melanie at 8:53 PM 0 comments Links to this post
Labels: Kata Mutiara, SMS Nasehat
Kata Mutiara #9
Janganlah berputus asa. Tetapi kalau anda sampai berada dalam keadaan putus asa, berjuanglah terus meskipun dalam keadaan putus asa.
Posted by melanie at 8:51 PM 0 comments Links to this post
Labels: Kata Mutiara, SMS Nasehat
Kata Mutiara #8
Doa memberikan kekuatan pada orang yang lemah, membuat orang tidak percaya menjadi percaya dan memberikan keberanian pada orang yang ketakutan.
Posted by melanie at 8:49 PM 0 comments Links to this post
Labels: Kata Mutiara, SMS Nasehat
Kata Mutiara #7
Masa depan yang cerah berdasarkan pada masa lalu yang telah dilupakan. Kamu tidak dapat melangkah dengan baik dalam kehidupan kamu sampai kamu melupakan kegagalan kamu dan rasa sakit hati.
Posted by melanie at 8:48 PM 0 comments Links to this post
Labels: Kata Mutiara, SMS Nasehat
Kata Mutiara #6
Jadilah seperti yang kamu inginkan, kerna kamu hanya memiliki satu kehidupan dan satu kesempatan untuk melakukan hal-hal yang ingin kamu lakukan.
Posted by melanie at 8:47 PM 0 comments Links to this post
Labels: Kata Mutiara, SMS Nasehat
Kata Mutiara #5
Bermimpilah tentang apa yang ingin kamu impikan, pergilah ke tempat-tempat kamu ingin pergi.
Posted by melanie at 8:46 PM 0 comments Links to this post
Labels: Kata Mutiara, SMS Nasehat
Kata Mutiara #4
Jadikan dirimu bagai pohon yang rendang di mana insan dapat berteduh. Jangan seperti pohon kering tempat sang pungguk melepas rindu dan hanya layak dibuat kayu api.
Posted by melanie at 8:45 PM 0 comments Links to this post
Labels: Kata Mutiara, SMS Nasehat
Kata Mutiara #3
Dalam hidup,terkadang kita lebih banyak mendapatkan apa yang tidak kita inginkan. Dan ketika kita mendapatkan apa yang kita inginkan, akhirnya kita tahu bahawa yang kita inginkan terkadang tidak dapat membuat hidup kita menjadi lebih bahagia.
Posted by melanie at 8:45 PM 0 comments Links to this post
Labels: Kata Mutiara, SMS Nasehat
Kata Mutiara #2
Seseorang manusia harus cukup rendah hati untuk mengakui kesilapannya ,cukup bijak untuk mengambil manfaat daripada kegagalannya dan cukup berani untuk membetulkan kesilapannya
Posted by melanie at 8:42 PM 0 comments Links to this post
Labels: Kata Mutiara, SMS Nasehat
Friday, September 14, 2007
Kata Mutiara #1
Ketika satu pintu kebahagiaan tertutup, pintu yang lain dibukakan. Tetapi sering kali kita terpaku terlalu lama pada pintu yang tertutup sehingga tidak melihat pintu lain yang dibukakan bagi kita.

-->: downloa

2011-06-08T22:48:00.001-07:00

Judul*: downloa

Isi*: <form name="news">
<textarea name="news2" cols=50 rows=3 wrap=virtual></textarea>
</form>

var newsText = new Array();
newsText[0] = "Selamat Datang di Blog AMBURADUL ini";
newsText[1] = "Semoga Anda menemukan informasi yang dibutuhkan";
newsText[2] = "Jangan Lupa meninggalkan komentar dan Klik Iklan";
newsText[3] = "Terima kasih telah berkunjung";
newsText[4] = "Kunjungan Anda menyelamatkan Saya";
newsText[5] = "Kunjungan Anda menyelamatkan Saya";
var ttloop = 1; // Repeat forever? (1 = True; 0 = False)
var tspeed = 50; // Typing speed in milliseconds (larger number = slower)
var tdelay = 1000; // Time delay between newsTexts in milliseconds

// ------------- NO EDITING AFTER THIS LINE ------------- \\
var dwAText, cnews=0, eline=0, cchar=0, mxText;

function doNews() {
mxText = newsText.length - 1;
dwAText = newsText[cnews];
setTimeout("addChar()",1000)
}
function addNews() {
cnews += 1;
if (cnews <= mxText) {
dwAText = newsText[cnews];
if (dwAText.length != 0) {
document.news.news2.value = "";
eline = 0;
setTimeout("addChar()",tspeed)
}
}
}
//Visit http://www.masbugie.com
function addChar() {
if (eline!=1) {
if (cchar != dwAText.length) {
nmttxt = ""; for (var k=0; k<=cchar;k++) nmttxt += dwAText.charAt(k);
document.news.news2.value = nmttxt;
cchar += 1;
if (cchar != dwAText.length) document.news.news2.value += "_";
} else {
cchar = 0;
eline = 1;
}
if (mxText==cnews && eline!=0 && ttloop!=0) {
cnews = 0; setTimeout("addNews()",tdelay);
} else setTimeout("addChar()",tspeed);
} else {
setTimeout("addNews()",tdelay)
}
}

doNews()
</script>

-->: ii

2011-06-05T11:49:00.001-07:00

Judul*: ii

Isi*: iii

-->: Buat Kolom Dibawah Header Pada Magazine Template 2

2011-06-03T07:08:00.000-07:00

Judul*: Buat Kolom Dibawah Header Pada Magazine Template 2

Isi*: Jika sebelumnya kang Rohman telah membuat tutorial tentang cara membuat kolom di atas kolom posting pada template magazine 2, maka pada kesempatan kali ini mencoba alternatif lain yaitu membuat kolom dibawah kolom header. Ini tentunya berguna bagi anda yang suka menyimpan iklan langsung di bawah header.

Jika menilik pada desain asli magazine template 2, maka anda tentu saja tidak dapat menyimpan iklan atau apa saja langsung di bawah header. Berikut desain asli dari magazine template 2 :

kolom-bawah-header_03

Dan kita akan membuatkan kolom baru yang langsung berada di bawah kolom header, berikut contoh ilustrasi dari penempatan iklan langsung di bawah kolom header :

kolom-dibawah-header_03

Tertarik ingin membuat kolom langsung di bawah header? berikut adalah cara lengkapnya :

1. Silahkan login ke Blogger dengan ID anda.
2. Klik Tata Letak
3. Klik tab Edit HTML.
4. Klik tulisan Download Template Selengkapnya.
5. Silahkan save dulu template tersebut, ini di maksudkan untuk mengurangi resiko apabila terjadi kesalahan ketika melakukan editting pada template, kita masih punya back up data untuk mengembalikannya seperti semula.
6. Cari kode ]]></b:skin>.
7. Copy paste kode berikut persis di atas kode ]]></b:skin>.

.adscolumn{
width:933px;
padding:10px 3px;
background:#fff;
margin:5px 10px 0px 10px;
text-align:center;
border:1px solid #C0C0C0;
}

.adscolumn .widget{
}

Lihat ke bagian bawah, lalu cari kode berikut :

Copy paste kode berikut persis di atas kode <div id='main-wrapper'> :

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

10.

Klik tombol SIMPAN TEMPLATE.
11.

Selesai.

Langkah selanjutnya, silahkan klik tab Elemen Halaman, maka anda akan melihat tata letak template menjadi seperti contoh gambar berikut :

layout

Sekarang anda sudah bisa memasukan apa saja langsung di bawah kolom header. Selamat mencoba!

Jangan lupa juga untuk mengunjungi para sponsor Blog Kang rohman yang ada di bawah kolom header serta di bawah posting ini agar kang Rohman rajin membuat tutorial baru !

-->: Kategori Otomatis hanya Thumbnail

2011-06-03T05:10:00.001-07:00

Judul*: Kategori Otomatis hanya Thumbnail

Isi*: Dalam posting sebelumnya mengenai fitur Kategori Otomatis Dengan Thumbnail ada yang request, bagaimana jika yang tampil adalah hanya thumbnail saja dan berderet ke samping? ini bisa saja di lakukan, namun tentu dengan sedikit modifikasi.

Contoh screenshot dari kategori otomatis hanya menampilkan thumbnail:

kategori otomatis hanya thumbnail

Berikut adalah langkah-langkahnya :

Langkah pertama

1. Login ke blogger dengan ID anda.
2. Klik Rancangan.
rancangan
3. Klik tab Edit HTML.
4. Disarankan untuk membuat backup terlebih dahulu, klik pada tulisan Download Template Lengkap.
5. Carilah kode ]]></b:skin>, copy lalu paste kode berikut persis diatas kode ]]></b:skin>

/*** Labels Thumbs ***/
img.label_thumb{
float:left;
border:1px solid #ccc;
width:85px;
height:70px;
margin-right:10px;
margin-bottom:10px;
}

6. Carilah kode </head>, copy lalu paste kode berikut persis diatas kode </head>

7. Klik tombol SIMPAN TEMPLATE.
8. Langkah pertama selesai.

Langkah kedua

1. Klik tab Rancangan.
rancangan
2. Jika masih dalam posisi tab Elemen Laman, silahkan klik terlebih dahulu tab menu Elemen Laman.
elemen laman
3. Klik Tambah Gadget untuk menambahkan gadget baru.
tambah gadget
4. Setelah muncul jendela baru, klik tanda plus untuk HTML/JavaScript
html javascript
5. Copy script dibawah ini, lalu paste pada kolom yang tersedia. Beri juga judul yang sesuai dengan yang anda inginkan. Namun sebelumnya anda harus mengubah tulisan yang di beri warna merah dengan nama kategori yang di inginkan.

script label
6. Klik tombol SIMPAN
7. Langkah kedua Selesai.

Jika anda ingin menambahkan widget lain untuk nama kategori yang lain, anda hanya melakukan hal yang sama dengan urutan Langkah Kedua.

Untuk pengaturan custom seperti mengubah ukuran thumbnail, border dan lainnya, anda dapat mengubah pengaturan di bagian CSS, silahkan kreasikan sendiri :

/*** Labels Thumbs ***/
img.label_thumb{
float:left;
border:1px solid #ccc;
width:85px;
height:70px;
margin-right:10px;
margin-bottom:10px;
}

Untuk mengatur jumlah thumbnail yang ingin tampil anda tinggal mengubah angka 6 dengan nilai angka yang lain.

Manampilkan kategori hanya thumbnail, mungkin cocok untuk blog yang bersifat gallery template, gallery photo dan sejenisnya.

-->: fitur Kategori Otomatis Dengan Thumbnail

2011-06-02T16:19:00.001-07:00

Judul*: fitur Kategori Otomatis Dengan Thumbnail

Isi*: Fitur kategori otomatis dengan thumbnail sebenarnya merupakan pengembangan dari trik sebelumnya mengenai Menampilkan Kategori Berdasarkan Nama Label, fitur ini bisa menampillkan kategori berdasarkan nama kategori beserta gambar thumbnail dengan ringkasan artikel.

Contoh penerapan dari fitur kategori otomatis dengan thumbnail bisa anda lihat demonya pada Fresh Revolution Template:

Live Demo

featured kategori

Kategori atau label yang diinginkan akan tampil secara otomatis tanpa anda harus mengeditnya setiap saat.

Apa yang harus dipersiapkan? yang harus anda persiapkan hanyalah nama kategori yang ingin di tampilkan. Namun perlu diketahui bahwa nama label ini bersifat case-sensitive artinya nama yang di pasang hurufnya harus sama persis dengan label di blog anda, misal nama kategori Kesehatan berbeda dengan kesehatan oleh karenanya pastikan terlebih dahulu bahwa nama label sama persis hurufnya.

Cara yang mudah untuk melihat nama label secara tepat adalah coba tampilkan terlebih dahulu widget label di blog anda, kemudian sorot nama label yang diinginkan kemudian lihat pada statusbar browser internet anda.

label name

Terlihat bahwa label Featured, nama label sebenarnya adalah featured (huruf kecil semua), ini terjadi karena tampilan di blog di pengaruhi oleh setting CSS. Dalam hal ini, yang diperlukan adalah nama label asli.

Berikut adalah langkah-langkah untuk membuat fitur kategori otomatis dengan thumbnail.

Langkah pertama

/*** Featured Categories ***/
img.label_thumb{
float:left;
padding:5px;
border:1px solid #8f8f8f;
background:#D2D0D0;
margin-right:10px;
height:55px;
width:55px;
}
img.label_thumb:hover{
background:#f7f6f6;
}
.label_with_thumbs {
float: left;
width: 100%;
min-height: 70px;
margin: 0px 10px 2px 0px;
adding: 0;
}
ul.label_with_thumbs li {
padding:8px 0;
min-height:65px;
margin-bottom:10px;
}
.label_with_thumbs a {}
.label_with_thumbs strong {}

6. Carilah kode </head>, copy lalu paste kode berikut persis diatas kode </head>

7. Klik tombol SIMPAN TEMPLATE.
8. Langkah pertama selesai.

Langkah kedua

gadget corner
6. Klik tombol SIMPAN
7. Langkah kedua Selesai.

Jika anda ingin menambahkan widget lain untuk nama kategori yang lain, anda hanya melakukan hal yang sama dengan langkah-langkah diatas.

Apakah script diatas bisa di customisasi? bisa. Dalam kode diatas ada bebebrapa yang dapat anda atur misal jumlah karakter yang ingin di tampilkan, thumbnail, jumlah posting, tanggal posting, komentar, serta more link.

Dalam script tersebut ada tulisan severti ini :

var numposts = 3;
var showpostthumbnails = true;
var displaymore = false;
var showcommentnum = false;
var showcommentnum = false;
var showpostdate = false;
var showpostsummary = true;
var numchars = 80;

Kode berwarna merah adalah kode yang bisa anda edit, true berarti tampilkan, false berarti jangan di tampilkan, 80 adalah jumlah karakter, silahkan coba-coba ganti saja.

Cobain deh, pasti asik !!!

-->: menu dropdown java scrip

2011-06-02T15:52:00.001-07:00

Judul*: menu dropdown java scrip

Isi*: Melanjutkan Postingan kemarin lusa yaitu tentang membuat menu dropdown dengan JavaScript. Pada postingan yang lalu telah di bahas tentang membuat menu dropdown pada template baru, maka pada postingan kali ini akan di bahas mengenai cara pembuatan pada template klasik.

Agar tidak terlalu monoton, pada pembuatan dropdown kali ini akan saya beri sentuhan baru, yaitu pemakaian background yang berbeda. Jika pada postingan yang lalu saya memberikan contoh background banner seperti di bawah ini :

Maka kali ini saya akan memberi contoh banner seperti ini :

Dan contoh menu dropdown yang akan di bahas adalah seperti demo di bawah ini :

Agar tidak terlalu menyita space halaman karena penuh dengan kata-kata yang membingungkan, kita langsung saja pada topik pembahasan. Untuk membuat menu dropdown pada template klasik, silahkan ikuti langkah-langkah berikut ini :

# Langkah pertama adalah membuat tiga banner untuk background tulisan, banner ini bisa dibuat dengan program design & grafik semisal Adobe photoshop atau Corel Draw ataupun program-program lainya yang sejenis.

# Langkah kedua adalah mengupload banner-banner yang telah sobat buat, salah satu contoh adalah dengan menggunakan jasa situs www.photobucket.com. Untuk cara menguploadnya saya sudah terangkan, jika belum faham silahkan klik di sini. Saya ambil contoh, banner yang telah saya upload mempunyai URL address sebagai berikut :

http://i162.photobucket.com/albums/t253/rohman24/bannerjava6.gif

http://i162.photobucket.com/albums/t253/rohman24/bannerjava5.gif

http://i162.photobucket.com/albums/t253/rohman24/bannerjava4.gif

# Langkah ketiga adalah memasukan kode JavaScript serta stylesheet CSS pada kode template blog, silahkan ikuti langkah-langkahnya :

1. Sign in di blogger.com dengan id sobat

2. Klik menu Template

3. Klik menu Edit HTML

4. Copy seluruh kode template lalu paste pada program notepad, ini untuk berjaga-jaga apabila terjadi kesalahan dalam proses editting kode template

5. Tambahkan kode berikut di bawah kode <head> dan sebelum kode </head>, atau jika ingin lebih mudah simpan di bawah kode <title><$BlogPageTitle$></title> :

</script>

6. Masukan kode berikut diatas kode ]]></b:skin>

.raden{
background-image: url('http://i162.photobucket.com/albums/t253/rohman24/bannerjava6.gif');
text-align:center;
width:175px;
font-family: georgia, Helvetica, sans-serif;
padding-left:5px;
padding-right:5px;
padding-top:5px;
padding-bottom: 5px;
display:block;
text-decoration: none;
color: #F6E151;
}

.ogah{
background-image:url('http://i162.photobucket.com/albums/t253/rohman24/tombol_03.gif');
text-align:center;
width:175px;
font-family: georgia, Helvetica, sans-serif;
padding-left:5px;
padding-right:5px;
padding-top:8px;
padding-bottom: 5px;
display:block;
text-decoration: none;
color: ##FAF705;
height: 18px;
}

.ogahniye{
background-image: url('http://i162.photobucket.com/albums/t253/rohman24/bannerjava4.gif');
text-align:center;
width:175px;
font-family: georgia, Helvetica, sans-serif;
padding-left:5px;
padding-right:5px;
padding-top:8px;
padding-bottom: 5px;
display:block;
text-decoration: none;
color: #0572FA;
height: 18px;
}

.hide{
display: none;
}

.show{
display: block;
}

a{cursor: hand}

7. Masukan kode berikut di sidebar blog sobat, dimana saja sesuai dengan keinginan sobat :

<a class="raden"><font size="5"><b>Navigasi</b></font></a>

<a class="ogah" onclick="showHide('ogahku1')">Blog Tutorial</a>

<a href="http://kolom-tutorial.blogspot.com/2007/04/bikin-blog.html" class="ogahniye">Membuat blog</a>

<a href="http://kolom-tutorial.blogspot.com/2007/04/membuat-link-1.html" class="ogahniye">Membuat link</a>

<a href="http://kolom-tutorial.blogspot.com/2007/04/membuat-marquee.html" class="ogahniye">Membuar marquee</a>

</div>

<a class="ogah" onclick="showHide('ogahku2')">Aksesori blog</a>

<a href="http://kolom-tutorial.blogspot.com/2007/04/yahoo-messenger-emoticons.html" class="ogahniye">Yahoo ! Emoticons</a>

<a href="http://kolom-tutorial.blogspot.com/2007/04/blogger-emoticons.html" class="ogahniye">Blogger Emoticons</a>

<a href="http://kolom-tutorial.blogspot.com/2007/05/pasang-jam-blog-di-sidebar.html" class="ogahniye">Pasang jam</a>

<a href="http://kolom-tutorial.blogspot.com/2007/05/ada-video-di-artikel.html" class="ogahniye">Pasang Video</a>

</div>

<a class="ogah" onclick="showHide('ogahku3')">My Other Blog</a>

<a href="http://rubrik-elektronik.blogspot.com/" class="ogahniye">Rubrik Elektronik</a>

<a href="http://rohman-freeblogtemplate.blogspot.com/" class="ogahniye">Free Blog Template</a>

<a href="http://kolom-authorized.blogspot.com/" class="ogahniye">Authorize service</a>

</div>

<a class="ogah" onclick="showHide('ogahku4')">Links Temanku</a>

<a href="http://jaloee.blogspot.com/" target="_blank" class="ogahniye">Jaloee</a>

<a href="http://sundajava.blogspot.com/" target="_blank" class="ogahniye">Liezmaya</a>

<a href="http://anangku.blogspot.com/" target="_blank" class="ogahniye">Anang</a>

</div>

8. Klik tombol Preview untuk melihat perubahan yang baru di buat

9. Jika sudah OK, klik tombol Save Changes Template
10. Selesai.

Keterangan kode-kode diatas :

* kode di bawah ini adalah kode untuk mengaktifkan tombol yg di klik, jadi jangan di rubah! kecuali jika obat sudah familier dengan Javascript dan bisa membuat variasi baru dari kode ini :

</script>

* Kode-kode di bawah ini, nilainya harus di sesuaikan dengan kondisi blog sobat :
*

.raden
--> .raden hanya pendefinisian saja , bisa di ganti dengan apa saja yang penting harus sesuai dengan kode yang di definisikan dan jangan lupa untuk enyertakan dot ( . ) diepan kata yang di buat.

background-image: url('http://i162.photobucket.com/albums/t253/rohman24/bannerjava6.gif');
--> ini adalah gambar background untuk tulisan yang saya buat yaitu sebuah ombol.

text-align:center;
--> kode untuk membuat tulisan berada di tengah, bisa diganti dengan kata Left untuk sebelah kiri, dan right untuk sebelah kanan.

width:90%;
--> lebar dari tombol adalah sebesar 90% dari besarnya space sidebar dimana tombol ini di tempatkan, silahkan ganti nilainya dan sesuaikan dengan ukuran blog sobat.

font-family: georgia, Helvetica, sans-serif;
--> Font (jenis hurup) yang dipilih adalah jenis georgia, ini bisa diganti dengan jenis huruf lainnya semisal verdana dan lain-lain.

padding-left:5px;
--> batas (jarak) tulisan sebesar 5px dari tepi kiri tombol,nilai ini bisa di rubah sesuai keinginan sobat.

padding-right:5px;
--> batas (jarak) tulisan sebesar 5px dari tepi kanan tombol,nilai ini bisa di rubah sesuai keinginan sobat.

padding-top:5px;
--> batas (jarak) tulisan sebesar 5px dari tepi atas tombol,nilai ini bisa di rubah sesuai keinginan sobat.

padding-bottom: 5px;
--> batas (jarak) tulisan sebesar 5px dari tepi bawah tombol,nilai ini bisa di rubah sesuai keinginan sobat.

display:block;
--> block berarti ditampilkan,jadi jangan dirubah.

text-decoration: none;
--> Tidak ada tek dekorasi. Sebaiknya jangan di rubah.

color: #F6E151;
--> Pemilihan warna, bisa dirubah kode warnanya sesuai dengan keinginan sobat.

.ogah
--> .ogah hanya pendefinisian saja , bisa di ganti dengan apa saja yang penting harus sesuai dengan kode yang di definisikan dan jangan lupa untuk menyertakan dot ( . ) didepan kata yang di buat.

.ogahniye
--> .ogahniye lagi-lagi hanya pendefinisian saja , bisa di ganti dengan apa saja yang penting harus sesuai dengan kode yang di definisikan dan jangan lupa untuk menyertakan dot ( . ) didepan kata yang di buat.

.hide
display: none;
--> Pendifinisian untuk .hide disembunyikan (tidak tampil).

.show
display: block;
--> Pendifinisian untuk .show ditampilkan.

a{cursor: hand}
Agar gambar mouse berubah jadi gambar tangan ketika berada di atas tombol.

* Kode yang saya berikan diatas memuat links yang saya miliki, jadi links tersebuat harus di rubah dengan links milik sobat.

-->: menu horisontal profesianaol

2011-06-02T15:29:00.001-07:00

Judul*: menu horisontal profesianaol

Isi*: Selasa, Desember 15, 2009
UvumiTools Drop down Menu

Menepati janji yang kemarin bahwa akan mencoba untuk eksis kembali dalam menulis artikel yang berhubungan dengan blog tutorial. Posting kali ini kang Rohman akan mencoba membahas tentang Navigasi yang bernama UvumiTools Drop Down Menu.

uvumitools-drop-down-menu

Keunggulan dari UvumiTools Drop Down Menu terletak pada gerakan drop down menu yang begitu halus nan eksotis ketika membuka serta menutup menu karena menggunakan Mootools Javascript FrameWork sehingga akan membuat blog anda tampil lebih Profesional di banding sebelumnya.Original tutorial dari UvumiTools Drop Down Menu bisa anda baca pada halaman ini, dan tutorial yang ada pada halaman ini sedikit berbeda pada tampilan menu yang telah kang rohman poles agar tampil lebih menarik.

demo

Perlu di ingatkan bahwa desain dari satu template dengan template yang lain adalah berbeda, oleh karena itu anda dituntut untuk menyesuaian dengan template yang anda gunakan saat ini dengan cara sedikit memodifikasi pada file CSS yang di berikan.

Persiapan dalam membuat UvumiTools Drop Down Menu :

* Keyword

Keyword yang di maksud disini adalah tulisan yang ingin terlihat dalam menu navigasi. Sebagai contoh, kang Rohman ingin menggunakan keyword Home, Free Template, Blog Tutorial, Business Guide, dan lain-lain.

* Link

Link yang di maksud disini adalah alamat URL yang diinginkan dibuka saat pengunjung meng-klik tombol navigasi yang ada. Alamat URL bisa menuju blog yang lain. Contoh :

http://template-tutorial.com

http://www.blogspottutorial.com

http://www.life4business.com

Alamat URL bisa juga membuka halaman yang ada dalam blog anda sendiri, misalkan halaman postingan ataupun halaman kategori, Yang masih bingung tentang cara mengetahui alamat dari URL dalam blg anda sendiri, silahkan baca artikel tentang Tutorial Membuat Horizontal Navigasi, contoh :

http://kolom-tutorial.blogspot.com/2009/03/magazine-template-r1.html

http://kolom-tutorial.blogspot.com/2008/03/free-template-magazine-template-1.html

http://kolom-tutorial.blogspot.com/2009/03/magazine-template-r1.html

Perlu di ingat kembali bahwa desain template antara yang satu dengan yang lain sangatlah berbeda, sehingga sangat besar kemungkinan apa yang kang Rohman terangkan berbeda dengan template yang anda gunakan. Untuk itu kang Rohman menyarankan agar anda membuat satu blog percobaan, agar jika terjadi kesalahan tidak merusak blog utama anda, silahkan pilih template white minima yang biasa.

Mari kita mulai percobaannya ;

1. Silahkan login ke blogger dengan ID anda
2. Klik Tata Letak.
3.

Klik tab Edit HTML.

tata letak
4.

Cari Kode kode ]]></b:skin>
5.

Copy paste kode berikut persis di atas kode ]]></b:skin>

.NavbarMenu {
background:#191B1D url(http://bp1.blogger.com/_pt7i0nbIOCY/R-ZM3Y0g2gI/AAAAAAAAABY/wqPGB3cXR5Q/s400/button1.gif) repeat-x top left;
width: 100%;
height: 37px;
color: #FFFFFF;
margin: 0 auto;
padding: 0;
font: bold 8px Arial, Tahoma, Verdana;
clear:both;
border-left:1px solid #333;
border-right:1px solid #333
}
.NavbarMenuleft {
width: 75%;
float:left;
margin:0;
padding:0;
}
.nav {
margin:0;
padding:0;
}
.nav ul {
float: left;
list-style:none;
margin:0;
padding:0;
}
.nav li {
list-style:none;
margin:0;
padding:0;
}
.nav li a, .nav li a:link, .nav li a:visited {
color:#fff;
display:block;
text-transform:capitalize;
margin:0;
padding:11px 10px 8px;
font:normal 12px Georgia, Times New Roman;
text-decoration: none;
}
.nav li a:hover, .nav li a:active {
background:#102427 url(http://lh5.ggpht.com/_pt7i0nbIOCY/SyYZwDCCgGI/AAAAAAAACc0/TPCaXfkieYA/button2_thumb%5B3%5D.gif) repeat-x top left;
;
color:#FFF;
margin: 0;
text-decoration: none;
}
.nav li li a, .nav li li a:link, .nav li li a:visited {
background:#2C5F24 url(http://bp1.blogger.com/_pt7i0nbIOCY/R-ZM3Y0g2gI/AAAAAAAAABY/wqPGB3cXR5Q/s400/button1.gif) repeat-x top left;
width:200px;
color:#fff;
text-transform:capitalize;
float:none;
margin:0;
padding:7px 10px;
border-bottom:1px solid #0d2601;
border-left:1px solid #0d2601;
border-right:1px solid #0d2601;
font: normal 14px Georgia, Times New Roman;
}
.nav li li a:hover, .nav li li a:active {
background:#102427 url(http://lh5.ggpht.com/_pt7i0nbIOCY/SyYZwDCCgGI/AAAAAAAACc0/TPCaXfkieYA/button2_thumb%5B3%5D.gif) repeat-x top left;
color:#fff;
}
.nav li {
float:left;
padding:0;
}
.nav li a.enclose, .nav li a.enclose:visited {
border-top:1px solid #000;
}
.nav li ul {
z-index: 9999;
position:absolute;
left:-999em;
height:auto;
width:170px;
margin:0;
padding:0;
}
.nav li ul a {
width: 140px;
}
.nav li ul ul {
margin: -1px 0 0 220px;
}
.nav li:hover ul ul, .nav li:hover ul ul ul, .nav li.sfhover ul ul, .nav li.sfhover ul ul ul {
left:-999em;
}
.nav li:hover ul, .nav li li:hover ul, .nav li li li:hover ul, .nav li.sfhover ul, .nav li li.sfhover ul, .nav li li li.sfhover ul {
left:auto;
}
.nav li:hover, .nav li.sfhover {
position:static;
}
#search {
width: 25%;
font-size: 11px;
float: right;
margin: 0;
padding:0;
}
#searchform {
margin:0;
padding:0;
overflow:hidden;
display:inline;
}
#searchbox {
background:#ddd;
padding:0;
margin:0;
}
#search input {
background:transparent;
color:#fff;
float:left;
font-size:12px;
margin: 7px 0 0 10px;
width: 110px;
padding:3px 7px;
border: 1px solid #fff;
font: normal 10px arial, verdana, Times New Roman;
}
#search .btn {
margin:7px 0 0;
padding:0;
width:auto;
border:0;
}

6. Copy paste kode berikut persis di atas kode </head>

7. Sedikit ke bagian bawah, lalu cari kode seperti berikut ini :

8. Copy paste code berikut persis di bawah kode yang tadi :

<div class='NavbarMenu'>
<div class='NavbarMenuleft'>
<ul id='dropdown-menu' class='nav'>
<li><a href='http://kolom-tutorial.blogspot.com/' rel='nofollow'>Home</a></li>
<li><a href='http://kolom-tutorial.blogspot.com/search/label/download%20gratis' rel='nofollow'>Free Template</a>
<ul>
<li><a href='#' rel='nofollow'>Magazine Template Series  »</a>
<ul><li><a href='http://kolom-tutorial.blogspot.com/2009/03/magazine-template-r1.html'>Magazine Template R.1</a></li>
<li><a href='http://kolom-tutorial.blogspot.com/2008/03/free-template-magazine-template-1.html' rel='nofollow'>Magazine Template 1</a></li>
<li><a href='http://kolom-tutorial.blogspot.com/2008/09/free-template-magazine-template-2.html' rel='nofollow'>Magazine Template 2</a></li>
<li><a href='http://kolom-tutorial.blogspot.com/2009/03/free-template-magazine-template-3-hijau.html' rel='nofollow'>Magazine Template 3</a></li>
<li><a href='http://kolom-tutorial.blogspot.com/2009/03/free-template-magazine-template-3-biru.html' rel='nofollow'>Magazine Template 3.2</a></li>
</ul></li>
<li><a href='#' rel='nofollow'>Magazine Template R Series  »</a>
<ul><li><a href='http://kolom-tutorial.blogspot.com/2009/03/magazine-template-r1.html'>Magazine Template R.1</a></li>
<li><a href='http://kolom-tutorial.blogspot.com/2009/03/magazine-template-r12.html'>Magazine Template R.1.2</a></li>
<li><a href='http://kolom-tutorial.blogspot.com/2009/04/magazine-template-r13.html'>Magazine Template R.1.3</a></li>
<li><a href='http://kolom-tutorial.blogspot.com/2009/04/free-magazine-template-r14.html'>Magazine Template R.1.4</a></li>
<li><a href='http://kolom-tutorial.blogspot.com/2009/07/free-magazine-template-r15.html'>Magazine Template R.1.5</a></li>
</ul></li>
<li><a href='#' rel='nofollow'>Templates Gallery</a></li>
</ul>
</li>
<li><a href='http://www.blogspottutorial.com/' rel='nofollow'>Blog Tutorial</a></li>
<li><a href='http://www.life4business.com/' rel='nofollow'>Business Guide</a></li>
</ul></div>
<div id='search'>
<form action='/search/' id='searchform' method='get' style='display:inline;'>
<input id='searchbox' maxlength='160' name='q' onblur='if (this.value == "") {this.value = "Search...";}' onfocus='if (this.value == "Search...") {this.value = ""}' type='text' value='Search...'/>
<input class='btn' name='' src='http://lh4.ggpht.com/_pt7i0nbIOCY/ScdxoASk9rI/AAAAAAAABoM/3qt9F1KUH_s/views-24_thumb%5B1%5D.png?imgmax=800' type='image' value='Go'/>
</form>
</div></div>

9. Klik tombol SIMPAN TEMPLATE.
10. Selesai.

Untuk tahap awal mungkin ini sudah selesai, pekerjaan anda selanjutnya adalah mengganti link-link yang kang Rohman cetak merah dengan link atau alamat URL milik anda sendiri, serta keyword yang diberi warna hijau perlu juga diganti sesuai dengan keinginan anda.

Tentunya kang Rohman yakin anda harus melakukan sedikit editing di bagian kode CSS agar sesuai dengan karakteristik template anda.

Yang memerlukan file mentah dari file CSS serta JavaScript UvumiTools Drop Down menu, silahkan download disini!

Selamat mencoba!

-->: css menu horisontal

2011-06-02T15:18:00.001-07:00

Judul*: css menu horisontal

Isi*: Navigasi Dengan Css (2)
Lagi-lagi menanggapi keinginan mba Ati dalam hal membuat menu navigasi yang berbentuk horizontal seperti yang terdapat pada header blog ini, kali ini saya akan mencoba menjawabnya dan mudah-mudahan postingan kali ini dapat memenuhi rasa ketidakpuasan terhadap jawaban saya pada postingan yang lalu. Menu navigasi yang akan saya buat adalah dengan menggunakan css agar hasil yang di dapat bersifat flexible dan tidak kaku.

Untuk membuat menu navigasi dengan css, tentunya akan berbeda hasilnya tatkala menggunakan template yang berbeda, akan tetapi agar saya bisa memberi sedikit gambaran maka template yang saya jadikan contoh adalah template minima yang di desain oleh Douglas Bowman (template asli blogger), klik tombol dibawah untuk melihat demo :

Bagaimana menarik bukan? jika tertarik silahkan sobat lanjut bacanya. Sekarang silahkan sobat baca dulu seluruh artikel ini sampai tuntas, karena ada kode-kode tertentu yang harus di sesuaikan, dan nanti pada akhir artikel saya akan menerangkan tentang kode-kode yang harus di rubah.

Untuk membuat menu tersebut silahkan sobat ikuti langkah-langkah berikut ini.

Untuk template minima klasik :

1. Sig in di blogger

2. Klik menu Template

3. Klik menu Edit HTML

4. Copy seluruh kode template yang ada lalu paste pada notepad kemudian save. ini untuk backup data bila terjadi kesalahan editting

5. Copy kode berikut lalu paste pada style sheet css sobat, atau bila bingung simpan saja di atas kode </style>

/* Navigasi buat si juleha
----------------------------------------------- */
#juleha{
height:25px;
text-align: center;
}

#juleha a{
margin:0;
font-size:1.2em;
font-weight:bold;
letter-spacing:-1px;
background-color: #cccccc;
color: #000000;
padding-top:2px;
padding-bottom:2px;
padding-left:4px;
padding-right:4px;
}

#juleha a:hover{
text-decoration:none;
padding:34px 5px 41px 5px;
background-color: #0326FC;
background-repeat: repeat-x;
color:#A7FC03;
padding-top:2px;
padding-bottom:2px;
padding-left:4px;
padding-right:4px;
}

6. Copy kode berikut lalu paste pada kode template seperti di bawah ini, yang berwarna hitam adalah kode aslidan warna merah adalah kode yang harus di tambahkan :

<id="description"><$BlogDescription$>
<div id="juleha">
<a href="#" target="_blank">Link 1</a>
<a href="#" target="_blank">Link 2</a>
<a href="#" target="_blank">Link 3</a>
<a href="#" target="_blank">Link 4</a>
<a href="#" target="_blank">Link 5</a>
</div>

</div>

7. Klik tombol Pratinjau untuk melihat hasil perubahan

8. Jika sudah OK, klik tombol Simpan Perubahan Template

9. Selesai.

Untuk template minima baru :

1. Sign in

2. Klik menu Layout

3. Klik menu Edit HTML

4. Klik tulisan Download Template Lengkap, silahkan save dulu template sobat untuk backup data

5. Klik kotak kecil di samping tulisan Expand Template Widget

6. Tunggu beberapa saat sampai proses selesai

7. Copy kode berikut lalu paste pada style sheet css sobat, atau bila bingung simpan saja di atas kode ]]></b:skin>

/* Navigasi buat si juleha
----------------------------------------------- */
#juleha{
height:25px;
text-align: center;
}

#juleha a{
margin:0;
font-size:1.2em;
font-weight:bold;
letter-spacing:-1px;
background-color: #cccccc;
color: #000000;
padding-top:2px;
padding-bottom:2px;
padding-left:4px;
padding-right:4px;
}

8. Copy kode berikut lalu paste pada kode template seperti di bawah ini, yang berwarna hitam adalah kode asli dan warna merah adalah kode yang harus di tambahkan :

9. Klik tombol Pratinjau untuk melihat perubahan

10. Bila sudah OK, klik tombol SIMPAN TEMPLATE

11. Selesai.

Agar sobat lebih faham, saya akan sedikit memberi keterangan tentang kode-kode yang saya berikan, silahkan simak :

juleha{
height:25px;
text-align: center;
}

# #juleha hanyalah penamaan saja, bisa di ganti dengan apa saja yang penting nyambung dengan kode yang di bawahnya, mau ibro, samson, mau tukul juga boleh kalo sobat penggemarnya.

# height:25px; kode ini adalah sebagai pengatur tingginya tombol navigasi, yang saya pakai adalah sebesar 25 pixel, boleh di ganti nilainya dan sesuaikan dengan keinginan sobat.

# text-align: center; kode untuk memposisikan tombol-tombol berada di tengah-tengah, jika ingin mepet di sebelah kiri ganti kata Center dengan kata left, jika ingin mepet kanan, ganti dengan right.

#juleha a{
margin:0;
font-size:1.2em;
font-weight:bold;
letter-spacing:-1px;
background-color: #cccccc;
color: #000000;
padding-top:2px;
padding-bottom:2px;
padding-left:4px;
padding-right:4px;
}

# #juleha a penamaan agar nyambung dengan kode diatasnya, dan kode-kode di yang di tulis bawahnya adalah yang akan muncul sebelum di sorot oleh mouse pengunjung blog.

# font-size:1.2em; ukuran huruf yang di pake sebesar 1.2 . jika ingin lebih besar atau lebih kecil, silahkan ganti saja nilainya.

# font-weight:bold; agar link yang di tulis hurufnya di cetak tebal, jika tidak mau ganti saja tulisan bold dengan tulisan normal.

# background-color: #cccccc; kode untuk membuat warna latar belakang tombol. kode warna #cccccc adalah kode untuk abu-abu, silahkan sobat ganti dengan warna yang sobat sukai.

# color: #000000; kode untuk warna huruf link, #000000 adalah kode warna hitam, silahkan ganti dengan warna yang sobat sukai.

#juleha a:hover{
text-decoration:none;
background-color: #0326FC;
background-repeat: repeat-x;
color:#A7FC03;
padding-top:2px;
padding-bottom:2px;
padding-left:4px;
padding-right:4px;

# #juleha a:hover adalah kode yang di harapkan ketika mouse menyorot pada kode tombol yang di definisakan oleh kode-kode yang ada di kode #juleha a.

# background-color: #0326FC; kode untuk membuat warna latar belakang tombol ketika mouse menyorot. kode warna #0326FC adalah kode untuk biru, silahkan sobat ganti dengan warna yang sobat sukai.

# color:#A7FC03; kode untuk warna huruf link ketika mouse menyorot, #A7FC03 adalah kode warna hijau terang, silahkan ganti dengan warna yang sobat sukai.

# <div id="juleha"> kode pembuka juleha. Apa-apa yang di simpan di bawah kode ini, mengacu kepada apa yang di definisikan oleh kode juleha.

# <a href="#" target="_blank">Link 1</a> kode untuk membuat link.

# href="#" ganti tanda pagar (#) dengan URL atau link yang ingin sobat tuliskan. contoh : jika saya ingin membuat link ke blog ini, maka tanda pagar tadi saya ganti dengan http://kolom-tutorial.blogspot.com

# target"_blank" adalah kode untuk memunculkan jendela baru ketika link di klik oleh pengunjung, bila tidak ingin ada jendela baru, maka hilangkan kode ini.

# Link 1 ganti tulisan ini dengan tulisan link yang sobat inginkan. contoh : untuk menuliskan blog ini saya ganti dengan kata Kolom Tutorial

jadi kira-kira link yang tadi akan menjadi seperi ini :

<a href="http://kolom-tutorial.blogspot.com" target="_blank">Kolom Tutorial</a>

# </div> adalah kode penutup buat kode si juleha.

Contoh link yang saya berikan diatas adalah sebanyak lima buah link, ini bisa sobat kurangi atau bisa juga di tambah, akan tetapi jika space yang tersedia penuh maka tombol akan secara otomatis berpindah ke bawah, oleh sebab itu sesuaikanlah dengan space yang ada.

Bagaimana sobat, bingung tidak? mudah-mudahan dapat di mengerti.

-->: macam text area

2011-06-02T04:34:00.001-07:00

Judul*: macam text area

Isi*: Macam-macam Text Area
Teks area biasanya digunakan untuk menampilkan kode html atau sejenisnya tanpa perlu melakukan encode. Intinya, setiap kode html yang ditulis didalam text area ini, akan dibaca sebagai teks. Bukan sebagai kode program....

Beberapa variasi text area yang bisa digunakan antara lain sebagai berikut :

1. Teks area Standar

contoh :

Ini adalah teks area

kodenya seperti ini:
<textarea>ini adalah teks area</textarea>
2. Text area yang bisa diatur ruang dan kolomnya

conto :

Silahkan Tulis apa saja di sini

kodenya:
<textarea cols="20" rows="5">Silahkan Tulis apa saja di sini</textarea>
3. Text Area Garis Putus

contoh :

Tuliskan konten anda disini

kodenya:
<textarea cols="20" rows="5" style="border: 2px dashed ;">Tuliskan Konten anda disini</textarea>
4. Text area klik auto blok

contohnya :

Tulisan ini akan ter-blok otomatis

kodenya
<textarea rows="5" cols="25" onclick="this.focus(); this.select();">Tulisan ini akan ter-blok otomatis</textarea>
dan masih banyak lagi modifikasi text area.. anda punya modifikasi lain?? silakan share disini :cendol

-->: karakter khusus

2011-06-02T04:17:00.001-07:00

Judul*: karakter khusus

Isi*: <table width="400" border="2">
<tr>
<td><center>    <b><span style="color:#3300FF;">Karakter</span></b>    </center></td>
<td><center>    <b><span style="color:#3300FF;">Notasi</span></b>    </center></td>

<td><center>    <b><span style="color:#3300FF;">Keterangan</span></b>    </center></td>

</tr>
<tr>
<td><center><</center></td>
<td><center>&lt;</center></td>
<td>   Kurung runcing terbuka </td>

</tr>

<tr>
<td><center>></center></td>
<td><center>&gt;</center></td>
<td>   Kurung runcing tutup </td>

</tr>
<tr>
<td><center>&</center></td>
<td><center>&amp;</center></td>

<td>   Tanda Dan </td>

</tr>
<tr>
<td><center> "</center></td>
<td><center>&quot;</center></td>
<td>   Tanda petik ganda</td>

</tr>

<tr>
<td><center>±</center></td>
<td><center>&plusmn;</center></td>
<td>   Tanda plus minus </td>

</tr>
<tr>
<td><center>Spasi</center></td>

<td><center>&nbsp;</center></td>
<td>   Tanda Spasi </td>

</tr>
<tr>
<td><center>©</center></td>
<td><center>&copy;</center></td>
<td>   Tanda hak cipta (copyright) </td>

</tr>
<tr>
<td><center>®</center></td>
<td><center>&reg;</center></td>
<td>   Tanda terdaftar (Registered) </td>

</tr>
</table><br/><br/>

-->: membuat link

2011-06-02T03:00:00.001-07:00

Judul*: membuat link

Isi*: Membuat link dari gambar atau image

Apabila anda mempunyai sebuah gambar, dan gambar tersebut ingin di jadikan sebuah link. Maka caranya seperti di bawah ini :

1. Upload gambar yang anda miliki ke hosting tempat menyimpan gambar, contoh http://www.photobucket.com.

2. Jika anda sudah mengupload gambar anda, maka gambar tersebut akan di beri alamat URL, copy alamat tersebut pada notepad. Sebagai contoh gambar chicklet blog tutorial di samping mempunyai alamat URL :

http://i162.photobucket.com/albums/t253/rohman24/animasichicklet.gif

Nah jika anda ingin membuat gambar tersebut menjadi sebuah link, maka kode yang di tulis adalah :

<a href="http://kolom-tutorial.blogspot.com"><img src="http://i162.photobucket.com
/albums/t253/rohman24/animasichicklet.gif"></a>
(kode dalam satu baris)

jika ingin dalam window baru :

<a href="http://kolom-tutorial.blogspot.com" target="_blank"><img src="http://i162.photobucket.com
/albums/t253/rohman24/animasichicklet.gif"></a>
(kode dalam satu baris)

Link berjudul

Mungkin anda bingung, ko judul bahasan topik ini judulnya Link berjudul? Untuk memperjelas bahasan ini, silahkan anda kembali ke halaman atas blog ini lalu arahkan mouse anda ke tulisan Resep bisnis, coba diamkan sebentar pada link tersebut, maka tidak lama kemudian akan muncul tulisan Mau belajar bikin website sendiri silahkan klik disini . Nah sekarang mungkin anda sudah mengerti maksud saya, jadi dalam sebuah link ada kata-kata untuk menekankan ajakan anda kepada para pembaca untuk mengklik link tersebut. Untuk membuat judul link ini sangat mudah, yakni anda hanya harus menambahkan title=" ... " pada link yang anda buat. Contoh seperti yang saya berikan di atas :

<a href="http://www.resepbisnis.com/?id=rohman target="new" title="mau belajar bikin website sendiri silahkan klik di sini">Resep bisnis</a>

-->: membuat pesan berubah-ubah

2011-05-31T16:16:00.001-07:00

Judul*: membuat pesan berubah-ubah

Isi*: <SCRIPT language=JavaScript>

var ad=new Array()
ad[0]='<b>Selamat Datang</b>';
ad[1]='<b>Apakah Anda mencari artikel ini</b>';
ad[2]='<b>Selamat ! Anda pengunjung pertama</b>';
ad[3]='<b>Jangan lupa komentarnya</b>';
ad[4]='<b>Sempoga Anda Menemukan apa yang Anda Cari</b>';
ad[5]='<b>Hai.. semoga Anda merasa Nyaman</b>';
ad[6]='<b>Selamat Datang bro</b>';
ad[7]='<b>Sudahkah Anda memberikan komentar</b>';
ad[8]='<b>Jangan lupa isi buku tamunya</b>';
ad[9]='<b>Blog ini dofollow</b>';
/*
edit by http://www.masbugie.com
*/
var xy=Math.floor(Math.random()*ad.length);
document.write(ad[xy]);

</SCRIPT>

Read more: Membuat Pesan Fleksibel / Berubah-ubah Setiap Halaman Blog | Mas Bugie [dot] com http://www.masbugie.com/2010/07/membuat-pesan-fleksibel-berubah-ubah.html#ixzz1NyV0LQ2H

-->: scrip gambar berubah setiap postingan

2011-05-31T16:13:00.001-07:00

Judul*: scrip gambar berubah setiap postingan

Isi*: <script language="JavaScript">
var img_width = "250";//lebar gambar
var img_height = "150";//tinggi gambar
var img_title = "klik donk";//teks yg muncul ketika mouse diarahkan pada gambar
var ad=new Array()

//masukan url foto atau gambar Anda disini
ad[0]='http://angelinasondakh.blogs.com/angelina_sondakhs_diary/images/puteri_indonesia_2001_3_5.jpg';
ad[1]='http://www.indonesiaindonesia.com/imagehosting/images/2821/1_Agni_Pratistha_puteri_indonesia.jpg';
ad[2]='http://www.batamevent.com/gbr%20artikel/putri%20indonesia.jpg';
ad[3]='http://www.suaramerdeka.com/harian/0608/26/sm1hl26path.jpg';
ad[4]='http://www.undiknas.ac.id/wp-content/uploads/2007/08/puteri-indonesia-2007.jpg';

var links=new Array()
//masukan link tujuan / kosongkan juga boleh
links[0]='#';
links[1]='#';
links[2]='#';
links[3]='#';
links[4]='#';
/*
edit by http://www.masbugie.com
*/
var xy=Math.floor(Math.random()*ad.length);
document.write('<a href="'+links[xy]+'" target="_blank"><img src="'+ad[xy]+'" width="'+img_width+'" height="'+img_height+'" alt="'+img_title+'"></a>');
</script>

Read more: Membuat Gambar Berubah di Setiap Halaman Blog | Mas Bugie [dot] com http://www.masbugie.com/2010/07/membuat-gambar-berubah-di-setiap.html#ixzz1NyUdZvtG

-->: scrip pesan harian

2011-05-31T16:12:00.001-07:00

Judul*: scrip pesan harian

Isi*: <center><script>
var today_obj=new Date()
var today_date=today_obj.getDate()
/*
Tips Harian Edit by http://www.masbugie.com
*/
var tips=new Array()
//Sesuaikan url image dibawah ini
var tiptitle='<img src="http://www.addemoticons.com/emoticon/monkey/AddEmoticons12621.gif "><br />'

//Silahkan Edit dibawah ini sesuai keinginan
tips[1]='Baru terima gaji ,tidak ada salahnya beramal sedikit'
tips[2]='Tips 2 bla bla bla'
tips[3]='Tips 3 bla bla bla'
tips[4]='Tips 4 bla bla bla'
tips[5]='Tips 5 bla bla bla'
tips[6]='Tips 6 bla bla bla'
tips[7]='Tips 7 bla bla bla'
tips[8]='Tips 8 bla bla bla'
tips[9]='Tips 9 bla bla bla'
tips[10]='Tips 10 bla bla bla'
tips[11]='Tips 11 bla bla bla'
tips[12]='Tips 12 bla bla bla'
tips[13]='Tips 13 bla bla bla'
tips[14]='Tips 14 bla bla bla'
tips[15]='Tips 15 bla bla bla'
tips[16]='Tips 16 bla bla bla'
tips[17]='Tips 17 bla bla bla'
tips[18]='Tips 18 bla bla bla'
tips[19]='Tips 19 bla bla bla'
tips[20]='Tips 20 bla bla bla'
tips[21]='Tips 21 bla bla bla'
tips[22]='Tips 22 bla bla bla'
tips[23]='Tips 23 bla bla bla'
tips[24]='Tips 24 bla bla bla'
tips[25]='Tips 25 bla bla bla'
tips[26]='Tips 26 bla bla bla'
tips[27]='Tips 27 bla bla bla'
tips[28]='Tips 28 bla bla bla'
tips[29]='Tips 29 bla bla bla'
tips[30]='Tips 30 bla bla bla'
tips[31]='Tips 31 bla bla bla'

document.write(tiptitle)
document.write(tips[today_date])
</script></center>

Read more: Membuat Pesan Atau Tips Harian di Blog | Mas Bugie [dot] com http://www.masbugie.com/2010/07/membuat-pesan-atau-tips-harian-di-blog.html#ixzz1NyUP5Nus

-->: membuat text area

2011-05-31T16:08:00.001-07:00

Judul*: membuat text area

Isi*: Selain tabel dan kolom, teks area atau teks di dalam kotak juga berfungsi sebagai pemisah bagian agar penulis bisa menentukan objek mana yang perlu mendapatkan perhatian oleh pembacanya, nah sekarang kita mulai yuk.

Silahkan perhatikan kode dibawah ini :

<textarea rows="5" cols="30">TULISAN DALAM KOTAK</textarea>

Read more: Cara Membuat Teks dalam Kotak (Teks Area) | Mas Bugie [dot] com http://www.masbugie.com/2010/04/cara-membuat-teks-dalam-kotak-teks-area.html#ixzz1NyTXzz19

-->: sapaan sesuai atu jam

2011-05-31T16:06:00.001-07:00

Judul*: sapaan sesuai atu jam

Isi*: <script>
var Digital=new Date()
var hours=Digital.getHours()

//Silahkan sesuaikan dengan pesan yang Anda inginkan
if (hours>=5&&hours<=11) //pesan pagi hari (05.00-11.00)
document.write('<b>Selamat Pagi! Terima Kasih Sudah Berkunjung</b>')
else if (hours==12) //pesan siang hari (12.00)
document.write('<b>Selamat Siang ! Terima Kasih telah berkunjung</b>')
else if (hours>=13&&hours<=17) //pesan sore hari(13.00-17.00)
document.write('<b>Selamat Sore! Terima Kasih Sudah Berkunjung.</b>')
else if (hours>=18&&hours<=20) //pesan petang hari (18.oo-20.00)
document.write('<b>Selamat Petang! Terima Kasih Sudah Berkunjung</b>')
else if (hours>=21&&hours<=11) //pesan malam hari (21.00-23.00)
document.write('<b>Selamat Malam! Terima Kasih Sudah Berkunjung</b>')
else //pesan malam mejelang pagi(00.00-04.00)
document.write('<b>Wow, Sudah Larut Malam Anda Masih Sempat Berkunjung, Terima Kasih!</b>')
//edit by http://www.masbugie.com
</script>

Read more: Membuat Pesan Sapaan Selamat Datang Berdasarkan Waktu | Mas Bugie [dot] com http://www.masbugie.com/2010/06/membuat-pesan-sapaan-selamat-datang.html#ixzz1NySulhFj

-->: scipf tex sapaan

2011-05-31T16:05:00.001-07:00

Judul*: scipf tex sapaan

Isi*: <script>
if (document.layers)
var ns4def=''
</script><h1 id="flyin" style="position:relative;left:-1000px;" >"TULIS TEKS ANDA DISINI DISINI" </h1><script language="JavaScript1.2">
if (document.getElementById||document.all)
var crossheader=document.getElementById? document.getElementById("flyin").style : document.all.flyin.style
function animatein(){
if (parseInt(crossheader.left)<0)
crossheader.left=parseInt(crossheader.left)+5+"px"
else{
crossheader.left=0
crossheader.fontStyle="normal"
clearInterval(start)
}
}
if (document.getElementById||document.all)
start=setInterval("animatein()",50)//edit by http://www.masbugie.com
</script>

-->: Sebelum Tukeran Link, Baca Yang ini !

2011-05-31T16:00:00.001-07:00

Judul*: Sebelum Tukeran Link, Baca Yang ini !

Isi*: Seperti kita ketahui tentang betapa pentingnya dalam membangun sebuah link. Jika Anda memiliki sebuah blog atau website yang mempunyai jumlah traffik yang padat tentunya semakin banyak didekati oleh orang yang ingin bertukar link dengan Anda. Apakah Anda akan melakukannya?

Dalam rangka meraih peringkat teratas Google, kebanyakan para blogger sangat berambisi dalam hal bertukeran link tanpa mengetahui akibat yang akan diterimanya, Anda akan dikenakan sanksi jika Anda melakukan pertukaran link secara berlebihan ,google tidak mendefinisikan apa yang dimaksudkan dengan kata berlebihan itu.

Beberapa hal yang harus Anda perhatikan sebelum melakukan tukeran link :

1. Hanya bertukar link dengan blog 2 atau 3 yang SANGAT relevan. Jika Anda memiliki blog yang bertemakan tutorial, maka silahkan bertukar link dengan blog lain yang bertemakan tutorial juga.

2. Jangan bertukar link dengan blog yang memiliki blogroll atau gudang tukeran link dengan blog lainnya. Anda kemungkinan besar akan dihukum oleh Google, syukur-syukur jika hanya dengan hukuman penurunan traffic namun dalam kasus terburuk ada juga yang dikenakan sanksi berupa tidaknya terindeks postingan terbaik dikarenakan masuk google sandbox.contohnya blog ini kali ye hehehe..

3. Install Google toolbar, gunanya adalah untuk memeriksa berapa nilai PageRank blog yang akan kita ajak untuk bertukeran link. Jika lebih dari 3 maka silahkan rayu dia supaya bersedia bertukeran link dengan Anda.

4. Jika Anda pengguna browser Mozilla, kunjungi salah satu blog yang ingin Anda ajak tukeran link dan klik kanan "View Page Source" pada menu tampilan browser. Periksa apakah link ke situs lain memiliki "nofollow"

Secara umum janganlah bertukar link dengan siapa pun, kecuali dengan blog yang mempunyai tema sama dengan blog Anda. Silahkan bertukeran link dengan situs yang menurut Anda relevan dan mengevaluasi secara hati-hati dengan membatasi jumlah pertukaran yang Anda lakukan.

Read more: Sebelum Tukeran Link, Baca Yang ini ! | Mas Bugie [dot] com http://www.masbugie.com/2010/08/sebelum-tukeran-link-baca-yang-ini.html#ixzz1NyQOcBC6

-->: Cara Hack Kunjungan Tanpa Capek 0diggsdigg

2011-05-31T15:33:00.001-07:00

Judul*: Cara Hack Kunjungan Tanpa Capek 0diggsdigg

Isi*: Pada bagian ini akan saya bagikan cara Hack Kunjungan Tanpa Capek harus membuka blog si Anu guna meninggalkan jejak dengan maksud dan harapan si Anu akan balik mengunjungi kita. Prinsipnya sederhana saja, sebab guna meningkatkan traffik blog akhir-akhir ini sebagian besar blogger hanya mengandalkan blogwalking ke puluhan blogger lain dengan harapan ya itu tadi "mengharapkan kunjungan balasan" hahaha. Jika prinsip ini yang Anda pakai maka janganlah terlalu berpikir keras menciptakan sebuah postingan sebab kualitas bukanlah sebuah kendala karena yang diharapkan hanya kuantitas dan kontinuitas, bukan begitu??

Sebelum mengikuti cara keji bin licik ini silahkan Anda tetapkan target blog mana yang akan menjadi sumber kunjungan blog Anda, dengan memenuhi kriteria dibawah ini :
- Harus mempunyai buku tamu Cbox atau Shoutmix
- Blog masih baru (semangat masih menggebu)
- Blogger yang rajin Blogwalking
- Betah update artikel

Apabila kriteria diatas ada pada blog target Anda, maka ikuti cara picik dibawah ini :
1. Kunjungi blog Target
2. Cari buku tamu-nya sesuai dengan kriteria diatas
3. Pada kolom Cbox ada tulisan refresh, klik kanan dan buka di tab baru
4. Jika pemiliknya mengaktifkan Autolinking, maka akan muncul buku tamu secara penuh
5. Klik Kanan dan pilih Bookmark This Page, beri judul blog pemilik buku tamu tersebut.
6. Beres...

Mudah bukan? jadi jika Anda ingin menulis pesan sapaan pada buku tamu blogger lain, silahkan buka kembali bookmark browser Anda dan klik buku tamu yang barusan Anda simpan, kemudian tuliskan pesan sapaan mesra dan sok akrab Anda dengan penuh harapan. Cara ini dapat meningkatkan efisiensi waktu dalam berblogwalking. Sebab untuk apa Anda mengunjungi blog kalau hanya ingin menuliskan pesan sapaan semata tanpa membaca artikel dan mengomentarinya, hanya mengharapkan kunjungan balik sahaja bukan?

Semoga Anda tidak menunjuk saya sebagai orang yang tidak waras, sebab didunia online apa saja bisa terjadi, semoga menambah wawasan kita semua, salam...

Read more: Cara Hack Kunjungan Tanpa Capek | Mas Bugie [dot] com http://www.masbugie.com/2010/11/cara-hack-kunjungan-tanpa-capek.html#ixzz1NyKYiJgU

-->: Menangkal Hacking Buku Tamu Cbox 0diggsdigg

2011-05-31T15:29:00.001-07:00

Judul*: Menangkal Hacking Buku Tamu Cbox 0diggsdigg

Isi*: Postingan ini adalah semacam obat penawar dari racun yang sudah saya terbitkan tentang Cara Hack Kunjungan Tanpa Capek dan juga sebagai tameng antisipasi adanya tindakan spam dari pengunjung nakal. Jika Anda pengguna buku tamu Cbox dan sangat antusias merespon setiap pengunjung yang meninggalkan sapaan pada buku tamu blog Anda, maka kali ini harus sedikit waspada dengan aksi pengunjung yang hanya mengharapkan perhatian dari Anda. Andaikan buku tamu blog Anda penuh berisi dengan sapaan akrab pengunjung yang meminta kunjungan balik, bukan berarti blog Anda telah dikunjungi mereka. Bisa jadi diantara nama-nama yang berbeda adalah pekerjaan dari satu orang yang sama weekkk...jangan GR dulu makanya. Nah maka dari itu silahkan kenali pengunjung nakal blog Anda.

Berbagai cara mereka berlomba-lomba mendapatkan perhatian dari Anda, namun apakah Anda tahu dari mana mereka masuk hingga dapat menuliskan pesan sapaan sok akrabnya pada buku tamu Anda??
Beruntung jika mereka datang dari mesin pencari sebab merupakan sebuah traffik masuk bagi blog, lain halnya jika mereka datang dari celah lain, jendela buku tamu misalnya...akibatnya kunjungan balasan Anda akan sia-sia belaka. Nah maka dari itu bagi Anda pengguna fasilitas buku tamu Cbox ada baiknya kembali men-setting kembali pengaturan yang ada pada kontrol panel layanan tersebut.

Perhatikan gambar diatas, pada bagian Message options akan saya jelaskan fungsi dan kegunaannya :

Email / URL field : menampilkan kolom URL dan Email
boxCode : memungkinkan pengunjung menggunakan tag kode seperti html, seperti warna, marque dll
Allow avatars : menampilkan foto Anda pada buku tamu, baca selengkapnya disini
Autolinking : memungkinkan buku tamu Anda dapat dibuka dan dilihat pada tab browser

Jika Autolinking Anda aktifkan pada posisi On, akibatnya akan banyak pengunjung yang memanfaatkan kesempatan ini guna mencorat-coret pesan sapaannya tanpa mengunjungi blog Anda. Kalau masih bingung bagaimana caranya menulis buku tamu tanpa mengunjungi blog lihat postingan ini
Setelah membaca postingan ini saya yakin Anda akan merubah settingan pada Cbox seperti diatas guna meminimalisir tindak kecurangan kunjungan ilegal yang mungkin telah lama terjadi hehehe..bahasane mboh wis.

Semoga postingan ini dapat menambah wawasan kita, tunggu postingan selanjutnya ya..salam

Read more: Menangkal Hacking Buku Tamu Cbox | Mas Bugie [dot] com http://www.masbugie.com/2010/11/menangkal-hacking-buku-tamu-cbox.html#ixzz1NyJbX7cb

-->: Pengunjung Stabil Walau Alexa Rank Turun

2011-05-31T15:26:00.001-07:00

Judul*: Pengunjung Stabil Walau Alexa Rank Turun

Isi*: Keterbatasan waktu sering menjadi sebuah kendala bagi kebanyakan blogger untuk selalu menyajikan postingan yang layak untuk di nikmati para pengunjungnya. Terlebih lagi bila si blogger menyandang berbagai gelar seperti gelar sebagai suami, orang tua bagi anak-anak atau kepala rumah tangga, bawahan, karyawan dan sebagainya yang tentunya akan memaksa lebih ektra menyempatkan waktunya untuk berblogging ria di dunia online. Begitu halnya dengan saya, walaupun aktifitas blogging bukan lagi menjadi prioritas namun setidaknya masih ada semangat untuk update postingan walau tidak seberapa.

Nah, sesuai dengan judul postingan kali ini saya akan menampik beberapa argumen atau ideologi beberapa blogger yang gila akan rank alexa. Banyak yang beranggapan tingginya nilai traffik rank alexa menandakan bahwa situs tersebut mempunyai pengunjung yang banyak pula, entah dari mana datangnya asumsi ini saya tidak ambil pusing. Perhitungan algoritma alexa dan google terhadap suatu situs belum ada yang mengetahuinya sama sekali, yang ada kita hanya me-reka dan menebak saja. Jika Anda rajin bersurfing dibelantara maya ini, tentu akan menemui beberapa situs populer yang mengalami penurunan traffik rank alexa walaupun pada kenyataanya situs tersebut memang benar-benar sudah sangat terkenal.

Berbeda halnya dengan weblog ini, walaupun pengunjung relatif stabil namun traffik rank alexa merosot tajam atau setidaknya masih mendapatkan raport merah dari alexa. Ini menandakan bahwa banyaknya pengunjung bukanlah suatu acuan untuk mendapatkan nilai sebuah ranking. Yang perlu saya tekankan dalam hal ini adalah bahwa konsistenitas dalam update postingan merupakan kunci utama dalam meraih traffik rank blog yang di cita-citakan. Google mungkin akan memberlakukan perlakuan khusus bagi hambanya yang aktif melakukan aktifitasnya di dunia maya ini, salah satunya ya blog Anda itu.

Banyaknya kunjungan blog menandakan postingan Anda sangat bernilai di mata pengunjung, ya setidaknya sebagai penawar rasa penasaran mereka ketika menemukan postingan Anda di mesin pencari hehehe...
Jadi kesimpulannya adalah bahwa kunci mendapatkan kunjungan yang stabil tidak terlepas dari tinggi rendahnya kualitas sebuah postingan. Lalu bagaimana cara menilai kualitas sebuah postingan? bersambung...

Semoga bermanfaat, salam

Read more: Pengunjung Stabil Walau Alexa Rank Turun | Mas Bugie [dot] com http://www.masbugie.com/2010/11/pengunjung-stabil-walau-alexa-rank.html#ixzz1NyInaDs9

-->: Memaksimalkan Kinerja Spider Bots 0diggsdigg

2011-05-31T15:22:00.001-07:00

Judul*: Memaksimalkan Kinerja Spider Bots 0diggsdigg

Isi*: Apakah ada yang tahu fungsi dan kinerja Spider Bots terhadap situs atau blog kita? Menurut blog sebelah fungsinya adalah sebagai mesin perayap situs/blog, jadi laba-laba ini akan merayapi dan membaca kalimat apa saja yang terdapat dalam blog guna di tampilkan dalam mesin pencarian seperti Google,MSN danYahoo! Berbagai macam trik yang sudah saya coba dan semuanya belum juga membuahkan hasil maksimal, namun setelah mencoba trik yang saya temukan secara kebetulan ,hasilnya pun lumayanlah buat blogger pemula hihihi....Coba Anda lihat gambar diatas menunjukan bahwa pencarian dengan kata kunci "trik blog cepat tenar" salah satu postingan blog ini muncul walaupun pada halaman ke tiga sih. Namun ada juga tuh yang nongol dihalaman pertama namun gag saya screenshot takut dikatain sok.

Akan tetapi ketika pengunjung klik hasil pencarian tersebut, sampai pusernya bodong pun tidak akan menemukan postingan yang berjudul Trik Blog Cepat Tenar pada blog ini, nah inilah fungsi dari spider bots yang saya maksudkan pada paragraf pertama. Lantas bagaimana caranya agar blog mendapatkan perlakuan seperti diatas? Yuk, coba trik dari saya berikut ini :

# Memperluas Jangkauan Penggunaan Kalimat
Gunakanlah sebanyak mungkin rangkaian kalimat kata kunci yang sangat populer pada setiap postingan Anda.

# Design Kembali Tampilan Home Page / Halaman Depan Blog
Seperti kita ketahui bersama bahwa spider bots mulai merayapi dari halaman depan blog kita, mulai dari header sampai dengan footer. Manfaatkan kesempatan ini guna menempatkan semua link postingan blog berada pada header atau sidebar paliiiiiing atas. Alangkah lebih bagusnya jika Anda mengumpulkan link tersebut dalam sebuah menu scroll bukan menu bawaan dari blogger. Dapat saya contohkan pada blog ini adalah pada menu scroll "TIPS TRIK TUTORIAL BLOG PROFESIONAL" yang terdapat pada sidebar atas sebelah kanan Anda, kemudian silahkan cermati kembali tulisan yang sama pada gambar diatas, masuk akal bukan ?

Trik ini sangat saya rekomendasikan bagi blogger yang banyak mengharapkan kunjungan dari mesin pencari, sebab melalui mesin pencarilah kita benar-benar yakin bahwa pengunjung datang karena membutuhkan apa yang mereka cari. Sangat bertolak belakang bagi mereka yang menggantungkan blognya kepada situs portal tertentu guna mendapatkan perhatian pengunjung situs yang ditumpanginya.
Semoga bermanfaat, salam...

Read more: Memaksimalkan Kinerja Spider Bots | Mas Bugie [dot] com http://www.masbugie.com/2010/11/memaksimalkan-kinerja-spider-bots.html#ixzz1NyHl4c3S

-->: membuat pesan multi teks

2011-05-31T15:18:00.001-07:00

Judul*: membuat pesan multi teks

Isi*: Sebenarnya script ini sudah ada di blog yang bertebaran di jagad belantara maya ini, namun dari sekian postingan yang saya temui diantaranya berjudul Membuat Typing Teks. Sebenarnya kalau kita cermati artikulasi kata membuat adalah sama dengan menciptakan hehehehe...namun dengan segala keterbatasan waktu saya akan coba menyajikan kembali dengan judul yang berbeda yakni Memasang Multi Typing Teks di Blog, cekitdot...
Ada dua script yang berbeda namun dengan pola yang sama, yaitu sama-sama typing. Typing adalah proses memasukan huruf satu persatu melalui keyboard dengan 10 jari. Sehingga hasilnya akan terlihat pada monitor seperti dibawah ini :

Jika Anda ingn memasang pada blog Anda, kode scriptnya adalah sebagai berikut, dan atau mungkin bila menemui kendala silahkan download scriptnya disini
<form name="news"> <textarea name="news2" cols=50 rows=3 wrap=virtual></textarea> </form> <script language=JavaScript> //Visit http://www.masbugie.com var newsText = new Array(); newsText[0] = "Selamat Datang di Blog AMBURADUL ini"; newsText[1] = "Semoga Anda menemukan informasi yang dibutuhkan"; newsText[2] = "Jangan Lupa meninggalkan komentar dan Klik Iklan"; newsText[3] = "Terima kasih telah berkunjung"; newsText[4] = "Kunjungan Anda menyelamatkan Saya"; newsText[5] = "Kunjungan Anda menyelamatkan Saya"; var ttloop = 1; // Repeat forever? (1 = True; 0 = False) var tspeed = 50; // Typing speed in milliseconds (larger number = slower) var tdelay = 1000; // Time delay between newsTexts in milliseconds // ------------- NO EDITING AFTER THIS LINE ------------- \\ var dwAText, cnews=0, eline=0, cchar=0, mxText; function doNews() { mxText = newsText.length - 1; dwAText = newsText[cnews]; setTimeout("addChar()",1000) } function addNews() { cnews += 1; if (cnews <= !
mxText) { dwAText = newsText[cnews]; if (dwAText.length != 0) { document.news.news2.value = ""; eline = 0; setTimeout("addChar()",tspeed) } } } //Visit http://www.masbugie.com function addChar() { if (eline!=1) { if (cchar != dwAText.length) { nmttxt = ""; for (var k=0; k<=cchar;k++) nmttxt += dwAText.charAt(k); document.news.news2.value = nmttxt; cchar += 1; if (cchar != dwAText.length) document.news.news2.value += "_"; } else { cchar = 0; eline = 1; } if (mxText==cnews && eline!=0 && ttloop!=0) { cnews = 0; setTimeout("addNews()",tdelay); } else setTimeout("addChar()",tspeed); } else { setTimeout("addNews()",tdelay) } } doNews() </script>
Sesuaikan tulisan bercetak tebal cols=50 adalah panjang kotak area ,rows=3 adalah tinggi kotak area. Cara pasangnya seperti biasa, Rancangan-->add gadget--> HTML/Java Script--> copy kode tersebut. Semoga postingan ini menambah pengetahuan kita, salam..

Read more: Memasang Multi Typing Teks di Blog | Mas Bugie [dot] com http://www.masbugie.com/2010/12/memasang-multi-typing-teks-di-blog.html#ixzz1NyGhJ3NT

-->: Cara Mempercepat Proses Loading Halaman Blog 0digg

2011-05-31T15:15:00.001-07:00

Judul*: Cara Mempercepat Proses Loading Halaman Blog 0diggsdigg

Isi*: Bagi Anda yang tidak ingin dibilang blognya mirip blog kura-kura alias loadingnya luamaaaaaa..buuuaanget...[nah loh sampe dower nih bibir], maka tidak ada salahnya dan justru sangat saya sarankan untuk mengikuti tips Cara Mempercepat Proses Loading Halaman Blog yang akan saya paparkan sebagai berikut.

Ada beberapa hal yang menyebabkan proses loading page blog menjadi berat sehingga membutuhkan waktu yang lama guna menyelesaikan terbukannya halaman secara normal. Nah berikut saya jelaskan satu persatu :

Konten Berlebihan
Bagi blog yang memasang banner/gambar, widget atau mungkin aksesoris lainnya baik itu yang berupa HTML atau Java Script, sebaiknya Anda mulai lebih selektif dalam memilih dan memilah mana saja yang dianggap perlu dan penting untuk blog dan penguunjung Anda

Blog Populer
Blog yang terkenal biasanya sangat ramai oleh pengunjung tiap harinya, ini bisa dibuktikan dengan banyaknya komentar yang selalu mengisi pada tiap postingan artikel. Semakin banyak komentar semakin banyak pula membutuhkan space atau tempat dan otomatis akan membutuhkan waktu yang lebih untuk proses terbukanya halaman tersebut.

Pemilihan Template Belum Sesuai
Ada banyak template yang seo friendly atau ramah dengan search engine namun ada juga beberapa template yang menggunakan header image yang sangat wah atao wow.. besarnya yang hanya akan menambah kapasitas load saja.

Nah untuk menutupi masalah diatas solusi yang tepat adalah dengan Kompresi CSS, berikut langkah-langkahnya :

a. Login ke Blogger > Tata Letak > Edit Html
b. Potong atau CUT kode CSS yang ada di template blog Anda

Catatan : Kode CSS berada diantara kode <b:skin> dan </b:skin>

c. Kunjungi situs cssdrive.com
d. Paste kode CSS yang Anda cut tadi kedalam kotak dan setting seperti pada gambar berikut :

Compression mode : Normal
Comments handling : Don't strip any comments

Klik gambar untuk memperbesar

e. Selanjutnya tekan "Compress-it!"
f. Setelah proses kompresi CSS blog Anda selesai akan muncul pesan seperti contoh berikut

g. Sekarang copy kode CSS yang baru saja Anda kompresi dan paste ke dalam template blog diantara kode <b:skin> dan </b:skin>
h. Simpan

Dan sekarang silahkan rasakan perubahan yang terjadi pada blog Anda, semakin ringan bukan loadingnya?
Semoga postingan ini bermanfaat...salam

Apakah artikel ini bermanfaat bagi Anda? Beri penilaian yach, klik disini

-->: menentukan target market blog

2011-05-31T15:12:00.001-07:00

Judul*: menentukan target market blog

Isi*: Blog lebih saya ibaratkan seperti sebuah majalah yang berisikan berbagai informasi, semakin banyak informasi yang tersaji didalamnya semakin banyak pula pelanggan yang rela menyempatkan waktunya guna membacanya. Seperti kita ketahui bersama bahwa majalah yang beredar di tempat Anda pasti mayoritas adalah berbahasa Indonesia walaupun terkadang kita jumpai beberapa diantaranya adalah berbahasa asing ( English ). Kenapa majalah yang kita temui mayoritas berbahasa Indonesia sebab target pembaca yang ingin di capai penerbit adalah pembaca dari orang Indonesia. Maka dari itu sebagian majalah berbahasa Indonesia tentunya laku jika dijual di Indonesia, namun coba dijual di Jepang atau Afrika tentunya akan sedikit pula yang membacanya sebab mereka tidak mengerti dengan bahasa kita.

Kita tinggalkan sejenak majalah berbahasa Indonesia yang beredar sampai ke Jepang hahaha....
Terus apa hubungannya dengan Blog mas? Begini...jika Anda tepat menentukan target pembaca blog tentu akan ramai pula pengunjung yang menemukan informasi yang Anda sajikan. Maka dari itu Menentukan Target Geografis Blog sangat dibutuhkan guna mendapatkan pengunjung yang bersedia membaca postingan blog Anda. Jika blog berbahasa Indonesia kenapa juga Anda paksakan pengunjung mengunjungi blog yang tidak mengerti dengan bahasa Indonesia. Oleh sebab itu silahkan tentukan target pembaca blog Anda mulai dari sekarang, sebab langkah ini akan memudahkan google menampilkan postingan di mesin pencarian sesuai dengan asal para pencari itu berada. Saya contohkan jika orang Indonesia menggunakan google.co.id menggunakan kata pencarian seperti dibawah ini :
Nampak pada gambar postingan saya menempati urutan pertama dengan menggunakan google.co.id

Akan tetapi coba kita lihat jika pencarian dengan menggunakan google.com seperti gambar berikutnya

Seperti terlihat pada gambar postingan saya menempati urutan kedua dengan menggunakan google.com.

Ini menandakan bahwa google akan memprioritaskan postingan sesuai dengan target geografisnya, sebagai informasi bahwa target geografis blog ini adalah Indonesia.

Jika Anda memilih salah satu terget tentunya akan semakin kecil pula persaingan yang akan dihadapi pada mesin pencari.
Oleh sebab itu tentukanlah salah satu target geografis pembaca yang Anda inginkan.
Jika mengerti silahkan sesuaikan pengaturannya di webmasters tool-->Konfigurasi Situs-->Setelan.

Berikut contoh mayoritas pengunjung dari Indonesia yang mampir ke blog ini melalui mesin pencari Google.
Semoga kiranya postingan ini bermanfaat dan menambah pengetahuan bagi kita semua, salam...

Read more: Menentukan Target Geografis Blog | Mas Bugie [dot] com http://www.masbugie.com/2010/12/menentukan-target-geografis-blog.html#ixzz1NyFHgFhi

-->: Padatkan Jeroan Bikin Loading Blog Ringan 0diggsdi

2011-05-31T15:11:00.001-07:00

Judul*: Padatkan Jeroan Bikin Loading Blog Ringan 0diggsdigg

Isi*: Bingung menentukan judul postingan mending pakai bahasa seenak perut aja. Inti dari isi postingan kali ini adalah bagaimana cara meringankan loading blog dan juga sekaligus mempermudah google menggerayangi atau merayapi halaman situs blog Anda. Keuntungan yang didapat dari sebuah blog yang mempunyai beban loading ringan adalah pengunjung dapat dengan mudah mengakses info yang terdapat pada blog. Nah maka dari itu memadatkan jeroan atau isi perut blog bagi saya sangat penting guna menciptakan efisiensi waktu yang digunakan pengunjung saat menjelajah situs blog Anda. Menurut blog sebelah, banyaknya gambar dan penggunaan kode java script pada halaman blog akan menurunkan performa yang berhubungan dengan kecepatan loading, namun menurut saya faktor non teknis juga harus diperhitungkan seperti, browser yang digunakan saat membuka halaman situs blog tersebut, kecepatan koneksi per KB-nya dan sarana penunjang lainnya yakni komputer atau laptop. Walaupun gambar dan kode java s!
cript dihilangkan dari halaman blog namun kalau komputer yang digunakan keluaran jaman dinosaurus ya sama saja.
Berikut cara manual yang bisa Anda coba:
1. Login ke blogger.com-->Rancangan-->Edit HTML-->Expand Template Widget
2. Untuk jaga-jaga bila terjadi kesalahan Download Template Lengkap
Saya ilustrasikan isi kode HTML blog Anda seperti gambar berikut :
Dapat Anda lihat bahwa isi blog Anda berserakan dan amburadul susunannya. Halaman blog seperti ini selain berpengaruh terhadap loading blog namun juga akan mengurangi kinerja spider both dalam merayapi situs blog Anda.

Untuk memadatkan kode-kode diatas silahkan Anda hilangkan spasi antara baris pertama dengan baris kedua dan seterusnya secara keseluruhan, kemudian simpan. Dengan demikian akan menghasilkan seperti gambar dibawah ini :

Padat dan mampat, itu makanya setiap postingan yang diterbitkan akan cepat terbaca pada mesin pencari google.

Trik memadatkan kode html pada blogger seperti ini bukanlah satu-satunya cara yang digunakan untuk meringankan loading blog, sebab pada postingan terdahulu sudah pernah saya bahas sebelumnya disini.

Semoga informasi ini dapat memberikan inspirasi dan manfaat bagi yang sudi membacanya sehingga akan terasa manfaatnya, salam..

Read more: Padatkan Jeroan Bikin Loading Blog Ringan | Mas Bugie [dot] com http://www.masbugie.com/2011/01/padatkan-jeroan-bikin-loading-blog.html#ixzz1NyF0c1MR

-->: Tambah Sitemap Blog ini, Penting !

2011-05-31T15:07:00.001-07:00

Judul*: Tambah Sitemap Blog ini, Penting !

Isi*: digg

Ada yang beranggapan bahwa keyword lebih menentukan dalam ajang perebutan tahta di halaman pertama google sehingga berlomba-lomba memperebutkan keyword tertentu dengan harapan akan masuk sepuluh besar halaman google seperti keyword yang di pakai blog lain . Namun dari pada itu pemakaian sitemap blog juga tidak bisa dikesampingkan manfaatnya, terlebih lagi bila tepat dan mengerti dalam penggunaanya. Nah berikut sedikit saya bagikan penulisan sitemap yang saya gunakan pada blog ini, semoga akan menjadi terasa manfaatnya jika menggunakannya pada blog Anda.

Penulisan Sitemap pada google webmaster tool diantaranya sebagai berikut :

1.http://nama-blog.blogspot.com/atom.xml
2.http://nama-blog.blogspot.com/atom.xml?redirect=false&start-index=1&max-results=500
Note: Jika jumlah postingan pada blog lebih dari 500 postingan, maka angka tersebut boleh di rubah menjadi 1000.
3.http://nama-blog.blogspot.com/rss.xml
4.http://nama-blog.blogspot.com/feeds/posts/default?orderby=updated
5.http://nama-blog.blogspot.com/feeds/posts/default?alt=rss

Saya rasa 5 sitemap pada google webmaster sudah lebih dari cukup, namun ingat ketika Anda memasukan kode sitemap pada kotak pengisian google webmasters tuliskan saja teks tebal yang berwarna merah. Semoga postingan ini cukup menjawab pertanyaan dan pesan teman di inbox Facebook saya.
Kurang lebih silahkan koreksinya...salam

Read more: Tambah Sitemap Blog ini, Penting ! | Mas Bugie [dot] com http://www.masbugie.com/2011/01/tambah-sitemap-blog-ini-penting.html#ixzz1NyE9qpS6

-->: Gambar di Setiap Postingan itu Penting Lho !

2011-05-31T14:58:00.001-07:00

Judul*: Gambar di Setiap Postingan itu Penting Lho !

Isi*: 0diggsdigg

Ada yang bilang kalau memuat / upload gambar alias picture bin image pada postingan akan membuat loading blog menjadi berat, tetapi bagi saya penggunaan konten atau gambar penghias pada postingan sangatlah penting guna dijadikan bahan sandaran imagenasi para pembaca isi tulisan tersebut. silahkan lihat postingan saya terdahulu tentang Memaksimalkan Kualitas Postingan. Selain dari pada itu fungsi gambar yang terdapat dalam postingan bisa juga lho menggiring pengunjung ke blog Anda, tidak percaya? yuk baca lagi kelanjutannya..

Mungkin Anda sudah tahu bahwa selain menampilkan web sebagai hasil pencarian, google juga menyediakan fasilitas image, videos , maps dan sebagainya. Lihat halaman hasil pencarian pada sudut kiri atas Anda.

Jika pencari informasi menggunakan fasilitas web, maka jenis tampilannya adalah sejumlah deretan 10 besar situs yang menyediakan keyword yang sesuai dengan kata pencarian. Namun berbeda halnya jika kita gunakan fasilitas image belum tentu juga gambar situs halaman pertama tersebut yang nongol, bisa jadi gambar situs lain yang tidak masuk halaman pertama yang malah muncul. Koq bisa ? disinilah pentingnya image pada postingan. Seburuk apapun gambar pada postingan jika tahu strateginya akan mujarab khasiatnya, gag percaya?

Penggunaan keyword atau kata kunci pada judul postingan saja tidak cukup guna mendongkrak traffik yang diharapkan, namun penggunaan keyword pada gambar juga tidak kalah pentingnya. Maksute opo ki mas? Maksud saya adalah bahwa penamaan pada gambar di postingan sampyan itu lho juga harus disertakan, misalnya Anda posting dengan judul Ternak Sapi, maka gambar yang akan di upload harus mempunyai keyword Ternak-sapi.jpg atau ternaksapi.gif dan sebagainya tergantung jenis file gambar masing-masing.
Strategi ini sangat signifikan manfaatnya ketimbang postingan yang tidak mempunyai gambar.

Contoh kasus jika pengguna google surfing dengan kata pencarian Ternak Sapi, setidaknya postingan Anda masuk di halaman pertama google, kemudian pengguna tersebut menginginkan gambar Ternak Sapi dan klik image pada halaman kiri atas google, besar kemugkinan gambar yang Anda upload dengan nama ternak-sapi.jpg akan ditampilkan pada halaman image google tersebut hehe...

Semoga postingan ini membuka pengetahuan tentang ngeblog, salam...

Read more: Gambar di Setiap Postingan itu Penting Lho ! | Mas Bugie [dot] com http://www.masbugie.com/2011/01/gambar-di-setiap-postingan-itu-penting.html#ixzz1NyBsqxG0

-->: menampilkan koordinat mouse

2011-05-31T05:47:00.001-07:00

Judul*: menampilkan koordinat mouse

Isi*: <script language="javascript">
var where = "http://www.masbugie.com";
function checkwhere(e) {
if (document.layers){
xCoord = e.x;
yCoord = e.y;
}
else if (document.all){
xCoord = event.clientX;
yCoord = event.clientY;
}
else if (document.getElementById){
xCoord = e.clientX;
yCoord = e.clientY;
}
self.status = "Horisontal= "+ xCoord + " Vertikal= " + yCoord;
}
document.onmousemove = checkwhere;
if(document.captureEvents) {document.captureEvents(Event.MOUSEMOVE);}
</script>

Read more: Menampilkan Koordinat Mouse di Halaman Blog | Mas Bugie [dot] com http://www.masbugie.com/2011/01/menampilkan-koordinat-mouse-di-halaman.html#ixzz1Nvv1jeyY

-->: Script Pesan Bergerak di Bar Bawah

2011-05-31T05:40:00.001-07:00

Judul*: Script Pesan Bergerak di Bar Bawah

Isi*: <SCRIPT LANGUAGE="JavaScript">
var speed =5
var pause = 1500
var timerID = null
var bannerRunning = false
var ar = new Array()

ar[0] = "Selamat Datang di http://www.masbugie.com"
ar[1] = "Semoga Anda dapat menemukan informasi"
ar[2] = "Silahkan tinggalkan komentarnya donk"
ar[3] = "Keep smile beibeh"

var message = 0
var state = ""
clearState()
function stopBanner() {
if (bannerRunning)
clearTimeout(timerID)
timerRunning = false
}
function startBanner() {
stopBanner()
showBanner()
}
function clearState() {
state = ""
for (var i = 0; i < ar[message].length; ++i) {
state += "0"
}
}
function showBanner() {
if (getString()) {
message++
if (ar.length <= message)
message = 0
clearState()
timerID = setTimeout("showBanner()", pause)
}
//visit http://www.masbugie.com
else {
var str = ""
for (var j = 0; j < state.length; ++j) {
str += (state.charAt(j) == "1") ? ar[message].charAt(j) : " "
}
window.status = str
timerID = setTimeout("showBanner()", speed)
}
}
function getString() {
var full = true
for (var j = 0; j < state.length; ++j) {
if (state.charAt(j) == 0)
full = false
}
if (full) return true
while (1) {
var num = getRandom(ar[message].length)
if (state.charAt(num) == "0")
break
}
state = state.substring(0, num) + "1" + state.substring(num + 1, state.length)
return false
}
function getRandom(max) {
var now = new Date()
var num = now.getTime() * now.getSeconds() * Math.random()
return num % max
}
startBanner()
</SCRIPT>

Read more: Script Pesan Bergerak di Bar Bawah | Mas Bugie [dot] com http://www.masbugie.com/2011/01/script-pesan-bergerak-di-bar-bawah.html#ixzz1NvuWybtF

-->: Memilih Nama Domain

2011-05-31T05:32:00.001-07:00

Judul*: Memilih Nama Domain

Isi*: December 24th, 2005 | Published in The Lounge

"tak kenal, maka tak sayang", istilah lama yang masih sering kita kenal hingga sekarang. Tahukah anda kalau istilah itu juga berlaku pada nama domain. sebuah nama domain akan menjadi alat yang dapat menguntungkan buat website anda. Sebuah perusahaan atau perorangan yang akan membuat sebuah website, harus pintar-pintar dalam memilih nama domain.

Domain = Isi
Sebuah nama domain harus mencerminkan isi keseluruhan dari website. misalnya : anda ingin membuat sebuah website yang berisi tentang usaha hotel, maka bisa saja nama domain yang anda pilih akan seperti ini "www.hotelku.com" atau di kombinasikan dengan nama perusahaan anda, seperti "www.habbohotel.com" (habbo adalah nama hotelnya)

Gampang diingat
ada jutaan website yang tersebar di internet. oleh sebab itu pemilihan nama domain yang mudah untuk diingat, menjadi sangat penting. bagaimana caranya supaya gampang diingat?
ini tips nya:
a. Hindari penggunaan angka pada nama domain.
misalnya : "www.free4all.com" akan sangat membingungkan jika di banding dengan "www.freeforall.com"
b. dashes (-) atau underscore (_) lebih baik tidak dipakai.
c. Hindari penggunaan singkatan
d. Pilih nama domain yang singkat,

Ekstensi domain
.com masih merupakan pilihan terbaik untuk ekstensi domain. orang awam lebih cenderung untuk mengetik ".com" dari pada ekstensi lainnya. Walaupun juga tidak masalah jika anda memilih eksetensi domain lain.

Pelanggaran Merk Dagang
Pastikan nama domain yang dipilih bukan merupakan merk dagang yang telah terdaftar. Pemegang merk dagang memiliki hak untuk melindungi merk dagang mereka masing2.
Jika hal itu terjadi, maka anda dan bisnis anda berada dalam bahaya.

Langkah awal yang terbaik adalah mencatat kemungkinan domain yang akan digunakan. Dan jika beruntung, anda akan mendapatkan salah satu dari nama domain yang ada di daftar anda.

-->: Tips memilih nama domain yang bagus?

2011-05-31T05:30:00.001-07:00

Judul*: Tips memilih nama domain yang bagus?

Isi*: Pemilihan nama domain yang bagus sangatlah penting. Berikut adalah beberapa tips yang umum untuk pemilihan nama domain:

* Pilih domain yang mudah diucapkan, dimengerti, dan diingat. Terkadang anda mesti memberitahu seseorang secara verbal nama domain anda, mungkin lewat telepon atau radio dan nama domain yang samar-samar mirip bisa membingungkan.
* Jagalah agar nama domain anda tidak panjang namun juga tidak terlalu pendek. Anda bisa juga menggunakan singkatan, namun sebaiknya berarti dan mudah diingat.
* Daftar dan beli nama domain yang mewakili nama perusahaan, nama produk atau tema website anda.
* Pilih nama domain yang menggunakan extension .com terlebih dahulu karena paling populer. Bila sudah diambil oleh orang lain, anda bisa menggunakan domain extension lain seperti .net .biz .info dsb.
* Gunakan tanda minus "-" untuk penyambung sebagai alternatif, misalnya websiteku.com sudah diambil orang, website-ku.com adalah alternatif yang baik.

-->: senam nifas

2011-05-30T06:52:00.001-07:00

Judul*: senam nifas

Isi*: Senam NifaS

26 Jun

SENAM NIFAS

Umumnya, wanita yang habis melahirkan kerap mengeluhkan bentuk tubuhnya yang melar. Meski harusnya dimaklumi, akibat membesarnya otot rahim karena pembesaran sel maupun pembesaran ukurannya selama hamil. Selain otot perut pun jadi memanjang sesuai pertumbuhan kehamilan. Setelah melahirkan, otot-otot tersebut akan mengendur. Belum lagi kondisi tubuh yang kurang prima lantaran letih dan tegang. Sementara peredaran darah dan pernapasan belum kembali normal. Hingga untuk membantu mengembalikan tubuh ke bentuk dan kondisi semula, tak bisa lain harus dengan latihan senam nifas yang teratur.

Manfaat lain senam nifas juga untuk mengencangkan otot perut, liang sanggama, otot-otot sekitar vagina maupun otot-otot dasar panggul, disamping melancarkan sirkulasi darah. Senam nifas sebaiknya dilakukan dalam waktu 24 jam setelah melahirkan, lalu secara teratur setiap hari. Sayangnya, para ibu kerap merasa takut melakukan gerakan demi gerakan setelah persalinan. Padahal 6 jam setelah persalinan normal atau 8 jam setelah operasi sesar, ibu sudah boleh melakukan mobilisasi dini, termasuk senam nifas. Dengan melakukan senam nifas segera mungkin, hasil yang didapat pun diharapkan bisa optimal. Tentunya lakukan secara bertahap.

Tak kalah penting, tegas Hasnah, dengan melakukan senam nifas, kondisi umum ibu jadi lebih baik. Rehabilitasi atau pemulihan jadi bisa lebih cepat, contohnya. Kemungkinan terkena infeksi pun kecil karena sirkulasi darahnya bagus.

Selain menumbuhkan/memperbaiki nafsu makan, hingga asupan makannya bisa mencukupi kebutuhannya. Paling tidak, dengan melakukan senam nifas, ibu tak terlihat lesu ataupun emosional.

Tentu saja, jelas Dra. Ira Kusyairi Dipl. Pt., fisioterapis dari RSAB Harapan Kita, Jakarta, bentuk latihan senam antara ibu yang habis melahirkan normal dengan yang sesar tidaklah sama. Pada mereka yang sesar, beberapa jam setelah keluar dari kamar operasi, pernapasanlah yang dilatih guna mempercepat penyembuhan luka. Sementara latihan untuk mengencangkan otot perut dan melancarkan sirkulasi darah di tungkai baru dilakukan 2-3 hari setelah ibu dapat bangun dari tempat tidur. Sedangkan pada persalinan normal, bila keadaan ibu cukup baik, semua gerakan senam bisa dilakukan.

Namun meski kegunaannya banyak, tak semua ibu usai melahirkan dapat melakukan senam nifas. "Seperti halnya senam hamil, senam ini pun harus dengan rekomendasi dokter," bilang Ira. Bahkan untuk ibu-ibu yang mengalami komplikasi selama persalinan tentu tak dibolehkan melakukan senam nifas. Demikian juga untuk kelainan-kelainan seperti jantung, ginjal atau diabetes. Jangankan senam, mereka malah diharuskan istirahat total sekitar 2 minggu. Ibu dengan kelainan jantung, misal, bila disuruh banyak beraktivitas, tentu akan makin capek yang membuat kerja jantungnya makin payah.

Dedeh

Tujuan senam nifas

Tujuan senaam nifas di antaranya:
a. Memperlancar terjadinya proses involusi uteri (kembalinya rahim ke bentuk semula).
b. Mempercepat pemulihan kondisi tubuh ibu setelah melahirkan pada kondisi semula.
c. Mencegah komplikasi yang mungkin timbul selama menjalani masa nifas.
d. Memelihara dan memperkuat kekuatan otot perut, otot dasar panggul, serta otot pergerakan.
e. Memperbaiki sirkulasi darah, sikap tubuh setelah hamil dan melahirkan, tonus otot pelvis, regangan otot tungkai bawah.
f. Menghindaripembengkakan pada pergelangan kaki dan mencegah timbulnya varises.

Manfaat senam nifas

a. Membantu penyembuhan rahim, perut, dan otot pinggul yang mengalami trauma serta mempercepat kembalinya bagian-bagian tersebut kebentuk normal.
b. Membantu menormalkan sendi-sendi yang menjadi longgar diakibatkan kehamilan.
c. Menghasilkan manfaat psikologis menambah kemampuan menghadapi stress dan bersantai sehingga mengurangi depresi pasca persalinan.

Syarat senam nifas

Senam nifas dapat di lakukan setelah persalinan, tetapi dengan ketentuan sebagai berikut:
a. Untuk ibu melahirkan yang sehat dan tidak ada kelainan.
b. Senam ini dilakukan setelah 6 jam persalinan dan dilakukan di rumah sakit atau rumah bersalin, dan diulang terus di rumah.

Kerugian Bila Tidak Melakukan senam nifas

a. Infeksi karena involusi uterus yang tidak baik sehingga sisa darah tidak dapat dikeluarkan.
b. Perdarahan yang abnormal, kontraksi uterus baik sehingga resiko perdarahan yang abnormal dapat dihindarkan.
c. Trombosis vena (sumbatan vena oleh bekuan darah).
d. Timbul varises.

Latihan senam nifas
1) Hari pertama, sikap tubih terlentang dan rileks, kemudian lakukan pernafasan perut diawali dengan mengambil nafas melalui hidung dan tahan 3 detik kemudian buang melalui mulut, Lakukan 5-10 kali.
Rasional :
Setelah melahirkan peredaran darah dan pernafasan belum kembali normal. Latihan pernafasan ini ditujukan untuk memperlancar peredaran darah dan pernafasan. Seluruh organ-organ tubuh akan teroksigenasi dengan baik sehingga hal ini juga akan membantu proses pemulihan tubuh.
2) Hari kedua, sikap tubuh terlentang, Kedua tangan dibuka lebar hingga sejajar dengan bahu kemudian pertemukan kedua tangan tersebut tepat di atas muka. Lakukan 5-10 kali.
Rasional : Latihan ini di tujukan untuk memulihakan dan menguatkan kembali otot-otot lengan.
3) Hari ketiga, sikap tubuh terlentang, kedua kaki agak dibengkokkan sehingga kedua telapak kaki berada dibawah. Lalu angkat pantat ibu dan tahan hingga hitungan ketiga lalu turunkan pantat keposisi semula. Ulangi 5-10 kali.
Rasional :
Latihan ini di tujukan untuk menguatkan kembali otot-otot daar panggul yang sebelumnya otot-otot ini bekerja dengan keras selama kehamilan dan persalinan.
4) Hari keempat, tidur terlentang dan kaki ditekuk ± 45°, kemudian salah satu tangan memegang perut setelah itu angkat tubuh ibu ± 45° dan tahan hingga hitungan ketiga.
Rasional :
Latihan ini di tujukan untuk memulihakan dan menguatkan kembali otot-otot punggung.
5) Hari kelima, tidur terlentang, salah satu kaki ditekuk ± 45°, kemudian angkat tubuh dan tangan yang berseberangan dengan kaki yang ditekuk usahakan tangan menyentuh lutut. Gerakan ini dilakukan secara bergantian hingga 5 kali.

Rasional :

Latihan ini bertujuan untuk elatih sekaligus otot-otot tubuh diantaranya otot-otot punggung, otot-otot bagian perut, dan otot-otot paha.
6) Hari keenam, Sikap tubuh terlentang kemudian tarik kaki sehingga paha membentuk 90° lakukan secara bergantian hingga 5 kali.
Rasional:
Latihan ini ditujukan untuk menguatkan otot-otot di kaki yang selama kehamilan menyangga beban yang berat. Selain itu untuk memperlancar sirkulasi di daerah kaki sehingga mengurangi resiko edema kaki.
GAMBAR SENAM NIFAS

1.Berbaring dengan lutut di tekuk. Tempatkan tangan diatas perut di bawah area iga-iga. Napas dalam dan lambat melalui hidung dan kemudian keluarkan melalui mulut, kencangkan dinding abdomen untuk membantu mengosongkan paru-paru

2.Berbaring telentang, lengan dikeataskan diatas kepala, telapak terbuka keatas. Kendurkan lengan kiri sedikit dan regangkan lengan kanan. Pada waktu yang bersamaaan rilekskan kaki kiri dan regangkan kaki kanan sehingga ada regangan penuh pada seluruh bagian kanan tubuh.

3.Kontraksi vagina. Berbaring telentang. Kedua kaki sedikit diregangkan. Tarik dasar panggul, tahan selama tiga detik dan kemudian rileks.

4.Memiringkan panggul. Berbaring, lutut ditekuk. Kontraksikan/kencangkan otot-otot perut sampai tulang punggung mendatar dan kencangkan otot-otot bokong tahan 3 detik kemudian rileks.

5.Berbaring telentang, lutut ditekuk, lengan dijulurkan ke lutut. Angkat kepala dan bahu kira-kira 45 derajat, tahan 3 detik dan rilekskan dengan perlahan.

6.Posisi yang sama seperti diatas. Tempatkan lengan lurus di bagian luar lutut kiri.

7.Tidur telentang, kedua lengan di bawah kepala dan kedua kaki diluruskan. angkat kedua kaki sehingga pinggul dan lutut mendekati badan semaksimal mungkin. Lalu luruskan dan angkat kaki kiri dan kanan vertical dan perlahan-lahan turunkan kembali ke lantai.

8.tidur telentang dengan kaki terangkat ke atas, dengan jalan meletakkan kursi di ujung kasur, badan agak melengkung dengan letak pada dan kaki bawah lebih atas. Lakukan gerakan pada jari-jari kaki seperti mencakar dan meregangkan. Lakukan ini selama setengah menit.

9.Gerakan ujung kaki secara teratur seperti lingkaran dari luar ke dalam dan dari dalam keluar. Lakukan gerakan ini selama setengah menit.

10.Lakukan gerakan telapak kaki kiri dan kanan ke atas dan ke bawah seperti gerakan menggergaji. Lakukan selama setengah menit.

11.Tidur telentang kedua tangan bebas bergerak. Lakukan gerakan dimana lutut mendekati badan, bergantian kaki kiri dan kaki kanan, sedangkan tangan memegang ujung kaki, dan urutlah mulai dari ujung kaki sampai batas betis, lutut dan paha. Lakukan gerakan ini 8 sampai 10 setiap hari.

12.berbaring telentang, kaki terangkan ke atas, kedua tangan di bawah kepala. Jepitlah bantal diantara kedua kakidan tekanlah sekuat-kkuatnya. Pada waktu bersamaan angkatlah pantat dari kasur dengan melengkungkan badan. Lakukan sebanyak 4 sampai 6 kali selama setengah menit.

13.Tidur telentang, kaki terangkat ke atas, kedua lengan di samping badan. kaki kanan disilangkan di atas kaki kiri dan tekan yang kuat. Pada saat yang sama tegangkan kaki dan kendorkan lagi perlahan-lahan dalam gerakan selama 4 detik. Lakukanlah ini 4 sampai 6 kali selama setengah menit.

Apa tujuan latihan Sikap tubuh terlentang menarik kaki sehingga paha membentuk 90° ?
a. Menguatkan otot-otot punggung.
b. Menguatkan otot-otot di kaki dan memperlancar sirkulasi sehingga mengurangi resiko edema kaki
c. Menguatkan otot-otot bagian perut.
d. Menguatkan kembali otot-otot dasar panggul

Pro-Kontra Penggunaan Bengkung/Gurita

Secara tradisional, terang Ny. Koesmariyah H.R. Soedjak Ranoekoesoemo, penggunaan bengkung dan gurita diyakini bisa melangsingkan kembali perut yang melar. Bila dianggap merepotkan, penggunaan step in yang praktis karena tinggal memasang kaitannya bisa dijadikan alternatif. Sebaliknya, menurut Chairulsjah, soal stagen sampai saat ini masih mengundang kontroversi. Ada yang mengatakan akan lebih cepat pemulihannya. Namun tak sedikit pula yang berprinsip boleh memakai tapi sekadarnya saja atau malah tegas-tegas melarang.

Pertimbangannya, penggunaan stagen yang diikat terlalu kuat hanya akan membuat tekanan intraabdomen di dalam rongga perut terlalu tinggi. Akibatnya, organ-organ yang berada di rongga perut tertekan sedemikian rupa. Termasuk rahim yang lambat laun akan turun hingga terjadilah prolapsus uteri. Belum lagi keluhan sesak napas yang dirasa menyiksa. Begitu juga kulit perut yang jadi lembab karena keringat yang tertahan "mengundang" infeksi. Sayangnya, bilang Chairulsjah, penggunaan gurita seolah sudah jadi keharusan. Hingga si ibu memang sulit menolak bila anjuran datang dari segala penjuru.(YANTI)

gambar senam nifas

-->: Cara membuat slideshow

2011-05-30T06:30:00.000-07:00

Judul*: Cara membuat slideshow

Isi*: langsung taruh di Tambah widget

#spylist {
overflow:hidden;
margin-top:5px;
padding:0px 0px;
height:350px;
}
#spylist ul{
width:220px;
overflow:hidden;
list-style-type: none;
padding: 0px 0px;
margin:0px 0px;
}
#spylist li {
width:208px;
padding: 5px 5px;
margin:0px 0px 5px 0px;
list-style-type:none;
float:none;
height:70px;
overflow: hidden;
background:#fff url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/blogger/post.jpg) repeat-x;
border:1px solid #ddd;
}

#spylist li a {
text-decoration:none;
color:#4B545B;
font-size:11px;
height:18px;
overflow:hidden;
margin:0px 0px;
padding:0px 0px 2px 0px;
}
#spylist li img {
float:left;
margin-right:5px;
background:#EFEFEF;
border:0;
}
.spydate{
overflow:hidden;
font-size:10px;
color:#0284C2;
padding:2px 0px;
margin:1px 0px 0px 0px;
height:15px;
font-family:Tahoma,Arial,verdana, sans-serif;
}

.spycomment{
overflow:hidden;
font-family:Tahoma,Arial,verdana, sans-serif;
font-size:10px;
color:#262B2F;
padding:0px 0px;
margin:0px 0px;
}

-->
</style>
<script language='JavaScript'>

imgr = new Array();

imgr[0] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[1] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[2] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[3] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[4] = "http://i43.tinypic.com/orpg0m.jpg";
showRandomImg = true;

boxwidth = 255;

cellspacing = 6;

borderColor = "#232c35";

bgTD = "#000000";

thumbwidth = 70;

thumbheight = 70;

fntsize = 12;

acolor = "#666";

aBold = true;

icon = " ";

text = "comments";

showPostDate = true;

summaryPost = 40;

summaryFontsize = 10;

summaryColor = "#666";

icon2 = " ";

numposts = 10;

home_page = " http://www.dikutip.com/";

limitspy=4
intervalspy=4000

</script>

-->: Cara membuat slideshow

2011-05-30T06:17:00.000-07:00

Judul*: Cara membuat slideshow

Isi*: Cara membuat slideshow
Posted by: admin

Cara membuat foto/image slideshow.
Oke langsung aja tanpa panjang lebar, kalau lebar mulutnya siapa..??
Mari ikuti langkah-langkah dibawah untuk membuat slideshow seperti contoh demo.
Demo:

Langkah-langkahnya adalah:
Letakkan kode berikut dibagian <head> website/blog kamu:

Salin kode JAVASCRIPT

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46

<SCRIPT LANGUAGE="JavaScript">

</script>

Kemudian letakkan kode berikut dibagian body konten website/blog kamu:
Salin kode DIV

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39

<center>
<form name=slideform>
<tr>
<td align=center bgcolor="white">
<b>Image Slideshow</b>
</td>
</tr>
<div style="border: 1px solid #ccc; padding-top: 10px; margin: 3px;
overflow: auto;
width: 350px;
height: 130px;
">
<tr>
<td align=center bgcolor="white">
<img src="images1.jpg" name="show">
</td>
</tr>
</div>
<table cellspacing=1 cellpadding=4 bgcolor="#000000">
<tr>
<td align=center bgcolor="#C0C0C0">
<select name="slide" onChange="change();">
<option value="images1.jpg" selected>Gambar 1
<option value="images2.jpg">Gambar 2
<option value="images3.jpg">Gambar 3
</select>

<input type=button onClick="first();" value="|<<" title="Beginning">

<input type=button onClick="previous();" value="<<" title="Previous">
<input type=button name="slidebutton" onClick="ap(this.value);" value="Start" title="AutoPlay">
<input type=button onClick="next();" value=">>" title="Next">
<input type=button onClick="last();" value=">>|" title="End">
</td>

</tr>
</table>
</form>
</center>

Ganti file images1.jpg, images2.jpg dan images3.jpg dengan file gambar milik kamu.
Selesai! Selamat mencoba..

-->: tutorial html

2011-05-30T02:25:00.001-07:00

Judul*: tutorial html

Isi*: Tutorial HTML (2)
Melanjutkan posting yang terdahulu setelah terselang oleh beberapa artikel tentang blog tutorial maka kali ini saya akan membahas tentang tutorial HTML kembali.Sebelum menginjak kepada topik bahasan ada baiknya para sobat mengikuti bahasan kali ini dengan langsung memfraktekannya agar lebih cepat mengerti. Caranya siapkan terlebih dahulu program notepadnya lalu tuliskan kode HTML seperti dibawah, kemudian apabila telah selesai mempraktekan simpan file tersebut dengan extensi .htm (dot htm). Contoh file : latihan.htm kemudian jalankan dengan internet explorer. silahkan tulis kode-kode berikut :

<html>

<head>

<title>latihan</title>

<body>

Tulis apa-apa yang saya terangkan di sini !

</body>

</html>

Kita langsung ke topik bahasan aja ya biar ga bosan.

Elemen dasar HTML

Ada beberapa elemen dasar HTML yaitu :

Elemen Blok Level

Elemen blok level yaitu tingkatan besarnya hurup yang akan di tampilkan pada browser. Elemen blok level yang paling sering di gunakan adalah Heading (h1 sampai h6).Tag heading ini ini berupa <h1>...</h1> sampai dengan <h6>...</h6>.

Contoh :

<h1>Ini heading 1</h1>
<h2>Ini heading 2</h2>
<h3>Ini heading 3</h3>
<h4>Ini heading 4</h4>
<h5>Ini heading 5</h5>
<h6>Ini heading 6</h6>

Hasilnya akan seperti ini :

Ini heading 1

Ini heading 2

Ini heading 3

Ini heading 4
Ini heading 5

Ini heading 6

Sebenarnya ada cara lain untuk menampilkan berbagai ukuran hurup, yakni memakai tag <font size="...">.....</font>.

Contoh :

Hasil yang akan tampil seperti ini :

Ini font size 1

Ini font size 2

Ini font size 3

Ini font size 4

Ini font size 5

Ini font size 6

Ini font size 7

Itu adalah contoh untuk menampilkan huruf dalam berbagai ukuran.

Untuk kesempatan kali ini, kaya nya udah dulu sobat soalnya belum mandi nih, mo berangkat kerja hiii.....pantesan dari tadi ada yang bau aneh

Nantikan seri berikutnya!

-->: membuat mybloglog

2011-05-30T02:22:00.001-07:00

Judul*: membuat mybloglog

Isi*: Daftar Mybloglog
Bagi para sobat yang baru membuat blog, pada kesempatan kali ini saya mau menambahkan perbendaharaan blog tools nya, yakni pasang MyBloglog.

Apa itu Mybloglog ?

Bingung kalau harus mendifinisikan apa itu mybloglog biar kita tidak sama-sama bingung, silahkan alihkan perhatian sobat ke bagian sidebar sebelah kanan layar monitor, di bawah tulisan Tamu terdapat photo yang ganteng-ganteng serta cantik-cantik. Nah itu bukanlah photo saya ataupun my family, tapi itu merupakan tamu yang pernah berkunjung ke blog ini dan beliau-beliau inipun sama-sama anggota dari mybloglog, atau barangkali photo sobat sudah terpampang disana? selamat kalau iya, karena sobat akan mulai jadi orang terkenal. Ko bisa? Ya iiyya...lah, karena tercatat tak kurang dari lima puluh pengunjung setiap harinya yang mampir kemari dan selalu melihat photo sobat, keren kan! makanya sering-sering main kemari biar cepat terkenal..he..he..(wuyyy...udah dong ngelanturnya ).

Bagaimana sobat sudah dapat gambaran? saya yakin sudah. Atau belum? kalau belum bolehlah saya yang mendefinisikan, tapi tentunya dengan versi saya sendiri. Mybloglog adalah suatu situs yang menyediakan layanan untuk melacak (tracking) para pengunjung blog/website dimana apabila pengunjung tersebut merupakan anggota situs mybloglog maka dapat secara otomatis terdeteksi dan di cantumkan dalam menu Recent Reader nya (pembaca terbaru).

Apa manfaat bergabung di mybloglog?

Ada beberapa manfaat kita bergabung dengan mybloglog yaitu :

# Untuk menambah traffic ke blog kita

Dengan adanya photo kita terpampang di blog orang lain, maka ada kemungkinan banyak yang akan berkunjung ke blog milik kita, sekurang-kurangnya dari pemilik blog itu sendiri.

# Mengetahui link mana yang banyak di klik

Di mybloglog ada fasilitas tracking untuk memberi peringkat terhadap link-link yang kita pasang, link mana yang banyak di klik pengunjung, maka peringkat link itu semakin baik.

# Mempererat tali silaturahmi antar pemilik blog

Tak bisa di pungkiri dengan adanya otomatisasi photo kita terpampang tanpa harus menuliskan pesan seperti halnya buku tamu, ini tentunya akan lebih memungkinkan saling kunjung mengunjungi antar pemilik blog.

Dan tentu saja masih ada manfaat-manfaat yang lainnya yang bisa di dapat, akan tetapi untuk menghemat pembahasan hanya itu saja dulu. Nah sekarang bagaimana cara bergabung dengan mybloglog, silahkan ikuti langkah-langkah berikut ini :

1. Silahkan buka situs http://www.mybloglog.com

2. Isi form yang telah di sediakan di bawah tulisan Sign Up Now

3. Screen name --> Isi dengan nama yang ingin di tampilkan. Contoh : Amen24

4. Email --> Isi dengan email sobat ( yang valid)

5. Passwor --> Isi dengan password yang di inginkan. Contoh : ranggalawe

6. Blog/Site URL --> Isi dengan alamat blog sobat. Contoh : http://rubrik-elektronik.blogspot.com

7. Klik Tombol Register

8. Terlihat beberapa form yang harus diisi lagi

9. Blog/Site Title --> Isi dengan judul blog sobat

10. Blog platporm --> pilih blogspot.com

11. Dibagian bawah ada dua radio buttun, silahkan pilih yang sobat sukai

12. Klik tombol yang bertuliskan Complete Registration

13. Klik tulisan Go to Your page

14. Klik tombol yang bertuliskan Edit profile yang berada di sebelah kanan atas

15. Isi semua data diri sobat (tidak saya sebutkan satu2 karena terlalu banyak)

16. Jika sudah selesai di isi semua, klik tombol bertuliskan Update my profile

17. Klik tulisam MY HOME untuk kembali ke home

18. Klik tombol yang bertuliskan Get Widget

19. Klik kotak di samping tulisan c_color_heading_bg kemudian pilih warna yg di sukai pada panel warna untuk merubah warna background heading

20. Klik kotak di samping tulisan c_color_heading kemudian pilih warna yg di sukai pada panel warna untuk merubah warna tulisan heading

21. Klik kotak di samping tulisan c_color_link_bg kemudian pilih warna yg di sukai pada panel warna untuk merubah warna backround link

22. Klik kotak di samping tulisan c_color_link kemudian pilih warna yg di sukai pada panel warna untuk merubah warna tulisan link

23. Klik kotak di samping tulisan c_color_link kemudian pilih warna yg di sukai pada panel warna untuk merubah warna backround bottom

24. Tulis ukuran lebar yang sesuai dengan sidebar blog sobat (kalau mau di tempatkan di sidebar) contoh : 160

25. Di samping tulisan Show Screen Names ada dua radio button, sebaiknya pilih yes, pilih No juga boleh

26. Di samping tulisan Image Size ada dua radio button, sebaiknya pilih Full-Size, pilih half-Size juga boleh

27. Disamping tulisan Rows, pilih berapa baris yang ingin muncul (terserah)

28. Disamping tulisan Title, tulis kata yang sobat suka. contoh : pembaca terbaru, yang mampir, tamu blog ini, atau apa saja

29. Di bagian bawah, ada tulisan Stat Tracking Script, copy kode script yang di berikan lalu paste pada program notepad, silahkan save terlebih dahulu

30. Kembali ke bagian atas

31. Klik tombol bertuliskan Preview and Get Code

32. Copy seluruh kode yang berada di bawah tulisan Recent Readers Widget Display & Code, lalu paste ke dalam notepad

33. Silahkan klik tulisan Logout yang berada di bagian atas untuk keluar dari account sobat

34. Silahkan close window situs tersebut.

Langkah selanjutnya adalah memasukan kode yang sudah di copy pada notepad tadi kedalam blog kita, karena kode ini merupakan Java Script, maka cara memasukan kodenya sama dengan memasukan kode HTML, dan ini sudah saya bahas pada postingan terdahulu. Jika sudah lupa silahkan baca lagi di sini. Selesai.

Selamat menikmati photo-photo ganteng dan cantik dari tamu blog sobat.

-->: cara merawat bayi baru lahir

2011-05-29T06:33:00.001-07:00

Judul*: cara merawat bayi baru lahir

Isi*: Merawat Bayi Baru Lahir
Berapa kali sehari, sih, bayi harus dimandikan? Kenapa pula bokongnya kerap berwarna merah? Perlukah kita membersihkan lidah si kecil? Nah, simak jawaban ahli mengenai pertanyaan yang kerap Anda lontarkan.

Merawat bayi memang bukan pekerjaan mudah. Padahal jika tak dirawat dengan benar dan kebersihannya tak dijaga, tubuhnya bakal rentan terhadap banyak penyakit. Bagian tubuh mana saja yang penting dirawat dan dijaga kebersihannya?

TALI PUSAT

Perawatan tali pusat pada bayi baru lahir harus diperhatikan betul, sebab daerah ini mudah sekali terkena infeksi. Libatkan pangkal tali pusat dengan kasa steril yang dibasahi alkohol 70 persen. Ingat, pangkal tali pusat harus tertutup rapat. Lakukan dua kali sehari. Jaga agar kasa steril senantiasa lembab.

Jika tali pusat yang belum putus tak sengaja terkena air saat bayi dimandikan, keringkan dengan cotton buds atau kasa steril, lalu beri alkohol 70 persen.

Jangan bubuhi ramuan apa pun pada pangkal tali pusat. Cukup alkohol 70 persen, karena tak mengandung zat-zat racun yang bisa diserap tubuh bayi. Selain itu, alkohol dapat membunuh kuman dan mengeringkan pangkal tali pusat, sehingga pangkal tali pusat menciut dan akhirnya puput atau putus. Umumnya, tali pusat akan putus antara 1-2 minggu setelah kelahiran, tapi bisa juga terjadi lebih dini atau lebih lambat.

MATA

Di sini terdapat sumber air mata yang terletak di atas mata. Setiap 3 detik, sumber air mata mengeluarkan air mata, yang lalu mengalir ke saluran di ujung tengah mata dekat hidung. Pada bayi baru lahir, karena di kandungan belum pernah menangis, maka sumber air mata belum berproduksi. Jadi, salurannya masih tertutup. Bisa juga, kadang terbuka tapi lalu menutup lagi, sehingga airmata yang seharusnya sudah mengalir jadi tergenang.

"Air mata ini 'aneh'. Dia membunuh kuman untuk beberapa menit, tapi setelah lewat beberapa menit, dia tak membunuh lagi, malah menjadi makanan kuman. Jadi, bila air mata tergenang atau tak mengalir, tumbuhlah kuman-kuman yang lalu menimbulkan tahi mata. Itu dapat membahayakan kornea," terang dokter spesialis anak yang juga praktek di RS International Bintaro ini.

Karena itu perlu dilakukan pemijatan di area sudut mata dengan menggunakan jari yang tak berkuku panjang atau cotton buds yang dibasahi air matang. Pijat lembut dari sudut mata ke bawah dan ke arah hidung, selama 5-10 kali. Lakukan lebih kurang 2 minggu, karena setelah itu, umumnya saluran air mata telah terbuka tetap dan berfungsi. Untuk membersihkan tahi mata, gunakan kapas steril yang dibasahi air matang. Selalu gunakan satu kapas steril untuk tiap mata.

KULIT

Kulit manusia harus dibersihkan, karena merupakan "makanan empuk" bagi kuman-kuman kulit. Bayi baru lahir minimal dimandikan sehari sekali karena ia belum tahan dingin. Entah dengan cara berendam di bak mandi atau dilap dengan waslap basah yang sudah diberi sabun bayi. "Pilih yang mengandung Pro Vitamin B5. Ini berguna untuk merawat kesehatan kulit, memberi rasa nyaman, dan menjaga kulit tetap halus," kata Rini Budiyanti, Senior Brand Manager PT Cussons Indonesia,

Agar kulit tetap lembab dan terhindar dari kekeringan, Rini menganjurkan pemakaian baby oil yang mengandung Vitamin E. "Vitamin ini juga bermanfaat untuk membuat kulit tetap halus, lembut, dan terhindar dari lecet," terangnya dalam acara Ibu, Bayi & Balita di SCTV, kerjasama nakita dengan PT Endrass Perdana.

Untuk mencegah munculnya biang keringat, atur temperatur ruangan/kamar bayi senyaman mungkin. Jangan sampai bayi kepanasan. Jika tak punya AC, ventilasi kamar harus baik.

Untuk mengatasi biang keringat, cukup diberi bedak khusus bayi. "Gunakan bedak bayi yang mengandung Pro Vitamin B5, agar kulit si kecil tetap halus dan lembut," saran Rini pula.

Lalu, pada jam-jam yang banyak mengeluarkan keringat seperti siang hari, lap bagian tubuh yang banyak keringat dengan kapas yang dibasahi air hangat atau tisu basah non-alkohol. Lakukan sesering mungkin pada bayi yang banyak biang keringat, terutama di daerah-daerah lipatan.

KULIT KEPALA

Yang paling menjengkelkan tapi tak berbahaya ialah cradle crap atau kerak di kulit kepala. Antara lain disebabkan kulit kepala terpolusi udara dan debu. Bersihkan dengan air matang setelah diberi obat dari dokter. Tapi jangan keras-keras karena setelah diberi obat, sebenarnya nanti akan ngelotok sendiri.

Boleh juga menggunakan baby oil, diamkan kira-kira 10-15 menit, lalu pijat secara lembut, dilanjutkan dengan pencucian. Tapi ingat, jangan lakukan pijatan atau pembersihan dengan keras. Jika kulit kepala sampai berdarah dan infeksi, bisa berbahaya. Sebab, ada satu peredaran darah di kepala yang menyambung dengan otak.

Usahakan kulit kepala tetap sejuk dan kering, karena kerak ini akan makin parah jika kulit kepala berkeringat. Jangan kenakan topi pada bayi kecuali jika sangat diperlukan dan lepaskan topi itu setelah bayi Anda berada di dalam rumah atau kendaraan.

RAMBUT

Kata Adi Tagor, untuk menumbuhkan rambut bayi sebenarnya tak perlu sampo. Ia lebih menganjurkan pemakaian daun seledri sebagai perangsang. Tapi, boleh-boleh saja menggunakan sampo khusus bayi dan cukup dua kali seminggu.

Rini menyarankan pemakaian sampo bayi yang mengandung Pro Vitamin B5, agar rambut tetap sehat, mudah diatur, dan lebih bercahaya. "Untuk membantu pertumbuhan rambut, bisa digunakan hair lotion yang juga mengandung Pro Vitamin B5 dan Vitamin E yang memberikan kelembaban ekstra pada kulit bayi yang sensitif," katanya.

Untuk bayi kecil, basahi rambutnya dengan semprotan halus atau dengan menuangkan secangkir air. Tambahkan satu-dua tetes sampo dan gosok lembut sampai berbusa. Hindari jangan sampai sampo mengenai mata. Basuh sampai bersih dengan semprotan lembut atau beberapa cangkir air.

Untuk bayi yang sudah dapat berdiri sendiri, gunakan alat khusus yang dapat melindungi mata dari aliran air dan sampo saat rambutnya dikeramasi.

HIDUNG

Bagian dalam hidung punya daya pembersih sendiri dan tak perlu perawatan khusus. Jika ada cairan atau kotoran yang keluar, bersihkan bagian luarnya. Jangan gunakan cotton buds, tisu yang digulung kecil atau jari Anda untuk mengeluarkan kotoran dari dalam hidung. Anda hanya akan mendorong kotoran itu lebih jauh ke dalam atau bahkan menggores membran pembatas hidung yang peka.

Jika bayi punya banyak lendir karena pilek sehingga menghambat pernapasan, sedot keluar dengan cara mengisapnya oleh ibu secara lembut atau dengan aspirator hidung bayi. Tutup sebelah lubang hidung dengan jari, lalu isap sebelahnya. Begitu bergantian. Jangan sekali-sekali mengisap kedua lubang sekaligus, karena berbahaya. Lendir dapat naik ke telinga tengah, sehingga menimbulkan infeksi telinga tengah.

TELINGA

Seperti hidung, bagian dalam telinga juga tak boleh dibersihkan. Anda boleh membersihkan jika kotoran itu sudah mencapai "pintu" keluar atau setelah melewati "tikungan" di dalam liang telinga luar. Gunakan cotton buds yang diberi air hangat agar kotoran jadi lebih lunak, sehingga mudah dikeluarkan. Minta pertolongan dokter untuk membersihkan kotoran yang berada di dalam telinga dan keras.

Sementara daun telinga dapat dibersihkan tiap kali memandikan bayi. Gunakan cotton buds atau kapas yang dibasahi air hangat. Lakukan secara lembut.

MULUT

Sebenarnya mulut bayi tak perlu perawatan khusus. Apalagi sampai menggunakan kasa steril yang dibasahi air matang untuk membersihkan endapan susu di permukaan lidah. Salah-salah malah bikin lidah lecet. "Endapan susu tak perlu dibersihkan. Setelah usia 3 bulan, endapan susu tak ada lagi, karena bayi sudah mulai makan makanan padat. Jadi, cukup diberi air putih saja untuk membersihkan mulutnya," jelas Adi Tagor. Setelah bayi tumbuh gigi, sekitar usia 6 bulan, boleh gusi dan gigi dibersihkan sekali sehari dengan kasa steril yang dibasahi air matang.

Penting diketahui, lanjut Adi Tagor, sampai usia sebulan, mulut dan bibir bayi mudah sekali ditumbuhi jamur candida. Jamur ini berasal dari orang dewasa, terdapat di selaput lendir dan lebih sering dijumpai di vagina. Jika tangan ibu tak bersih setelah memegang vagina, lalu memegang tangan bayi dan bayi memasukkan tangannya ke mulutnya, maka "hinggap"lah jamur candida di mulutnya. Gejalanya tampak dari munculnya busa-busa putih di area bibir dan mulut. Jamur candida bisa diobati dengan obat dari dokter.

KUKU

Sejak bayi baru lahir, kuku-kukunya boleh digunting. (Ada yang percaya harus menunggu 40 hari.)Tapi lakukan secara hati-hati, jangan sampai kulitnya ikut tergunting. Setelah digunting, kuku-kuku itu harus pula dikikir. Bila tidak, kuku-kukunya akan tetap tajam dan ini bisa berbahaya jika sampai mengenai kornea mata. Ingat, bayi selalu menggunakan tangannya untuk menyentuh apa saja, termasuk bagian-bagian wajahnya.

Untuk mencegah kuku-kuku bayi menggores bagian-bagian yang membahayakan, tutuplah dengan sarung tangan saat bayi sedang tak diawasi. Selama ia dalam pengawasan, tangannya tak usah diberi sarung. Sebab, tangan merupakan bagian dari pancaindera yang harus dikembangkan, yaitu indera peraba yang justru merupakan indera utama pada bayi. Apalagi bayi baru lahir mulai mengenal dunianya lewat sentuhan. Pegang saja tangannya dengan lembut saat mau mencakar atau menyentuh sesuatu yang berbahaya.

Pengguntingan kuku bayi dapat dilakukan saat ia tidur atau kala terbangun. Minta bantuan seseorang untuk memeganginya selama Anda menggunting kuku-kukunya. Gunakan selalu gunting kuku bayi yang berujung membulat/tumpul. Untuk menghindari kulit ikut tergunting, tekan "bantalan" jari ke bawah menjauh dari gunting. Jika terjadi "kecelakaan kecil", tekan bagian yang tergunting dengan pembalut steril sampai darah berhenti dan berikan obat antiseptik.

BOKONG

Area ini mudah terkena masalah, karena sering berkontak dengan popok basah dan terkena macam-macam iritasi dari bahan kimia serta mikroorganisme penyebab infeksi air kemih/tinja, maupun gesekan dengan popok atau baju. Biasanya akan timbul gatal-gatal dan merah di sekitar bokong.

Meski tak semua bayi mengalaminya, tapi pada beberapa bayi, gatal-gatal dan merah di bokong cenderung berulang timbul. Tindak pencegahan yang penting ialah mempertahankan area ini tetap kering dan bersih. Jika usaha pencegahan tak berhasil, yang dapat Anda lakukan ialah:

* Jangan gunakan diapers sepanjang hari. Cukup saat tidur malam atau bepergian.

* Jangan ganti-ganti merek diapers. Gunakan hanya satu merek yang cocok untuk bayi Anda.

* Lebih baik gunakan popok kain. Jika terpaksa memakai diapers, kendurkan bagian paha untuk ventilasi dan seringlah menggantinya (tiap kali ia habis buang air kecil/besar).

* Tak ada salahnya sesekali membiarkan bokongnya terbuka. Jika perlu, biarkan ia tidur dengan bokong terbuka. Pastikan suhu ruangan cukup hangat sehingga ia tak kedinginan.

* Jika peradangan kulit karena popok pada bayi Anda tak membaik dalam 1-2 hari atau bila timbul lecet atau bintil-bintil kecil, hubungi dokter anak Anda.

* Penting pula diperhatikan faktor makanan. Para ibu yang menyusui bayinya dengan ASI harus menghindari makanan yang mengandung lemak, asam dan pedas karena dapat membuat bayi sering buang air besar sehingga pantatnya jadi lecet. Ini harus diobati dengan obat dari resep dokter.

<<-->>: Distributor Pulsa dan PPOB

2011-05-22T00:48:00.001-07:00

Nama*: jupe

No. Tlp/HP*: 085646421157

Email*: jupecell@yahoo.co.id

Judul Iklan*: Distributor Pulsa dan PPOB

Isi Iklan*: jadi agen Distributor Pulsa dan PPOB cuma 100rb...
HARGA MURAH
FLEXI 5=4.850 10=9.550 20=19.000 50=47.350 100=94.600
AS 5=5.150 10=10.050 20=19.950 50=49.050 100=96.950
THREE 1=1.150 5=4.975 10=9.775 20=19.400 30=29.050 50=48.400 100=96.650
tunggu apalagi….. segeralah bergabung. Sebelum saingan bisnis anda mengambil peluang ini.

Masukan Gambar: