tag:blogger.com,1999:blog-89899347511014091102024-03-18T10:03:17.491+07:00BLOG NEBIAK SANGAUNgga' ada yang istimewa di sini, hanya tempatku belajar ngeblog, mencari sahabat dan berbagi ...Buchexhttp://www.blogger.com/profile/06453091683622654693noreply@blogger.comBlogger15125tag:blogger.com,1999:blog-8989934751101409110.post-46104925951420066002010-03-29T07:48:00.005+07:002010-03-29T08:00:53.279+07:00reBlog from enim: Sekedar CatatanI found this fascinating quote today:<br />
<br />
<blockquote class="zemanta-reblog-quote" style="margin: 1em 3em;"><br />
Jujur saja, ini pertama kalinya aku mecoba membuat tabel di area posting blog. Alhamdulillah, berhasil. Dan ide baru muncul, gimana caranya memanfaatkan tabel untuk penempatan widget di area posting? Aku ingin menempatkan lencana profil FBku berdampingan dengan kotak <a href="http://www.emailmeform.com/" target="_blank">Email Me From</a> kebetulan untuk <a href="http://ich44ini.blogspot.com/p/contact.html"><b><i>contact</i></b></a> kubuatkan satu halaman khusus, silahkan sobat klik pada tab menu di atas untuk melihat contohnya.<span class="attribution zemanta-reblog-cite" style="display: block; padding: 1em 0pt; text-align: right; width: 100%;">enim, <i><b><a href="http://ich44ini.blogspot.com/2010/03/memanfaatkan-tabel-untuk-pempatan.html" style="color: blue;">Sekedar Catatan</a><a href="http://ich44ini.blogspot.com/2010/03/memanfaatkan-tabel-untuk-pempatan.html" style="color: blue;" target="_blank">,</a></b></i> Mar 2010</span><br />
<br />
</blockquote><br />
You should read the whole article.Buchexhttp://www.blogger.com/profile/06453091683622654693noreply@blogger.com0tag:blogger.com,1999:blog-8989934751101409110.post-56741706817194960642010-02-21T23:25:00.045+07:002012-02-28T08:55:15.610+07:00Bikin Background berbeda di setiap halaman<span xmlns=""></span><br />
<div style="text-align: justify;"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgl-mUxiZUcWe_afA2Uq7LHTgOqeCkzNgIRnWJWvEn_UYdF8ONY1UI_z8oyE_AnOGOtRXZXw8aJJEqOv0CjfSC-8Q8NPfOgXOmPmOR3I0_-NL4_AU3Igamumvs_sVFImbf2XmmATKQzDfU/s1600-h/blog+nebiak+sangau.JPG" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="88" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgl-mUxiZUcWe_afA2Uq7LHTgOqeCkzNgIRnWJWvEn_UYdF8ONY1UI_z8oyE_AnOGOtRXZXw8aJJEqOv0CjfSC-8Q8NPfOgXOmPmOR3I0_-NL4_AU3Igamumvs_sVFImbf2XmmATKQzDfU/s200/blog+nebiak+sangau.JPG" width="200" /></a></div><span xmlns="">Trik ini pernah ku ulas sebelumnya. Namun ketika blogspot menambahkan fitur halaman, aku jadi kepikiran buat bikin background yang berbeda-beda pada setiap halamannya. Akhirnya setelah browsing kenana kemari, aku ketemu cara untuk menempatkan script background pada halaman tertentu. Bukan Cuma buat backround sob, buat widget juga bisa, jadi kita bisa memilah dan memilih backround mana yang akan di tampilkan di halaman depan, dihalaman selajutnya ataupada halaman-halaman tertentu sesuai keinginan kita.</span><br />
<span xmlns=""></span><br />
<a name='more'></a></div><div style="text-align: justify;"><span xmlns="">Baik, karena judul di atas ngebahas soal backround, maka posting kali ini fokus kepada soal membuat background dan penempatannya. Agar lebih aman, sebaiknya sobat buat blog baru. Pakai template minima saja. Namanya juga experiment, iya ngga…<br />
</span></div><div style="text-align: justify;"><span xmlns="">Ok, mari kita pehatikan script di bawah ini :</span><br />
<span xmlns=""><br />
</span></div><span style="background-color: #ea9999;"><style type="text/css"></span><br />
<span style="background-color: #ea9999;">{ background-color:transparent; }</span><br />
<span style="background-color: #ea9999;">body {background-image:url</span><br />
<span style="background-color: #ea9999;">('URL _GAMBARMU');</span><br />
<span style="background-color: #ea9999;"> background-attachment: fixed;</span><br />
<span style="background-color: #ea9999;"> background-position:top left;</span><br />
<span style="background-color: #ea9999;"> background-repeat:no-repeat;</span><br />
<span style="background-color: #ea9999;"></style></span><br />
<br />
<div style="background-color: #ea9999;"><span style="background-color: #ffe599;"></span></div><span xmlns="">Penjelasannya sebagai berikut :<br />
</span><br />
<span xmlns=""><br />
</span><br />
<span xmlns="">Ganti tulisan URL_GAMBARMU dengan url gambar sobat.<br />
</span><br />
<span xmlns="">Background attachment: fixed bisa sobat ganti dengan scrool.<br />
</span><br />
<span xmlns="">Background –position: top left, boleh sobat ganti dengan center, top right, bottom left atau bottom right, sesuaikan dengan template blogmu.<br />
</span><br />
<span xmlns="">Background-reapet:no-reapet, artinya background tersebut tetap/statis pada tempatnya jika sobat menaikkan atau menurunkan halaman, kalo pengen backroundnya ikut bergerak, hapus tulisan no-<br />
</span><br />
<span xmlns=""><br />
</span><br />
<div style="text-align: justify;"><span xmlns="">Edit terlebih dahulu menggunakan wordpad atau document txt. Setelah semua kode pas, baru kita pasang ke blog dengan cara seperti memasang buku tamu misalnya, yaitu dengan mengklik customize di navbar, kemudian layout lalu klik add a new widget, pilih <i>HTML/JavaScript</i>. Beri nama misalnya BACKGROUND 1, kemudian kopi kode yang telah kita edit tadi lalu pastekan ke ruang konten. Kalo uda klik SAVE.<br />
</span></div><span xmlns=""><br />
</span><br />
<span xmlns="">Sampe di sini, sobat udah bisa melihat efek backround tadi bila sobat menggunakan template minima. Nah sekarang misalkan kita ingin backround tadi di halaman about, sebelumnya, sobat udah harus punya atau membuat halaman khusus untuk halaman "About" tadi.<br />
</span><br />
<span xmlns=""><br />
</span><br />
<div style="text-align: justify;"><span xmlns="">Klik About pada pages blogsobat, lihat alamatnya di adress bar, ku contohkan seperti ini nih :<br />
</span></div><div style="text-align: justify;"><span xmlns=""><a href="http://namablogmu.blogspot.com/p/about.html">http://namablogmu.blogspot.com/p/about.html</a> kopi alamat tersebut dan pastekan ke worpad atau document txt. Selanjunya perhaikan kode di bawah ini :<br />
</span></div><div style="margin-left: 36pt;"><span xmlns=""><span style="font-family: 'Times New Roman'; font-size: 12pt;"><b:if cond='data:blog.url == &quot;URL_HALAMAN_DISINI&quot;'></span></span><br />
<br />
</div><div style="text-align: justify;"><span xmlns=""><span style="font-family: 'Times New Roman'; font-size: 12pt;">Nah, ganti tulisan URL_HALAMAN_DISINI dengan url halaman about yang kita kopi tadi. Kalo udah selesai, sekarang kita menuju ke ruang edit HTML utuk pemasangannya. Klik lagi customize di navbar, kemudian layout lalu edit HTML. Jangan lupa centeng Expand Widget Template.<br />
</span></span></div><div style="text-align: justify;"><span xmlns=""><span style="font-family: 'Times New Roman'; font-size: 12pt;">Setelah sampai di ruang edit html cari kode yang kita pasang tadi dengan menekan CTRL+F di keyboad, lalu ketikkan BACKGROUND 1. Nah perhatikan cara menempatkan script tadi di bawah ini :</span></span><br />
<span xmlns=""><span style="font-family: 'Times New Roman'; font-size: 12pt;"><br />
</span></span></div><div style="background-color: #ead1dc;"><span style="font-family: 'Courier New';"><b:widget id='HTML14' locked='false' title='Background 1' type='HTML'><br />
<b:includable id='main'><br />
<b><span style="color: red;"><b:if cond='data:blog.url == &quot;http://namablogmu.blogspot.com/p/about.html&quot;'></span></b><br />
<!-- only display title if it's non-empty --><br />
<b:if cond='data:title != &quot;&quot;'><br />
<h2 class='title'><data:title/></h2><br />
</b:if><br />
<div class='widget-content'><br />
<data:content/><br />
</div><br />
<br />
<b:include name='quickedit'/><br />
<b><span style="color: red;"></b:if></span></b><br />
</b:includable><br />
</b:widget></span></div><br />
<span xmlns=""><span style="background-color: white; font-family: 'Times New Roman'; font-size: 12pt;">Perhatikan penempatan kode :</span></span><br />
<span xmlns=""><span style="background-color: white; font-family: 'Times New Roman'; font-size: 12pt;"><br />
</span></span><br />
<span xmlns=""><span style="color: lime; font-family: 'Courier New'; font-size: 10pt;"><b style="background-color: white;"><b:if cond='data:blog.url == &quot;http://namablogmu.blogspot.com/p/about.html&quot;'></b></span></span><br />
<span xmlns=""><span style="font-family: 'Courier New'; font-size: 10pt;"><b style="background-color: white;"><br />
</b></span></span><br />
<span xmlns=""><span style="background-color: white; font-family: 'Times New Roman'; font-size: 12pt;">Yang berada tepat di bawah kode :</span></span><br />
<span xmlns=""><span style="background-color: white; font-family: 'Times New Roman'; font-size: 12pt;"><br />
</span></span><br />
<div style="background-attachment: scroll; background-clip: initial; background-image: none; background-origin: initial; background-position: 0% 0%; background-repeat: repeat repeat;"><span xmlns=""><span style="background-color: white; font-family: 'Courier New'; font-size: 10pt;"><b:includable id='main'><br />
</span></span></div><div style="background-attachment: scroll; background-clip: initial; background-image: none; background-origin: initial; background-position: 0% 0%; background-repeat: repeat repeat;"><span style="background-color: white;" xmlns=""><br />
</span></div><div style="background-attachment: scroll; background-clip: initial; background-image: none; background-origin: initial; background-position: 0% 0%; background-repeat: repeat repeat;"><span xmlns=""><span style="background-color: white; font-family: 'Times New Roman'; font-size: 12pt;">Lalu ditutup dengan kode :<br />
</span></span></div><div style="background-attachment: scroll; background-clip: initial; background-image: none; background-origin: initial; background-position: 0% 0%; background-repeat: repeat repeat;"><span style="background-color: white;" xmlns=""><br />
</span></div><div><span style="color: yellow; font-family: 'Courier New';"><b style="background-color: white;"></b:if></b></span></div><div style="background-attachment: scroll; background-clip: initial; background-image: none; background-origin: initial; background-position: 0% 0%; background-repeat: repeat repeat;"><span style="background-color: white;" xmlns=""><br />
</span></div><div style="background-attachment: scroll; background-clip: initial; background-image: none; background-origin: initial; background-position: 0% 0%; background-repeat: repeat repeat;"><span xmlns=""><span style="background-color: white; font-family: 'Times New Roman'; font-size: 12pt;">Yang berda tepat di bawah kode :<br />
</span></span></div><div style="background-attachment: scroll; background-clip: initial; background-image: none; background-origin: initial; background-position: 0% 0%; background-repeat: repeat repeat;"><span style="background-color: white;" xmlns=""><br />
</span></div><div style="background-attachment: scroll; background-clip: initial; background-image: none; background-origin: initial; background-position: 0% 0%; background-repeat: repeat repeat;"><span style="background-color: white; color: yellow; font-family: 'Courier New';"><b:include name='quickedit'/></span></div><div style="background-attachment: scroll; background-clip: initial; background-image: none; background-origin: initial; background-position: 0% 0%; background-repeat: repeat repeat;"><span style="background-color: white;" xmlns=""><br />
</span></div><div style="background-attachment: scroll; background-clip: initial; background-image: none; background-origin: initial; background-position: 0% 0%; background-repeat: repeat repeat; text-align: justify;"><span style="background-color: white;" xmlns="">Nah, Jika sobat ingin membuat backround untuk halaman yang lain, silahkan ikuti langkah-langkah di atas, pelan-pelan aja sob. Pasti bisa. Oh iya, sekali lagi nih, trik tersebut bisa sobat terapkan utuntuk mengatur tampilan widget agar lebih teratur, maksudku biar ngga pada numpuk di halaman depan, tampilan blog kita khan jadi lebih rapi dan paling tidak bisa ngeringankan loading pagenya,<br />
</span></div><div style="background-attachment: scroll; background-clip: initial; background-image: none; background-origin: initial; background-position: 0% 0%; background-repeat: repeat repeat; text-align: justify;"><span style="background-color: white;" xmlns=""><br />
</span></div><div style="background-attachment: scroll; background-clip: initial; background-image: none; background-origin: initial; background-position: 0% 0%; background-repeat: repeat repeat; text-align: justify;"><span xmlns="">Sampe di sini, mudah-mudahan bisa dipahami. Maklum bikin postingnya buru-buru, nyambi jadi baby sitter ceritanya. Kritik saran dan masukan, koment aja deh, asal jangan dispam aja… jiakakakak… Tank's sob… <span style="font-family: 'Courier New'; font-size: 10pt;"><br />
</span></span></div><span xmlns=""> </span><br />
<span xmlns=""></span>Buchexhttp://www.blogger.com/profile/06453091683622654693noreply@blogger.com21tag:blogger.com,1999:blog-8989934751101409110.post-64060784606226820212010-02-21T15:04:00.002+07:002010-02-21T15:07:19.957+07:00Update status FB, Twitter dan Yahoo dari Plurk<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzRNTZQn9UW0scSbq7aJeQjYROlFsweia8J8WKTVpKd2QLRnxgWHiF8ndCRmc7IU4v0DjBekU77R0FqVkgwBTxZMq-QW5LOTHDL7g_1BwxlKxSfFO1L5WIfNKVzzADnjLmbuixsxZmNyA/s1600-h/plurk2.JPG" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="95" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzRNTZQn9UW0scSbq7aJeQjYROlFsweia8J8WKTVpKd2QLRnxgWHiF8ndCRmc7IU4v0DjBekU77R0FqVkgwBTxZMq-QW5LOTHDL7g_1BwxlKxSfFO1L5WIfNKVzzADnjLmbuixsxZmNyA/s200/plurk2.JPG" width="200" /></a></div><div style="text-align: justify;">Lama ngga bikin posting, kali ini sekedar sharing aja seputar tips dan trik update status <a href="http://www.facebook.com/" target="_blank">Facebook</a>, <a href="http://profiles.yahoo.com/" target="_blank">Yahoo </a>dan <a href="http://twitter.com/" target="_blank">Twitter</a> yang bisa kita lakukan dari satu tempat saja yaitu dari Plurk.com. Udah punya account di sana belom. Bagi yang udah tinggal atur aja tuh biar plurk-nya bisa terintegrasi dengan ketiga layanan lainnya seperti yang aku sebut kan di atas. Kalo yang belom, silahkan daftar dulu. </div><br />
<a name='more'></a><br />
<div style="text-align: justify;">Yakin dech, utuk urusan daftar mendaftar sobat pasti udah pada bisa, nah kalo udah coba deh sekarang kita inteegrasikan account baru kita di plurk tadi dengan Account Facebook, Yahoo dan twiiter. Di sini saya tidak akan memaparkan secara gamblang karena keterbatasan waktu yang saya miliki untuk membuat posting ini. Silahkan experiment sendiri .... Jiakakakakak...</div><br />
Ok, sobat cari tombol kayak gambar di bawah ini :<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiS4bn9T5XLUcE0L9bsLZtEz_h-s1eS9v1_B5omyfsyUiSwFlFPOJazxl0mpZKiA3hsX_NnUudSXqmC9Ci8oZb4zdLLdvrcU3ye7xoMDfMI-TwaPCXM-hIVB4g_vqX4pEbewq1nbgDb0JI/s1600-h/gambar4.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="75" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiS4bn9T5XLUcE0L9bsLZtEz_h-s1eS9v1_B5omyfsyUiSwFlFPOJazxl0mpZKiA3hsX_NnUudSXqmC9Ci8oZb4zdLLdvrcU3ye7xoMDfMI-TwaPCXM-hIVB4g_vqX4pEbewq1nbgDb0JI/s320/gambar4.jpg" width="320" /></a></div><br />
Nah kalo udah ketemu, silahkan klik gambar yang ada huru "F" nya, kelihatan kan, begitu sobat klik, maka akan muncul jendela pop up kayak gambar di bawah ini :<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_HHVfSyrBK0PacXulXLlLaEgwEkB2vENNdYkYktNKKNFLtgyy5ZPs7ga0_TW0XwBsE01pCgXn9M15ZWhSDKy0Dnde4ulRdyJcX1ar2d6tfFi0WVcCeg5erxq8cEpcIdpyBSIeApgOjUw/s1600-h/gambar1.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="210" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_HHVfSyrBK0PacXulXLlLaEgwEkB2vENNdYkYktNKKNFLtgyy5ZPs7ga0_TW0XwBsE01pCgXn9M15ZWhSDKy0Dnde4ulRdyJcX1ar2d6tfFi0WVcCeg5erxq8cEpcIdpyBSIeApgOjUw/s320/gambar1.JPG" width="320" /></a></div><br />
<br />
<div style="text-align: justify;">Nah, mulailah melakukan proses pengintegrasian tadi dengan mengklik tombol Facebook, ikuti langkahnya sampe selesai, kalo udah tinggal lanjutin dengan pengintegrasian ke Yahoo dan twittermu. Ngga ribet kok. Aku aja yang dengan koneksi mpot-mpotan masih bisa melakukannya dengan sukses. dan asiknya nih sob, Kita bisa update status dari satu tempat saja yaitu dari plurk tadi, tanpa harus login lagi ke Facebook, yahoo dan twitter.</div><br />
<br />
Nah, dibawah adalah gambar contoh update status yang aku lakukan dari plurk lantas nongol di Facebook.<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7-bgZAMM-VanSd4TnYN9HKF28yFscddZvEvKwAQURFAL6JIcyUKOIblct6-x0v_5-Uz_fEBekm9-2xKxrF1wAE1SMQqSuz6tGq8REb6DaMUpGW20UxjK8gZjSWGeYvMkgGsoJzfipDsU/s1600-h/gambar3.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="207" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7-bgZAMM-VanSd4TnYN9HKF28yFscddZvEvKwAQURFAL6JIcyUKOIblct6-x0v_5-Uz_fEBekm9-2xKxrF1wAE1SMQqSuz6tGq8REb6DaMUpGW20UxjK8gZjSWGeYvMkgGsoJzfipDsU/s320/gambar3.JPG" width="320" /></a></div><br />
Yang berikut pula merupakan contoh updateku dari plurk yang muncul di status yahoo-ku :<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJhyMTgYjAmN-pdvwBmVJ4fFBX3GWKSne5qAI8nMdaD6KbV34IMmN5jl4GjD8JRokiVo9w8fjJOB20BZiCLoQbZOhIHCBwZ7pKUPx-n0M8NIt2A1nLhBE1Xhy0Otot-k7o8VKWPkOYH-M/s1600-h/yahoo%20status2.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="272" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJhyMTgYjAmN-pdvwBmVJ4fFBX3GWKSne5qAI8nMdaD6KbV34IMmN5jl4GjD8JRokiVo9w8fjJOB20BZiCLoQbZOhIHCBwZ7pKUPx-n0M8NIt2A1nLhBE1Xhy0Otot-k7o8VKWPkOYH-M/s320/yahoo%20status2.JPG" width="320" /></a></div><br />
Ini pula merupakan update status di twitter :<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLImsqHTBz_RSLwfQZXBRzivzxc_Mxd2L_K5qrtw_c1s26kBeCQ3E2FUX01TbnNfXE8vyp0Ep12lMbmDYHuuDWayefd63Fhb63Z6bFsWNLHFYS-Pxop0k0nNNmvOhEu6xOV7lfbj1yPr8/s1600-h/twitter%20kojek%20status.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="191" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLImsqHTBz_RSLwfQZXBRzivzxc_Mxd2L_K5qrtw_c1s26kBeCQ3E2FUX01TbnNfXE8vyp0Ep12lMbmDYHuuDWayefd63Fhb63Z6bFsWNLHFYS-Pxop0k0nNNmvOhEu6xOV7lfbj1yPr8/s320/twitter%20kojek%20status.JPG" width="320" /></a></div><br />
<div style="text-align: justify;">Nah, bagi sobat yang ingin menjalin koneksi di yahoo dengan ku, ini alamat emailku di yahoo : entobet@yahoo.co.id . kalo account <a href="http://www.plurk.com/kojek/invite" target="_blank">plurk</a>, <a href="http://www.facebook.com/Nimphonk?ref=profile" target="_blank">facebook</a> dan <a href="http://twitter.com/Kojek" target="_blank">twitterku</a> silahkan klik aja di sidebar ini pada bagian my sites. Ditunggu nih...</div>Buchexhttp://www.blogger.com/profile/06453091683622654693noreply@blogger.com4tag:blogger.com,1999:blog-8989934751101409110.post-81866907656688947572010-02-03T00:34:00.002+07:002010-02-16T14:24:48.920+07:00Shoutmixku error<div style="text-align: justify;"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6siewbTsld4fNikxy-rsvgffZpT5w_DNOzfLL-XaZP-n6ZdRC3yH6IbJIwAEmJ8ki2zLzMBESnckJDcb-yeLOlhWc48-oZQkFXAhAU75Mt2mLKJv_sf-erwv7pfFVDhJ5C3lxyLwjxdM/s1600-h/shoutmix.JPG" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6siewbTsld4fNikxy-rsvgffZpT5w_DNOzfLL-XaZP-n6ZdRC3yH6IbJIwAEmJ8ki2zLzMBESnckJDcb-yeLOlhWc48-oZQkFXAhAU75Mt2mLKJv_sf-erwv7pfFVDhJ5C3lxyLwjxdM/s200/shoutmix.JPG" width="200" /></a></div>Beberapa hari terakir aku dibuat bingung oleh si kotak kecil tempat para tamu bertandang atau yang lebih akrab dipanggil buku tamu yang selanjutnya kupanggil pake <a href="http://www.shoutmix.com/main/"><b><i>Shoutmix</i></b> </a>aja. Padahal aku lagi sibuk berbenah-benah dengan tampilan blogku. Lagipula aku punya rencana (yang sekarang jadi keterusan) untuk membuat halaman tersendiri untuknya.</div><div style="text-align: justify;"><br />
<a name='more'></a><br />
</div><div style="text-align: justify;">Entah apa sebabnya, si shoutmix tadi jadi bertingkah sedemikian rupa sehingga nama kita jadi tak ber-link. Mungkin udah kepenuhan barangkali atau kita harus upgrade ke premium? Entahlah, yang jelas aku segera mengantisipasinya dengan memasang layanan buku tamu dari <i><b><a href="http://www.cbox.ws/">Cbox</a></b></i>.</div><br />
<div style="text-align: justify;">Ketika sedang dalam keadaan<b><i><span style="color: orange;"> </span><a href="http://www.shoutmix.com/main/login.php" style="color: orange;">login ke Shoutmix</a><span style="color: orange;">,</span></i></b> aku mencoba mampir ke salah satu blog rekan yang kebetulan juga menggunakan layanan yang sama lantas kutinggalkan jejakku di sana, ternyata, namaku tetap berlink. Jadi kepikiran nih, gimana kalo di shoutmix sendiri... Mmmm... rupanya bisa sob, hanya saja nama kita yang berlink tadi dicetak miring... semiring otakku yg lagi mumet...</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;">Akan halnya halaman statis tempat aku meletakkan shoutmix tadi mebuatku bimbang, kira-kira apa pengaruhnya sama SEO, (Jihaaa... udah ngomong SEO nih). Akh... moga aja si Mbah Google ngga cerewet ya... he he he, maklum aku bikin blog asal bikin aja...<br />
<br />
yang punya saran, sharing donk... .</div><br />
<a href="http://www.blogger.com/post-edit.g?blogID=8989934751101409110&postID=8186690765668894757#" title="Back to top">kembali ke atas</a>Buchexhttp://www.blogger.com/profile/06453091683622654693noreply@blogger.com5tag:blogger.com,1999:blog-8989934751101409110.post-45378838151296632682009-03-18T15:13:00.009+07:002011-06-09T14:01:38.504+07:00Tips dan Trik Memasang Widget di sudut blogSetelah meminta izin ke yang empunya posting, kembali Kojek menulis tentang sebuah ide sederhana untuk mempercatik tampilan blog. Adapun trik kali ini adalah bagaimana caranya kita memasang sebuah widget/aksesoris,image atau banner ke salah satu sudut blog seolah olah widget/aksesoris,image atau banner itu tadi seakan-akan melayang-layang di blog kita. Bukan cuma satu sudut saja yg bisa kita hias dengan trik ini, keempat sudut blog bisa kita pasangi berbagai gadget atau widge/aksesoris. Namun pertimbangkanlah dari segi estetika (ceaellah ... ). Jangan malah membuat pengunjung bingung dan yang pasti perhatikan loading pagenya. Jadi Inga' .. Inga' ....<br />
<br />
<a name='more'></a><br />
<br />
<br />
Untuk demonya, klik <a href="http://ngeblog-youk.blogspot.com/" target="_blank">disini</a><br />
<br />
<br />
<br />
<br />
<span style="font-weight: bold;">A. WIDGET/ AKSESORIS DI SUDUT KIRI BAWAH</span><br />
<br />
<br />
1. Login dulu ke blogger lalu klik "<span style="font-weight: bold;">Layout -->> Edit HTML</span><br />
<br />
2. Cari kode <span style="color: #cc0000; font-weight: bold;">]]></b:skin></span> kemudian tempatkan kode di bawah ini di atas kode <span style="color: #cc0000; font-weight: bold;">]]></b:skin></span><br />
<br />
<br />
<div style="-moz-background-clip: border; -moz-background-inline-policy: continuous; -moz-background-origin: padding; background: rgb(218, 165, 32) none repeat scroll 0% 0%; font-size: 100%; text-align: justify;">#<span style="color: #3333ff;"><span style="color: #3366ff; font-weight: bold;">trik_kiribawah</span> </span>{<br />
position:fixed;_position:absolute;<span style="color: white;"><span style="color: yellow; font-weight: bold;">bottom</span><span style="color: black;">:</span></span>0px; <span style="color: #009900; font-weight: bold;">left</span>:0px;<br />
clip:inherit;<br />
_top:expression(document.documentElement.scrollTop+<br />
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }</div><br />
<br />
Kode yang berwarna biru adalah nama dari script ini, kode <span style="font-weight: bold;">bottom</span> yang berwarna kuning bisa di ganti dengan <span style="font-weight: bold;">top</span> kemudian kode <span style="font-weight: bold;">left </span>yang berwarna hijau bisa di ganti dengan <span style="font-weight: bold;">right</span><br />
<br />
<br />
4. Langkah selanjutnya yaitu letakkan script berikut ini sebelum kode <span style="color: red;"></body></span><br />
<br />
<br />
<div style="-moz-background-clip: border; -moz-background-inline-policy: continuous; -moz-background-origin: padding; background: rgb(143, 188, 143) none repeat scroll 0% 0%; font-size: 100%; text-align: left;"><span style="font-weight: bold;"><div id='<span style="color: #cc0000;">trik_kiribawah</span>'></span><br />
<span style="color: #3333ff;"><script src='http://widgets.amung.us/classic.js' type='text/javascript'/><script type='text/javascript'>WAU_classic(&#39;hu1vhdkrz2pe&#39;)</script><br/></span><br />
<span style="color: #3333ff;"><a href='ymsgr:sendIM?entobet'> <img src='http://opi.yahoo.com/online?u=entobet&amp;m=g&amp;t=9&amp;l=us'/></a></span><br />
<span style="font-weight: bold;"></div></span></div><br />
5. Kode yang berwarna biru adalah kode widget yang bisa diganti dengan widget lain sesuai selera.<br />
<br />
6. klik <span style="font-weight: bold;">save</span> lalu <span style="font-weight: bold;">view</span> blog untuk melihat hasilnya.<br />
<br />
<br />
<span style="font-weight: bold;">B. WIDGET/ AKSESORIS DI SUDUT KANAN BAWAH</span><br />
<br />
Nah, sekarang kita akan memasang widget/aksesoris lain ke sudut kanan blog kita. Langkah pemasangannya sama dengan langkah langkah di atas. Hanya perlu mengedit beberapa kode saja. Agar lebih jelas saya uraikan aja di sini akal-akalan kita ...<br />
<br />
Perhatikan baik baik perubahan 2 buah script/kode di bawah ini :<br />
<br />
a. <span style="font-style: italic;">Kode Pertama :</span><br />
<br />
<div style="-moz-background-clip: border; -moz-background-inline-policy: continuous; -moz-background-origin: padding; background: rgb(218, 165, 32) none repeat scroll 0% 0%; font-size: 100%; text-align: justify;">#<span style="color: #3333ff;"><span style="color: #3366ff; font-weight: bold;">trik_kananbawah</span> </span>{<br />
position:fixed;_position:absolute;<span style="color: white;"><span style="color: yellow; font-weight: bold;">bottom</span><span style="color: black;">:</span></span>0px; <span style="color: #009900; font-weight: bold;">right</span>:0px;<br />
clip:inherit;<br />
_top:expression(document.documentElement.scrollTop+<br />
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }</div><br />
a. <span style="font-style: italic;">Kode Ke dua :</span><br />
<br />
<div style="-moz-background-clip: border; -moz-background-inline-policy: continuous; -moz-background-origin: padding; background: rgb(143, 188, 143) none repeat scroll 0% 0%; font-size: 100%; text-align: left;"><span style="font-weight: bold;"><div id='<span style="color: #cc0000;">trik_kananbawah</span>'></span><br />
<span style="color: #3333ff;"><script src='http://widgets.amung.us/classic.js' type='text/javascript'/><script type='text/javascript'>WAU_classic(&#39;hu1vhdkrz2pe&#39;)</script><br/></span><br />
<span style="color: #3333ff;"><a href='ymsgr:sendIM?entobet'> <img src='http://opi.yahoo.com/online?u=entobet&amp;m=g&amp;t=9&amp;l=us'/></a></span><br />
<span style="font-weight: bold;"></div></span></div><br />
<br />
<span style="font-style: italic;">Pada kode pertama perubahannya bisa di lihat seperti di bawah ini</span> :<br />
<br />
<div style="-moz-background-clip: border; -moz-background-inline-policy: continuous; -moz-background-origin: padding; background: rgb(220, 220, 220) none repeat scroll 0% 0%; font-size: 100%; text-align: justify;">kode #<span style="color: #3333ff;"><span style="color: #3366ff; font-weight: bold;">trik_kiribawah</span> </span>{<span style="font-weight: bold;"> </span>berubah menjadi<span style="font-weight: bold;"> </span>#<span style="color: #3333ff;"><span style="color: #3366ff; font-weight: bold;">trik_kananbawah</span> </span>{ </div><br />
<div style="-moz-background-clip: border; -moz-background-inline-policy: continuous; -moz-background-origin: padding; background: rgb(220, 220, 220) none repeat scroll 0% 0%; font-size: 100%; text-align: justify;">lalu <span style="color: #009900; font-weight: bold;">left</span> berubah menjadi <span style="color: #009900; font-weight: bold;">right</span></div><br />
Pada kode <span style="font-style: italic;">ke dua</span>, nama kodenya yang kita rubah yaitu<br />
<br />
<span style="font-weight: bold;"></span><br />
<div style="-moz-background-clip: border; -moz-background-inline-policy: continuous; -moz-background-origin: padding; background: rgb(220, 220, 220) none repeat scroll 0% 0%; font-size: 100%; text-align: justify;"><span style="font-weight: bold;"><div id='<span style="color: #cc0000;">trik_kiribawah</span>'></span></div><span style="font-weight: bold;"></span><br />
menjadi<br />
<br />
<span style="font-weight: bold;"> </span><span style="font-weight: bold;"></span><br />
<div style="-moz-background-clip: border; -moz-background-inline-policy: continuous; -moz-background-origin: padding; background: rgb(220, 220, 220) none repeat scroll 0% 0%; font-size: 100%; text-align: justify;"><span style="font-weight: bold;"><div id='<span style="color: #cc0000;">trik_kananbawah</span>'></span></div><span style="font-weight: bold;"><br />
<br />
</span>Jangan lupa menggati kode yang berada di antara kode <span style="font-weight: bold;"><div id='</span><span style="color: #cc0000; font-weight: bold;">trik_kananbawah</span><span style="font-weight: bold;">'></span> dan kode <span style="font-weight: bold;"></div></span> dengan kode widget/aksesoris yang lain.<br />
<br />
Anda juga tinggal mengedit sedikit saja kode-kode tersebut bila ide Anda sama nyelenehnya denganku yaitu "MEMASANG WIDGET/AKSESORIS DI KEEMPAT SUDUT BLOG"<span style="font-weight: bold;">. </span>Ada yang mau nyoba ...????<span style="font-weight: bold;"><br />
<br />
</span><span style="font-style: italic;">Catatan : Terima Kasih untuk <a href="http://trick-blog.blogspot.com/" target="_blank">KENDHIN</a> yang telah memberi izin untuk mencatut scriptnya</span><span style="font-weight: bold;"><span style="font-style: italic;">.<br />
<br />
<br />
</span><a href="#">Back to Top</a></span><br />
<br />
<a href="http://www.bloglines.com/sub/http://feeds2.feedburner.com/blogspot/xICH"><br />
<img alt="Subscribe with Bloglines" border="0" src="http://static.bloglines.com/images/lang/default/sub_modern2.gif" /><br />
</a>Buchexhttp://www.blogger.com/profile/06453091683622654693noreply@blogger.com5tag:blogger.com,1999:blog-8989934751101409110.post-4535974499094124512009-02-10T13:05:00.025+07:002009-03-12T16:49:35.764+07:00Membuat blog untuk profil (2)<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGxBESVsJO0kbN5FEUTAxWXoQutyacdAaB3CqdN5eD1a1SFCFI8emTOkFOuF-D2RtKLTS7eCmJU-1c3VT1bAO1PBi6BqGUzpO4ViNoEbTdtd2qTNAAhpY8HoORFFFI9a1ldtuJDi_vgc4/s1600-h/gmbrtemplatekojek009.JPG"><img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer; width: 200px; height: 146px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGxBESVsJO0kbN5FEUTAxWXoQutyacdAaB3CqdN5eD1a1SFCFI8emTOkFOuF-D2RtKLTS7eCmJU-1c3VT1bAO1PBi6BqGUzpO4ViNoEbTdtd2qTNAAhpY8HoORFFFI9a1ldtuJDi_vgc4/s200/gmbrtemplatekojek009.JPG" alt="" id="BLOGGER_PHOTO_ID_5301064537123085314" border="0" /></a><a href="http://www.animated-gifs.eu" target="_blank"><img src="http://www.animated-gifs.eu/alphabet-pj-pills/0020.gif" border="0"></a>etap dengan maksud yang sama, yaitu bikin blog untuk profile seperti postingan terdahulu. Kali ini kita memanfaatkan Layout generator yang disediakan masih oleh <a href="http://www.pimp-my-profile.com/">www.pimp-my-profile.com.</a> Kita bisa mengutak atik bakcground, warna huruf dan sebagainya dengan generator yang satu ini. Youk Praktek ...<br /><br />Meluncurlah ke <a href="http://www.pimp-my-profile.com/">http://www.pimp-my-profile.com/</a> maka kamu akan melihat tampilan berikut ini :<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6xMHZ3Is8zFGinGjUFOzOnFYIJsLTK-IyhEOAlRxhBcjH-u11NP0-ScYsAIzAJk2zUZJyj94x6VZv9SEs6T2_yCvh6lels6fUKH-z4AsEDU7lDZssJgAWVPMxxQvNwz6GGhkLEBlQK40/s1600-h/gmbr002.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 209px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6xMHZ3Is8zFGinGjUFOzOnFYIJsLTK-IyhEOAlRxhBcjH-u11NP0-ScYsAIzAJk2zUZJyj94x6VZv9SEs6T2_yCvh6lels6fUKH-z4AsEDU7lDZssJgAWVPMxxQvNwz6GGhkLEBlQK40/s320/gmbr002.JPG" alt="" id="BLOGGER_PHOTO_ID_5301048189955200962" border="0" /></a><br /><br />Lalu klik Layouts seperti tampak pada gambar berikut :<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEin3RrgJ0C9d6I1-LNcD1dLGeg7Q1eTHBOtzXsuu4eQHtsmB5G47OGEv3cDIODHLCXhpPrGaXIZeVtoabCtTKy_8zcyDElfSsQX1Z0Y-pNH3eV9OKBOH4nusrqatmtIZl3VLuBZiJDR5Zo/s1600-h/gmbr003.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 145px; height: 320px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEin3RrgJ0C9d6I1-LNcD1dLGeg7Q1eTHBOtzXsuu4eQHtsmB5G47OGEv3cDIODHLCXhpPrGaXIZeVtoabCtTKy_8zcyDElfSsQX1Z0Y-pNH3eV9OKBOH4nusrqatmtIZl3VLuBZiJDR5Zo/s320/gmbr003.JPG" alt="" id="BLOGGER_PHOTO_ID_5301049124034959522" border="0" /></a><br /><br />Lalu kita di bawa ke tampilan berikut :<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhe_UNlzuy9xt0aDH9UyodL_GT9Yr1g0vfQhN_gpeE2yJJCagRAyrkDIIvFPWCr3x85pOTSoQCRGaoWwcvoWliHPiW0hG6z28te6z-QArksUg9MaTiK4yXCH0gMUoNL1XX763Kx1YzZzeQ/s1600-h/gmbr005.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 226px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhe_UNlzuy9xt0aDH9UyodL_GT9Yr1g0vfQhN_gpeE2yJJCagRAyrkDIIvFPWCr3x85pOTSoQCRGaoWwcvoWliHPiW0hG6z28te6z-QArksUg9MaTiK4yXCH0gMUoNL1XX763Kx1YzZzeQ/s320/gmbr005.JPG" alt="" id="BLOGGER_PHOTO_ID_5301050417322486930" border="0" /></a><br /><br /><br />Pada Tab Layout Editor, klik Blogger Editor seperti tampak bada gambar berikut :<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhk37QET25WDEvZGegSeBl_X0YIIFuBRIOvQ_oOCqIJjwcBqGR27U6mesYUZxLHLcIC1RiPKJQ42tiaPV3EQRq8AVtkYPJxdJscdLIw1yLFM3XEdg117RipSmJHy04g7sB3wsmxtX-traE/s1600-h/gmbr004.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 275px; height: 320px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhk37QET25WDEvZGegSeBl_X0YIIFuBRIOvQ_oOCqIJjwcBqGR27U6mesYUZxLHLcIC1RiPKJQ42tiaPV3EQRq8AVtkYPJxdJscdLIw1yLFM3XEdg117RipSmJHy04g7sB3wsmxtX-traE/s320/gmbr004.JPG" alt="" id="BLOGGER_PHOTO_ID_5301050867092966114" border="0" /></a><br /><br />Nah, sampailah kita pada ruang <span style="font-weight: bold;">Blogger Template Generator</span><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjurSmhhbCwEaq_6YHFIDe_hTedX9GFm_iDhk8CzZQLH7d6X9G4XGE3xrWOl0ZmdvTo4uHeCgaUJmVVGEMmTCIlWXaDdWJvU4d0CME9bLuP5Cpn4fCTkWFR9shrrXZTsRn04WH4Lgl1VgM/s1600-h/gmbr006.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 251px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjurSmhhbCwEaq_6YHFIDe_hTedX9GFm_iDhk8CzZQLH7d6X9G4XGE3xrWOl0ZmdvTo4uHeCgaUJmVVGEMmTCIlWXaDdWJvU4d0CME9bLuP5Cpn4fCTkWFR9shrrXZTsRn04WH4Lgl1VgM/s320/gmbr006.JPG" alt="" id="BLOGGER_PHOTO_ID_5301052873256240018" border="0" /></a><br /><br />klik tombol start. Tapilannya akan jadi kayak gini nih :<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZr0Kjhc1HuiHtZX6qT4UO0UuQl4xTiO-NsZZpGoZNL4hjFsnemG64DbJ2RUAOoMdfJ2JdZoF4ST1fk67vlY34UEfFqHAPws_MtYgfxdFl9x_4oD_Gp0OCC6jeuBX4pJqKoUqEajX0Pak/s1600-h/gmbr007.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 271px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZr0Kjhc1HuiHtZX6qT4UO0UuQl4xTiO-NsZZpGoZNL4hjFsnemG64DbJ2RUAOoMdfJ2JdZoF4ST1fk67vlY34UEfFqHAPws_MtYgfxdFl9x_4oD_Gp0OCC6jeuBX4pJqKoUqEajX0Pak/s320/gmbr007.JPG" alt="" id="BLOGGER_PHOTO_ID_5301054869318448402" border="0" /></a><br /><br /><span style="font-weight: bold;">Keterangan :</span><br /><br />Masukkan url gambarmu dalam kotak Image URL (dalam contoh, aku pasang url http://www.halloween.co.uk/images/wallpapers/skull1024x768.jpg)<br /><br />Tentukan Letak gambar pada kotak <span style="font-weight: bold;">Position</span> (dlam contoh aku memilih center, dengan menconteng bulatan yang paling tengah)<br /><br />Atur apakah background tersebut kita buat Fixed atau repeat pada kotak <span style="font-weight: bold;">Repeat</span> (dalam contoh aku memilih none, artinya gambarnya tetap di tempat bila kita menggerakkan mouse)<br /><br />Selanjutnya, klik tab next yang berwarna merah atau tab table untuk pengaturan selanjutnya. atur sesuai seleramu<br /><br />bila telah selesai, klik lagi next atau tab text/heading untuk mengatur ukuran, jenis dan warna huruf. <span style="font-weight: bold;">Klik Preview My Layout</span> untuk melihat tampilan sementara.<br /><br />Kalu sudah pas, klik lagi tombol <span style="font-weight: bold;">next</span> atau tab <span style="font-weight: bold;">Scrollbar</span>, atur sesuai seleramu. Lihat hasil sementara pekerjaanmu dengan mengklik tombol <span style="font-weight: bold;">Klik Preview My Layout</span><br /><br />Selanjutnya, klik lagi tombol next atau tab Graphic untuk mengatur background Header. Masukkan URL gambarmu ke dalam kotak <span style="font-weight: bold;">Header Image URL</span> dan tentukan lebar serta tinggi header pada kotak <span style="font-weight: bold;">Width</span> dan<br /><span style="font-weight: bold;">Height</span> Namun jika sobat merasa tidak perlu memasang image pada header, abaikan saja bagian ini.<br /><br />Klik tobol <span style="font-weight: bold;">Finish</span>.<br /><br />Klik tombol <span style="font-weight: bold;">Klik Preview My Layout</span> untuk melihat hasil tampilan sementara. bila di rasa kurang atau masih perlu diadakan perubahan-perubahan, sobat tinggal kembali ke tab-tab sebelumnya untuk melakukan pengaturan.<br /><br />Kalau semua sudah beres dan pas alias OK, klik tombol <span style="font-weight: bold;">Generate my code</span>. Lihat hasilya seperti tampak pada gambar berikut :<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiv4q9nV8hkeg0rsliJBI7XKWcEZ_rbXdpPOg3xC0mzHc5VqAU2FiFheoXpb7rEx-hM0CAbVeGtWsx_2OeLhMNwDwFZctEGcYHxeq_bWTgITa5TQE2m7BUDTkYqAPQL3b1hdegBTIIjCY8/s1600-h/gmbr008.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 219px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiv4q9nV8hkeg0rsliJBI7XKWcEZ_rbXdpPOg3xC0mzHc5VqAU2FiFheoXpb7rEx-hM0CAbVeGtWsx_2OeLhMNwDwFZctEGcYHxeq_bWTgITa5TQE2m7BUDTkYqAPQL3b1hdegBTIIjCY8/s320/gmbr008.JPG" alt="" id="BLOGGER_PHOTO_ID_5301060739429942354" border="0" /></a><br /><br />Nah, kodenya udah jadi tuch. Tinggal sobat copy dan pastekan ke ruang edit HTML blogmu, atau bisa di simpan dalam format txt terlebih dahulu.<br /><br /><span style="font-weight: bold;">Nasi Bungkus</span> :<br /><br />Agar tata letak yang sudah sobat buat tetap seperti tata letak atau layout terakhir yang telah di buat, simpan dulu layoutnya. Tapi sebelumnya sobat harus Register terlebih dahulu alias buat accout di www.pimp-my-profile.com. Saya yakin, untuk register pasti bloggers semua udah pada bisa.<br /><br />Oh iya, selain untuk blogspot, di situs ini kita juga bisa mendownload atau membuat layout untuk Friendster, Myspace, hi5 dan sebagainya. Silahkan coba deh satu persatu.<br /><br />Ok, selamat berkarya ...<br /><br /><a href='#' title="Back to top">kembali ke atas</a><br /><br /><script src="http://digg.com/tools/diggthis.js" type="text/javascript"></script><br /><!-- START: PDF Online Script --><br /><script type='text/javascript'><br /> var authorId = "0C17D2F8-035F-4FF4-BDEE-6A2446DBE565";<br /> var pageOrientation = "0";<br /> var topMargin = "0.5";<br /> var bottomMargin = "0.5";<br /> var leftMargin = "0.5";<br /> var rightMargin = "0.5";<br /></script><br /><script src='http://web2.pdfonline.com/pdfonline/pdfonline.js' type='text/javascript'><br /></script><br /><!-- END: PDF Online Script -->Buchexhttp://www.blogger.com/profile/06453091683622654693noreply@blogger.com12tag:blogger.com,1999:blog-8989934751101409110.post-85767177160963354642009-01-30T14:58:00.018+07:002009-03-12T16:50:26.933+07:00Membuat Blog Untuk Profile<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEid41ujGRHz3GZEP4Pnvw9nux6sMJimgq-4Eo3qRY-6NDD4eLKUSY4YGAij3wBVetqej2LKfUSqvtG3ilZDaSLqiLq_OZtHAkfb2s89VH2JvI3NLQ-meQnnYh7VfkGNZFo0ys-kgW3P9sE/s1600-h/gmbr5.JPG"><img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer; width: 164px; height: 152px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEid41ujGRHz3GZEP4Pnvw9nux6sMJimgq-4Eo3qRY-6NDD4eLKUSY4YGAij3wBVetqej2LKfUSqvtG3ilZDaSLqiLq_OZtHAkfb2s89VH2JvI3NLQ-meQnnYh7VfkGNZFo0ys-kgW3P9sE/s320/gmbr5.JPG" alt="" id="BLOGGER_PHOTO_ID_5300694471683753442" border="0" /></a>Untuk membuat blog profil, maksudku untuk membuat profile bisa kita terapkan dengan langsung membuat postingan seperti biasanya kemudian beri judul "About me" misalnya. Tergantung selera dan gaya masing-masing blogger. Begitu selesai mempercantik "About Me" tadi, publish postingan tersebut, klik readmorenya atau klik kanan pada judul postingan lalu open link in a new tab. Tengok di atas browser, di address barmu, kopi linknya untuk kamu pasangkan pada Tab menu blogmu.<br /><br />Cara lain yang tak kalah asyiknya adalah dengan membuat blog baru. Terserah URL nya nanti mau diksaih nama apa, asal nyerempet-nyerempet dikit dengan Profile atau "About Me" tadi.<br /><br />Kalo blogmu udah jadi. Buat postingan tentang diri kamu dengan judul Profile atau About me. Publish postinganmu. Lalu kita ganti template blog tadi dengan template dari <a href="http://www.pimp-my-profile.com/" target="_blank">www.pimp-my-profile.com</a> . Cari Logo blogspot kemudian klik tulisan Blogger Template diatas tulisan tersebut.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnZy4Rc7kxxwA7Tin5L4DNQLdL2wkr3qnop7OG0O11h4tgLReVIpnmEfhmWRUp825ojylMmC2XVmaHilkFp1EdXAZ7Fu8oWIh8DKZsOJpI1FjRIgRq5golXnsuJXLhG4Vp5RGT9GAaHgk/s1600-h/gmbr01.JPG"><img style="cursor: pointer; width: 400px; height: 40px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnZy4Rc7kxxwA7Tin5L4DNQLdL2wkr3qnop7OG0O11h4tgLReVIpnmEfhmWRUp825ojylMmC2XVmaHilkFp1EdXAZ7Fu8oWIh8DKZsOJpI1FjRIgRq5golXnsuJXLhG4Vp5RGT9GAaHgk/s400/gmbr01.JPG" alt="" id="BLOGGER_PHOTO_ID_5300688179532292034" border="0" /></a><br /><br />Maka Kamu akan di bawa ke tampilan berikut :<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh87cVOemBgxn7hza049Hjdawh3MVr4BmxCMc5QAYVnAAzsCcVFyH5_gno-f2Z0atUlmuOpr409txjd62L1nSvtdKIzDG1Pw-rgkk_8t5FwpuJ1ZQX8kNswvTMVaa-ucxmw0Qgz5rIuhao/s1600-h/gmbr02.JPG"><img style="cursor: pointer; width: 320px; height: 230px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh87cVOemBgxn7hza049Hjdawh3MVr4BmxCMc5QAYVnAAzsCcVFyH5_gno-f2Z0atUlmuOpr409txjd62L1nSvtdKIzDG1Pw-rgkk_8t5FwpuJ1ZQX8kNswvTMVaa-ucxmw0Qgz5rIuhao/s320/gmbr02.JPG" alt="" id="BLOGGER_PHOTO_ID_5300688593101056914" border="0" /></a><br /><br />Pilih template sesukamu, asal yang asyik dan ngga terlalu meriah (saranku), Setelah kamu ketemu dengan template yang cocok, klik detail & kode yang terletak di bawah gambar template,<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnLm5c-d-pDZIVnP_wJvJn9TcMY7POvlHJeJ-EWsTwgY68Huxo-m2WJlGu3gUqP4EuQiDdaNqUqrcWmiFVjueOC7NBEUHHqFSzrDlPcwaleXvhu-JJtWSQRTTCl-KMUQctnMJw81Ch-_o/s1600-h/gmbr03.JPG"><img style="cursor: pointer; width: 265px; height: 320px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnLm5c-d-pDZIVnP_wJvJn9TcMY7POvlHJeJ-EWsTwgY68Huxo-m2WJlGu3gUqP4EuQiDdaNqUqrcWmiFVjueOC7NBEUHHqFSzrDlPcwaleXvhu-JJtWSQRTTCl-KMUQctnMJw81Ch-_o/s320/gmbr03.JPG" alt="" id="BLOGGER_PHOTO_ID_5300690850077535506" border="0" /></a><br /><br />maka kamu akan di bawa lagi ke tampilan seperti tampak pada gambar berikut :<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiah3kQCYIcmWYFZauy-6zGCECOoK7VwzD7TGdQww4xQWYc2MscxejabsLxsa4x8bICwek_vapDzsVitJRLiryRUeBCIo08Bl4XYrA__h_Cv1vJ-VP1up50_HKvN5VVznQSWFBTJE22N0I/s1600-h/gmbr04.JPG"><img style="cursor: pointer; width: 285px; height: 320px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiah3kQCYIcmWYFZauy-6zGCECOoK7VwzD7TGdQww4xQWYc2MscxejabsLxsa4x8bICwek_vapDzsVitJRLiryRUeBCIo08Bl4XYrA__h_Cv1vJ-VP1up50_HKvN5VVznQSWFBTJE22N0I/s320/gmbr04.JPG" alt="" id="BLOGGER_PHOTO_ID_5300691042630882690" border="0" /></a><br /><br />Kopi seluruh kode yang ada di dalam kotak yang disediakan untuk kemudian kamu pastekan ke ruang edit htmlmu.<br /><br />Mudah bukan ...<br /><br />Ok Bloggers, selamat mencoba<br /><br /><a href='#' title="Back to top">kembali ke atas</a><br /><script src="http://digg.com/tools/diggthis.js" type="text/javascript"></script><br /><!-- START: PDF Online Script --><br /><script type="text/javascript"><br /> var authorId = "0C17D2F8-035F-4FF4-BDEE-6A2446DBE565";<br /> var pageOrientation = "0";<br /> var topMargin = "0.5";<br /> var bottomMargin = "0.5";<br /> var leftMargin = "0.5";<br /> var rightMargin = "0.5";<br /></script><br /><script src="http://web2.pdfonline.com/pdfonline/pdfonline.js" type="text/javascript"><br /></script><br /><!-- END: PDF Online Script -->Buchexhttp://www.blogger.com/profile/06453091683622654693noreply@blogger.com1tag:blogger.com,1999:blog-8989934751101409110.post-30820993992581104662009-01-29T12:18:00.006+07:002009-03-12T16:52:04.632+07:00Mengedit TemplateMengasyikkan memang, mengutak atik template blog. Baik yang html maupun yang xml. Menggonta-ganti backround, menambah elemen halaman dan sebagainya, sampai hal-hal yang lebih spesifik dan membuat jidat sedikit berkerut.<br /><br />Kali ini aku cuma hanya bercerita doank, sedangkan untuk praktenya, sobat silahkan langsung meluncur ke link yang aku sediakan.<br /><br />Template yang aku pakai aku dapatkan d<a href="http://btemplates.com/2009/01/08/linetech/"target="_blank">di sini</a> , dengan sedikit modal kelincahan tangan mencopy paste berbagai kode ke dalam struktur templateku, alhamdulillah akhirnya jadi kayak gini. Gak bagus-bagus amat. Tapi Aku puas. Contoh blog bisa sobat lihat <a href="http://kojektemplate.blogspot.com/"target="_blank">di sini</a>. dan template blog yang aku pakai sekarangpun, tak luput dari kejahilanku.<br /><br />Dimulai dengan menabah 3 kolom di bawah posting yang ilmunya aku dapet <a href="http://catalog-tutorial.blogspot.com/2008/10/menambah-kolom-untuk-style-blog-portal.html"target="_blank">dari sini</a>, lalu 3 kolom footer dari <a href="http://indo-trans.blogspot.com/2008/09/membuat-3-kolom-pada-footer-section.html"target="_blank">sini</a>, terus 2 kolom di atas posting yang aku pelajari <a href="http://tutorial-jitu.blogspot.com/2008/10/menambah-dua-kolom-diatasbawah-post.html"target="_blank">di sini</a><br /><br />Klik salah satu label di blogku, maka akan muncul judul postingannya saja. trus di bawah barisan label, terdapat menu baru "Show all post", jurusnya kupelajari <a href="http://catalog-tutorial.blogspot.com/2008/04/menampilkan-hanya-judul-artikel-atau.html"target="_blank">di sini</a> dan <a href="http://catalog-tutorial.blogspot.com/2008/04/update-label-hack-menampilkan-semua.html"target="_blank">di sini</a>. Sementara untuk social bookmark yang terpasang di setiap posting ku pelajari <a href="http://www.o-om.com/2007/10/cara-memasang-bookmark-pada-setiap.html?showComment=1222709460000"target="_blank">di sini</a>.<br /><br />Silahkan sobat mencobanya. Saranku selalu sama. Jangan lupa membackup template, atau buat blog baru saja sebagai tempat untuk praktek. Ok Bloggers, selamat berexperiment ...<br /><br /><br /><a href='#' title="Back to top">kembali ke atas</a><br /><br /><br /><script src="http://digg.com/tools/diggthis.js" type="text/javascript"></script><br /><!-- START: PDF Online Script --><br /><script type='text/javascript'><br /> var authorId = "0C17D2F8-035F-4FF4-BDEE-6A2446DBE565";<br /> var pageOrientation = "0";<br /> var topMargin = "0.5";<br /> var bottomMargin = "0.5";<br /> var leftMargin = "0.5";<br /> var rightMargin = "0.5";<br /></script><br /><script src='http://web2.pdfonline.com/pdfonline/pdfonline.js' type='text/javascript'><br /></script>Buchexhttp://www.blogger.com/profile/06453091683622654693noreply@blogger.com2tag:blogger.com,1999:blog-8989934751101409110.post-28732099197437838352008-12-30T07:21:00.020+07:002009-03-03T10:29:43.010+07:00Tabbed Feed Reader V2 dari VisionJinx.net<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqomzGQF9Q5PQgTR400pHEO8Katmm1sl6B0HZ-vWkHtJMN269e-JO6vR3z2sujDik2NB2tE-NCeOAwxtwj1bAp2VwuCL2u7rtbzJzhZGfjVVMRPpvCrRxR74RdjTSpLZiYI3eb-dAoFyE/s1600-h/gambar01.JPG"><img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer; width: 200px; height: 179px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqomzGQF9Q5PQgTR400pHEO8Katmm1sl6B0HZ-vWkHtJMN269e-JO6vR3z2sujDik2NB2tE-NCeOAwxtwj1bAp2VwuCL2u7rtbzJzhZGfjVVMRPpvCrRxR74RdjTSpLZiYI3eb-dAoFyE/s200/gambar01.JPG" alt="" id="BLOGGER_PHOTO_ID_5285377856006452194" border="0" /></a>Untuk menampilkan feeds di tempat yang sempit dalam jumlah banyak dapat kita akali dengan memanfaatkan Tabbed Feed Reader V2 dari <a href="http://www.blogger.com/Tabbed%20Feed%20Reader%20V2%20dari%20VisionJinx.net">VisionJinx.net </a>. 5 buah feed dapat kita tampilkan sekaligus dalam satu tab, dan beberapa tab bisa kita pasang di tempat yang berbeda di blog kita. Kemudahan setting dan pengaturan ukuran tab yang fleksibel membuat gadget satu ini layak anda coba.<span class="fullpost"><br /><br /><br /><br /><br />1. Meluncurlah ke <a href="http://www.visionjinx.net/">http://www.visionjinx.net/</a><br />2. Pilih Tabbed Feed Reader<br />3. Klik Get This Gadget<br />4. Pilih Add This Your Websites, maka kamu akan dibawa ke tampilan berikut :<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjTW-WSsKQT85vOibORYWqt_VfY_LQXmP3rCdDfh0shas0JCNoTidMqy5hVdH4PNjWY2snZRCLSK7hzYeAMtN5_2jmg5pm8rA0sECvIjN_XnIxi_icAsuqo8Iv9PoPfYH1wlVSZvJ4JLE/s1600-h/gambar02.JPG"><img style="cursor: pointer; width: 162px; height: 320px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjTW-WSsKQT85vOibORYWqt_VfY_LQXmP3rCdDfh0shas0JCNoTidMqy5hVdH4PNjWY2snZRCLSK7hzYeAMtN5_2jmg5pm8rA0sECvIjN_XnIxi_icAsuqo8Iv9PoPfYH1wlVSZvJ4JLE/s320/gambar02.JPG" alt="" id="BLOGGER_PHOTO_ID_5285458980268710978" border="0" /></a><br /><br />Pengaturan Tampilan :<br /><br />Judul : ganti dengan judul atau nama sesuai keinginanmu<br />Lebar : tentukan sesuai lebar sidebarmu<br />Tinggi : tentukan pula sesuai keinginanmu<br />Batas Tepi : pilih pula sesukamu<br /><br />Pengaturan Gadget :<br /><br />Gadget Name : Ganti pula ( misalnya ) dengan nama blogmu.<br /><br />Ngga semua feed harus kamu isi, kamu bisa menampilkan satu aja. atau biar lebih sip bisa kita pasang alamt feeds posting, alamat feeds label dan alamt feeds komentar.<br /><br />Alamat feed posting kita<br /><br />http://blogkamu.blogspot.com/feeds/posts/default<br /><br />alamat feeds labels<br /><br />http://blogkamu.blogspot.com/feeds/posts/default/-/labelname<br />perhatikan besar kecilnya huruf pada label<br /><br />alamat feed komentar<br />http://BlogKamu.blogspot.com/feeds/comments/default<br /><br />(ganti tulisan berwarna biru dengan nama blogmu)<br /><br />Masukkan pada kotak Feed 1, Feed 2, Feed 3 dan seterusnya.<br /><br />Sesuaikan nama feed pada kotak Tab 1 Name dan seterusnya.<br /><br />Untuk mengatur jumlah feed yang akan kita tampilkan, tinggal tentukan saja jumlahnya pada kotak Number of Entries:<br /><br />Panjang deskripsi yang bakal ditampilkan bisa di atur pada kotak Summary Length:<br /><br />Untuk mengatur link tampil di jendela yang sama atau di jendela baru bisa kamu atur pada kotak Link Target<br /><br />Setelah semuanya siap, klik tombol "Lihat DuluPerubahan" dan untuk mendapatkan kode yang akan<br /><br /><script src="http://digg.com/tools/diggthis.js" type="text/javascript"></script><br /><!-- START: PDF Online Script --><br /><script type="text/javascript"><br /> var authorId = "0C17D2F8-035F-4FF4-BDEE-6A2446DBE565";<br /> var pageOrientation = "0";<br /> var topMargin = "0.5";<br /> var bottomMargin = "0.5";<br /> var leftMargin = "0.5";<br /> var rightMargin = "0.5";<br /></script><br /><script src="http://web2.pdfonline.com/pdfonline/pdfonline.js" type="text/javascript"><br /></script><br /><!-- END: PDF Online Script --><br /><br /></span>Buchexhttp://www.blogger.com/profile/06453091683622654693noreply@blogger.com10tag:blogger.com,1999:blog-8989934751101409110.post-91734524700821665392008-11-01T15:25:00.005+07:002011-06-09T12:32:02.671+07:00Tips dan Trik Membuat Nomor Halaman di blogspotMembuat nomor halaman di blogspot.com? kenapa tidak. Tentunya lebih asik dan menarik serta memudahkan pengunjung memjelajah blog kita. Trik Ini saya dapat dari <a href="http://rias-techno-wizard.blogspot.com/2008/07/page-navigation-hack-for-blogger.html" linkindex="29">http://rias-techno-wizard.blogspot.com.</a> Dan saya mencoba menterjemahkan dan mempostingnya untuk di praktekkan rekan blogger.<br />
<br />
<a name='more'></a><br />
<br />
1. Backup templatemu seperti biasa<br />
2. Login ke Blogspot.com<br />
3. Klik Customize<br />
4. Klik Layout<br />
5. Klik Edit HTML<br />
6. Conteng kotak Expand Widget Templates<br />
7. Cari kode seperti ini <span style="color: red;">]]></b:skin></span><br />
8. Lalu Copy kode di bawah ini dan pastekan diatas kode <span style="color: red;">]]></b:skin></span><br />
<br />
.showpageArea {padding: 0 2px;margin-bottom:10px;margin-top:10px;<br />
}<br />
<br />
.showpageArea a {border: 1px solid #505050;<br />
color: #000000;font-weight:normal;<br />
padding: 3px 6px !important;<br />
padding: 1px 4px ;margin:0px 4px;<br />
text-decoration: none;<br />
}<br />
.showpageArea a:hover {<br />
font-size:11px;<br />
border: 1px solid #333;<br />
color: #000000;<br />
background-color: #FFFFFF;<br />
}<br />
<br />
.showpageNum a {border: 1px solid #505050;<br />
color: #000000;font-weight:normal;<br />
padding: 3px 6px !important;<br />
padding: 1px 4px ;margin:0px 4px;<br />
text-decoration: none;<br />
<br />
}<br />
.showpageNum a:hover {<br />
font-size:11px;<br />
border: 1px solid #333;<br />
color: #000000;<br />
background-color: #FFFFFF;<br />
<br />
}<br />
.showpagePoint {font-size:11px;<br />
padding: 2px 4px 2px 4px;<br />
margin: 2px;<br />
font-weight: bold;<br />
border: 1px solid #333;<br />
color: #fff;<br />
background-color: #000000;<br />
<br />
<br />
}<br />
<br />
.showpage a:hover {font-size:11px;<br />
border: 1px solid #333;<br />
color: #000000;<br />
background-color: #FFFFFF;<br />
<br />
}<br />
.showpageNum a:link,.showpage a:link {<br />
font-size:11px;<br />
padding: 2px 4px 2px 4px;<br />
margin: 2px;<br />
text-decoration: none;<br />
border: 1px solid #0066cc;<br />
color: #0066cc;<br />
background-color: #FFFFFF;}<br />
<br />
.showpageNum a:hover {font-size:11px;<br />
border: 1px solid #333;<br />
color: #000000;<br />
background-color: #FFFFFF;<br />
}<br />
<br />
9. Klik Save<br />
<br />
10. Lepaskan tanda chek list di kotak Expand Widget Templates<br />
<br />
11. Setelah itu, cari kode seperti ini :<br />
<br />
<span style="color: red;"><b:section class='main' id='main' showaddelement='yes'></span><br />
<span style="color: red;"><b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/></span><br />
<span style="color: red;"></b:section></span><br />
<br />
12. Tambahkan kode di bawah ini di ujung kode : <span style="color: red;"></b:section></span><br />
<br />
&lt;script type=&quot;text/javascript&quot;&gt;<br />
<br />
function showpageCount(json) {<br />
var thisUrl = location.href;<br />
var htmlMap = new Array();<br />
var isFirstPage = thisUrl.substring(thisUrl.length-14,thisUrl.length)==&quot;.blogspot.com/&quot;;<br />
var isLablePage = thisUrl.indexOf(&quot;/search/label/&quot;)!=-1;<br />
var isPage = thisUrl.indexOf(&quot;/search?updated&quot;)!=-1;<br />
var thisLable = isLablePage ? thisUrl.substr(thisUrl.indexOf(&quot;/search/label/&quot;)+14,thisUrl.length) : &quot;&quot;;<br />
thisLable = thisLable.indexOf(&quot;?&quot;)!=-1 ? thisLable.substr(0,thisLable.indexOf(&quot;?&quot;)) : thisLable;<br />
var thisNum = 1;<br />
var postNum=1;<br />
var itemCount = 0;<br />
var fFlag = 0;<br />
var eFlag = 0;<br />
var html= &#39;&#39;;<br />
var upPageHtml =&#39;&#39;;<br />
var downPageHtml =&#39;&#39;;<br />
<br />
<br />
var pageCount=5;<br />
var displayPageNum=3;<br />
var firstPageWord = &#39;First&#39;;<br />
var endPageWord = &#39;Last&#39;;<br />
var upPageWord =&#39;Previous&#39;;<br />
var downPageWord =&#39;Next&#39;;<br />
<br />
<br />
<br />
var labelHtml = &#39;&lt;span class=&quot;showpageNum&quot;&gt;&lt;a href=&quot;/search/label/&#39;+thisLable+&#39;?&amp;max-results=&#39;+pageCount+&#39;&quot;&gt;&#39;;<br />
<br />
for(var i=0, post; post = json.feed.entry[i]; i++) {<br />
var timestamp = post.published.$t.substr(0,10);<br />
var title = post.title.$t;<br />
if(isLablePage){<br />
if(title!=&#39;&#39;){<br />
if(post.category){<br />
for(var c=0, post_category; post_category = post.category[c]; c++) {<br />
if(encodeURIComponent(post_category.term)==thisLable){<br />
if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){<br />
if(thisUrl.indexOf(timestamp)!=-1 ){<br />
thisNum = postNum;<br />
}<br />
<br />
postNum++;<br />
htmlMap[htmlMap.length] = &#39;/search/label/&#39;+thisLable+&#39;?updated-max=&#39;+timestamp+&#39;T00%3A00%3A00%2B08%3A00&amp;max-results=&#39;+pageCount;<br />
}<br />
}<br />
}<br />
}//end if(post.category){<br />
<br />
itemCount++;<br />
}<br />
<br />
}else{<br />
if(title!=&#39;&#39;){<br />
if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){<br />
if(thisUrl.indexOf(timestamp)!=-1 ){<br />
thisNum = postNum;<br />
}<br />
<br />
if(title!=&#39;&#39;) postNum++;<br />
htmlMap[htmlMap.length] = &#39;/search?updated-max=&#39;+timestamp+&#39;T00%3A00%3A00%2B08%3A00&amp;max-results=&#39;+pageCount;<br />
}<br />
}<br />
itemCount++;<br />
}<br />
}<br />
<br />
for(var p =0;p&lt; htmlMap.length;p++){<br />
if(p&gt;=(thisNum-displayPageNum-1) &amp;&amp; p&lt;(thisNum+displayPageNum)){<br />
if(fFlag ==0 &amp;&amp; p == thisNum-2){<br />
if(thisNum==2){<br />
if(isLablePage){<br />
upPageHtml = labelHtml + upPageWord +&#39;&lt;/a&gt;&lt;/span&gt;&#39;;<br />
}else{<br />
upPageHtml = &#39;&lt;span class=&quot;showpage&quot;&gt;&lt;a href=&quot;/&quot;&gt;&#39;+ upPageWord +&#39;&lt;/a&gt;&lt;/span&gt;&#39;;<br />
}<br />
}else{<br />
upPageHtml = &#39;&lt;span class=&quot;showpage&quot;&gt;&lt;a href=&quot;&#39;+htmlMap[p]+&#39;&quot;&gt;&#39;+ upPageWord +&#39;&lt;/a&gt;&lt;/span&gt;&#39;;<br />
}<br />
<br />
fFlag++;<br />
}<br />
<br />
if(p==(thisNum-1)){<br />
html += &#39;&amp;nbsp;&lt;span class=&quot;showpagePoint&quot;&gt;&lt;u&gt;&#39;+thisNum+&#39;&lt;/u&gt;&lt;/span&gt;&#39;;<br />
}else{<br />
if(p==0){<br />
if(isLablePage){<br />
html = labelHtml+&#39;1&lt;/a&gt;&lt;/span&gt;&#39;;<br />
}else{<br />
html += &#39;&lt;span class=&quot;showpageNum&quot;&gt;&lt;a href=&quot;/&quot;&gt;1&lt;/a&gt;&lt;/span&gt;&#39;;<br />
}<br />
}else{<br />
html += &#39;&lt;span class=&quot;showpageNum&quot;&gt;&lt;a href=&quot;&#39;+htmlMap[p]+&#39;&quot;&gt;&#39;+ (p+1) +&#39; &lt;/a&gt;&lt;/span&gt;&#39;;<br />
}<br />
}<br />
<br />
if(eFlag ==0 &amp;&amp; p == thisNum){<br />
downPageHtml = &#39;&lt;span class=&quot;showpage&quot;&gt; &lt;a href=&quot;&#39;+htmlMap[p]+&#39;&quot;&gt;&#39;+ downPageWord +&#39;&lt;/a&gt;&lt;/span&gt;&#39;;<br />
eFlag++;<br />
}<br />
}//end if(p&gt;=(thisNum-displayPageNum-1) &amp;&amp; p&lt;(thisNum+displayPageNum)){<br />
}//end for(var p =0;p&lt; htmlMap.length;p++){<br />
<br />
if(thisNum&gt;1){<br />
if(!isLablePage){<br />
html = &#39;&lt;span class=&quot;showpage&quot;&gt;&lt;a href=&quot;/&quot;&gt;&#39;+ firstPageWord +&#39; &lt;/a&gt;&lt;/span&gt;&#39;+upPageHtml+&#39; &#39;+html +&#39; &#39;;<br />
}else{<br />
html = &#39;&#39;+labelHtml + firstPageWord +&#39; &lt;/a&gt;&lt;/span&gt;&#39;+upPageHtml+&#39; &#39;+html +&#39; &#39;;<br />
}<br />
}<br />
<br />
html = &#39;&lt;div class=&quot;showpageArea&quot;&gt;&lt;span style=&quot;font-size:11px;padding: 2px 4px 2px 4px;margin: 2px 2px 2px 2px;color: #000000;border: 1px solid #333; background-color: #FFFFFF;&quot; class=&quot;showpage&quot;&gt;Page &#39;+thisNum+&#39; of &#39;+(postNum-1)+&#39;: &lt;/span&gt;&#39;+html;<br />
<br />
if(thisNum&lt;(postNum-1)){<br />
html += downPageHtml;<br />
html += &#39;&lt;span class=&quot;showpage&quot;&gt;&lt;a href=&quot;&#39;+htmlMap[htmlMap.length-1]+&#39;&quot;&gt; &#39;+endPageWord+&#39;&lt;/a&gt;&lt;/span&gt;&#39;;<br />
}<br />
<br />
if(postNum==1) postNum++;<br />
html += &#39;&lt;/div&gt;&#39;;<br />
<br />
if(isPage || isFirstPage || isLablePage){<br />
var pageArea = document.getElementsByName(&quot;pageArea&quot;);<br />
var blogPager = document.getElementById(&quot;blog-pager&quot;);<br />
<br />
if(postNum &lt;= 2){<br />
html =&#39;&#39;;<br />
}<br />
<br />
for(var p =0;p&lt; pageArea.length;p++){<br />
pageArea[p].innerHTML = html;<br />
}<br />
<br />
if(pageArea&amp;&amp;pageArea.length&gt;0){<br />
html =&#39;&#39;;<br />
}<br />
<br />
if(blogPager){<br />
blogPager.innerHTML = html;<br />
}<br />
}<br />
<br />
}<br />
&lt;/script&gt;<br />
<br />
&lt;script src=&quot;/feeds/posts/summary?alt=json-in-script&amp;callback=showpageCount&amp;max-results=99999&quot; type=&quot;text/javascript&quot;&gt;&lt;/script&gt;<br />
<br />
<br />
<div style='text-align:right;font-size:10px;color:000000;margin-top:15px;display:none;'> <a href='http://rias-techno-wizard.blogspot.com/2008/07/page-navigation-hack-for-blogger.html'>Grab this Widget ~ Blogger Accessories</a></div><br />
<br />
Simpan templatemu.<br />
<br />
Bagian yang bisa kamu edit adalah :<br />
<br />
1 : var pageCount = 5;<br />
Ini adalah jumlah postingan kamu yang akan tampil dalam satu halaman<br />
<br />
2 : var displayPageNum = 3;<br />
Ini adalah jumlah halaman yang akan ditampilkan<br />
<br />
Edit sesuai dengan keinginanmu. Selamat Mencoba Bloger<br />
<br />
Sumber : <a href="http://rias-techno-wizard.blogspot.com/2008/07/page-navigation-hack-for-blogger.html" linkindex="30">http://rias-techno-wizard.blogspot.com/</a><br />
<script src="http://digg.com/tools/diggthis.js" type="text/javascript">
</script>Buchexhttp://www.blogger.com/profile/06453091683622654693noreply@blogger.com13tag:blogger.com,1999:blog-8989934751101409110.post-2248072973851991482008-11-01T15:24:00.002+07:002009-03-03T10:41:10.428+07:00Bermain-main dengan background ( 2 )<script src="http://digg.com/tools/diggthis.js" type="text/javascript"></script><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijaI5-ciaZISXF_OkwvzAD9MXr8rQ0YLe1mnKiXxaC7du31Lm7WMJWYjNs7Ledq-XD2WzJ2JhBzuB1fY8Of7hND1nRbZWFY5fLOQWvKOM1nRRPMtycstvGkID9d7XpIeucK2EP1YPZBEI/s1600-h/contoh_blog_001.GIF"><img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijaI5-ciaZISXF_OkwvzAD9MXr8rQ0YLe1mnKiXxaC7du31Lm7WMJWYjNs7Ledq-XD2WzJ2JhBzuB1fY8Of7hND1nRbZWFY5fLOQWvKOM1nRRPMtycstvGkID9d7XpIeucK2EP1YPZBEI/s200/contoh_blog_001.GIF" alt="" id="BLOGGER_PHOTO_ID_5259167380037604930" border="0" /></a><br />Nah blogger, kali ini gwa mo berbagi tips mengganti background blog dengan kode script dari <a href="http://www.infoservemedia.com/">infoservemedia.com</a> Hasilnya lumayan bagus untuk mempercantik tampilan blog kita. Sederhana namun asik. yang terpenting, blog kita bisa tampil sedikit berbeda dengan blognya rekan-rekan blogger yang lain. <span class="fullpost">Kali ini penerapannya gak melulu dengan template Minima Classic, tapi boleh sobat coba dengan template-template yang lain. Penasaran? lihat dulu di <a href="http://kojekexperimenttemplate2.blogspot.com/">sini</a>, <a href="http://kojekexperimenttemplate3.blogspot.com/">disini</a> atau <a href="http://kojekexperimenttemplate4.blogspot.com/">yang ini</a>.<div style="text-align: justify;"><br /><br />Ok, kalau kepengen nyoba silahkan ikuti langkah-langkahnya di bawah ini:<br /><br />1. Meluncurlah ke <a href="http://www.infoservemedia.com/">http://www.infoservemedia.com/</a><br /><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFHXKndc7UObh8GzepljTvLcV4Wv9bbvMMPvPmOLpqpW9c4fqY4ZEa7iriqbtxSyo1uZHeQ4ek0HpYB5wPje5O5yumLSCMBxar2sVifAPSuTyewteuLkJxKxREIwtBhGsfZ9gxGXSp_Po/s1600-h/image_posting002.GIF"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFHXKndc7UObh8GzepljTvLcV4Wv9bbvMMPvPmOLpqpW9c4fqY4ZEa7iriqbtxSyo1uZHeQ4ek0HpYB5wPje5O5yumLSCMBxar2sVifAPSuTyewteuLkJxKxREIwtBhGsfZ9gxGXSp_Po/s320/image_posting002.GIF" alt="" id="BLOGGER_PHOTO_ID_5259161767581662082" border="0" /></a><br /><br />2. Klik Design<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEja3N839ogoB0DqS8gSXalEGCajzcaPDyngFbmOkM3C2HsSihLtQgwbxKkwse242Sqo2WBNdfO14dT3bUrUNJm4uiGda6XWov7Q3PP3waWO5htYCKebYK1y643qF-7HO2s_N5o87JOoVIY/s1600-h/image_posting003.edit.GIF"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEja3N839ogoB0DqS8gSXalEGCajzcaPDyngFbmOkM3C2HsSihLtQgwbxKkwse242Sqo2WBNdfO14dT3bUrUNJm4uiGda6XWov7Q3PP3waWO5htYCKebYK1y643qF-7HO2s_N5o87JOoVIY/s320/image_posting003.edit.GIF" alt="" id="BLOGGER_PHOTO_ID_5259162102205890610" border="0" /></a><br /><br />3. Klik Web Design Resources<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhdAEZ0QQhT_o4gJSBh0VQcBtZE_wT0XS2NuMxdVSVNZJ13GcMLrjy9ogUF2EEwAmiS3KljAuCyKmGYL5pBnD2ZhxxbZ7GyqrV6ua-ZPDSNN50JPVbcUhIVVllBDVdrCoOnySHPygOdp8/s1600-h/image_posting003.edit.GIF"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhdAEZ0QQhT_o4gJSBh0VQcBtZE_wT0XS2NuMxdVSVNZJ13GcMLrjy9ogUF2EEwAmiS3KljAuCyKmGYL5pBnD2ZhxxbZ7GyqrV6ua-ZPDSNN50JPVbcUhIVVllBDVdrCoOnySHPygOdp8/s320/image_posting003.edit.GIF" alt="" id="BLOGGER_PHOTO_ID_5259162746749437842" border="0" /></a><br />4. Klik Background<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5sZwDTiVNuvVDqq92EyG71c51T8cVeuzjlhB1ZdxfAYHGY7E7rMXW9v3uWefQAQPRc1DaZCDi1k1My5d7sSsFVl_N6bFcIYPaBz4XNKJLmLrzmW71e9SYEdeycsnFH_3FS4eMuNJcxx0/s1600-h/image_posting004.edit.GIF"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5sZwDTiVNuvVDqq92EyG71c51T8cVeuzjlhB1ZdxfAYHGY7E7rMXW9v3uWefQAQPRc1DaZCDi1k1My5d7sSsFVl_N6bFcIYPaBz4XNKJLmLrzmW71e9SYEdeycsnFH_3FS4eMuNJcxx0/s320/image_posting004.edit.GIF" alt="" id="BLOGGER_PHOTO_ID_5259163125783811410" border="0" /></a>5. Pilih kategori yang disediakan<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNIoEVujtlG3xlEtKbWU1FwkZjkQZ7WJntxFw5cmOU_8F7KDhHQUUgPApMQiKQfM6VdF9IG2R9a3z_iCaHSWNETUSbhnxf1l6p0vZA0HFL927FVzTG5U2TgNHZ1gLl0llqcxgCKiZIpk8/s1600-h/image_posting005.edit.GIF"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNIoEVujtlG3xlEtKbWU1FwkZjkQZ7WJntxFw5cmOU_8F7KDhHQUUgPApMQiKQfM6VdF9IG2R9a3z_iCaHSWNETUSbhnxf1l6p0vZA0HFL927FVzTG5U2TgNHZ1gLl0llqcxgCKiZIpk8/s320/image_posting005.edit.GIF" alt="" id="BLOGGER_PHOTO_ID_5259163586563476914" border="0" /></a><br />6. Klik Lagi Kategor pada sub galerry<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSoG5VW2VFySj6JyY5o3vEWwMmNwtYBSE-rddRNeSV7oS9R1iDcpe8UoQsfALecxzODf-_2pcOKnAnooMkx4TOpYVLd3qTvohNZY7fgI7Ng913YhkSro47OznSOA8_GTCqD2XFzl6dTLI/s1600-h/image_posting006.edit.GIF"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSoG5VW2VFySj6JyY5o3vEWwMmNwtYBSE-rddRNeSV7oS9R1iDcpe8UoQsfALecxzODf-_2pcOKnAnooMkx4TOpYVLd3qTvohNZY7fgI7Ng913YhkSro47OznSOA8_GTCqD2XFzl6dTLI/s320/image_posting006.edit.GIF" alt="" id="BLOGGER_PHOTO_ID_5259164238567191138" border="0" /></a><br />7. Pilih Click Here di bawah image yang kamu senangi<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggdIcJqzhkLlDvyULnlsuONn1mUm_8iD34LE81ktzYGVZKMHAwYBbo0JpSsXNsm8aYkFPN-Bfqv3dZKAJlshFKjoBDbsVEtQauipKMSBtFfwBv5p_W7M2si-MtpftBSw4z9RPBKgBszX8/s1600-h/image_posting007.edit.GIF"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggdIcJqzhkLlDvyULnlsuONn1mUm_8iD34LE81ktzYGVZKMHAwYBbo0JpSsXNsm8aYkFPN-Bfqv3dZKAJlshFKjoBDbsVEtQauipKMSBtFfwBv5p_W7M2si-MtpftBSw4z9RPBKgBszX8/s320/image_posting007.edit.GIF" alt="" id="BLOGGER_PHOTO_ID_5259164620921011330" border="0" /></a><br />8. Copy kode yang disediakan dalam kotak pilihan <strong style="font-size: 14px;">B</strong><strong style="font-size: 14px;">logger Background Code </strong><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlTd3SHIeLEeS4GNou5okGwdwBZ3C6u81tpHBpw3_LEkG6zeKPUelb0XA2eFQcwbAE0vroSfxsHb5o9kMnuoti4damaHeGIs1kgM2Jcjcn8CENXjndKtEtJE5t5snkwVaaCE9Q83FAFCA/s1600-h/image_posting008.edit.GIF"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlTd3SHIeLEeS4GNou5okGwdwBZ3C6u81tpHBpw3_LEkG6zeKPUelb0XA2eFQcwbAE0vroSfxsHb5o9kMnuoti4damaHeGIs1kgM2Jcjcn8CENXjndKtEtJE5t5snkwVaaCE9Q83FAFCA/s320/image_posting008.edit.GIF" alt="" id="BLOGGER_PHOTO_ID_5259164994766408466" border="0" /></a><br />9. Copy kode yang disediakan :<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg471gxUGPvkC_bFYLKMO8rsmCzCA4FpM7zT4bJI8x0R_lrdjbv5oUJQGU_STu7W0WIO66KupK0pITyWT8KSgZm0RAJShboij1Ij8ZIJiNxPIuKsM43Oso9z9ucUted7C3jwrXagToZf4E/s1600-h/image_posting009.edit.GIF"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg471gxUGPvkC_bFYLKMO8rsmCzCA4FpM7zT4bJI8x0R_lrdjbv5oUJQGU_STu7W0WIO66KupK0pITyWT8KSgZm0RAJShboij1Ij8ZIJiNxPIuKsM43Oso9z9ucUted7C3jwrXagToZf4E/s320/image_posting009.edit.GIF" alt="" id="BLOGGER_PHOTO_ID_5259165374038021794" border="0" /></a><br />Langkah selajutnya, ayo kita pasang ke blog. Setelah kita back up terlebih dahulu template blog kita atau kita siapkan blog baru. Ayo Coy ....<br /><br />1. Login ke Blogspot.com<br />2. Klik Customize<br />3. Klik Add a Gadget<br />4. Pilih HTML/Javascript<br />5. Pastekan kode yang tadi kita copy ke ruang Content<br />6. Save<br />7. Klik Save yang ada di ruang edit layout<br />8. Klik View Blog<br /><br />Lihat dech hasilnya, selamat mencoba ...<br /><br /><br /><br /><br /><br /><br /></span></div>Buchexhttp://www.blogger.com/profile/06453091683622654693noreply@blogger.com0tag:blogger.com,1999:blog-8989934751101409110.post-20235415520190576852008-11-01T15:20:00.003+07:002009-03-03T10:41:47.921+07:00Bermain-main dengan background ( 1 )Begini deh jadinya kalo lagi jahil, seneng gonta-ganti background, dari utak-atik langsung ke kode-kode html di ruang edit HTML sampe berburu backgroud gratis dengan bantuan si google. Alkisah .... pada suatu hari, aku nongkrong di <a href="http://www.thecutestblogontheblock.com/">thecutestblogontheblock.com</a> . Wuihhh ... seneng baget. Ada banyak pilihan Background yang bisa kita pakai. Tinggal pilih sesukamu. Nah, sekarang youk kita iseng-iseng sebentar.<br /><span class="fullpost"><br />Sebelumnya backup dulu tamplatemu, biar aman kalo terjadi hal-hal yang tak kita inginkan. Malah lebih baik buat blog baru aja. Pake template minima kalasik ya, biar efeknya terasa lebih nyata (ceaellah ...). Namanya juga iseng ... ok coy !!!<br /><br /><br /><ul><li>Meluncurlah ke http://www.thecutestblogontheblock.com/<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3VNrxJzRqMhtwsHotTLRkOgHOjhePcdFbqitm7mO3QEtkPZnnaV5O21TOuJheh44sZK8uxXZAaZNZlJgqAsqyWTN_UkAf6BAHrgYs9_QC4CXGKSNS0Bqaw1hrZr-O6axUpfNcYjnaFII/s1600-h/gambar001.GIF"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3VNrxJzRqMhtwsHotTLRkOgHOjhePcdFbqitm7mO3QEtkPZnnaV5O21TOuJheh44sZK8uxXZAaZNZlJgqAsqyWTN_UkAf6BAHrgYs9_QC4CXGKSNS0Bqaw1hrZr-O6axUpfNcYjnaFII/s400/gambar001.GIF" alt="" id="BLOGGER_PHOTO_ID_5259048490032351458" border="0" /></a></li></ul><br /><ul><li>Klik Backgrounds</li></ul><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrqvHi8PUm4s3_lqvwy61PLUNMRX1B-ZmKffU623auEZZdVRZO66ByuUC5dspPjBT3BC-npvQIsHqIHdo-ArU6Wby02ISoq21MvweszNuJJU8GC7KHBNl7moX0FaKiBfLW5lpKut_3_gQ/s1600-h/gambar001.a.GIF"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrqvHi8PUm4s3_lqvwy61PLUNMRX1B-ZmKffU623auEZZdVRZO66ByuUC5dspPjBT3BC-npvQIsHqIHdo-ArU6Wby02ISoq21MvweszNuJJU8GC7KHBNl7moX0FaKiBfLW5lpKut_3_gQ/s400/gambar001.a.GIF" alt="" id="BLOGGER_PHOTO_ID_5259049094305178514" border="0" /></a><ul><li>Cari gambar yg sobat sukai dengan memilih salah satu kategori yg disediakan</li><li><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSTKD7CZOhPeCdF48ImwvbXyra3w8Ene5FQba-L2svYIMGAtnBCLexHctjvgomuw6F5prq8D-ejnSEjCrrVWK46cSwEnNTC7_aC8cXpglnp8bC-A3NU4RzHZqk2EMwdA_uZtrf2wjA5NI/s1600-h/gambar004.GIF"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSTKD7CZOhPeCdF48ImwvbXyra3w8Ene5FQba-L2svYIMGAtnBCLexHctjvgomuw6F5prq8D-ejnSEjCrrVWK46cSwEnNTC7_aC8cXpglnp8bC-A3NU4RzHZqk2EMwdA_uZtrf2wjA5NI/s400/gambar004.GIF" alt="" id="BLOGGER_PHOTO_ID_5259050843897249682" border="0" /></a></li></ul><ul><li><span>Pilih image atau gambar yg kamu sukai dgn mengklik gambar pilihanmu</span><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjK8ARi-pziaBpQxjJffFkxuWhHF2CMTr4l3iLo1vNHgLMGX7kJH7sHVl0rTaJbwiR6DCPIERX-M6DX0BEpcJHto1EYkXfP8exOdzk_La3ng_LFuzO_Wf4KKVOiKcjcmoSvcNpzsssxxDg/s1600-h/gambar002.ab.GIF"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjK8ARi-pziaBpQxjJffFkxuWhHF2CMTr4l3iLo1vNHgLMGX7kJH7sHVl0rTaJbwiR6DCPIERX-M6DX0BEpcJHto1EYkXfP8exOdzk_La3ng_LFuzO_Wf4KKVOiKcjcmoSvcNpzsssxxDg/s400/gambar002.ab.GIF" alt="" id="BLOGGER_PHOTO_ID_5259052676311704178" border="0" /></a></li></ul><ul><li>Copy barisan kode yang berada di bawah tulisan <span><span style="font-weight: bold;">It's that easy!</span></span><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGkuQ8fOqlnxDhu-q6_kvWvg5yyR5szFQOhH97CEbXtCKb-lk_7VBIKyUHEGIQwmSoQtpHYLuZVCcTu5BcIQQh15t4_ZIPh844_6uJZLmVFrqbBR5wxPXWU51EdkUMqJdstVnxFXiCMvU/s1600-h/gambar003.a.GIF"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGkuQ8fOqlnxDhu-q6_kvWvg5yyR5szFQOhH97CEbXtCKb-lk_7VBIKyUHEGIQwmSoQtpHYLuZVCcTu5BcIQQh15t4_ZIPh844_6uJZLmVFrqbBR5wxPXWU51EdkUMqJdstVnxFXiCMvU/s400/gambar003.a.GIF" alt="" id="BLOGGER_PHOTO_ID_5259051804981564882" border="0" /></a></li></ul><span><span style="font-weight: bold;"><br /></span></span><br /><span>Sekarang </span><span>youk kita coba menerapkannya ke blog</span><span style="font-weight: bold;"> :</span><br /><span style="font-weight: bold;"><br /></span><ul><li><span>Login ke Blogspot</span></li><li><span>Klik Customize</span></li><li><span>Klik Add a Gadget</span></li><li><span>Klik HTML/JavaScript</span></li><li><span>Paste-kan hasil copy-an tadi ke ruang Content</span></li><li><span>Klik Save</span></li><li><span>Klik juga Save di ruang edit Layouynya</span></li></ul><span>Nah, lihat hasilnya. Kalo belum berhasil klik sekali lagi Customize, lalu klik View blog ....<br /><br />Selamat mencoba sobat</span><span style="font-weight: bold;">.<br /><br /><br /><span style="color: rgb(255, 255, 0);">NB : (Nasi Bungkus)</span><br /><br /></span><span>Kode css-nya bisa kita utak atik lagi lho. Tapi ngga gwa anjurkan untuk diterapkan di blogmu, takut dituduh mengajak blogger untuk MELANGGAR HAK CIPTA. Berabe khan ......</span><span style="font-weight: bold;"><br /><br /></span><span>Youk .... utak atik ...</span><span style="font-weight: bold;"><br /><br /></span><span>Perhatikan barisan kode berikut :<br /><br /></span><span></span><span><style type="text/css"><br />body {background-image: url("http://i342.photobucket.com/albums/o401/Thecutestblogontheblock/RedHotByNaturecopy.jpg"); background-position: center; background-repeat: no-repeat; background-attachment: fixed; }<br /></style><br /><div id="tag" style="position:absolute; left:0px; top:30px; z-index:50; width:150px; height:45px;"><br /><a href="http://www.thecutestblogontheblock.com" target="_blank"><br /><img src="http://www.thecutestblogontheblock.com/images/tag.jpg" border="0"/><br /></a></div> </span><span style="font-weight: bold;"><br /><br /></span><span style="font-style: italic;">Kalo pengen mengganti imagenya dengan image lain, tinggal sobat ganti kode </span><span><span style="font-style: italic;">berikui ini dengan (di antara dua tand petik) alamat URL gambarmu :</span><br /><br />body {background-image: url("http://i342.photobucket.com/albums/o401/Thecutestblogontheblock/RedHotByNaturecopy.jpg");</span><span style="font-weight: bold;"><br /><br /></span><span><span>Bannernya, bisa kamu ganti lho, hapir sama caranya. Perhatikoan kode berikut :</span><br /><br /></style><br /><div id="tag" style="position:absolute; left:0px; top:30px; z-index:50; width:150px; height:45px;"><br /><a href="http://www.thecutestblogontheblock.com" target="_blank"><br /><img src="http://www.thecutestblogontheblock.com/images/tag.jpg" border="0"/><br /><br /></span><span style="font-style: italic; font-weight: bold;"></span>alamat URL pertama, ganti dengan alamat URL Blogmu. Alamat URL yang ke-dua, ganti dengan alamat URL Bannermu.<br /><br /><span><span>Tapi jika sobat ingin menghapus bannernya, hapus saja kode di bawah ini :</span><br /><br /></style><br /><div id="tag" style="position:absolute; left:0px; top:30px; z-index:50; width:150px; height:45px;"><br /><a href="http://www.thecutestblogontheblock.com" target="_blank"><br /><img src="http://www.thecutestblogontheblock.com/images/tag.jpg" border="0"/></span><span style="font-weight: bold;"><br /></span><span><br />Ok .... selamat berexperiment Blogger ...</span><span style="font-weight: bold;"><br /><br /><script src="http://digg.com/tools/diggthis.js" type="text/javascript"></script><br /><br /></span></span>Buchexhttp://www.blogger.com/profile/06453091683622654693noreply@blogger.com1tag:blogger.com,1999:blog-8989934751101409110.post-4601409723366591632008-11-01T14:52:00.011+07:002009-03-09T12:56:37.249+07:00Tips dan Trik membuat Read MoreBikin readmore di blog emang kayaknya wajib nih. Biar tampilan blog jadi rapi. Dan kita bisa nampilkan beberapa postingan untuk kita taruh di halaman depan sekaligus bikin browser gak kelamaan membuka front page atau halaman depan blog kita. Namun, terkadang kita kesulitan saat mau bikin posting dimana kode-kode saling bertabrakan, misanya kode untuk meratakan paragraf atau kode untuk menapilkan huruf gontol-gontokan dengan kode <span style="font-weight: bold;"><span class="fullpost"></span> dan kode <span style="font-weight: bold;"></span><br /><br />Nah</span>, berikut aku mau berbagi jurus bikin Readmore yang ngga ngerepotin, Readmorenya bekerja secara otomatis bro. Langsung aja ngetik di ruang posting pada mode <span style="font-style: italic;">compose</span>. Atur warna huruf, tebal, miring atau perataan parangrafnya sesuka hati, tanpa khawatir readmorenya ngga bekerja.<br /><br />Ok blogger, ... youk ngilikin template sebentar ...<br /><br />1. Back up dulu templatemu<br />2. Login ke blogspot.com<br />3. Klik Customize<br />4. Klik Layout<br />5. Klik Edit HTML<br />6. Conteng kotak <span id="fullpost"><strong>Expand Widget Templates</strong></span><br />7. Cari kode seperti di bawah ini :<br /><br /><div style="background: rgb(217, 215, 215) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; text-align: justify; font-size: 100%;"></head><br /></div><br /><br />Selanjutnya, kopi kode di bawah ini lalu letakkan di bawah kode </head> tadi<br /><br /><div style="background: rgb(217, 215, 215) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; text-align: justify; font-size: 100%;"><br /><script type="text/javascript"> var thumbnail_mode = "no-float" ; summary_noimg = 430; summary_img = 340; img_thumb_height = 100; img_thumb_width = 120; </script> <script src="http://syahenimkojek.googlepages.com/readmore_keren_bro.js" type="text/javascript"></script><br /></div><br /><br />Selanjutnya, cari kode seperti di bawah ini :<br /><br /><div style="background: rgb(217, 215, 215) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; text-align: justify; font-size: 100%;"><br /><data:post.body/><br /></div><br /><br />Ganti kode tersebut dengan kode seperti di bawah ini :<br /><br /><div style="background: rgb(217, 215, 215) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; text-align: justify; font-size: 100%;"><br /><div style="text-align: left;"><b:if cond='data:blog.pageType != &quot;item&quot;'> <div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div> <script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script> <span class='rmlink' style='float:right;padding-top:20px;'><a expr:href='data:post.url'> read more &#8220;<data:post.title/>&#8221;</a></span> </b:if> <b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if><br /></div><br /></div><br /><br />Klik save. Dan mulailah memposting<br /><br />Selamat mencobaBuchexhttp://www.blogger.com/profile/06453091683622654693noreply@blogger.com2tag:blogger.com,1999:blog-8989934751101409110.post-70460036881416303492008-11-01T14:32:00.009+07:002009-03-03T10:31:14.582+07:00Cara memasang buku tamu<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXXsOqCjwMYlmp8LxZCKCUdEFxx0hIXPHZMtJVI4nNqzKcCkIR2E1DxucNqsgBI6OrNllVP0vW9nf1WWlpZazAnHCWM0V0YpXHg1dw7dGQs5rynbIeyQO8EntI02UYvlhBV20movTwWgXF/s1600-h/my.sb.JPG"><img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer; width: 188px; height: 317px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXXsOqCjwMYlmp8LxZCKCUdEFxx0hIXPHZMtJVI4nNqzKcCkIR2E1DxucNqsgBI6OrNllVP0vW9nf1WWlpZazAnHCWM0V0YpXHg1dw7dGQs5rynbIeyQO8EntI02UYvlhBV20movTwWgXF/s320/my.sb.JPG" alt="" id="BLOGGER_PHOTO_ID_5285790407814143986" border="0" /></a><br />Dalam membangun sebuah blog, tak lengkap rasanya bila kita tidak memasang buku tamu ke blog, di samping untuk mempercantik blog, buku tamu merupakan sarana berinteraksi antar sesama blogger. Kita bisa saling mengunjungi dan bersilaturrahmi. Bisa buka kita melakukan sarana promosi lewat buku tamu tersebut, misalnya kita bisa menitipkan link atau email blog bisnis kita di buku tamu blog lain agar pengunjung lain dapat melihat link yang kita berikan dan berkunjung ke blog kita<br /><br />Kali ini kita akan mencoba memasang buku tamu dari Shoutmix,com. Udah siap ? let's go bloggers .... <span class="fullpost"><br /><br />1. Meluncurlah ke <a href="http://www.shoutmix.com/main/">http://www.shoutmix.com/</a><br />maka kita akan di bawa ke tampilan seperti di bawah ini :<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpNCcgZxknt6nnLNz-vB-4AmPK7T2iS0wUsFyjHzisJROyxHrZZ45cgcbckYqT3gnTTgo-brNedeosyiq116lqhTrwJWXh3MjoH_wEXRzE0G8__4XusQBI_Uzp3viyoE9iNlI3WIKCmdjE/s1600-h/sb01.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 238px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpNCcgZxknt6nnLNz-vB-4AmPK7T2iS0wUsFyjHzisJROyxHrZZ45cgcbckYqT3gnTTgo-brNedeosyiq116lqhTrwJWXh3MjoH_wEXRzE0G8__4XusQBI_Uzp3viyoE9iNlI3WIKCmdjE/s320/sb01.JPG" alt="" id="BLOGGER_PHOTO_ID_5285775291631414034" border="0" /></a><br /><br />2. Klik menu Create, lalu kita akan di bawa ke ruang registrasi seperti di bawah ini :<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzmifDsryoaq1Xd1YVyIkITBTA2Zs9Yfjm3S3NRsG4z_6TjQ3DOnzsVg5sr_IUA1yUpxzlnBwqlF-2p8X6SP_2mh3zfOmhxDbBHET6juS098MLqjKw7mA-JxIqa2__K7H5UxBP9zCZtOVU/s1600-h/sb.register.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 239px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzmifDsryoaq1Xd1YVyIkITBTA2Zs9Yfjm3S3NRsG4z_6TjQ3DOnzsVg5sr_IUA1yUpxzlnBwqlF-2p8X6SP_2mh3zfOmhxDbBHET6juS098MLqjKw7mA-JxIqa2__K7H5UxBP9zCZtOVU/s320/sb.register.JPG" alt="" id="BLOGGER_PHOTO_ID_5285776067981778098" border="0" /></a><br /><br />3. Isi keterangan yang diminta<br /><br />Shoutbox ID: isi misalnya dengan namamu kecilmu misalnya. nama ini nantinya untuk login ke shoutmix<br /><br />Choose password: isikan passwordmu<br /><br />Retype password: isikan dengan password yang sama dgn yang kamu isi sebelumnya<br /><br />Name: isikan kotak ini dengan namamu<br /><br />Email: isikan dengan alamat emailmu<br /><br />Centeng/tandai kotak kecil disamping I have read and agree to the Terms of Service.<br /><br />Klik CONTINUE<br /><br />Maka kita akan dibawa ke tampilan berikut :<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbksyRMFo6Wer93TSloJCD_t5dUF7RUXCLtOi0pLyxjB9RdwGGKjbrir840Br3bCyf7LOmhO8f8a8S504Ii-jqjX8zauT6BqetFc6wMhs0bkGY6sKUDwWeefoPItQFFPeQtbJrYiZ8YUzH/s1600-h/sb.mode.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 240px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbksyRMFo6Wer93TSloJCD_t5dUF7RUXCLtOi0pLyxjB9RdwGGKjbrir840Br3bCyf7LOmhO8f8a8S504Ii-jqjX8zauT6BqetFc6wMhs0bkGY6sKUDwWeefoPItQFFPeQtbJrYiZ8YUzH/s320/sb.mode.JPG" alt="" id="BLOGGER_PHOTO_ID_5285780514643311122" border="0" /></a><br /><br />4. Pilih salah satu model tampilan kotak shoutbok dengan menekan/memberi tanda pada bulatan kecil di samping nama style<br /><br />5. Klik CONTINUE<br /><br />Kita di bawa ke tampilan berikut :<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibKh3z7bcyW4P5ngMTZByVT6SzunUh3Y2bqLoHAqvIBIN_gSD8XLUGpNF7ECgp0kMzR6o54i38dw_hRxN1NH2gb_YFHDa0A0ZybbBv4gs6FODs7KIPyaPwU2_Ii-R7CUuQi2yp9ZdcTKKT/s1600-h/sb.controlpanels.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 140px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibKh3z7bcyW4P5ngMTZByVT6SzunUh3Y2bqLoHAqvIBIN_gSD8XLUGpNF7ECgp0kMzR6o54i38dw_hRxN1NH2gb_YFHDa0A0ZybbBv4gs6FODs7KIPyaPwU2_Ii-R7CUuQi2yp9ZdcTKKT/s320/sb.controlpanels.JPG" alt="" id="BLOGGER_PHOTO_ID_5285781570383327826" border="0" /></a><br /><br />5. Klik Control Panel<br />Kita akan di bawa ke ruang seperti gambar berikut :<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhr3a0sKLkCv1mEUUOffHoOJixXUcAkRyEw1P2DAbO5hm5CX4XqYIi-nlaJVlItUmCYoARSgD6BLvtXDsG1QS_18rsx_7aYq1E7OK_tjQWFDqI2-Wgvy_bsyItZF1FWrcjSkGuJwsO7OCoS/s1600-h/sb.setting.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 234px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhr3a0sKLkCv1mEUUOffHoOJixXUcAkRyEw1P2DAbO5hm5CX4XqYIi-nlaJVlItUmCYoARSgD6BLvtXDsG1QS_18rsx_7aYq1E7OK_tjQWFDqI2-Wgvy_bsyItZF1FWrcjSkGuJwsO7OCoS/s320/sb.setting.JPG" alt="" id="BLOGGER_PHOTO_ID_5285782537220453970" border="0" /></a><br /><br />6. pada sub menu display, klik Style & Colors untuk mengatur warna dan huruf sesuai keinginanmu. Secara default telah tersedia mode warna pada kotak "Load from preset:" Bila semua pengaturan telah selesai, klik "Save Settings"<br /><br />7. Klik Settings pada menu paling atas, kemudian pada sub menu display, "klik Date & Time" untuk melakukan pengaturan waktu. Pada kota "Timezone:" cari waktu sesuai nama kota tempat tinggalmu. Tentukan format waktu pada kotak "Format:" lalu simpan dengan mengklik "Save Settings"<br /><br />8. Klik kembali Sttings di menu paling atas, lalu pada sub menu "Quick Start" pilih "Get codes". maka kita akan di bawa ke tampilan seperti di bawah ini :<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIO516IWNNqYaSETgxyaY8DTDamcqx6rtR6vnCN-HJhdZGP-DQ5zzzPqE1FohAolGDJ3arIrbGAzEY5kN83qmbPsIw0Z0S4xLS2BzHeNWc7b3Bfb3OGghh1GX_q3_94pn_Gz5taQ1zl1y8/s1600-h/Get+Code.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 201px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIO516IWNNqYaSETgxyaY8DTDamcqx6rtR6vnCN-HJhdZGP-DQ5zzzPqE1FohAolGDJ3arIrbGAzEY5kN83qmbPsIw0Z0S4xLS2BzHeNWc7b3Bfb3OGghh1GX_q3_94pn_Gz5taQ1zl1y8/s320/Get+Code.JPG" alt="" id="BLOGGER_PHOTO_ID_5285785685795313570" border="0" /></a><br /><br />Atur tinggi dan lebar pada kotak "Width" dah "Heigt". Sesuaikan dengan tinggi dan lebar sidebar blogmu.<br /><br />9. Copy selur kode yang berada di dalam kotak Generated codes. Lalu simpan dalam dokumen TXT. Tapi kamu juga bisa langsung memasangnya ke blogmu.<br /><br />Sampai di sini, kita telah meyelesaikan tahap pertama dimana kita telah mendapatkan script yang akan kita pasang ke blog. Langkah selanjutnya adalah memasangnya ke blog.<br />Youk ... kita utak-atik lagi...<br /><br />a. Login ke blogspot<br />b. klik customize<br />c. klik layout<br />d. Klik Add d Gadget<br />e. pilih HTML/JavaScript<br />d. Isi kotak "Title" dengan nama sesukamu, misalnya "Buku Tamu"<br />e. Pastekan kode yang kotak copy dari shoutmix.com tadi ke ruang "Content"<br />f. Klik save untuk menyimpan<br />g. atur letak shoutboxmu dengan aksi drag n drop pada ruang edit conten<br />h. klik save<br />i. klik view blog untuk melihat perubahan<br /><br />Selamat bloggers ... anda sekarang telah punya buku tamu. Selamat Mencoa ...<br /><br /><br /><br /></span><br /><span class="fullpost"><br /><br /></span>Buchexhttp://www.blogger.com/profile/06453091683622654693noreply@blogger.com1tag:blogger.com,1999:blog-8989934751101409110.post-90821852041477898252008-11-01T14:26:00.003+07:002009-02-16T12:33:33.838+07:00Cara membuat blogMembuat blog itu mudah dan menyenangkan, Ngga percaya? percaya aja dech. Kalo udah ketagihan, aku ngga tanggung jawab ya. Ok, Mau ngeblog di mana nih? Gimana cara membuat blog ? Mau nulis Apa? Gak usah dipikirin. Yang penting anda punya komputer dan terkoneksi ke Internet atau lewat warnet mungkin, yang terpenting anda bisa mengoperasikan komputer dan paling tidak pernah atau mengenal internet.<span class="fullpost"><br /><br />Blog ini kubuat untuk belajar membuat blog di blogspot.com. Semoga apa yang aku paparkan nanti mudah dimengerti oleh anda, karena aku juga sedang dalam proses belajar, kritik dan saran selalu kutunggu.<br /><br />Baik, Ayo kita mulai.<br /><br />Untuk membuat blog di blogspot.com, kamu sebelumnya harus sudah punya alamat email di google.com, Bagi yang belum punya account di google.com, bisa membaca tutorialnya di sini. Bagi yang sudah, ikuti langkah-langkah di bawah ini.class="fullpost"><br /><br />1. Meluncurlah ke http://www.blogger.com/<br />Maka anda akan dibawa ke tampilan seperti gambar di bawah ini :<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjU8Py7XeiOWuHF830yhEQZ-y1hJPD7pUj0Xv7Ozd6QdtSQLr3ooQAldGl_HB2WOkGEbnPo7X5A6_v9D7v_9yRNjl_aThz4oyObuDf1ltEm9nf3tgkuswI6bxY_tZeU9-LI5jxI3NWU2AKW/s1600-h/cara001.GIF"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 317px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjU8Py7XeiOWuHF830yhEQZ-y1hJPD7pUj0Xv7Ozd6QdtSQLr3ooQAldGl_HB2WOkGEbnPo7X5A6_v9D7v_9yRNjl_aThz4oyObuDf1ltEm9nf3tgkuswI6bxY_tZeU9-LI5jxI3NWU2AKW/s320/cara001.GIF" alt="" id="BLOGGER_PHOTO_ID_5262826294150724562" border="0" /></a><br /><br />2. Kik tanda panah bertuliskan CIPTAKAN BLOG ANDA<br />Maka, anda akan di bawa ketampilan seprti di bawah ini :<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjG5sxpbpWb9qQINcUAPbD98-b5sZmLmN3DC8OLObVskLO-ecuEFZXBoH-299dtW2lqBdo580amZzsBfqSfGN78Q0G8IuSlPb7FshBht68K2nK2I2XgUrprVk_ASsZ6-YVxpYz8CYKnrMzd/s1600-h/cara002.GIF"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 278px; height: 320px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjG5sxpbpWb9qQINcUAPbD98-b5sZmLmN3DC8OLObVskLO-ecuEFZXBoH-299dtW2lqBdo580amZzsBfqSfGN78Q0G8IuSlPb7FshBht68K2nK2I2XgUrprVk_ASsZ6-YVxpYz8CYKnrMzd/s320/cara002.GIF" alt="" id="BLOGGER_PHOTO_ID_5262827796515016018" border="0" /></a><br /><br />3. Isi Kolom yang disediakan :<br /><br />a. Alamat Email : Isi dengan alamat emailmu. Misalnya namaanda@gmail.com<br />b. Ketik Ulang Alamat Eail : Isi dengan alamat email yang sama.<br />c. Masukkan sebuah password : isi dengan passwordmu/kata sandi<br />d. Ketik ulang sandi : Isi dgn passwordmu/kata sandi yang sama<br />e. Nama tampilan : isi dengan namamu (misalnya)<br />f. Masukkan verifikasi kata ke kotak yang disediakan<br />g. Penerimaan persyaratan : conteng kotak kecil di samping kalimat Saya menerima Persyaratan dan layanan<br />h. Klik tanda panah bertuliskan LANJUTKAN<br /><br />Maka anda akan di bawa ke tampilan berikut :<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaRdgCeEfOlonogYmaOdkkFYvOMvGqe7arvk-tnWVyfU5ngCeBxCC6ZIfFFDnS5eUihK_g30TxmuNkoTtwG60eJ8aRM5MTN6dl2AMXQRfPCbmBrKj-pIGrc9Mbh6eIN801PXbNl9nuvodC/s1600-h/cara003.GIF"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 299px; height: 320px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaRdgCeEfOlonogYmaOdkkFYvOMvGqe7arvk-tnWVyfU5ngCeBxCC6ZIfFFDnS5eUihK_g30TxmuNkoTtwG60eJ8aRM5MTN6dl2AMXQRfPCbmBrKj-pIGrc9Mbh6eIN801PXbNl9nuvodC/s320/cara003.GIF" alt="" id="BLOGGER_PHOTO_ID_5262831389622588706" border="0" /></a><br /><br />4. Isi kolom yang disediakan :<br />a. Judul blog : buat judul blogmu<br />b. Alamat blog (URL) : isi dengan namamu,<br />c. Klik Cek Ketersediaan untuk melihat apakah alamt url yang kamu buat diizinkan oleh blogspot.com, kalau belum, ganti dengan nama uyang lain<br />d. Klik tanda panah bertuliskan LANJUTKAN<br /><br />Maka kamu akan di bawa ke ruang pemilihan template seperti gambar di bawah ini :<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3qKLRRtX8sDIDuMqL_Mt9HnMDAmtB2WqgdliYLYByH9YlTRJVWUbkzWZl9pGJKtVcSyuv8-J1uG3yzOD2lZYzE9JmsxSgbivvwcrN2Y4-lDG-bAC_F8p3CrkT7t6BJ5XKp1BN-9Vwidfr/s1600-h/cara004.GIF"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 302px; height: 320px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3qKLRRtX8sDIDuMqL_Mt9HnMDAmtB2WqgdliYLYByH9YlTRJVWUbkzWZl9pGJKtVcSyuv8-J1uG3yzOD2lZYzE9JmsxSgbivvwcrN2Y4-lDG-bAC_F8p3CrkT7t6BJ5XKp1BN-9Vwidfr/s320/cara004.GIF" alt="" id="BLOGGER_PHOTO_ID_5262834234187860802" border="0" /></a><br /><br />5. Pilih template yang kamu sukai dengan menconteng kolom kecil di samping nama template<br /><br />6. Klik tanda panah bertuliskan LANJUTKAN<br /><br />maka akan muncul tampilan seperti gambar di bawah ini :<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdjyeIwg31ynwmJXtyEO4ZLN6FWzI9ywpM9iM31YrvWpGLiB3RaKUAyRPMYr9EhFtvWX_mh3vUuYUWzHvbISFELQYPTbkXQ1lZgWewJLpzopzhyzHEL9z-HLWgXpkr6nAYiJCi8yibAKYy/s1600-h/cara005.GIF"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 282px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdjyeIwg31ynwmJXtyEO4ZLN6FWzI9ywpM9iM31YrvWpGLiB3RaKUAyRPMYr9EhFtvWX_mh3vUuYUWzHvbISFELQYPTbkXQ1lZgWewJLpzopzhyzHEL9z-HLWgXpkr6nAYiJCi8yibAKYy/s320/cara005.GIF" alt="" id="BLOGGER_PHOTO_ID_5262835269810043282" border="0" /></a><br /><br />7. Klik tanda panah bertuliskan MULAI BLOGGING.<br /><br />Maka anda akan dibawa ke ruang postingan seperti tampak pada gambar di bawah ini :<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtxlWpaUHdZbk4l9PwlYVKEx3-7zsxG23WjOx18xIWFPydhXyx1OIdasw7sTsSd6Oz0Doo8eoCl-NqUOFqJMnaQpmXe3ubh_mD6_qG8GbUQwrjmn8SfvV1aYzo6RgfNUo5bPzRRlxEMzyS/s1600-h/cara006.GIF"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 298px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtxlWpaUHdZbk4l9PwlYVKEx3-7zsxG23WjOx18xIWFPydhXyx1OIdasw7sTsSd6Oz0Doo8eoCl-NqUOFqJMnaQpmXe3ubh_mD6_qG8GbUQwrjmn8SfvV1aYzo6RgfNUo5bPzRRlxEMzyS/s320/cara006.GIF" alt="" id="BLOGGER_PHOTO_ID_5262835807615058706" border="0" /></a><br /><br />a. Judul : isi dengan judul blogmu<br />b. Tulis beberapa kalimat di ruang pengetikan<br />c. isi kotak kategori dengan kata article (misalnya), boleh dengan nama lain<br />d. Kalau sudah selesai, tekan tombol TERBITKAN ENTRI<br /><br />Kemudian anda akan di bawa ke tampilan berikut :<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOfDNRhar93bQHwrZAXC9M1uq0BqjBsihvjN24RkRHJE1wPtTIeuNKlpTJOs-kEvJucitcVvpyMymNKe45gpQh48LU1UK-Oz2xGw_vBAKdOK7Oxt8oIKhSHySiFCOhJ_wYaChiuE0uFna8/s1600-h/cara007.GIF"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 230px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOfDNRhar93bQHwrZAXC9M1uq0BqjBsihvjN24RkRHJE1wPtTIeuNKlpTJOs-kEvJucitcVvpyMymNKe45gpQh48LU1UK-Oz2xGw_vBAKdOK7Oxt8oIKhSHySiFCOhJ_wYaChiuE0uFna8/s320/cara007.GIF" alt="" id="BLOGGER_PHOTO_ID_5262836806292393554" border="0" /></a><br /><br />8. Klik Lihat blog untuk melihat hasilnya.<br /><br />Selamat, sekarang anda telah menjadi seorang blogger<br /><script src="http://digg.com/tools/diggthis.js" type="text/javascript"></script><br /></span>Buchexhttp://www.blogger.com/profile/06453091683622654693noreply@blogger.com1