tag:blogger.com,1999:blog-83450869198078619522024-03-06T19:34:19.143-08:00TIPS TRIK BLOG FB DLLtutorial blog twitter fb virus wordpressUnknownnoreply@blogger.comBlogger57125tag:blogger.com,1999:blog-8345086919807861952.post-43846292076045995262014-02-03T19:03:00.001-08:002014-02-03T19:13:38.105-08:00CARA DAFTAR E-MAIL GMX<div align="center" class="MsoNormal" style="text-align: center;">
<b><span style="font-size: 14.0pt; line-height: 115%;">CARA DAFTAR E-MAIL GMX<o:p></o:p></span></b></div>
<ol start="1" type="1">
<li class="MsoNormal" style="color: #3c3d3f; line-height: 18.75pt; mso-list: l0 level1 lfo1; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt;"><span style="font-family: "Arial","sans-serif"; font-size: 10.5pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">Pertama kamu masuk ke</span><span style="font-family: "Arial","sans-serif"; font-size: 10.5pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"> </span><span style="font-family: "Arial","sans-serif"; font-size: 10.5pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"><a href="http://gmx.com/" target="_blank"><b><i><span style="color: #2b2522; mso-bidi-font-size: 11.0pt;">GMX
Mail</span></i></b></a></span><span style="font-family: "Arial","sans-serif"; font-size: 10.5pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"> </span><span style="font-family: "Arial","sans-serif"; font-size: 10.5pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">untuk menuju halaman pendaftaran.<o:p></o:p></span></li>
<li class="MsoNormal" style="color: #3c3d3f; line-height: 18.75pt; mso-list: l0 level1 lfo1; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt;"><span style="font-family: "Arial","sans-serif"; font-size: 10.5pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">Sobat akan disuruh mengisi
data-data sebagai berikut<o:p></o:p></span></li>
<li class="MsoNormal" style="color: #3c3d3f; line-height: 18.75pt; mso-list: l0 level1 lfo1; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt;"><span style="font-family: "Arial","sans-serif"; font-size: 10.5pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">•Gender : pilih jenis kelamin
kamu (Male : Laki-laki/Female : Perempuan)<o:p></o:p></span></li>
<li class="MsoNormal" style="color: #3c3d3f; line-height: 18.75pt; mso-list: l0 level1 lfo1; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt;"><span style="font-family: "Arial","sans-serif"; font-size: 10.5pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">•First Name : Nama depan kamu<o:p></o:p></span></li>
<li class="MsoNormal" style="color: #3c3d3f; line-height: 18.75pt; mso-list: l0 level1 lfo1; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt;"><span style="font-family: "Arial","sans-serif"; font-size: 10.5pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">•Last Name : Nama Belakangnya<o:p></o:p></span></li>
<li class="MsoNormal" style="color: #3c3d3f; line-height: 18.75pt; mso-list: l0 level1 lfo1; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt;"><span style="font-family: "Arial","sans-serif"; font-size: 10.5pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">•Date Of Birth : pilih menu
dropdown yang sesuai dengan tanggal, bulan dan tahun kelahiran kamu<o:p></o:p></span></li>
<li class="MsoNormal" style="color: #3c3d3f; line-height: 18.75pt; mso-list: l0 level1 lfo1; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt;"><span style="font-family: "Arial","sans-serif"; font-size: 10.5pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">•Country : Akan otomatis masuk
ke negara kamu<o:p></o:p></span></li>
<li class="MsoNormal" style="color: #3c3d3f; line-height: 18.75pt; mso-list: l0 level1 lfo1; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt;"><span style="font-family: "Arial","sans-serif"; font-size: 10.5pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">•Desired Email Address : nama
email yang kamu inginkan sebagai contoh (rahmatdiyan@gmx.com) domain
gmx.com bisa di ganti sesuai dengan apa yang kamu inginkan yang sudah
tersedia di menu dropdownnya.<o:p></o:p></span></li>
<li class="MsoNormal" style="color: #3c3d3f; line-height: 18.75pt; mso-list: l0 level1 lfo1; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt;"><span style="font-family: "Arial","sans-serif"; font-size: 10.5pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">•Check Availability : Klik
tombol tersebut untuk mengecek ketersediaan nama email yang akan kamu
buat.<o:p></o:p></span></li>
<li class="MsoNormal" style="color: #3c3d3f; line-height: 18.75pt; mso-list: l0 level1 lfo1; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt;"><span style="font-family: "Arial","sans-serif"; font-size: 10.5pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">•Choose a Password : isi dengan
password/kata sandinya<o:p></o:p></span></li>
<li class="MsoNormal" style="color: #3c3d3f; line-height: 18.75pt; mso-list: l0 level1 lfo1; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt;"><span style="font-family: "Arial","sans-serif"; font-size: 10.5pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">•Retype password : masukan
kembali password yang sudah kamu buat (sama seperti diatas)<o:p></o:p></span></li>
<li class="MsoNormal" style="color: #3c3d3f; line-height: 18.75pt; mso-list: l0 level1 lfo1; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt;"><span style="font-family: "Arial","sans-serif"; font-size: 10.5pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">•Contact Email : tidak perlu di
isi juga tidak jadi masalah<o:p></o:p></span></li>
<li class="MsoNormal" style="color: #3c3d3f; line-height: 18.75pt; mso-list: l0 level1 lfo1; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt;"><span style="font-family: "Arial","sans-serif"; font-size: 10.5pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">•Security Question : pilih
pertanyaan yang kamu kehendaki (bebas)<o:p></o:p></span></li>
<li class="MsoNormal" style="color: #3c3d3f; line-height: 18.75pt; mso-list: l0 level1 lfo1; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt;"><span style="font-family: "Arial","sans-serif"; font-size: 10.5pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">•Your Answer : Isi dengan
jawabannya<o:p></o:p></span></li>
<li class="MsoNormal" style="color: #3c3d3f; line-height: 18.75pt; mso-list: l0 level1 lfo1; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt;"><span style="font-family: "Arial","sans-serif"; font-size: 10.5pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">•Enter The Code Show : masukan
kode yang tertera sesuai dengan yang tampil Langkah selanjutnya, kamu cek
kembali data yang sudah kamu isi. jika semuanya sudah selesai, tinggal
klik tombol</span><span style="font-family: "Arial","sans-serif"; font-size: 10.5pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"> </span><b><u><span style="font-family: "Arial","sans-serif"; font-size: 10.5pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">I ACCEPT, CREATE MY ACCOUNT</span></u></b><span style="font-family: "Arial","sans-serif"; font-size: 10.5pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">.<o:p></o:p></span></li>
<li class="MsoNormal" style="color: #3c3d3f; line-height: 18.75pt; mso-list: l0 level1 lfo1; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt;"><span style="font-family: "Arial","sans-serif"; font-size: 10.5pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">halaman baru muncul, kamu
tinggal klik tombol</span><span style="font-family: "Arial","sans-serif"; font-size: 10.5pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"> </span><b><u><span style="font-family: "Arial","sans-serif"; font-size: 10.5pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">Go To GMX Mail Now!</span></u></b><span style="font-family: "Arial","sans-serif"; font-size: 10.5pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"> </span><span style="font-family: "Arial","sans-serif"; font-size: 10.5pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">untuk menikmati fasilitas yang
di berikan oleh website tersebut. lalu, silahkan menikmatinya.<o:p></o:p></span></li>
</ol>
<span class="fullpost">
</span>Unknownnoreply@blogger.com11tag:blogger.com,1999:blog-8345086919807861952.post-73185250499044800282011-12-21T22:39:00.000-08:002015-04-05T21:28:25.124-07:00Widget Jam Islami 2<div style="cursor: hand; cursor: pointer; float: left; height: 130px; margin: 0 10px 10px 0; width: 130px;">
<embed height="150" pluginspage="http://www.macromedia.com/go/getflashplayer" quality="high" src="http://www.widgipedia.com/widgets/kangfatur/Allah2_-11515-8192_134217728.widget?__insta" type="application/x-shockwave-flash" width="150" wmode="transparent"></embed></div>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
Copy the widget code below and paste into your blog. If you still do not understand about how to install this widget please <a href="http://ade-tea.blogspot.com/2011/12/cara-pasang-widget-di-blogger.html" target="new">click here</a>.<br />
<br />
If you like about this post please click the button like and share to be distributed to your Facebook friends. Thank you hopefully useful and can make your blog more beautiful<br />
<br />
Corner left - copy this code if you want to put it on bottom left position:<br />
<div style="background-color: white; border: medium none; color: black; overflow: hidden; text-align: left; text-decoration: none;">
<br />
<blockquote>
<div style="position: fixed; bottom: 0px; left: 2px;"><br /><embed pluginspage="http://www.macromedia.com/go/getflashplayer" width="200" height="200" src="http://www.widgipedia.com/widgets/kangfatur/Allah2_-11515-8192_134217728.widget?__insta" wmode="transparent" type="application/x-shockwave-flash" quality="high"></embed></div></blockquote>
<br />
Corner right - copy this code if you want to put it on bottom left position:<br />
<div style="background-color: white; border: medium none; color: black; overflow: hidden; text-align: left; text-decoration: none;">
<br /></div>
<blockquote>
<div style="position: fixed; bottom: 0px; right: 2px;"><br /><embed pluginspage="http://www.macromedia.com/go/getflashplayer" width="200" height="200" src="http://www.widgipedia.com/widgets/kangfatur/Allah2_-11515-8192_134217728.widget?__insta" wmode="transparent" type="application/x-shockwave-flash" quality="high"></embed></div></blockquote>
<br />
<br />
Corner left - copy this code if you want to put it on top left position:<br />
<div style="background-color: white; border: medium none; color: black; overflow: hidden; text-align: left; text-decoration: none;">
<blockquote>
<div style="position: fixed; top: 0px; left: 2px;"><br /><embed pluginspage="http://www.macromedia.com/go/getflashplayer" width="200" height="200" src="http://www.widgipedia.com/widgets/kangfatur/Allah2_-11515-8192_134217728.widget?__insta" wmode="transparent" type="application/x-shockwave-flash" quality="high"></embed></div></blockquote>
<br />
Corner right - copy this code if you want to put it on top left position:<br />
<div style="background-color: white; border: medium none; color: black; overflow: hidden; text-align: left; text-decoration: none;">
<blockquote>
<div style="position: fixed; top: 0px; right: 2px;"><br /><embed pluginspage="http://www.macromedia.com/go/getflashplayer" width="200" height="200" src="http://www.widgipedia.com/widgets/kangfatur/Allah2_-11515-8192_134217728.widget?__insta" wmode="transparent" type="application/x-shockwave-flash" quality="high"></embed></div></blockquote>
<br /></div>
</div>
Sidebar - copy this code if you want to put it on your sidebar:<br />
<div style="background-color: white; border: medium none; color: black; overflow: hidden; text-align: left; text-decoration: none;">
<blockquote>
<div style="text-align: center;"><embed pluginspage="http://www.macromedia.com/go/getflashplayer" width="200" height="200" src="http://www.widgipedia.com/widgets/kangfatur/Allah2_-11515-8192_134217728.widget?__insta" wmode="transparent" type="application/x-shockwave-flash" quality="high"></embed></div></blockquote>
<br />
<br />
<br /></div>
</div>
<br />
<br />
<span style="color: #ff6600;">CATATAN :</span><br />
<span style="color: #ffff66;">Apabila sobat tertarik dengan widget di atas dan ingin mengganti widget tersebut dengan photo koleksi pribadi silahkan kirim photonya ke e-mail :</span> <span style="color: white;">ineufadla@gmail.com</span><br />
<br />Unknownnoreply@blogger.com4tag:blogger.com,1999:blog-8345086919807861952.post-1207992710702440082011-12-20T18:31:00.000-08:002011-12-21T21:56:25.224-08:00Widget Jam untuk Blog<div style="float:left; margin:0 10px 10px 0;cursor:pointer; cursor:hand;width: 150px; height: 150px;"><div style="text-align: center;"><embed pluginspage="http://www.macromedia.com/go/getflashplayer" src="http://www.widgipedia.com/widgets/kangfatur/Allah1_-11514-8192_134217728.widget?__insta" wmode="transparent" type="application/x-shockwave-flash" quality="high" height="150" width="150"></embed></div><br /></div><br /><div style="text-align: justify;">Haloo... sobat blogger jumpa lagi nich... dah lama neng gak posting-posting kali ini neng bagi-bagi widget islami, bagi sobat yang menginginkan widget jam islami ini silahkasn sobat copy paste di blog sobat, adapun peletakannya tinggal sobat pilih. OK langsung ke TKP.<br /></div><br />untuk posisi widget di pojok kiri bawah silahkan sobat copy kode berikut :<br /><blockquote><div style="position: fixed; bottom: 0px; left: 2px;"><br /><embed pluginspage="http://www.macromedia.com/go/getflashplayer" width="200" height="200" src="http://www.widgipedia.com/widgets/kangfatur/Allah1_-11514-8192_134217728.widget?__insta" wmode="transparent" type="application/x-shockwave-flash" quality="high"></embed></div><br /></blockquote><br />untuk posisi widget di pojok kanan bawah silahkan sobat copy kode berikut :<br /><blockquote><div style="position: fixed; bottom: 0px; right: 2px;"><br /><embed pluginspage="http://www.macromedia.com/go/getflashplayer" width="200" height="200" src="http://www.widgipedia.com/widgets/kangfatur/Allah1_-11514-8192_134217728.widget?__insta" wmode="transparent" type="application/x-shockwave-flash" quality="high"></embed></div></blockquote><br />untuk posisi widget di pojok kiri atas silahkan sobat copy kode berikut :<br /><blockquote><div style="position: fixed; top: 0px; left: 2px;"><br /><embed pluginspage="http://www.macromedia.com/go/getflashplayer" width="200" height="200" src="http://www.widgipedia.com/widgets/kangfatur/Allah1_-11514-8192_134217728.widget?__insta" wmode="transparent" type="application/x-shockwave-flash" quality="high"></embed></div><br /></blockquote>untuk posisi widget di pojok kiri atas silahkan sobat copy kode berikut :<br /><blockquote><div style="position: fixed; top: 0px; right: 2px;"><br /><embed pluginspage="http://www.macromedia.com/go/getflashplayer" width="200" height="200" src="http://www.widgipedia.com/widgets/kangfatur/Allah1_-11514-8192_134217728.widget?__insta" wmode="transparent" type="application/x-shockwave-flash" quality="high"></embed></div><br /></blockquote>untuk di pasang di sidebar silahkan sobat copy kode berikut :<br /><blockquote><div style="text-align: center;"><embed pluginspage="http://www.macromedia.com/go/getflashplayer" width="200" height="200" src="http://www.widgipedia.com/widgets/kangfatur/Allah1_-11514-8192_134217728.widget?__insta" wmode="transparent" type="application/x-shockwave-flash" quality="high"></embed></div><br /></blockquote><br />OK hanya itu yang bisa neng posting untuk menyambut tahun baru ini mudah-mudahan bermanfaat bagi sobat blogger.<br /><br /><span style="color: rgb(255, 102, 0); font-weight: bold;font-size:180%;" >CATATAN :</span><br /><div style="text-align: left;"><span style="color: rgb(255, 255, 0);">Apabila sobat tertarik dengan widget di atas dan ingin mengganti widget tersebut dengan photo koleksi pribadi silahkan kirim photonya ke e-mail :<span style="color: rgb(255, 255, 255);font-size:130%;" > ineufadla@yahoo.com<br /><br /></span>dengan catatan background photonya warna putih atau polos, setelah sobat kirim photonya tunggu 1 jam atau langsung sms ke no hp di bawah dan saya akan menampilkan kode widget untuk sobat di blog ini. Mohon maaf syaratnya sobat harus isi pulsa heheee.. 20.000 ke</span> <span style="color: rgb(204, 255, 255);">085714645996</span> <span style="color: rgb(255, 255, 0);">ok terima kasih.</span></div>Unknownnoreply@blogger.com3tag:blogger.com,1999:blog-8345086919807861952.post-55099531206089854042011-07-27T02:21:00.000-07:002011-07-27T02:30:36.498-07:00Membuat Huruf berkedip-kedip di Wordpress<p class="MsoNormal" style="text-align:justify;text-indent:.5in;">Disini Saya akan berbagi seputar trick WordPress.com terbaru. Dan trick tersebut adalah <strong>membuat efek huruf blink</strong><strong></strong>.</p> <p class="MsoNormal" style="text-align:justify;text-indent:.5in;">Sebelumnya Saya ingin berucap salam kepada pembaca setia . Semoga Anda tidak bosan-bosannya berkunjung dan menyebarkan artikel kepada sesama rekan yang membutuhkannya. Untuk para rekan-rekan yang telah berkomentar dan belum terbalas oleh Saya, mohon maaf yang sebesar-besarnya. Saya akan berusaha untuk membalas dengan kemampuan Saya yang terbatas <img src="http://s2.wp.com/wp-includes/images/smilies/icon_lol.gif?m=1303930775g" alt=":lol:" class="wp-smiley" /> .<span style="color:#ffffff;"></span></p> <p><span id="more-5511"></span></p> <p class="MsoNormal" style="text-align:justify;text-indent:.5in;">Kembali ke benang merah <img src="http://s2.wp.com/wp-includes/images/smilies/icon_mrgreen.gif?m=1303930775g" alt=":mrgreen:" class="wp-smiley" /> , mungkin banyak rekan-rekan beranggapan kalau trick ini mustahil diterapkan di WordPress.com dan hanya berlaku di Blogspot. Namun sepertinya dengan sedikit usaha pasti ada solusinya. Dan ternyata benar efek ini bisa untuk pengguna WordPress.com tercinta. Sebagai bukti lihat contoh dibawah:</p> <h1 style="text-align:center;"><strong><a style="color:#ff0000;text-decoration:blink;">Selamat Datang</a></strong></h1> <p class="MsoNormal" style="text-align:justify;text-indent:.5in;">Gimana? Cukup menarik bukan? Ikuti caranya sebagai berikut:</p> <ol><li>Login ke Admin WordPress anda.</li><li>Pada sisi kiri halaman klik menu <strong>[Post]</strong> > <strong>[Add New].<br /><img src="http://support.files.wordpress.com/2008/11/menu-posts-add-new11.jpg?w=145&h=119" alt="" /></strong></li><li>Dan akan tampil halaman <strong>‘Add New Post’</strong>.<br /><img style="width: 401px; height: 411px;" src="http://support.files.wordpress.com/2008/12/post-screen-default.png?w=467&h=479&h=479" alt="" /></li><li>Copy dan paste kode dibawah ini pada mode <strong>[HTML].</strong></li></ol><blockquote><a style="color: #FF0000; font-size: 22px; text-decoration: blink;">Tulisan Anda…</a></blockquote><br /><p><strong>Parameter:</strong><br /><strong>color:</strong> ganti dengan kode warna lain.<br /><strong>font-size:</strong> rubah nilai ukuran huruf.</p><p>5. Setelah selesai, klik tombol <strong>[Save Draft]</strong> bila anda ingin menyimpannya dulu atau klik tombol <strong>[Publish]</strong> bila anda ingin menampilkannya pada halaman blog anda<a href="http://bootingskoblog.wordpress.com/2011/03/26/membuat-efek-huruf-berkedip-kedip-blink-di-wordpress-com/">.</a><img src="http://support.files.wordpress.com/2008/12/post-publish-module-default.png?w=289&h=203&h=203" alt="" height="203" width="289" /></p>6. Andapun bisa memasang trick ini di sidebar atau <span style="text-decoration: underline;"></span> widget text.. Selamat mencoba!Unknownnoreply@blogger.com3tag:blogger.com,1999:blog-8345086919807861952.post-56435846908935595162011-04-10T18:39:00.000-07:002011-04-10T18:41:53.529-07:00Mengedit Gambar Yang Telah Disimpan di Blog Wordpress<p class="MsoNormal" style="text-align: justify; text-indent: 0.5in;">Semua gambar yang telah di upload ke WordPress dapat kita edit sesuai keinginan anda. Semisal bila anda ingin mengganti judul gambar dan diskripsi gambar yang telah anda upload dahulu, dikarenakan ada kesalahan atau kekurangan dalam proses upload dahulu<a href="http://bootingskoblog.wordpress.com/">.</a><span style="color: rgb(255, 255, 255);"></span></p><p class="MsoNormal" style="text-align: justify; text-indent: 0.5in;">Berikut langkah mengedit suatu gambar yang telah di upload:</p> <p><span id="more-4408"></span></p> <div style="text-align: justify;"> <ol><li>Login ke Admin WordPress anda.</li><li>Pada sisi kiri halaman klik menu <strong style="color: rgb(255, 102, 0);">[Media]</strong><span style="color: rgb(255, 102, 0);"> > </span><strong><span style="color: rgb(255, 102, 0);">[Library].</span><br /><img class="alignnone" src="http://en.support.files.wordpress.com/2009/02/media-library.png?w=156&h=86" alt="" height="86" width="156" /></strong></li><li>Pada halaman <strong><span style="color: rgb(255, 102, 0);">‘Media Library’</span> </strong>pilih link <strong style="color: rgb(255, 102, 0);">[Edit]</strong><span style="color: rgb(255, 102, 0);">.</span><br /><img class="alignnone" src="http://en.support.files.wordpress.com/2008/12/media-lib-links.png?w=350&h=112" alt="" height="112" width="350" /></li><li>Kemudian muncul halaman<span style="color: rgb(255, 102, 0);"> </span><strong><span style="color: rgb(255, 102, 0);">‘Edit Media’,</span> </strong>lakukan pengeditan sesuai keinginan anda.<br /><img style="width: 351px; height: 264px;" class="alignnone" src="http://en.support.files.wordpress.com/2008/12/media-lib-edit.png?w=580&h=439" alt="" /></li><li>Bila anda sudah melakukan pengeditan pada gambar, klik <strong><span style="color: rgb(255, 102, 0);">[Update Media]</span> </strong>untuk menyimpan perubahan.</li><li>Semoga bermanfaat untuk sobat wordpress...ditunggu komentarnya.</li></ol><br /></div>Unknownnoreply@blogger.com85tag:blogger.com,1999:blog-8345086919807861952.post-66360225345179385822011-04-10T18:32:00.000-07:002011-04-10T18:34:01.342-07:00Membuat Halaman Baru (Page) di wordpress<p class="MsoNormal" style="text-align: justify; text-indent: 0.5in;">Pembuatan halaman baru pada blog umumnya digunakan untuk manampilkan informasi-informasi singkat seperti profil penulis, about, buku tamu dan informasi lain yang ingin ditampilkan dalam waktu yang lama dan bersifat permanen<a href="http://bootingskoblog.wordpress.com/">.</a> Untuk membuat halaman pada WordPress berikut langkah-langkahnya:<span style="color: rgb(255, 255, 255);"></span></p> <p><span id="more-4362"></span></p> <ol style="text-align: justify;"><li>Login ke Admin WordPress anda.</li><li>Pada sisi kiri halaman klik menu <strong>[Pages] > [Add New].<br /><img src="http://support.files.wordpress.com/2008/11/menu-pages-add-new1.jpg?w=630" alt="" /><br /></strong></li><li>Dan akan tampil halaman <strong>‘Add New Page’</strong>.<br /><img src="http://support.files.wordpress.com/2008/12/page-screen-default.png?w=467&h=479" alt="" height="479" width="467" /></li><li>Silahkan mulai menulis pada mode <strong>[Visual].<br /><img src="http://support.files.wordpress.com/2009/07/visual-tab.jpg?w=476&h=98&h=98" alt="" height="98" width="476" /></strong><strong> </strong></li><li>Beri judul halaman anda.<br /><img class="alignnone" src="http://support.files.wordpress.com/2008/12/page-title-slug.png?w=465&h=55" alt="" height="55" width="465" /></li><li>Dan silahkan menulis di kolom yang sudah disediakan dibawahnya.</li><li>Setelah selesai, klik tombol <strong>[Save Draft]</strong> bila anda ingin menyimpannya dulu atau klik tombol <strong>[Publish]</strong> bila anda ingin menampilkannya pada halaman blog anda.<br /><img src="http://support.files.wordpress.com/2008/12/post-publish-module-default.png?w=289&h=203" alt="" /></li><li>Mudah-mudahan bermanfaat untuk sobat wordpress<br /></li></ol>Unknownnoreply@blogger.com2tag:blogger.com,1999:blog-8345086919807861952.post-74892358988951401462011-04-10T05:22:00.000-07:002011-04-10T18:35:10.958-07:00Menampilkan Navbar Di WordPressSebenarnya untuk menampilkan navbar di WordPress.com sangatlah mudah tanpa perlu harus membuat script khusus seperti pengguna Blogspot.<br /><br />Karena untuk menampilkannya itu tergantung dari tema yang dipakai<a href="http://bootingskoblog.wordpress.com/">.</a> Jika tema sudah mendukung custom menu, maka tema itu dapat menampilkan navbar.<span style="color: rgb(255, 255, 255);"></span> <p><span id="more-4909"></span></p> <p style="text-align: center;"><img class="aligncenter" src="http://cbimg9.com/scripts/08/12/2119a.jpg" alt="" /><span style="color: rgb(0, 0, 255);">Contoh tampilan navbar pada blog.</span></p> <p class="MsoNormal" style="text-align: justify; text-indent: 0.5in;">Dan berikut langkah-langkah untuk menampilkan navbar di tema:</p> <ol><li>Login ke admin WordPress.com anda.</li><li>Pada sisi kiri halaman klik menu <strong>[Appearance]</strong> > <strong>[Themes].<br /><img src="http://en.support.files.wordpress.com/2009/02/appearance-themes.png?w=159&h=220&h=220" alt="" height="220" width="159" /></strong></li><li>Pilihlah salah satu tema bawaan WordPress dibawah ini: <div class="wp-caption alignnone" style="width: 310px;"><img src="http://s0.wp.com/wp-content/themes/pub/twentyten/screenshot.png?m=1276287458g" alt="" height="225" width="300" /><br /><p class="wp-caption-text">Twenty Ten</p></div> <div class="wp-caption alignnone" style="width: 310px;"><img src="http://s0.wp.com/wp-content/themes/pub/inove/screenshot.png?m=1273859376g" alt="" height="225" width="300" /><p class="wp-caption-text">INove</p></div> <div class="wp-caption alignnone" style="width: 310px;"><img src="http://s0.wp.com/wp-content/themes/pub/paperpunch/screenshot.png?m=1274742444g" alt="" height="220" width="300" /><p class="wp-caption-text">Paperpunch</p></div> <div class="wp-caption alignnone" style="width: 310px;"><img src="http://s0.wp.com/wp-content/themes/pub/vigilance/screenshot.png?m=1235064976g" alt="" height="225" width="300" /><p class="wp-caption-text">Vigilance</p></div> <div class="wp-caption alignnone" style="width: 310px;"><img src="http://s0.wp.com/wp-content/themes/pub/koi/screenshot.png?m=1277243121g" alt="" height="225" width="300" /><p class="wp-caption-text">Koi</p></div> <div class="wp-caption alignnone" style="width: 310px;"><img src="http://s0.wp.com/wp-content/themes/pub/structure/screenshot.png?m=1271452637g" alt="" height="225" width="300" /><p class="wp-caption-text">Structure</p></div> <div class="wp-caption alignnone" style="width: 310px;"><img src="http://s0.wp.com/wp-content/themes/pub/chaostheory/screenshot.png?m=1273859376g" alt="" height="225" width="300" /><p class="wp-caption-text">ChaosTheory</p></div> <div class="wp-caption alignnone" style="width: 310px;"><img src="http://s0.wp.com/wp-content/themes/pub/coraline/screenshot.png?m=1280423636g" alt="" height="225" width="300" /><p class="wp-caption-text">Coraline</p></div> <div class="wp-caption alignnone" style="width: 310px;"><img src="http://s0.wp.com/wp-content/themes/pub/wu-wei/screenshot.png?m=1276272477g" alt="" height="225" width="300" /><p class="wp-caption-text">Wu Wei</p></div> <div class="wp-caption alignnone" style="width: 310px;"><img src="http://s0.wp.com/wp-content/themes/pub/bueno/screenshot.png?m=1276189730g" alt="" height="225" width="300" /><p class="wp-caption-text">Bueno</p></div> <div class="wp-caption alignnone" style="width: 310px;"><img src="http://s0.wp.com/wp-content/themes/pub/vostok/screenshot.png?m=1272576838g" alt="" height="225" width="300" /><p class="wp-caption-text">Vostok</p></div> <div class="wp-caption alignnone" style="width: 310px;"><img src="http://s0.wp.com/wp-content/themes/pub/inuit-types/screenshot.png?m=1273859376g" alt="" height="225" width="300" /><p class="wp-caption-text">Inuit Types</p></div> <div class="wp-caption alignnone" style="width: 310px;"><img src="http://s0.wp.com/wp-content/themes/pub/greyzed/screenshot.png?m=1275508791g" alt="" height="225" width="300" /><p class="wp-caption-text">Greyzed</p></div> <div class="wp-caption alignnone" style="width: 310px;"><img src="http://s0.wp.com/wp-content/themes/pub/motion/screenshot.png?m=1273859376g" alt="" height="225" width="300" /><p class="wp-caption-text">Motion</p></div> <div class="wp-caption alignnone" style="width: 310px;"><img src="http://s0.wp.com/wp-content/themes/pub/enterprise/screenshot.png?m=1273697573g" alt="" height="225" width="300" /><p class="wp-caption-text">Enterprise</p></div> <div class="wp-caption alignnone" style="width: 310px;"><img src="http://s0.wp.com/wp-content/themes/pub/notepad/screenshot.png?m=1274393633g" alt="" height="225" width="300" /><p class="wp-caption-text">Notepad</p></div></li><li>Setelah anda aktifkan tema yang anda pilih, kemudian buatlah <a href="http://bootingskoblog.wordpress.com/2010/09/05/membuat-halaman-baru-page/" target="_blank">halaman baru (Pages)</a> baca <a href="http://ineufadla.blogspot.com/2011/04/membuat-halaman-baru-page-di-wordpress.html">disini.</a></li><li>Silahkan cek dan navbar pasti sudah nangkring di blog anda sekarang.</li></ol>Unknownnoreply@blogger.com2tag:blogger.com,1999:blog-8345086919807861952.post-11046374025017292722011-04-10T04:42:00.000-07:002011-04-10T04:58:13.037-07:00Pasang Iko/Icon Twitter Burung Terbang V2<span class="awal"></span>Tutorial kali ini saya akan bahas tentang "<a href="http://ade-tea.blogspot.com/2011/03/cara-pasang-ikoicon-twitter-burung.html">Cara Pasang Ikon Twitter Burung Terbang Versi 2</a>", kenapa saya kasih judul Versi 2? karena pada postingan sebelumnya sudah saya bahas tentang tutorial seperti ini yaitu <a target="new" href="http://ade-tea.blogspot.com/2011/03/pasang-ikonicon-twitter-burung-terbang.html">Cara Pasang Ikon Twitter Burung Terbang</a>. Berhubung masih ada diantara sobat yang meminta agar ada yang lebih bagus lagi tentang <a target="new" href="http://ade-tea.blogspot.com/2011/03/pasang-ikonicon-twitter-burung-terbang.html">Cara Pasang Ikon Twitter Burung Terbang</a> ini.<br /><br />Dengan tutorial Ikon Burung Terbang Versi 2 ini mudah-mudahan sobat semua bisa menjadi puas dan bangga karena yang Versi 2 ini dilengkapi dengan berbagai mwarna burung, tinggal para sobat semua pilih sesuai dengan selera atau warna template masing-masing. Contoh berbagai macam warna burungnya seperti yang terlihat di bawah ini :<br /><br /><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimlMjp198A7TuanJuvVyc0qMPJRc3UjWBUV0dCX0sD0cZpKKiSFPaqSR1ixogWVsGtZlmUmugv9eaJYcMFTH0q42KhACGNTNeiQ5zFquZ0ovMgDC8VqzNbGM9GSpltZdCTpuIy-KFK_9Q/s1600/icon+twitter.png"><img style="display: block; margin: 0px auto 10px; text-align: center; cursor: pointer; width: 250px; height: 65px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimlMjp198A7TuanJuvVyc0qMPJRc3UjWBUV0dCX0sD0cZpKKiSFPaqSR1ixogWVsGtZlmUmugv9eaJYcMFTH0q42KhACGNTNeiQ5zFquZ0ovMgDC8VqzNbGM9GSpltZdCTpuIy-KFK_9Q/s320/icon+twitter.png" alt="" id="BLOGGER_PHOTO_ID_5583521039907218386" border="0" /></a><br /><br /><br />OK, saya tidak akan panjang lebar lagi, mungkin para sobat sudah tidak sabar ingin segera memasangnya, berikut langkah-langkah yang harus sobat tempuh :<br /><br /><ol><li>Masuk (Login) ke Dashboard Blogger sobat.<br /></li><li>Pilih Rancangan, lalu Page Elelement.<br /></li><li>Kemudian Tambahkan <span style="font-weight: bold;">Gadged/Widget</span>, pilih <span style="font-weight: bold;">HTML/JavaScript.</span><br /></li><li>Langkah selanjunya pilih dab copy script “JavaScript” dibawah:<br /></li><li>Kemudian klik tombol <span style="font-weight: bold;">Save</span></li></ol><br /><br />Untuk Burung <a href="http://ade-tea.blogspot.com/2010/08/kode-warna-html.html">warna</a> <span style="color: rgb(255, 0, 0);">Merah</span> :<br /><br /><blockquote><script type="text/javascript" src="http://imemovaz.googlecode.com/files/tripleflap.js"></script><br /><script type="text/javascript"><br />var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7jJIFV-atipd11IPPUF1YJuGb2opK2VU9-_ocTpvEvdu_GmaYvUYJg68Hg07ao3HQwwGmrJW25jq07brGmOemB55WOoqsj0ulgFDA-CAko7q1oPpxmFIS2CWR8ADgeihVBqHBQ1PW7YM/"; var targetElems=new Array("img","hr","table","td","div","input","textarea","button","select","ul","ol","li","h1","h2","h3","h4","p","code","object","a","b","strong","span"); var twitterAccount = "http://twitter.com/<span style="color: rgb(51, 102, 255);">NamaTwitterAnda</span>";var tweetThisText = "<span style="color: rgb(51, 102, 255);"><span style="color: rgb(0, 0, 0);">Twitter - </span>NamaTwitterAnda</span> http://<span style="color: rgb(255, 0, 0);">UrlSitusAnda</span>/";tripleflapInit();<br /></script><br /></blockquote><br />Untuk burung warna <span style="color: rgb(0, 0, 153);">Biru</span> :<br /><br /><blockquote><script type="text/javascript" src="http://imemovaz.googlecode.com/files/tripleflap.js"></script><br /><script type="text/javascript"><br />var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikc9EDss4G2cxKytIbZYjqZfQ7RH_TcPJOFoInkD6iXVsZuk_2G3-ySztGxY0-0rVwouxB5XoZ3dRFXKCm1y1ZIh9pf-znuQdpqcUquli4-wrknA9WvGhQwHHw7j5zn-8l0JBTUXEkytI/"; var targetElems=new Array("img","hr","table","td","div","input","textarea","button","select","ul","ol","li","h1","h2","h3","h4","p","code","object","a","b","strong","span"); var twitterAccount = "http://twitter.com/<span style="color: rgb(51, 102, 255);">NamaTwitterAnda</span>";var tweetThisText = "<span style="color: rgb(51, 102, 255);"><span style="color: rgb(0, 0, 0);">Twitter -</span> NamaTwitterAnda</span> http://<span style="color: rgb(255, 0, 0);">UrlSitusAnda</span>/";tripleflapInit();<br /></script></blockquote><br /><br />Untuk burung warna <span style="color: rgb(102, 0, 204);">Ungu</span> :<br /><br /><blockquote><script type="text/javascript" src="http://imemovaz.googlecode.com/files/tripleflap.js"></script><br /><script type="text/javascript"><br />var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbOdXrad8LxmbQq7wW8h9RkcDHaeMqoacxte5VgGYVLpyc0hnh3Q2Sd3y5wRQbR3YnZP_5PYm-1VZdCF2P0HYIBsYUKWJOA-LCA8eNb-SEOThEPLXNyQ6pDP1RKTUk7VBpyk8z7WKw_U4/"; var targetElems=new Array("img","hr","table","td","div","input","textarea","button","select","ul","ol","li","h1","h2","h3","h4","p","code","object","a","b","strong","span"); var twitterAccount = "http://twitter.com/<span style="color: rgb(51, 102, 255);">NamaTwitterAnda</span>";var tweetThisText = "<span style="color: rgb(51, 102, 255);"><span style="color: rgb(0, 0, 0);">Twitter -</span> NamaTwitterAnda</span> http://<span style="color: rgb(255, 0, 0);">UrlSitusAnda</span>/";tripleflapInit();<br /></script></blockquote><br /><br />Untuk burung warna <span style="color: rgb(102, 51, 102);">Cokelat</span> :<br /><br /><blockquote><script type="text/javascript" src="http://imemovaz.googlecode.com/files/tripleflap.js"></script><br /><script type="text/javascript"><br />var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi00uAE5gVWy2v3ZHs0LvWYNnKWcX4HxBMe3MSIRvjysA2YjP_7H8FJEtWJtKqC_5JQ6bApFA_mZRgtV4FOR3TjH821klv2XdWwWSPN_zBzxUFlFK1twOOPMKVmAgQIPjsshVguxyaiag4/"; var targetElems=new Array("img","hr","table","td","div","input","textarea","button","select","ul","ol","li","h1","h2","h3","h4","p","code","object","a","b","strong","span"); var twitterAccount = "http://twitter.com/<span style="color: rgb(51, 102, 255);">NamaTwitterAnda</span>";var tweetThisText = "<span style="color: rgb(51, 102, 255);"><span style="color: rgb(0, 0, 0);">Twitter -</span> NamaTwitterAnda</span> http://<span style="color: rgb(255, 0, 0);">UrlSitusAnda</span>/";tripleflapInit();<br /></script><br /></blockquote><br />Untuk burung warna <span style="color: rgb(102, 102, 102);">Hitam</span> :<br /><br /><blockquote><script type="text/javascript" src="http://imemovaz.googlecode.com/files/tripleflap.js"></script><br /><script type="text/javascript"><br />var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpPLy5yi9Hfyxj9Zef2bgTHg7OHsem9Ke3Z-eEbD0rXehdzdCTNQM5GBao4pqyVtmlZUp2ewD1ADKmGEvuR45cAdGpsKoMt2fvO-wcMidtg7ADHSkMa2MmVCfLO6ROdfT9nsLabdnK4x0/"; var targetElems=new Array("img","hr","table","td","div","input","textarea","button","select","ul","ol","li","h1","h2","h3","h4","p","code","object","a","b","strong","span"); var twitterAccount = "http://twitter.com/<span style="color: rgb(51, 102, 255);">NamaTwitterAnda</span>";var tweetThisText = "<span style="color: rgb(51, 102, 255);"><span style="color: rgb(0, 0, 0);">Twitter - </span>NamaTwitterAnda</span> http://<span style="color: rgb(255, 0, 0);">UrlSitusAnda</span>/";tripleflapInit();<br /></script></blockquote><br /><br />Untuk burung warna <span style="color: rgb(0, 102, 0); font-weight: bold;">Hijau</span> :<br /><br /><blockquote><script type="text/javascript" src="http://imemovaz.googlecode.com/files/tripleflap.js"></script><br /><script type="text/javascript"><br />var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSvBEt3SWPOgFPsKXojhrgcFnkse_jSQ1lejekKpa7NTtGekrrG3rq-OZmZiGZzUkEXImAlHKK4yI0B8pcZ8R5Y05rNR-qtNW2iWJUjXKSwbid_BXy_YniuqjAk-mOQntpvUy2guo4afk/"; var targetElems=new Array("img","hr","table","td","div","input","textarea","button","select","ul","ol","li","h1","h2","h3","h4","p","code","object","a","b","strong","span"); var twitterAccount = "http://twitter.com/<span style="color: rgb(51, 102, 255);">NamaTwitterAnda</span>";var tweetThisText = "<span style="color: rgb(51, 102, 255);"><span style="color: rgb(0, 0, 0);">Twitter -</span> NamaTwitterAnda</span> http://<span style="color: rgb(255, 0, 0);">UrlSitusAnda</span>/";tripleflapInit();<br /></script></blockquote><br />Untuk burung warna <span style="color: rgb(255, 204, 0);">Kuning</span> :<br /><br /> <blockquote> <script type="text/javascript" src="http://imemovaz.googlecode.com/files/tripleflap.js"></script><br /> <script type="text/javascript"><br /> var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhB1vlXrSrKdU1REjMMMsHrlh1WcHKqrVT5TweVYsJu_Z-214YLPub_bkmCPm8JAewHLtX50IUkaaCvyz0jgX7OYsgLS7UJNxsM0nVGySMAbKrxJ-1Xq5CD9EtF_JY2IPJ7o1OJana83Hs/"; var targetElems=new Array("img","hr","table","td","div","input","textarea","button","select","ul","ol","li","h1","h2","h3","h4","p","code","object","a","b","strong","span"); var twitterAccount = "http://twitter.com/<span style="color: rgb(51, 102, 255);">NamaTwitterAnda</span>";var tweetThisText = "<span style="color: rgb(51, 102, 255);"><span style="color: rgb(0, 0, 0);">Twitter - </span>NamaTwitterAnda</span> http://<span style="color: rgb(255, 0, 0);">UrlSitusAnda</span>/";tripleflapInit();<br /> </script></blockquote><br /><br /><br /><br />Untuk burung warna <span style="font-weight: bold; color: rgb(255, 255, 255);">Putih</span> :<br /><br /><blockquote><script type="text/javascript" src="http://imemovaz.googlecode.com/files/tripleflap.js"></script><br /><script type="text/javascript"><br />var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEGGygMptOuZVx4J1yYsAupe6toqzddnJvW-2smQcNEnRDltEPQxMwpKonltxPT1r-jgXv3LtejkSyabKidFfqSwtuqpAx36cZyxsK3Jj42WCBZa5RlBln6F8VDmmW63HbgIezGwSP6D0/"; var targetElems=new Array("img","hr","table","td","div","input","textarea","button","select","ul","ol","li","h1","h2","h3","h4","p","code","object","a","b","strong","span"); var twitterAccount = "http://twitter.com/<span style="color: rgb(51, 102, 255);">NamaTwitterAnda</span>";var tweetThisText = "<span style="color: rgb(51, 102, 255);"><span style="color: rgb(0, 0, 0);">Twitter -</span> NamaTwitterAnda </span>http://<span style="color: rgb(255, 0, 0);">UrlSitusAnda</span>/";tripleflapInit();<br /></script><br /></blockquote><br />Untuk burung warna <span style="color: rgb(51, 204, 255); font-weight: bold;">Biru Setandar</span> :<br /><br /><blockquote><script type="text/javascript" src="http://imemovaz.googlecode.com/files/tripleflap.js"></script><br /><script type="text/javascript"><br />var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6YjEAZ-v7lZpGtE0Rn-IVXMm6VxLvKW3bPaEZIfO4Em4JyQY5r0829dJSnLCfS0RliJdAyTp4GJAqSY1R1MjAb5H6-wtt7iiLW6s3E5Cb4PSUimIbgxYRxo1UkcajfSVoBYIuBXOLpOE/"; var targetElems=new Array("img","hr","table","td","div","input","textarea","button","select","ul","ol","li","h1","h2","h3","h4","p","code","object","a","b","strong","span"); var twitterAccount = "http://twitter.com/<span style="color: rgb(51, 102, 255);">NamaTwitterAnd</span>a";var tweetThisText = "<span style="color: rgb(51, 102, 255);"><span style="color: rgb(0, 0, 0);">Twitter -</span> NamaTwitterAnda</span> http://<span style="color: rgb(255, 0, 0);">UrlSitusAnda</span>/";tripleflapInit();<br /></script><br /></blockquote><br /><div style="overflow: hidden; color: rgb(0, 0, 0); background-color: transparent; text-align: left; text-decoration: none; border: medium none;"><span style="font-weight: bold; color: rgb(255, 0, 0);">PERHATIAN!!</span><br />Untuk kode yang berwarna<span style="color: rgb(51, 51, 255);"> <span style="font-weight: bold;">biru</span></span><span style="font-weight: bold;"> </span>silahkan sobat ganti dengan <span style="color: rgb(51, 51, 255); font-weight: bold;">Nama/User Name twitter</span> sobat, terus kode yang berwarna <span style="font-weight: bold; color: rgb(255, 0, 0);">merah</span> silahkan ganti dengan <span style="color: rgb(255, 0, 0); font-weight: bold;">URL Blog sobat</span>.<br /><br /></div>Unknownnoreply@blogger.com10tag:blogger.com,1999:blog-8345086919807861952.post-36708318287590358002011-04-06T19:14:00.000-07:002011-04-08T23:34:54.580-07:00Cara Membuat Halaman Blog Tanpa Sidebar Di WordPress<p class="MsoNormal" style="text-align: justify; text-indent: 0.5in;">OK kali ini kita akan bahas bagaimana Cara Membuat Halaman (Pages) tanpa sidebar berguna untuk menginformasikan secara khusus dan terpoin pada satu topik tanpa ada gangguan materi yang tampil disidebar (semisal:widget dan aksesoris). Sehingga pembaca hanya fokus tentang isi materi di halaman itu. Fungsi lainnya bisa digunakan hanya untuk membuat blog <a href="http://bootingskoblog.wordpress.com/wordpress-trick/" target="_blank"></a>tampil beda saja atau sebagai pemanis agar blog tidak monoton serta lebih bervariasi.<span style="color: rgb(255, 255, 255);"></span></p> <p><span id="more-5004"></span></p> <p class="MsoNormal" style="text-align: justify; text-indent: 0.5in;">Tampilan halaman tanpa sidebar dapat Anda lihat <a href="http://bootingskoblog.wordpress.com/tanya-jawab/site-map/" target="_blank">disini</a>. Silahakn Anda lihat terlebih dahulu sebelum berminat untuk mencoba membuatnya. Jika berminat, silahkan baca caranya dibawah:</p> <ol><li>Login ke Admin WordPress anda.</li><li>Pada sisi kiri halaman klik menu <strong>[Pages] > [Add New].<br /><img src="http://support.files.wordpress.com/2008/11/menu-pages-add-new1.jpg?w=630" alt="" /><br /></strong></li><li>Dan akan tampil halaman <strong>‘Add New Page’</strong>.<br /><img style="width: 330px; height: 337px;" src="http://support.files.wordpress.com/2008/12/page-screen-default.png?w=467&h=479&h=479" alt="" /></li><li>Silahkan mulai menulis pada mode <strong>[Visual].<br /><img style="width: 322px; height: 74px;" src="http://support.files.wordpress.com/2009/07/visual-tab.jpg?w=476&h=98&h=98" alt="" /></strong><strong> </strong></li><li>Beri judul halaman anda.<br /><img style="width: 345px; height: 41px;" src="http://support.files.wordpress.com/2008/12/page-title-slug.png?w=465&h=55&h=55" alt="" /></li><li>Dan silahkan menulis di kolom yang sudah disediakan dibawahnya.</li><li>Selanjutnya pada kolom <strong>Page Attributes</strong>, pilihlah <strong>[Full-width, no sidebar]</strong>.<br /><img class="alignnone size-full wp-image-5008" title="Page Attributes" src="http://bootingskoblog.files.wordpress.com/2010/10/page-attributes.jpg?w=283&h=237" alt="" height="237" width="283" /></li><li>Setelah selesai<a href="http://bootingskoblog.wordpress.com/">,</a> klik tombol <strong>[Save Draft]</strong> bila anda ingin menyimpannya dulu atau klik tombol <strong>[Publish]</strong> bila anda ingin menampilkannya pada halaman blog anda.<br /><img src="http://support.files.wordpress.com/2008/12/post-publish-module-default.png?w=289&h=203" alt="" /></li></ol>Mudah-mudahan bermanfaat untuk sobat wordpress...jangan lupa commen ya...Unknownnoreply@blogger.com3tag:blogger.com,1999:blog-8345086919807861952.post-56787841032689775042011-04-05T04:19:00.000-07:002011-04-06T19:14:17.206-07:00Merubah tampilan jenis huruf di WordPress<p class="MsoNormal" style="text-indent: 0.5in; text-align: justify;"><strong>Merubah tampilan jenis huruf di WordPress.com</strong> pernah saya bahas dalam artikel <a href="http://bootingskoblog.wordpress.com/2010/01/01/cara-mengganti-tampilan-huruf-di-blog-wordpress-com/">sebelumnya</a> dengan <a style="color: rgb(255, 102, 0);" href="http://bootingskoblog.wordpress.com/2010/01/01/cara-mengganti-tampilan-huruf-di-blog-wordpress-com/" target="_blank">menggunakan pihak ke tiga (TypeKit Fonts)</a><span style="color: rgb(255, 102, 0);">.</span> Dan Saya yakin setelah Anda mencobanya dengan cara mulai dari mendaftar hingga sampai memasukan Typekit ID pasti banyak yang mengalami kegagalan. Dimana tampilan huruf setelah Anda setting tetap tidak mau berubah. Wajar saja hal itu sering gagal karena mengingat Typekit Fonts masih dalam versi beta alias uji coba.</p> <p><span id="more-5083"></span><br /><img class="aligncenter" src="http://talkingwallquotes.com/images/fonts.gif" alt="" height="278" width="358" /></p> <p class="MsoNormal" style="text-align: justify; text-indent: 0.5in;">Sekarang ada cara praktis dan mudah untuk <strong>merubah tampilan huruf di blog</strong> anda menjadi gaul dan keren habis. <strong>Cara merubah style font</strong> ini hanya berlaku pada area posting dan sidebar (widgets text).</p> <p style="text-align: justify;">Caranya sebagai berikut:</p> <ol><li>Login ke admin WordPress.com Anda.</li><li>Silahkan buat <a href="http://bootingskoblog.wordpress.com/2010/09/02/membuat-tulisan-baru-posts/" target="_blank">tulisan baru</a> atau <a href="http://bootingskoblog.wordpress.com/2010/09/05/membuat-halaman-baru-page/" target="_blank">halaman baru</a>.</li><li>Kemudian pada area penulisan klik mode <strong>[HTML]</strong><a href="http://bootingskoblog.wordpress.com/">.</a></li><li>Masukkan atau copy kode dibawah ini dan pastekan pada mode <strong>[HTML]</strong>.<br /><blockquote><p><strong><span style="color: rgb(0, 0, 255);"><code><span >Tulisan Anda... </span></code></span></strong><strong><span style="color: rgb(0, 0, 255);"><code></code></span></strong></p></blockquote> </li><li>Silahkan pilih kode huruf pada tabel dibawah sesuai berdasarkan style fonts pilihan Anda.<br />contoh: <blockquote><p>Jika Anda suka jenis huruf Algerian, maka kodenya akan seperti dibawah.<br /><strong><code><span style="color: rgb(0, 0, 255);"><span >Tulisan Anda...</span></span></code></strong><strong><code><span style="color: rgb(0, 0, 255);"></span></code></strong></p></blockquote></li><li>Setelah selesai, klik tombol <strong>[Save Draft]</strong> bila anda ingin menyimpannya dulu atau klik tombol <strong>[Publish]</strong> bila anda ingin menampilkannya pada halaman blog anda.</li></ol> <div> <table style="border-collapse: collapse;" border="0"> <col style="width: 282px;"> <col style="width: 227px;"> <tbody> <tr style="height: 50px; background: none repeat scroll 0% 0% rgb(251, 212, 180);"> <td style="padding-left: 7px; padding-right: 7px; border: 0.5pt solid black; text-align: center;" valign="middle"><strong>Jenis Huruf<br /></strong></td> <td style="padding-left: 7px; padding-right: 7px; border-width: 0.5pt 0.5pt 0.5pt medium; border-style: solid solid solid none; border-color: black black black -moz-use-text-color; text-align: center;" valign="middle"><strong>Kode Huruf<br /></strong></td> </tr> <tr> <td style="padding-left: 7px; padding-right: 7px; border-width: medium 0.5pt 0.5pt; border-style: none solid dotted;" valign="middle"><span style=";font-family:Agency FB;font-size:16pt;" >Agency FB</span></td> <td style="padding-left: 7px; padding-right: 7px; border-width: medium 0.5pt 0.5pt medium; border-style: none solid dotted none; border-color: -moz-use-text-color black -moz-use-text-color -moz-use-text-color;" valign="middle">Agency FB</td> </tr> <tr style="background: none repeat scroll 0% 0% rgb(242, 242, 242);"> <td style="padding-left: 7px; padding-right: 7px; border-width: medium 0.5pt 0.5pt; border-style: none solid dotted;" valign="middle"><span style=";font-family:Algerian;font-size:16pt;" >Algerian</span></td> <td style="padding-left: 7px; padding-right: 7px; border-width: medium 0.5pt 0.5pt medium; border-style: none solid dotted none; border-color: -moz-use-text-color black -moz-use-text-color -moz-use-text-color;" valign="middle">Algerian</td> </tr> <tr> <td style="padding-left: 7px; padding-right: 7px; border-width: medium 0.5pt 0.5pt; border-style: none solid dotted;" valign="middle"><span style=";font-family:Arial;font-size:16pt;" >Arial</span></td> <td style="padding-left: 7px; padding-right: 7px; border-width: medium 0.5pt 0.5pt medium; border-style: none solid dotted none; border-color: -moz-use-text-color black -moz-use-text-color -moz-use-text-color;" valign="middle">Arial</td> </tr> <tr style="background: none repeat scroll 0% 0% rgb(242, 242, 242);"> <td style="padding-left: 7px; padding-right: 7px; border-width: medium 0.5pt 0.5pt; border-style: none solid dotted;" valign="middle"><span style=";font-family:Baskerville Old Face;font-size:16pt;" >Baskerville Old Face</span></td> <td style="padding-left: 7px; padding-right: 7px; border-width: medium 0.5pt 0.5pt medium; border-style: none solid dotted none; border-color: -moz-use-text-color black -moz-use-text-color -moz-use-text-color;" valign="middle">Baskerville Old Face</td> </tr> <tr> <td style="padding-left: 7px; padding-right: 7px; border-width: medium 0.5pt 0.5pt; border-style: none solid dotted;" valign="middle"><span style="font-size:16pt;">Bauhaus 93</span></td> <td style="padding-left: 7px; padding-right: 7px; border-width: medium 0.5pt 0.5pt medium; border-style: none solid dotted none; border-color: -moz-use-text-color black -moz-use-text-color -moz-use-text-color;" valign="middle">Bauhaus 93</td> </tr> <tr style="background: none repeat scroll 0% 0% rgb(242, 242, 242);"> <td style="padding-left: 7px; padding-right: 7px; border-width: medium 0.5pt 0.5pt; border-style: none solid dotted;" valign="middle"><span style=";font-family:Bernard MT Condensed;font-size:16pt;" >Bernard MT Condensed</span></td> <td style="padding-left: 7px; padding-right: 7px; border-width: medium 0.5pt 0.5pt medium; border-style: none solid dotted none; border-color: -moz-use-text-color black -moz-use-text-color -moz-use-text-color;" valign="middle">Bernard MT Condensed</td> </tr> <tr> <td style="padding-left: 7px; padding-right: 7px; border-width: medium 0.5pt 0.5pt; border-style: none solid dotted;" valign="middle"><span style=";font-family:Blackadder ITC;font-size:16pt;" >Blackadder ITC</span></td> <td style="padding-left: 7px; padding-right: 7px; border-width: medium 0.5pt 0.5pt medium; border-style: none solid dotted none; border-color: -moz-use-text-color black -moz-use-text-color -moz-use-text-color;" valign="middle">Blackadder ITC</td> </tr> <tr style="background: none repeat scroll 0% 0% rgb(242, 242, 242);"> <td style="padding-left: 7px; padding-right: 7px; border-width: medium 0.5pt 0.5pt; border-style: none solid dotted;" valign="middle"><span style=";font-family:Book Antiqua;font-size:16pt;" >Book Antiqua</span></td> <td style="padding-left: 7px; padding-right: 7px; border-width: medium 0.5pt 0.5pt medium; border-style: none solid dotted none; border-color: -moz-use-text-color black -moz-use-text-color -moz-use-text-color;" valign="middle">Book Antiqua</td> </tr> <tr> <td style="padding-left: 7px; padding-right: 7px; border-width: medium 0.5pt 0.5pt; border-style: none solid dotted;" valign="middle"><span style=";font-family:Bradley Hand ITC;font-size:16pt;" >Bradly Hand ITC</span></td> <td style="padding-left: 7px; padding-right: 7px; border-width: medium 0.5pt 0.5pt medium; border-style: none solid dotted none; border-color: -moz-use-text-color black -moz-use-text-color -moz-use-text-color;" valign="middle">Bradley Hand ITC</td> </tr> <tr style="background: none repeat scroll 0% 0% rgb(242, 242, 242);"> <td style="padding-left: 7px; padding-right: 7px; border-width: medium 0.5pt 0.5pt; border-style: none solid dotted;" valign="middle"><span style=";font-family:Broadway;font-size:16pt;" >Broadway</span></td> <td style="padding-left: 7px; padding-right: 7px; border-width: medium 0.5pt 0.5pt medium; border-style: none solid dotted none; border-color: -moz-use-text-color black -moz-use-text-color -moz-use-text-color;" valign="middle">Broadway</td> </tr> <tr> <td style="padding-left: 7px; padding-right: 7px; border-width: medium 0.5pt 0.5pt; border-style: none solid dotted;" valign="middle"><span style=";font-family:Castellar;font-size:16pt;" >Castellar</span></td> <td style="padding-left: 7px; padding-right: 7px; border-width: medium 0.5pt 0.5pt medium; border-style: none solid dotted none; border-color: -moz-use-text-color black -moz-use-text-color -moz-use-text-color;" valign="middle">Castellar</td> </tr> <tr style="background: none repeat scroll 0% 0% rgb(242, 242, 242);"> <td style="padding-left: 7px; padding-right: 7px; border-width: medium 0.5pt 0.5pt; border-style: none solid dotted;" valign="middle"><span style=";font-family:Chiller;font-size:16pt;" >Chiller</span></td> <td style="padding-left: 7px; padding-right: 7px; border-width: medium 0.5pt 0.5pt medium; border-style: none solid dotted none; border-color: -moz-use-text-color black -moz-use-text-color -moz-use-text-color;" valign="middle">Chiller</td> </tr> <tr> <td style="padding-left: 7px; padding-right: 7px; border-width: medium 0.5pt 0.5pt; border-style: none solid dotted;" valign="middle"><span style=";font-family:Comic Sans MS;font-size:16pt;" >Comic Sans MS</span></td> <td style="padding-left: 7px; padding-right: 7px; border-width: medium 0.5pt 0.5pt medium; border-style: none solid dotted none; border-color: -moz-use-text-color black -moz-use-text-color -moz-use-text-color;" valign="middle">Comic Sans MS</td> </tr> <tr style="background: none repeat scroll 0% 0% rgb(242, 242, 242);"> <td style="padding-left: 7px; padding-right: 7px; border-width: medium 0.5pt 0.5pt; border-style: none solid dotted;" valign="middle"><span style=";font-family:Copperplate Gothic Bold;font-size:16pt;" >Copperplate Gothic</span></td> <td style="padding-left: 7px; padding-right: 7px; border-width: medium 0.5pt 0.5pt medium; border-style: none solid dotted none; border-color: -moz-use-text-color black -moz-use-text-color -moz-use-text-color;" valign="middle">Copperplate Gothic Bold</td> </tr> <tr> <td style="padding-left: 7px; padding-right: 7px; border-width: medium 0.5pt 0.5pt; border-style: none solid dotted;" valign="middle"><span style=";font-family:Curlz MT;font-size:16pt;" >Curlz MT</span></td> <td style="padding-left: 7px; padding-right: 7px; border-width: medium 0.5pt 0.5pt medium; border-style: none solid dotted none; border-color: -moz-use-text-color black -moz-use-text-color -moz-use-text-color;" valign="middle">Curlz MT</td> </tr> <tr style="background: none repeat scroll 0% 0% rgb(242, 242, 242);"> <td style="padding-left: 7px; padding-right: 7px; border-width: medium 0.5pt 0.5pt; border-style: none solid dotted;" valign="middle"><span style=";font-family:Edwardian Script ITC;font-size:16pt;" >Edwardian Script ITC</span></td> <td style="padding-left: 7px; padding-right: 7px; border-width: medium 0.5pt 0.5pt medium; border-style: none solid dotted none; border-color: -moz-use-text-color black -moz-use-text-color -moz-use-text-color;" valign="middle">Edwardian Script ITC</td> </tr> <tr> <td style="padding-left: 7px; padding-right: 7px; border-width: medium 0.5pt 0.5pt; border-style: none solid dotted;" valign="middle"><span style=";font-family:French Script MT;font-size:16pt;" >Franch Script MT</span></td> <td style="padding-left: 7px; padding-right: 7px; border-width: medium 0.5pt 0.5pt medium; border-style: none solid dotted none; border-color: -moz-use-text-color black -moz-use-text-color -moz-use-text-color;" valign="middle">French Script MT</td> </tr> <tr style="background: none repeat scroll 0% 0% rgb(242, 242, 242);"> <td style="padding-left: 7px; padding-right: 7px; border-width: medium 0.5pt 0.5pt; border-style: none solid dotted;" valign="middle"><span style=";font-family:Harlow Solid Italic;font-size:16pt;" >Harlow Solid Italic</span></td> <td style="padding-left: 7px; padding-right: 7px; border-width: medium 0.5pt 0.5pt medium; border-style: none solid dotted none; border-color: -moz-use-text-color black -moz-use-text-color -moz-use-text-color;" valign="middle">Harlow Solid Italic</td> </tr> <tr> <td style="padding-left: 7px; padding-right: 7px; border-width: medium 0.5pt 0.5pt; border-style: none solid dotted;" valign="middle"><span style=";font-family:Lucida Handwriting;font-size:16pt;" >Lucida Handwriting</span></td> <td style="padding-left: 7px; padding-right: 7px; border-width: medium 0.5pt 0.5pt medium; border-style: none solid dotted none; border-color: -moz-use-text-color black -moz-use-text-color -moz-use-text-color;" valign="middle">Lucida Handwriting</td> </tr> <tr style="background: none repeat scroll 0% 0% rgb(242, 242, 242);"> <td style="padding-left: 7px; padding-right: 7px; border-width: medium 0.5pt 0.5pt; border-style: none solid dotted;" valign="middle"><span style=";font-family:Magneto;font-size:16pt;" >Magneto</span></td> <td style="padding-left: 7px; padding-right: 7px; border-width: medium 0.5pt 0.5pt medium; border-style: none solid dotted none; border-color: -moz-use-text-color black -moz-use-text-color -moz-use-text-color;" valign="middle">Magneto</td> </tr> <tr> <td style="padding-left: 7px; padding-right: 7px; border-width: medium 0.5pt 0.5pt; border-style: none solid dotted;" valign="middle"><span style=";font-family:Jokerman;font-size:16pt;" >Jockerman</span></td> <td style="padding-left: 7px; padding-right: 7px; border-width: medium 0.5pt 0.5pt medium; border-style: none solid dotted none; border-color: -moz-use-text-color black -moz-use-text-color -moz-use-text-color;" valign="middle">Jokerman</td> </tr> <tr style="background: none repeat scroll 0% 0% rgb(242, 242, 242);"> <td style="padding-left: 7px; padding-right: 7px; border-width: medium 0.5pt 0.5pt; border-style: none solid dotted;" valign="middle"><span style=";font-family:Old English Text MT;font-size:16pt;" >Old English Text MT</span></td> <td style="padding-left: 7px; padding-right: 7px; border-width: medium 0.5pt 0.5pt medium; border-style: none solid dotted none; border-color: -moz-use-text-color black -moz-use-text-color -moz-use-text-color;" valign="middle">Old English Text MT</td> </tr> <tr> <td style="padding-left: 7px; padding-right: 7px; border-width: medium 0.5pt 0.5pt; border-style: none solid solid;" valign="middle"><span style=";font-family:Onyx;font-size:16pt;" >Onyx</span></td> <td style="padding-left: 7px; padding-right: 7px; border-width: medium 0.5pt 0.5pt medium; border-style: none solid solid none; border-color: -moz-use-text-color black black -moz-use-text-color;" valign="middle">Onyx</td> </tr> </tbody> </table> </div> <blockquote> <p style="text-align: justify;"><strong>Sebagai catatan</strong>, menggunakan trik ini efek huruf akan terlihat jika di komputer Anda juga telah tersedia atau terinstall jenis huruf seperti yang tertera diatas. Atau setidaknya di komputer Anda telah terinstall Microsoft Office 2007 keatas.</p> <p style="text-align: justify;">Jika belum, maka tampilan huruf akan tetap seperti bawaan tema.</p> </blockquote>Unknownnoreply@blogger.com1tag:blogger.com,1999:blog-8345086919807861952.post-62618021624654291072011-04-05T03:47:00.000-07:002011-04-05T03:52:20.108-07:00Wallpaper Dari WordPress Untuk AndaTumben-tumbennya WordPress memberikan hadiah cuma-cuma berupa 1 (satu) buah wallpaper bagi siapa saja yang ingin memilikinya. Siapa sih yang tidak mau hadiah gratis? Walaupun cuma selembar wallpaper tapi tidak apalah, sekedar mempercantik layar monitor ataupun smartphone sembari pura-pura kita senang atas hadiah itu<br /><br />Wallpaper yang diberikan WordPress lumayan cantik dan berbau seni. Lihat gambar dibawah:<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9ACZt5rWn4hyphenhyphenQ5GLqbXwuiMLSQmLj-fR83TKPLA8YHBOQXSu9vPCVbikVoDNX_Jh650Zyig0UJwaE52swxDCSsor7dSj19tmQIcPEA56BQDOMW7Q1coDN6aqEyt16IkcmTBksRvjTdbip/s1600/card.jpg"><img style="float: left; margin: 0pt 10px 10px 0pt; cursor: pointer; width: 200px; height: 147px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9ACZt5rWn4hyphenhyphenQ5GLqbXwuiMLSQmLj-fR83TKPLA8YHBOQXSu9vPCVbikVoDNX_Jh650Zyig0UJwaE52swxDCSsor7dSj19tmQIcPEA56BQDOMW7Q1coDN6aqEyt16IkcmTBksRvjTdbip/s200/card.jpg" alt="" id="BLOGGER_PHOTO_ID_5592050047787805202" border="0" /></a><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />Bagi yang berminat langsung saja ambil gambarnya: <ol><li> <a title="Large (2560×1440)" href="http://en.blog.files.wordpress.com/2010/12/wpholiday-large.jpg" target="_blank">Large</a> (2560×1440) ;</li><li><a title="Small (1280×720)" href="http://en.blog.files.wordpress.com/2010/12/wpholiday-small.jpg" target="_blank">Small</a> (1280×720) ;</li><li><a title="For Smartphones (640×960)" href="http://en.blog.files.wordpress.com/2010/12/wpholiday-smartphone.jpg" target="_blank">For Smartphones</a> (640×960) ; Dan</li><li><a title="For Tablets (1024×1024)" href="http://en.blog.files.wordpress.com/2010/12/wpholiday-tablet.jpg" target="_blank">For Tablets</a> (1024×1024).</li></ol>Unknownnoreply@blogger.com1tag:blogger.com,1999:blog-8345086919807861952.post-62010768660060259472011-04-03T23:57:00.000-07:002011-04-05T03:35:23.839-07:00Pasang Musik MP3 Sebagai Backsound Blog Di WordPress.com<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfB1VmSTjpoqrv8_ehyj19Qyf9AAYeREqcyVXE5hTxGDzb-75xfyzThXXBRCIJ_A6q9252zsII8o6DDRnTfFPAtx8GTrymx_-5PB_VpD8yC5Wz0HH6PnkELx7gVxuILmnZad5gUCc4WeqD/s1600/icontexto-inside-wordpress.png"><img style="float: left; margin: 0pt 10px 10px 0pt; cursor: pointer; width: 128px; height: 128px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfB1VmSTjpoqrv8_ehyj19Qyf9AAYeREqcyVXE5hTxGDzb-75xfyzThXXBRCIJ_A6q9252zsII8o6DDRnTfFPAtx8GTrymx_-5PB_VpD8yC5Wz0HH6PnkELx7gVxuILmnZad5gUCc4WeqD/s200/icontexto-inside-wordpress.png" alt="" id="BLOGGER_PHOTO_ID_5591619819357455906" border="0" /></a><strong>Cara memasang musik MP3</strong> atau <strong>memberikan backsound musik di blog WordPress.com</strong> semudah memakai Blogspot. Dengan memakai jasa Videokeman judul musik MP3 apa saja dapat Kita pasang di blog WordPress walaupun filenya berformat “<strong>.swf</strong>“. Di Videokeman sendiri menyediakan ratusan jenis judul lagu mulai dari lagu Barat sampai dengan lagu Indonesia. Dengan kapasitas file yang relatif kecil, Videokeman tidak terlalu memberatkan blog saat di akses. Dan loading juga relatif cepat, sehingga musik tidak putus-putus saat diputar. <p><span id="more-5343"></span></p> <p class="MsoNormal" style="text-align: justify; text-indent: 0.5in;">Sebelum Anda memasang di blog, ada beberapa syarat yang wajib Anda miliki:</p> <ol style="text-align: justify;"><li>Speaker dan soundcard laptop atau komputer Anda masih berfungsi dengan baik.</li><li>Besarkan volume speaker di laptop atau komputer sehingga bisa terdengar di telinga Anda.</li></ol> <p style="text-align: justify;">Setelah syarat diatas sudah Anda penuhi, kini saatnya proses cara memasang di blog WordPress.com Anda:</p> <ol style="text-align: justify;"><li>Silahkan login ke akun WordPress.com Anda.</li><li>Kemudian pergi ke <a title="Videokeman" href="http://videokeman.com/" target="_blank">http://videokeman.com/</a></li><li>Pada halaman utama Videokeman<a href="http://bootingskoblog.wordpress.com/2011/02/19/pasang-musik-mp3-sebagai-backsound-blog-di-wordpress-com/">,</a> cari lagu yang ingin Anda pasang di blog. <div id="attachment_5347" class="wp-caption alignnone" style="width: 310px;"><a href="http://bootingskoblog.files.wordpress.com/2011/02/videokeman-1.png"><img class="size-medium wp-image-5347 " title="Videokeman (1)" src="http://bootingskoblog.files.wordpress.com/2011/02/videokeman-1.png?w=300&h=158" alt="" height="158" width="300" /></a><p class="wp-caption-text">Pasang Musik MP3 Di WordPress.com 1</p></div> <p>Sebagai contoh, Saya memilih lugu “<strong>Fucking Perfect – Pink</strong>“. </p></li><li>Kemudian pada kolom <strong>[Rock ‘n Share!]</strong>, klik icon WordPress. <div id="attachment_5348" class="wp-caption alignnone" style="width: 310px;"><a href="http://bootingskoblog.files.wordpress.com/2011/02/videokeman-3.png"><img class="size-medium wp-image-5348" title="Videokeman (3)" src="http://bootingskoblog.files.wordpress.com/2011/02/videokeman-3.png?w=300&h=212" alt="" height="212" width="300" /></a><p class="wp-caption-text">Pasang Musik MP3 Di WordPress.com 2</p></div></li><li>Dan akan tampil <strong>Post to WordPress</strong>, silahkan isi username dan password WordPress Anda. <div id="attachment_5349" class="wp-caption alignnone" style="width: 310px;"><a href="http://bootingskoblog.files.wordpress.com/2011/02/videokeman-2.png"><img class="size-medium wp-image-5349" title="Videokeman (2)" src="http://bootingskoblog.files.wordpress.com/2011/02/videokeman-2.png?w=300&h=218" alt="" height="218" width="300" /></a><p class="wp-caption-text">Pasang Musik MP3 Di WordPress.com 3</p></div></li><li>Jika proses berhasil, akan ada peringatan <strong>Item posted, Thank You</strong>. <div id="attachment_5350" class="wp-caption alignnone" style="width: 310px;"><a href="http://bootingskoblog.files.wordpress.com/2011/02/videokeman-4.png"><img class="size-medium wp-image-5350" title="Videokeman (4)" src="http://bootingskoblog.files.wordpress.com/2011/02/videokeman-4.png?w=300&h=216" alt="" height="216" width="300" /></a><p class="wp-caption-text">Pasang Musik MP3 Di WordPress.com 4</p></div></li><li>Dan langkah selanjutnya adalah pergi ke dashboard WordPress Anda kemudian klik <strong>[Posts]</strong>.</li><li>Pada posting yang berjudul <strong>Videokeman</strong>, klik <strong>[Edit]</strong>. <div id="attachment_5351" class="wp-caption alignnone" style="width: 294px;"><a href="http://bootingskoblog.files.wordpress.com/2011/02/videokeman-5.png"><img class="size-full wp-image-5351" title="Videokeman (5)" src="http://bootingskoblog.files.wordpress.com/2011/02/videokeman-5.png?w=284&h=47" alt="" height="47" width="284" /></a><p class="wp-caption-text">Pasang Musik MP3 Di WordPress.com 5</p></div></li><li>Kemudian copy kode yang tampil di area <strong>Visual</strong> sesuai contoh dibawah. <div id="attachment_5352" class="wp-caption alignnone" style="width: 310px;"><a href="http://bootingskoblog.files.wordpress.com/2011/02/videokeman-6.png"><img class="size-medium wp-image-5352" title="Videokeman (6)" src="http://bootingskoblog.files.wordpress.com/2011/02/videokeman-6.png?w=300&h=97" alt="" height="97" width="300" /></a><p class="wp-caption-text">Videokeman (6)</p></div> <p style="text-align: left;"><strong>Contoh :</strong></p> <blockquote> <p style="text-align: left;"><span style="color: rgb(0, 0, 255);"><code>[g1gya width="300" height="44" src="http://videokeman.com/music/videokemanplay.swf" quality="high" flashvars="playerID=1&bg=0xffffff&leftbg=0xCA4536&lefticon=0xffffff&rightbg=0xCA4536&rightbghover=0x999999&righticon=0xffffff&righticonhover=0xffffff&text=0xCA4536&slider=0x303030&track=0xFFFFFF&border=0x666666&loader=0xC52C24&<span style="color: rgb(255, 0, 0);">autostart=<strong>yes</strong></span>&<span style="color: rgb(255, 0, 0);">loop=<strong>yes</strong></span>&soundFile=http://videokeman.com/dload/nm2/02220511/Pink_-_Fucking_Perfect.vkm" wmode="transparent" ]</code></span></p> </blockquote> <p><strong>Keterangan</strong> :<br /><em><strong>autostart:</strong></em> ganti “<strong><span style="color: rgb(255, 0, 0);">no</span></strong>” jika tidak ingin lagu berputar secara otomatis saat blog diakses.<br /><em><strong>loop:</strong></em> ganti “<strong><span style="color: rgb(255, 0, 0);">no</span></strong>” jika tidak ingin lagu memutar kembali jika habis. </p></li><li>Kemudian pastekan pada widget <strong><a title="Cara pasang widgets text" href="http://bootingskoblog.wordpress.com/2009/02/21/menampilkan-widgets-text/" target="_blank">Text</a>.</strong></li><li>Dan klik tombol <strong>Save</strong>.</li></ol> <p class="MsoNormal" style="text-align: justify; text-indent: 0.5in;">Sedikit trick dari Saya, biasanya setelah kita pasang di sidebar tombol playlist akan terlihat. Dan ini bagi Saya sangat mengurangi ketidaknyamanan pembaca. Nah… agar tombol playlist tidak terlihat maka kita atur sedikit lebar dan tinggi dari playlist tersebut.</p> <p style="text-align: justify;"><strong>Kode asli:</strong></p> <blockquote><p><span style="color: rgb(0, 0, 255);"><code>[g1gya width="<strong><span style="color: rgb(255, 0, 0);">300</span></strong>" height="<strong><span style="color: rgb(255, 0, 0);">44</span></strong>" src="http://videokeman.com/music/videokemanplay.swf" quality="high" flashvars="playerID=1&bg=0xffffff&leftbg=0xCA4536&lefticon=0xffffff&rightbg=0xCA4536&rightbghover=0x999999&righticon=0xffffff&righticonhover=0xffffff&text=0xCA4536&slider=0x303030&track=0xFFFFFF&border=0x666666&loader=0xC52C24&autostart=yes&loop=yes&soundFile=http://videokeman.com/dload/nm2/020222511/Pink_-_Fucking_Perfect.vkm" wmode="transparent" ]</code></span></p></blockquote> <p style="text-align: justify;">Rubah angka yang dicetak <span style="color: rgb(255, 0, 0);">merah </span>menjadi angka 1 semua.<span style="color: rgb(255, 255, 255);"></span></p> <p class="MsoNormal" style="text-align: justify; text-indent: 0.5in;">Dengan begini pembaca akan bertanya-tanya dimanakah sumber suara berasal… kok tidak ada tombolnya tapi ada suaranya… It’s magic…. Seperti terdengar pada backsound posting ini.</p><p class="MsoNormal" style="text-align: justify; text-indent: 0.5in;"></p><blockquote>mudah-mudahan bermanfaat untuk sobat wordpress...!</blockquote><br /><p></p>Unknownnoreply@blogger.com16tag:blogger.com,1999:blog-8345086919807861952.post-34036218673485807832011-04-03T23:55:00.001-07:002011-04-05T03:44:18.055-07:00Membuat Garis Horisontal Untuk Pembatas Antar Paragraf<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFJSgtGk7_t8p_Ozs53Mfx4mS-rcYZzWTjJl8sZe5rS_37KISooegPhVumg2xc8bQr_nSxA044VzD4JllCIO9OF3AlRKJjg5YmH1O00mGc8-3mbxJYpnXkQHpcG0onQvTm229I16IZKpfd/s1600/icontexto-inside-wordpress.png"><img style="float: left; margin: 0pt 10px 10px 0pt; cursor: pointer; width: 128px; height: 128px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFJSgtGk7_t8p_Ozs53Mfx4mS-rcYZzWTjJl8sZe5rS_37KISooegPhVumg2xc8bQr_nSxA044VzD4JllCIO9OF3AlRKJjg5YmH1O00mGc8-3mbxJYpnXkQHpcG0onQvTm229I16IZKpfd/s200/icontexto-inside-wordpress.png" alt="" id="BLOGGER_PHOTO_ID_5591618635172102274" border="0" /></a><br /><p class="MsoNormal" style="text-align: justify; text-indent: 0.5in;">Trick WordPress kali ini membahas “<strong>Membuat Garis Horisontal Untuk Pembatas Antar Paragraf</strong>“. Trick ini sangat-sangat sederhana sekali, tidak sesulit judulnya. Sedangkan untuk fungsinya sendiri Saya masih bingung, karna trick ini hanya membuat sebuah garis mendatar yang memanjang. Yang sebelumnya untuk membuat garis mendatar ini masih mengetikan tanda – atau _ berulang-ulang hingga memanjang dari kiri ke kanan area posting.</p> <p><span id="more-5282"></span></p> <hr /> <p class="MsoNormal" style="text-align: justify; text-indent: 0.5in;">Tapi pastinya jika menggunakan trick ini, kita tidak perlu lagi membuat garis mendatar dengan cara mengetikkan karakter – atau _ secara berulang. Dan hasilnyapun akan fixed atau secara otomatis akan sesuai dengan lebar halaman posting blog yang kita gunakan.<span style="color: rgb(255, 255, 255);">bootingskoBlog</span></p> <hr /> <p class="MsoNormal" style="text-align: justify; text-indent: 0.5in;">Dan sedangkan untuk fungsi dan kegunaannya tergantung keperluan kita masing-masing<a href="http://bootingskoblog.wordpress.com/">.</a> Bisa untuk garis pembatas antar paragaraf (seperti terlihat diatas) atau bisa juga untuk variasi di posting Anda.</p> <p class="MsoNormal" style="text-align: justify; text-indent: 0.5in;">Sebagai contoh bisa Anda lihat dibawah:</p> <p style="text-align: justify;">Membuat garis mendatar dengan tanda – :</p> <p style="text-align: justify;">———————————————————————————–</p> <p style="text-align: justify;">Membuat garis mendatar dengan tanda _ :</p> <p style="text-align: justify;">____________________________________________________</p> <p style="text-align: justify;">Membuat garis mendatar dengan kode :</p> <hr /> <p class="MsoNormal" style="text-align: justify; text-indent: 0.5in;">Untuk membuatnya, berikut caranya:</p> <ol><li>Login ke Admin WordPress.com Anda.</li><li>Pada sisi kiri halaman klik menu <strong>[Post]</strong> > <strong>[Add New].<br /><img src="http://support.files.wordpress.com/2008/11/menu-posts-add-new11.jpg?w=145&h=119" alt="" /></strong></li><li>Dan akan tampil halaman <strong>‘Add New Post’</strong>.<br /><img src="http://support.files.wordpress.com/2008/12/post-screen-default.png?w=467&h=479&h=479" alt="" height="479" width="467" /></li><li>Buatlah terlebih dahulu tulisan Anda pada mode <strong>[Visual] </strong>hingga selesai.<strong><br /><img src="http://support.files.wordpress.com/2009/07/visual-tab.jpg?w=476&h=98&h=98" alt="" height="98" width="476" /></strong></li><li>Setelah selesai menulis, ganti ke mode <strong>[HTML]</strong> dan sisipkan kode ini diantara paragraf posting Anda.</li></ol><blockquote><hr /></blockquote>6. Klik tombol <strong>[Save Draft]</strong> bila anda ingin menyimpannya dulu atau klik tombol <strong>[Publish]</strong>bila anda ingin menampilkannya pada halaman blog anda.<img src="http://support.files.wordpress.com/2008/12/post-publish-module-default.png?w=289&h=203&h=203" alt="" height="203" width="289" /><ol><li>Mudah-mudahan bermanfaat untuk sobat wordpress.<br /></li></ol>Unknownnoreply@blogger.com2tag:blogger.com,1999:blog-8345086919807861952.post-19063412659910784432011-04-03T20:37:00.000-07:002011-04-03T20:59:41.707-07:00Membuat Efek Huruf Berkedip-Kedip (Blink) Di WordPress.com<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgk6mfnGIaRqSfwkbRs7s14svFkyS2_Mce0AupVyJMu5UpwwDQR1PHAtZ4Sy6kE6xYvjyrr3iyDFQnYhxiK7-UBXnSRxWmXT_RKaMWUJ4-cjxZMAP3s1RWFuGW_UyLpi14Qjll5iQjjM106/s1600/icontexto-inside-wordpress.png"><img style="float: left; margin: 0pt 10px 10px 0pt; cursor: pointer; width: 128px; height: 128px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgk6mfnGIaRqSfwkbRs7s14svFkyS2_Mce0AupVyJMu5UpwwDQR1PHAtZ4Sy6kE6xYvjyrr3iyDFQnYhxiK7-UBXnSRxWmXT_RKaMWUJ4-cjxZMAP3s1RWFuGW_UyLpi14Qjll5iQjjM106/s200/icontexto-inside-wordpress.png" alt="" id="BLOGGER_PHOTO_ID_5591572782190870434" border="0" /></a>Disini Saya akan berbagi seputar trick WordPress.com terbaru. Dan trick tersebut adalah <strong>membuat efek huruf blink</strong> atau <strong>membuat efek huruf menjadi kedip-kedip seperti lampu natal</strong>. <p class="MsoNormal" style="text-indent: 0.5in; text-align: justify;">Sebelumnya Saya ingin berucap salam kepada pembaca setia Ine fadla Blog. Semoga Anda tidak bosan-bosannya berkunjung dan menyebarkan artikel kepada sesama rekan yang membutuhkannya. Untuk para rekan-rekan Ine yang telah berkomentar dan belum terbalas oleh Saya, mohon maaf yang sebesar-besarnya. Saya akan berusaha untuk membalas dengan kemampuan Saya yang terbatas <img src="http://s1.wp.com/wp-includes/images/smilies/icon_lol.gif?m=1129645325g" alt=":lol:" class="wp-smiley" /> .</p><div style="text-align: justify;"> </div><p class="MsoNormal" style="text-indent: 0.5in; text-align: justify;">Kembali ke benang merah <img src="http://s2.wp.com/wp-includes/images/smilies/icon_mrgreen.gif?m=1129645325g" alt=":mrgreen:" class="wp-smiley" /> , mungkin banyak rekan-rekan beranggapan kalau trick ini mustahil diterapkan di WordPress.com dan hanya berlaku di Blogspot. Namun sepertinya dengan sedikit usaha pasti ada solusinya. Dan ternyata benar efek ini bisa untuk pengguna WordPress.com tercinta. Sebagai bukti lihat contoh dibawah:</p> <h1 style="text-align: center;"><strong><a style="color: rgb(255, 0, 0); text-decoration: blink;">Selamat Datang</a></strong></h1> <p class="MsoNormal" style="text-align: justify; text-indent: 0.5in;">Gimana? Cukup menarik bukan? Ikuti caranya sebagai berikut:</p><ol><li>Login ke Admin WordPress anda.</li><li>Pada sisi kiri halaman klik menu <strong>[Post]</strong> > <strong>[Add New].</strong></li></ol><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhL-lioj_r2NAUlk-6Y2irslioF4TKBDakmJSP166jPkkeqYdn1dJ70GNIvBRZOGYefDTgLAlIz0yj-oOd5YPNKch7FAqbUuRasZGnwm6xtr_qE8EDiHMNkC4POJZzNJFmkRLfDO7CGiwYD/s1600/menu-posts-add-new11.jpg"><img style="float: left; margin: 0pt 10px 10px 0pt; cursor: pointer; width: 145px; height: 119px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhL-lioj_r2NAUlk-6Y2irslioF4TKBDakmJSP166jPkkeqYdn1dJ70GNIvBRZOGYefDTgLAlIz0yj-oOd5YPNKch7FAqbUuRasZGnwm6xtr_qE8EDiHMNkC4POJZzNJFmkRLfDO7CGiwYD/s200/menu-posts-add-new11.jpg" alt="" id="BLOGGER_PHOTO_ID_5591569233373188274" border="0" /></a><br /><br /><br /><br /><br /><br /><br /><br /><br />3. Dan akan tampil halaman <strong>‘Add New Post’</strong>.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEiVLv0GpWTQyBYGEU7Mr9w_o7epi8lFUiTvlbSZC_Ed49I6_StrnqPs4On6vi7Haxawmi9wHiLLlflig9UunypKOHbu6G0OA4wC53MCxOvJr6Fsb3T0pRQ0VFJ69AismDhjv7Oao7kWPM/s1600/post-screen-default.png"><img style="float: left; margin: 0pt 10px 10px 0pt; cursor: pointer; width: 194px; height: 200px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEiVLv0GpWTQyBYGEU7Mr9w_o7epi8lFUiTvlbSZC_Ed49I6_StrnqPs4On6vi7Haxawmi9wHiLLlflig9UunypKOHbu6G0OA4wC53MCxOvJr6Fsb3T0pRQ0VFJ69AismDhjv7Oao7kWPM/s200/post-screen-default.png" alt="" id="BLOGGER_PHOTO_ID_5591569520704247314" border="0" /></a><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />4. Copy dan paste kode dibawah ini pada mode <strong>[HTML].</strong><br /><blockquote> <p style="text-align: left;"><span style="color: rgb(0, 0, 255);"><code></code></span><a style=""><blockquote><a style="color: #FF0000; font-size: 22px; text-decoration: blink;">Tulisan Anda…</a><br /></blockquote></a></p></blockquote><blockquote><blockquote><strong>Parameter:</strong><br /><strong>color:</strong> ganti dengan kode warna lain.<br /><strong>fo</strong> <strong>nt-size:</strong> rubah nilai ukuran huruf. </blockquote></blockquote><br />5. Setelah selesai, klik tombol <strong>[Save Draft]</strong> bila anda ingin menyimpannya dulu atau klik tombol <strong>[Pub</strong> <strong>lish]</strong> bila a nda ingin menampilkannya pada halaman blog anda<a href="http://bootingskoblog.wordpress.com/2011/03/26/membuat-efek-huruf-berkedip-kedip-blink-di-wordpress-com/">.</a><br /><br /><h1 style="text-align: center;"><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDDcbe_wBhstvoYzps3mNBk3f9CyzHyntFnxivzp9TIA8Iz11TXO1Kuq-Gf1PLsyELO3wH9VzvwyHD3iCziCbTEXyzULnhJdD1mrsgee8nuGQeUo-AIlF4jyiEpTV2mGyhCdsfKMJT4id8/s1600/post-publish-module-default.png"><img style="float: left; margin: 0pt 10px 10px 0pt; cursor: pointer; width: 200px; height: 140px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDDcbe_wBhstvoYzps3mNBk3f9CyzHyntFnxivzp9TIA8Iz11TXO1Kuq-Gf1PLsyELO3wH9VzvwyHD3iCziCbTEXyzULnhJdD1mrsgee8nuGQeUo-AIlF4jyiEpTV2mGyhCdsfKMJT4id8/s200/post-publish-module-default.png" alt="" id="BLOGGER_PHOTO_ID_5591569835582415890" border="0" /></a></h1>Unknownnoreply@blogger.com4tag:blogger.com,1999:blog-8345086919807861952.post-76638204154370939492011-04-03T20:17:00.000-07:002011-04-03T20:33:07.206-07:00Menampilkan Tombol Like Facebook Di WordPress.com<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPw955ZKL1teWMWAFG7O9qMQ7-hZjHHWuNzg-Taa7TIlQ4oU2kcpPmSRG2I2QKzs7XKGiO7pEDf1L-H-UG4pqkbWcasr7zHd5Dhoblj-H3-rxTGuE8P_WZH0pGSzQGakYEkpjP0gylkYVN/s1600/like-facebook.jpg"><img style="float: left; margin: 0pt 10px 10px 0pt; cursor: pointer; width: 156px; height: 200px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPw955ZKL1teWMWAFG7O9qMQ7-hZjHHWuNzg-Taa7TIlQ4oU2kcpPmSRG2I2QKzs7XKGiO7pEDf1L-H-UG4pqkbWcasr7zHd5Dhoblj-H3-rxTGuE8P_WZH0pGSzQGakYEkpjP0gylkYVN/s200/like-facebook.jpg" alt="" id="BLOGGER_PHOTO_ID_5591565912307314082" border="0" /></a><br /><div style="text-align: justify;">Saya akan sedikit membahas cara menampilkan tombol like FaceBook seperti yang banyak ditanyakan oleh para rekan tips trik wordpress. Untuk menampilkan tombol like FaceBook sendiri caranya sangat mudah. Namun mungkin bagi rekan yang belum mengetahuinya dirasa sangat sulit. Dikarenakan sewaktu mengaktifkan tombol share FaceBook yang tampil secara default adalah tombol share yang berguna untuk menyebarkan artikel yang disuka oleh pembaca ke akun FaceBooknya. Dan bukan tombol like FaceBook.<br /><br />Penjelasan untuk memasang tombol share seperti Twitter, FaceBook, Digg, Reddit, StumbleUpon dan lainnya telah Saya bahas disini dan untuk memasang tombol share Lintas Berita dan InfoGue telah Saya tulis disini.<br /><br />Fungsi dari kedua tombol share FaceBook (share button dan like button) ini memiliki kegunaan yang sama-sama menguntungkan. Dan itu semua tergantung keperluan pribadi masing-masing.<br /><br />Sebelum pada topiknya, Saya akan sedikit menyentuh mengenai fungsi tombol share faceBook dan tombol like FaceBook. Tombol share FaceBook ini berfungsi untuk memudahkan pembaca menyebarkan artikel yang disuka ke dalam akun FaceBook mereka. Biasanya artikel setelah di share ke akun FaceBook berupa judul dan sedikit potongan diskripsi dari artikel.<br /><br />Sedangkan tombol like FaceBook berfungsi memudahkan pengguna FaceBook untuk memberi nilai suka terhadap artikel yang dibacanya.<br /><br />Kedua tombol ini sama-sama menguntungkan bagi blog kita untuk menambah trafik. Karena setiap kali para pengguna FaceBook men-share dan men-vote artikel kita maka akan tercatat dalam wall akun FaceBook mereka. Yang secara otomatis juga tampil di beranda teman-teman mereka. Sekarang bayangkan jika orang yang men-share di FaceBooknya tersebut memiliki sedikitnya 100 teman, dan temannya itu juga suka kemudian ikut men-share lagi. Sudah berapa trafik ke blog Anda? Itu cuma 1 orang saja, kalau 10 orang lebih tinggal Anda kalkulasi sendiri.<br /><br />Berikut cara untuk menampilkan tombol like FaceBook:<br /></div><br />1. Login ke akun WordPress.com anda.<br />2. Kemudian klik [Settings] > [Sharing].<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDHhwN5E4QXFycJi-oywUVOo806Gu3SDIXir0WH-27L2HdEcP7X6jnfXDrRUhJm3SjPUOpaDk6_Lv5JW6r0KAkdYC2VeFiz29ryOw5VWN5CU6p-DezWrZaFpm6V3kTNe-F6BuhLeiyLLVO/s1600/settings-sharing.png"><img style="float: left; margin: 0pt 10px 10px 0pt; cursor: pointer; width: 117px; height: 200px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDHhwN5E4QXFycJi-oywUVOo806Gu3SDIXir0WH-27L2HdEcP7X6jnfXDrRUhJm3SjPUOpaDk6_Lv5JW6r0KAkdYC2VeFiz29ryOw5VWN5CU6p-DezWrZaFpm6V3kTNe-F6BuhLeiyLLVO/s200/settings-sharing.png" alt="" id="BLOGGER_PHOTO_ID_5591563625957593362" border="0" /></a><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />3. Dan akan tampil halaman <strong>Sharing </strong><strong> Settings.</strong><br />4. Silahkan anda drag and drop (tahan dan geser) tombol icon share FaceBook yang berada di menu <strong>“Available Services”</strong> ke menu <strong>“Enabled Services”</strong> untuk menampilkannya.<br /><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnsQfixmkBP25Wwy0YGkc0hF_ecIYbrDfMnSbbR7BhWvn-dyCbMAntE84hYW6pgCKaxambk7B2d_eXi7DpbV6IOtrG3QA-bZORanQd27ocx7L5DBR_GcIYYlYj7nzFyAHhvuMCrUED0hZL/s1600/drag-services.jpg"><img style="float: left; margin: 0pt 10px 10px 0pt; cursor: pointer; width: 200px; height: 86px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnsQfixmkBP25Wwy0YGkc0hF_ecIYbrDfMnSbbR7BhWvn-dyCbMAntE84hYW6pgCKaxambk7B2d_eXi7DpbV6IOtrG3QA-bZORanQd27ocx7L5DBR_GcIYYlYj7nzFyAHhvuMCrUED0hZL/s200/drag-services.jpg" alt="" id="BLOGGER_PHOTO_ID_5591565236958102338" border="0" /></a><br /><br /><br /><br /><br /><br />5. Kemudian lakukan perubahan tampilan pada icon share FaceBook dengan cara klik tanda [ ▼ ] disamping kanan icon share FaceBook.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLK8Z_82G9j7ZjTuChDmxkSWOIyDykxZ0v5OvO6fDIpJgrkO5mhwMfSteCCEjbvQ3fm1h3Aambj69enNhj9vBnEpM9zB3aVApLuyGvXfKujMtYGnE1YoKzn3rXCY3jAn_XhjccU_RfLAPo/s1600/screen-shot-2010-08-24-at-17-22-04.png"><img style="float: left; margin: 0pt 10px 10px 0pt; cursor: pointer; width: 200px; height: 81px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLK8Z_82G9j7ZjTuChDmxkSWOIyDykxZ0v5OvO6fDIpJgrkO5mhwMfSteCCEjbvQ3fm1h3Aambj69enNhj9vBnEpM9zB3aVApLuyGvXfKujMtYGnE1YoKzn3rXCY3jAn_XhjccU_RfLAPo/s200/screen-shot-2010-08-24-at-17-22-04.png" alt="" id="BLOGGER_PHOTO_ID_5591563630525896898" border="0" /></a><br /><br /><br /><br /><br /><br />6. Pilih <strong>[Like button]</strong>.<br />7. Dan lakukan pengaturannya tambahan sesuai keinginan anda:<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEircObr3lKvZgZFdIIo7mg_QLgwp97Uv017OFt2WKhy9DbLFGE6y2YI9oT-1amonXEx_qQFGlZTFf_APIfhyALkBcHSRLmW_NlTFbZSZtEmQGGel5v8hiBbsQkFrmU5dbzs9chE-JYhXX69/s1600/screen-shot-2010-08-23-at-10-37-31.png"><img style="float: left; margin: 0pt 10px 10px 0pt; cursor: pointer; width: 200px; height: 78px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEircObr3lKvZgZFdIIo7mg_QLgwp97Uv017OFt2WKhy9DbLFGE6y2YI9oT-1amonXEx_qQFGlZTFf_APIfhyALkBcHSRLmW_NlTFbZSZtEmQGGel5v8hiBbsQkFrmU5dbzs9chE-JYhXX69/s200/screen-shot-2010-08-23-at-10-37-31.png" alt="" id="BLOGGER_PHOTO_ID_5591563626629232578" border="0" /></a><br /><br /><br /><br /><br /><ul><li><strong>Default button style </strong>: pilih tampilan icon atau text.</li><li><strong>Sharing</strong><strong> label</strong> : tulislah nama untuk fitur sharing anda.</li><li><strong>Open links in</strong> : tampilan halaman saat icon share di klik.</li><li><strong>Show sharing buttons on</strong> : penempatan icon sharing.</li></ul>8. Setelah selesai klik tombol <strong>[Save Changes]</strong>.<br /><br />Untuk cara menambahkan tombol share Lintas Berita, infoGue, dll bisa anda baca <a href="http://bootingskoblog.wordpress.com/2011/01/30/2010/08/27/cara-menambahkan-tombol-share-lintas-berita-dan-infogue-di-wordpress-com/" target="_blank">disini</a>.Unknownnoreply@blogger.com5tag:blogger.com,1999:blog-8345086919807861952.post-60789949511300445852011-03-29T00:59:00.000-07:002011-03-29T01:13:11.765-07:00Cara Membuat Gambar Avatar (Gravatar) Lebih Dari Satu<p class="MsoNormal" style="text-align: justify; text-indent: 0.5in;">Anda bosan dengan gambar Avatar anda yang itu-itu saja? Ingin mengganti Avatar tapi terlalu ribet harus mengulangi proses upload. Tapi tenang saja… anda bisa menambahkan gambar Avatar lebih dari 1 buah, bahkan 10 buah atau lebih. Jadi anda setiap kali komen diblog anda sendiri atau diblog lain, maka gambar dari Avatar anda bisa berbeda-beda.</p><p class="MsoNormal" style="text-align: justify; text-indent: 0.5in;">Membuatnya cukup mudah, anda hanya bermodalkan alamat email lebih dari satu (tergantung berapa gambar Avatar yang ingin ditambahkan), dikarenakan Avatar akan muncul bila diset ke satu email dan email tidak boleh sama. Yang artinya adalah setiap gambar Avatar harus mempunyai satu email dan tidak boleh sama, bila anda ingin menambahkan gambar Avatar 5 buah, maka anda harus memiliki email yang berbeda sebanyak 5 buah juga<a href="http://bootingskoblog.wordpress.com/">.</a></p> <p class="MsoNormal" style="text-align: justify; text-indent: 0.5in;">Bingung… langsung saja untuk membuat Avatar lebih dari dua berikut caranya :</p> <ol style="text-align: justify;"><li>Siapkan dulu gambar dalam format jpeg dengan ukuran 128 x 128 px di komputer pribadi anda</li><li>Login ke Admin WordPress anda.</li><li>Pada sisi kiri halaman klik menu <strong>[Users] > [My Profile].<br /><img src="http://en.support.files.wordpress.com/2009/01/users-my-profile.png?w=152&h=131&h=131" alt="" width="152" height="131" /></strong><strong></strong></li><li>Pada menu <strong>‘My Gravatar’</strong> klik link <strong>[Change your Gravatar].</strong><strong><br /><img src="http://support.files.wordpress.com/2008/12/my-gravatar1.png?w=322&h=263" alt="" /></strong><strong></strong></li><li>Klik link <strong>[My account] > [Manage My Gravatars]</strong>.<br /><strong><img class="alignnone" src="http://en.support.files.wordpress.com/2010/03/20100326-8etypwjw4emdfebw7kyuisuuib.jpg?w=355&h=327" alt="" width="355" height="327" /></strong></li><li>Pada tulisan <strong>‘Select an email address (below) to modify or add a new email’</strong>, klik link <strong>[Add a new email].</strong></li><li>Muncul halaman <strong>‘Add an email to this account’</strong>, tambahkan alamat email anda pada menu <strong>[Email:]</strong> dan klik tombol<strong> [Add].</strong></li><li>Setelah muncul halaman konfirmasi <strong>‘Confirmation email sent!’</strong>, segeralah buka email anda.</li><li>Pada kotak masuk email anda, buka email konfirmasi dari Gravatar.</li><li>Setelah anda buka, klik link konfirmasi dari gravatar biasanya seperti ini.<br /><strong>‘</strong><em><span style="color: rgb(0, 0, 255);">http://en.gravatar.com/verify/add-identity/0e522ae2d4/bootingskodos%40gmail.com</span></em><strong>‘</strong>.</li><li>Kemudian muncul halaman <strong>‘Select an email address (below) to modify or add a new email’</strong></li><li>Pada halaman tersebut sudah terdapat alamat email baru, klik alamat email yang telah anda tambahkan tadi</li><li>Setelah alamat email yang baru terpilih, selanjutnya anda klik link <strong>[add a new image] </strong>pada menu<strong> ‘Choose an image (below) to use for the selected email (above) or add a new image’</strong>.</li><li>Kemudian muncul halaman<strong> ‘Choose where you’d like to get the image from’,</strong> klik link <strong>[My computer's hard drive]</strong>.</li><li>Kemudian pada halaman <strong>‘Select the file from your computer’, </strong>klik tombol <strong>[Browse...] </strong>untuk mengambil gambar dikomputer anda.</li><li>Kemudian klik tombol <strong>[Next]</strong>.</li><li>Pada halaman <strong>‘Choose any part of your image using the dotted box below’, </strong>lakukan pemotongan gambar sesuai keinginan anda dan klik tombol <strong>[Crop And Finish!] </strong>bila anda sudah selesai.</li><li>Pada halaman <strong>‘Choose a rating for your Gravatar’, </strong>klik gambar<strong> [rated G]</strong>.</li><li>Pada halaman <strong>‘Which email addresses should use this new image?’, </strong>beri tanda centang [ √ ] alamat email baru anda.</li><li>Kemudian klik tombol<strong> [Use for selected addresses]</strong>.</li><li>Setelah proses berhasil, akan muncul halaman <strong>‘Select an email address (below) to modify or add a new email’</strong>.</li><li>Untuk keluar klik <strong>[ X ]</strong> pada pojok kanan atas.</li><li>Maka sekarang anda telah memiliki dua gravatar, untuk menampilkannya anda hanya tinggal mengetikkan alamat email dari masing-masing gravatar tersebut pada kotak komentar</li></ol><blockquote><br /><ul><blockquote><li style="text-align: justify;">Ulangi langkah seperti diatas bila anda ingin menambahkan gambar gravatar lagi.</li><li style="text-align: justify;">Dan ingat, bila anda berkomentar dikotak komentar anda atau dikotak komentar orang lain, jangan lupa untuk menuliskan alamat email sesuai dengan email dari masing-masing gambar.</li><li style="text-align: justify;">Jika Avatar masih belum tampil, bersihkan history, cache dan cookies web browser yang anda pakai. Caranya bisa anda baca <a href="http://bootingskoblog.wordpress.com/2009/10/11/kenapa-avatar-dan-blavatar-saya-tidak-mau-tampil/" target="_blank">disini</a>.</li></blockquote></ul> </blockquote>Unknownnoreply@blogger.com2tag:blogger.com,1999:blog-8345086919807861952.post-14281983691944205632011-03-14T00:03:00.000-07:002011-03-14T00:48:22.067-07:00Tabber tab dengan JQuery part 2<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbep8dNSjsSpoIkebqDwM1hueUrwwGryd44D-gMTdGeVFRPnfH5Kgt04gEwybKJr4L9ObmhkFWQ8I0mUEEDpVdl3J4z23ArlWXYL-cEUhv-zM6JzECDJPtcGoS28sMSxktGB3C2HXRcUJB/s1600/blog-d.jpg"><img style="float: left; margin: 0pt 10px 10px 0pt; cursor: pointer; width: 200px; height: 107px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbep8dNSjsSpoIkebqDwM1hueUrwwGryd44D-gMTdGeVFRPnfH5Kgt04gEwybKJr4L9ObmhkFWQ8I0mUEEDpVdl3J4z23ArlWXYL-cEUhv-zM6JzECDJPtcGoS28sMSxktGB3C2HXRcUJB/s200/blog-d.jpg" alt="" id="BLOGGER_PHOTO_ID_5583839229244553122" border="0" /></a><br /><div style="text-align: justify;">Postingan sebelumnya saya pernah mengetengahkan cara membuat tabber tab atau tab view dengan bantuan JQuery part 1. Namun tabber tab tersebut memiliki beberapa keterbatasan, diantaranya tidak dapat menambahkan beberapa widget umum seperti arsip blog, label, kecuali dengan memasukkan link widget yang saya sebutkan tadi dengan cara manual. Sedangkan tabber tab dengan JQuery part 2 ini, kita dapat menembahkan fitur atau widget tadi dengan mudah, cukup dengan mendrag/ memindahkan widget kesidebar.<br /><br />Sedang kegunaan tabber tab ini sangat membantu menghemat ruang sidebar blog sobat. Karena sobat dapat memberikan fitur lebih pada wilayah tunggal sidebar tidak terbatas sekedar recent post, recent comment, random posts, tapi juga lebel/ kategori, daftar link, profil dan banyak lagi.<br /><br /><br />Nah tertarik ingin membuat tabber tab dengan JQuery part 2 ini? Silahkan ikuti tutorial berikut:<br /><br />Langkah Pertama:<br /><br />1. Setelah sig in pada account blogger sobat>>> pada dasbor>>> Klik Tata Letak>>> Edit HTML<br /><br /></div>2. Tambahkan kode CSS berikut diatas tag atau kode: <span style="color: rgb(255, 153, 0);">]]></b:skin></span><br /><blockquote>/* Tabbed Sidebar Widgets <br />--------------------------------- */ <br />.widget-wrapper2{ <br /> border:1px solid #494e52; <br /> background-color:#636d76; <br /> padding:8px; <br />} <br />.widget-tab { <br />-moz-border-radius-bottomleft:5px; <br />-moz-border-radius-bottomright:5px; <br />-moz-border-radius-topright:5px; <br />-webkit-border-radius-bottomleft:5px; <br />-webkit-border-radius-bottomright:5px; <br />-webkit-border-radius-topright:5px; <br />background:#FFFFFF url(http://sites.google.com/site/amatullah83/bg/tabcontentbg.gif) repeat-x scroll left bottom !important; <br />border:1px solid #CFCFCF; <br />font-family:Arial,Helvetica,sans-serif; <br />padding:15px !important; <br />} <br />.widget-tab ul { <br /> margin:0px; <br /> padding:0px 20px 0px 20px; <br />} <br />.widget-tab ul li { <br /> list-style:none; <br /> border-bottom:1px solid #d6dde0; <br /> padding-top:10px; <br /> padding-bottom:10px; <br /> font-size:13px; <br />} <br />.widget-tab ul li:last-child { <br /> border-bottom:none; <br />} <br />.widget-tab ul li a { <br /> text-decoration:none; <br /> color:#3e4346; <br />} <br />.widget-tab ul li a small { <br /> color:#8b959c; <br /> font-size:9px; <br /> text-transform:uppercase; <br /> font-family:Verdana, Arial, Helvetica, sans-serif; <br /> position:relative; <br /> left:4px; <br /> top:0px; <br />} <br />.tab-content ul li a:hover { <br /> color:#a59c83; <br />} <br />.tab-content ul li a:hover small { <br /> color:#baae8e; <br />} <br />.active-tab{ <br />background:#FFFFFF url(http://sites.google.com/site/amatullah83/bg/tabtopbg.gif) repeat-x scroll left top !important; <br />border-color:#CFCFCF #CFCFCF #FFFFFF #CFCFCF !important; <br />border-style:solid !important; <br />border-width:1px 1px 2px !important; <br />color:#282E32 !important; <br />} <br />ul.tab-wrapper { <br /> margin:0px; padding:0px; <br /> margin-top:5px; <br /> margin-bottom:6px; <br />} <br />ul.tab-wrapper li { <br />-webkit-border-radius-topleft:5px; <br />-webkit-border-radius-topright:5px; <br />-moz-border-radius-topleft:5px; <br />-moz-border-radius-topright:5px; <br />background:#191919 url(http://sites.google.com/site/amatullah83/bg/tabinactivebg.gif) repeat-x scroll left top; <br />border:1px solid #464C54; <br />color:#FFFFFF; <br />cursor:pointer; <br />display:inline; <br />font-family:Verdana,Arial,Helvetica,sans-serif; <br />font-size:9px; <br />font-weight:bold; <br />line-height:2em; <br />list-style-image:none !important; <br />list-style-position:outside !important; <br />list-style-type:none !important; <br />margin-right:1px; <br />padding:8px 14px; <br />text-align:center; <br />text-decoration:none; <br />text-transform:uppercase; <br />}<br /></blockquote><div style="text-align: justify;">Cataan CSS diatas masih bisa sobat modifikasi lagi sesuaikan dengan blog sobat. Untuk mengganti warna silahkan lihat tabel kode warna disini. Image lain yang bisa sobat gunakan<br /><br />3. Tambahkan Script JQuery berikut sebelum tag atau kode : <span style="color: rgb(255, 153, 0);"></head></span><br /></div><blockquote><script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.1/jquery.min.js' type='text/javascript'/></blockquote>Catatan: Bagi sobat yang pernah menambahkan atau ditemplate sobat sudah terdapat script JQuery maka langkah kedua abaikan saja,<br /> 4. Kemudian tambahkan pula script berikut dibawah script JQuery tadi:<br /><blockquote><script type="text/javascript"><br />var starttab=0;<br />var endtab=2;<br />var sidebarname="sidebar1";<br /></script><br /><script type="text/javascript" src='http://sites.google.com/site/amatullah83/js-indahnyaberbagi/bloggertabv1.0-min.js.txt'></script><br /></blockquote><div style="text-align: justify;">Catatan: Tab dari kode diatas terdiri dari 3 tab. Untuk menyesuaikan jumlah tab dengan keinginan sobat, silahkan ganti angka 2 dengan jumlah tab yang sobat inginkan, awal tab dimulai dengan angka 0. Sedangkan sidebarname adalah sidebar id.<br /></div> <br />5. Selanjutnya cari kode HTML berikut:<br /> <blockquote>lt;div id='sidebar-wrapper'><br /><b:section class='sidebar' id='sidebar' preferred='yes'><br /></blockquote>Sekarang ganti tulisan berwarna merah dengan sidebar id dari tabber tab, yaitu sidebar 1<br /><br />6. Selesai.<br /><br /><div style="text-align: justify;">Sekarang sobat bisa menambahkan widget yang diinginkan pada bagian elemen halaman, pastikan setiap widget memiliki nama. Kemudian drag ke sidebar. Simpan dan simpan lihat hasilnya diblog sobat.<br /></div><br /><span style="font-size:78%;"><span style="font-style: italic;">Sumber : http://amatullah83.blogspot.com/ </span></span>Unknownnoreply@blogger.com3tag:blogger.com,1999:blog-8345086919807861952.post-72049332923684736342011-03-12T18:55:00.000-08:002011-03-12T19:03:02.273-08:00membuat Widget hanya Terlihat di Halaman HomeDengan menambahkan beberapa kode pada template, kita bisa membuat sebuah widget hanya tampil pada halaman depan blog (<em>Home page</em>) saja,dan tidak tampil pada halaman membaca artikel (<em>Post Page</em>). Bagaimana caranya? Kita pakai cara yang paling mudah aja.. Let see. <p>1. Login ke Account/Dashboard blog kalian,kemudian pilih tab Design/Rancangan.</p> <p>2. Masuk ke menu Edit HTML.</p> <p>3. Cari kode <span style="color:#008000;"><strong>]]></b:skin></strong></span></p> <p>4. Ganti kode tersebut dengan kode di bawah ini :</p><p></p><blockquote>]]></b:skin><br /><style type='text/css'><br /><b:if cond='data:blog.pageType == &quot;item&quot;'><br /><span style="color: rgb(51, 102, 255);">#HTML1</span> {display:none}<br /><span style="color: rgb(51, 102, 255);">#HTML3</span> {display:none}<br /></b:if><br /></style></blockquote><p></p><p>5. Perhatikan teks berwarna biru diatas.. itu adalah kode id elemen yang akan kita buat tampil di halaman home saja. Ganti kode tersebut dengan id widget kalian. Bagaimana cara mengetahui kode id tersebut pada template kalian?</p> <p>Kalian bisa mencari berdasarkan judul widgetnya. Teks warna merah dibawah adalah judul widget,sedangkan yang berwarna biru adalah id widgetnya.</p><p></p><blockquote><div id='sidebar-wrapper'><br /> <b:section class='sidebar' id='sidebar' preferred='yes'><br /><b:widget id='HTML1' locked='false' title='Subscribe' type='HTML'/><br /><b:widget id='HTML2' locked='false' title='Free Template' type='HTML'/><br /><b:widget id='HTML3' locked='false' title='New Tutorial' type='HTML'/><br /></b:section><br /> </div></blockquote><p></p><p>NB: Pada contoh diatas,berarti widget yang hanya akan tampil dihalaman depan blog adalah widget <span style="color:#ff0000;">Subscribe</span> dan <span style="color:#ff0000;">New Tutorial</span>. Sedangkan pada halaman membaca artikel,kedua widget tersebut ngga akan terlihat.</p> <p>6. Save template,dan lihat hasilnya.</p><p><span style="font-size:78%;"><span style="font-style: italic;">sumber : <a href="http://www.resepblog.co.cc/">resepblog</a></span></span><br /></p><p><span style="color:#000000;"></span></p><p><span style="color:#000000;"><br /></span></p><p><br /></p>Unknownnoreply@blogger.com9tag:blogger.com,1999:blog-8345086919807861952.post-84154747577888052172011-03-11T23:33:00.000-08:002011-03-11T23:43:19.720-08:00Membuat Tab View Di Bawah Posting BlogAssalamu'alaikum semua sahabat blogger tanpa terkecuali. Setelah jauh jauh terbang di dunia maya akhirnya saya nemuin sesuatu yang unik yaitu Membuat Menu Tab View di Bawah postingan.<br /><br />Pastinya uda pada kenal kan sama widget Tab View menu? Penggunaan dan pemasangan menu Tab View bisa bermanfaat sekali dan sangat cocok digunakan pada ruang yang terbatas. Cara pasang menu <a target="_blank" href="http://www.coretan-guru-komputer.co.cc/2010/10/cara-membuat-menu-tab-view.html">Tab View</a> tersebut juga cukup simpel.<br /><br />Biasanya menu <a target="_blank" href="http://www.coretan-guru-komputer.co.cc/2010/10/cara-membuat-menu-tab-view.html">Tab View</a> ini dipasang pada menu sidebar ato footer, widget tersebut bisa dipasang di mana saja.<br /><br />Memasang widget di akhir postingan sepertinya adalah salah satu hal favorit dari banyak pemilik blog. Biasanya kita menaruh iklan, artikel terkait, dll di akhir postingan. Nah dengan memasang widget TabView di akhir postingan, kita bisa pasang banyak widget tanpa harus menuh-menuhin tempat. Berikut ini langkah-langkahnya.<br /><br />Cara Pasang Menu TabView di Akhir Postingan<br />Pertama, pilih menu Layout -> Edit HTML, beri centang pada pilihan Expand Widget Templates.. Lalu copy dan paste kode di bawah ini sebelum kode <span style="color: rgb(255, 102, 0);">]]></b:skin> </span><br /><blockquote>div.TabView div.Tabs<br />{<br />height: 24px;<br />overflow: hidden;<br />}<br />div.TabView div.Tabs a<br />{<br />float: left;<br />display: block;<br />width: 160px; /* Lebar Menu Utama Atas */ text-align: center;<br />height: 26px; /* Tinggi Menu Utama Atas */<br />padding-top: 3px;<br />vertical-align: middle;<br />border: 1px solid #000000; /* Warna border Menu Atas */<br />border-bottom-width: 0;<br />text-decoration: none;<br />font-family: "Georgia", Serif; /* Font Menu Utama Atas */<br />font-size: 12px;<br />font-weight: 900;<br />background-color: #ccc;<br />color: #233e45; /* Warna Font Menu Utama Atas */<br />}<br />div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active<br />{<br />background-color: #1A3300; /* Warna background Menu Utama Atas */<br />color: #fff;<br />}<br />div.TabView div.Pages<br />{<br />clear: both;<br />border: 1px solid #000000; /* Warna border Kotak Utama */<br />overflow: hidden;<br />background-color: #fff; /* Warna background Kotak Utama */<br />}<br />div.TabView div.Pages div.Page<br />{<br />height: 100%;<br />padding: 0px;<br />overflow: hidden;<br />}<br />div.TabView div.Pages div.Page div.Pad<br />{<br />padding: 3px 5px;<br />}<br /><br />div.TabView div.Pages div.Page div.Pad li {<br />background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6wB9Y9-BJmRLhhyphenhyphen45nykO5LsXhOWFzJMw2NVg4w1Gn7Y6E_WFrtmBgcUP5TxFVF5HDtkqGYdiux9tSn32rgLu52EQ-zhnNqlU7hsJC46bDI7bjHP-M_ZuHQ9MIEmZDNXzznlxZQz8T7U/?imgmax=800') no-repeat;<br />list-style-type: none;<br />margin: 0 0 5px;<br />padding-left: 20px;<br />}</blockquote>ilahkan Sobat edit kode CSS di atas mulai dari lebar, tinggi, warna dan lain lain. Untuk kode warna silahkan klik <a target="_blank" href="http://www.coretan-guru-komputer.co.cc/2010/10/kode-warna-html.html">disini</a><br /><br />Setelah kode di atas dimasukkan, lalu masukkan kode berikut di atas kode <span style="color: rgb(255, 102, 0);"></head></span> atau tepat dibawa kode <span style="color: rgb(255, 102, 0);">]]></b:skin> </span><br /><br /><blockquote><script src='http://kangfatur.googlecode.com/files/tabviewpost.js' type='text/javascript'/></blockquote>Setelah itu Save dulu.. Lalu cari kode <data:post.body> dan letakkan kode berikut ini dibawah kode tersebut : (sebelumnya di <a target="_blank" href="http://www.coretan-guru-komputer.co.cc/2010/11/parse-html.html">parse</a> dulu)<br /><blockquote>&lt;form action=&quot;tabview.html&quot; method=&quot;get&quot;&gt;<br />&lt;div id=&quot;TabView&quot; class=&quot;TabView&quot;&gt;<br />&lt;div style=&quot;width: 600px;&quot; class=&quot;Tabs&quot;&gt;<br />&lt;a&gt;Tab 1&lt;/a&gt;<br />&lt;a&gt;Tab 2&lt;/a&gt;<br />&lt;a&gt;Tab 3&lt;/a&gt;<br />&lt;/div&gt;<br />&lt;div style=&quot;width: 600px; height: 160px; overflow: auto;&quot; class=&quot;Pages&quot;&gt;<br /><br />&lt;div class=&quot;Page&quot;&gt;<br />&lt;div class=&quot;Pad&quot;&gt;<br /><br />KONTEN TAB 1<br /><br />&lt;/div&gt;<br />&lt;/div&gt;<br /><br />&lt;div class=&quot;Page&quot;&gt;<br />&lt;div class=&quot;Pad&quot;&gt;<br /><br />KONTEN TAB 2<br /><br />&lt;/div&gt;<br />&lt;/div&gt;<br /><br />&lt;div class=&quot;Page&quot;&gt;<br />&lt;div class=&quot;Pad&quot;&gt;<br /><br />KONTEN TAB 3<br /><br />&lt;/div&gt;<br />&lt;/div&gt;<br /><br />&lt;/div&gt;<br />&lt;/div&gt;<br />&lt;/form&gt;<br /><br />&lt;script type=&quot;text/javascript&quot;&gt;<br />tabview_initialize('TabView');<br />&lt;/script&gt;</blockquote>Setelah semua langkah di atas selesai, klis Save (Simpan Template)<br /><blockquote>PENTING<br />Teks yang diberi warna <span style="color: rgb(0, 0, 153);">biru</span> dan <span style="color: rgb(255, 0, 0);">merah</span> bisa diedit-edit sendiri ama sobat. Oya, jangan lupa konten yang ingin dimasukkan ke tab-tab tersebut, kodenya di <a target="_blank" href="http://www.coretan-guru-komputer.co.cc/2010/11/parse-html.html">parse</a> dulu...</blockquote>Saya hanya ingin berbagi saja. Karena tampaknya belum banyak yang mengimplementasikan widget ini untuk ditaruh di akhir postingan<br /><br />Selamat Mencoba semoga berhasil dan bermanfaat.<br /><br /></data:post.body>Unknownnoreply@blogger.com2tag:blogger.com,1999:blog-8345086919807861952.post-73999598399154577702011-03-10T18:38:00.000-08:002011-03-11T18:07:24.954-08:00Arti Singkatan-singkatan PagerankBagi sobat-sobat pemilik blog yang masih bingung apa artinya kode – kode atau singkatan – singkatan yang ada di pagerank kita, ini ada info artinya.<br /><br />Indikator yang ditampilkan dalam <a href="http://www.mypagerank.net/">MyPagerank.net </a>adalah :<br />Rank => Page Rank<br />GIP => Google Index Page<br />GBL => Google Back Link<br />YIP => Yahoo Index Page<br />YBL => Yahoo Back Link<br />MIP => MSN Index Page<br />ALR => Alexa Rank<br />ABL => Alexa Back Link<br />TUV => Today Unique Visitor<br />TPV => Today Page View<br />YUV => Yesterday Unique Visitor<br />YPV => Yesterday Page View<br />AUV => Average Unique Visitor<br />APV => Average Page View<br /><a href="http://shafamarwah.co.cc/" target="_blank">Online user</a> => menunjukkan jumlah user yang lagi online.<br />Indikator yang ditampilkan oleh <a href="http://www.mypagerank.net/">http://www.mypagerank.net/</a> adalah indikator SEO paling populer di dunia.<br />Beberapa arti istilah yang digunakan :<br /><ol><li>Rank adalah indikator Rangking dari sebuah blog yang berpatokan pada Searh Engine Google.</li><li>GIP adalah Google Page Index bahwa blog atau situs tersebut telah ter-index total sebanyak n kali oleh visitor melalui mesin Google.</li><li>GBL adalah Google Back Link yang dapat diartikan bahwa Blog atau Situs mendapatkan sebanyak n backlink user lain yang dilakukan melalui mesin pencari Google.</li><li>YIP adalah Yahoo Page Index bahwa blog atau situs tersebut telah ter-index total sebanyak n kali oleh visitor melalui mesin Yahoo.</li><li>YBL adalah Yahoo Back Link yang dapat diartikan bahwa Blog atau Situs mendapatkan sebanyak n backlink user lain yang dilakukan melalui mesin pencari Yahoo.</li><li>MIP adalah MSN Page Index bahwa Blog atau Situs tersebut telah ter-index total sebanyak n kali oleh visitor melalui mesin pencari MSN.</li><li>ALR adalah Alexa Redirect (?) yang dapat diartikan bahwa Blog atau Situs mendapatkan sebanyak n kali redirect melalui Alexa.</li><li>ABL adalah Alexa Back Link bahwa sudah mendapat n backlink melalui Alexa.</li><li>TUV adalah Today Unique Visitor merupakan perhitungan berdasarkan IP addres yang berkunjung, arti unik disini bahwa IP address yang sama berkunjung ketempat yang sama dan dihari yang sama tidak akan dihitung.</li><li>TPV adalah Today Page View menandakan tentang berapa kali halaman blog telah dibuka dan cuma sekedar lewat saja sudah mendapat hitungan.</li><li>YUV adalah Yesterday Unique Visitor merupakan perhitungan berdasarkan IP addres yang berkunjung dihari sebelumnya dan perhitungan didasrkan pada IP address yang berbeda jadi semacam akumulasi dari TUV (Today Unique View).</li><li>YPV adalah Yesterday Page View merupakan jumlah halaman terbuka dihari sebelumnya.</li><li>AUV adalah Average Unique Visitor merupakan rata-rata pengunjung yang sudah rela mengunjungi Blog atau Situs anda.</li><li>APV adalah Average Pages View merupakan rata-rata halaman yang telah dibuka atau dilihat.</li><li><a href="http://shafamarwah.co.cc/" target="_blank">Users Online</a> menandakan bahwa yang online saat itu pada Blog atau Situs adalah xx pengunjung.</li></ol>Unknownnoreply@blogger.comtag:blogger.com,1999:blog-8345086919807861952.post-65045412445939727582011-02-27T17:59:00.000-08:002011-03-29T00:24:31.507-07:00Cara Membuat Tab View Link<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdTtTP_7Ky-aMc3ZoTcdZ3y42wJvBB6GRHXvzx7zm8jzsMo1bWosbXPvkwNax3lSp4dvUurBwnGrygV5Bbdy9iE3mJwxfF0goB6YB4cA6CA6JIszte4iogga58-AmytO_CbKKhxjsvh_UR/s1600/index.jpg"><img style="float: left; margin: 0pt 10px 10px 0pt; cursor: pointer; width: 140px; height: 140px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdTtTP_7Ky-aMc3ZoTcdZ3y42wJvBB6GRHXvzx7zm8jzsMo1bWosbXPvkwNax3lSp4dvUurBwnGrygV5Bbdy9iE3mJwxfF0goB6YB4cA6CA6JIszte4iogga58-AmytO_CbKKhxjsvh_UR/s200/index.jpg" alt="" id="BLOGGER_PHOTO_ID_5589399401733284338" border="0" /></a><br /><span class="awal">H</span>alo para sobat blogger semua selamat sore dan selamat ngeblog. Setelah tiga hari saya tidak posting karena kondisi internetnya bermasalah kali ini saya Alhamdulillah sebelum jalan-jalan ke tempat kawan semua nyempetin untuk posting dulu.<br /><br />Sebelumnya saya pernah posting <a target="new" href="http://www.coretan-guru-komputer.co.cc/2010/11/membuat-multi-level-drop-down-menu.html">Cara Membuat Multitab Level Dropdwon Menu JQuery</a> dan membuat <a target="new" href="http://www.coretan-guru-komputer.co.cc/2010/10/menu-tab-view-widget.html">Menu Tab Widget</a>kali ini saya akan mengetengahkan Cara Membuat Tab View Link. Tab View Link adalah salah satu Widget (tempat) menyimpan Link Kawan-Kawan kita, apalagi sobat yang suka tuker link, selain itu juga Widget ini sangat rapih enak dipandang dan juga membuat blog kita tambah cantik hehehe, itu menurut saya entah low menurut sobat, tapi mudah mudahan berkata gitu juga wkwkwk.<br /><br />OK kalau sobat kurang puas dan pingin tahu seperti apa itu Tab View Link, di bawah ini contoh gambar Tab View Link :<br /><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTd6wS-XpwF1Rcp-RJCSaIKuecqMwJhCCE4xbNguIJNsplDFpNhuYUXzo5XkVvltDSTrmX2Cp862eA8YEZ5LE64gpJoN_iCMVpIvDp5kCeUkSeQPrCnPw_waE_yb95EjzzEGe2MRZVNcM/s1600/linktabview.png"><img style="display: block; margin: 0px auto 10px; text-align: center; cursor: pointer; width: 282px; height: 240px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTd6wS-XpwF1Rcp-RJCSaIKuecqMwJhCCE4xbNguIJNsplDFpNhuYUXzo5XkVvltDSTrmX2Cp862eA8YEZ5LE64gpJoN_iCMVpIvDp5kCeUkSeQPrCnPw_waE_yb95EjzzEGe2MRZVNcM/s320/linktabview.png" alt="" id="BLOGGER_PHOTO_ID_5544904088190042210" border="0" /></a><br /><br />Nah gimana?? Sobat tertarik?? OK kalau tertarik gita langsung ke tahap pembuatan.<br /><br />Langkah Pertama<br /><ol><li>Seperti biasa Login ke blogger dengan id Sobat<br /></li><li>Tuju menu Tata Letak<br /></li><li>Pada tab menu, klik Edit HTML<br /></li><li>Backup template anda, klik Download Template Lengkap untuk berjaga jaga<br /></li><li>Kemudian cari kode ini <span style="color: rgb(204, 51, 204);"></head></span> seletah ketemu paste kode berikut diatas kode <span style="color: rgb(204, 51, 204);"></head></span></li></ol><blockquote><script src='http://kangfatur.googlecode.com/files/tabview.js'<br />type='text/javascript'/></blockquote>Langkah Kedua<br />Setelah langkah pertama sobat jalankan sekarang kita ke langkah kedua<br /><ol><li>Cari kode <span style="color: rgb(204, 51, 204);"></b:skin></span><br /></li><li>Kalau sudah ketemu paste kode di bawah ini tepat di atas kode <span style="color: rgb(204, 51, 204);"></b:skin></span><br /></li></ol><blockquote>/* Awal TAB VIEW 1*/<br />div.TabView div.Tabs<br />{<br />overflow: hidden;<br />}<br />div.TabView div.Tabs a<br />{<br />background: #0101DF ;<br />background-repeat: no-repeat;<br />float: left;<br />display: block;<br />width: 20px; /* Lebar Menu Utama Atas */<br />text-align: center;<br />height: 20px; /* Tinggi Menu Utama Atas */<br />padding-top: 0px;<br />vertical-align: middle;<br />border: 1px solid #eeeeee;<br />margin-top: 4px;<br />margin-left: 6px;<br />margin-right: 6px;<br />border-bottom: 2px solid #999999;<br />border-bottom-width: 2px;<br />text-decoration: none;<br />font-family: "Times New Roman", Serif; /* Font Menu Utama<br /><br />Atas */<br />font-weight: 800;<br />color: #fff; /* Warna Font Menu Utama Atas */<br />}<br />div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active<br />{<br />background-color: #FFFFFF; /* Warna background Menu Utama Atas */<br />background: #0101DF; /* Warna Background Mouse Hover */<br />background-repeat: no-repeat;<br />}<br />div.TabView div.Pages<br />{<br />clear: both;<br />margin-top: 6px;<br />padding: 5px;<br />border: 2px double #999999; /* Warna border Kotak Utama */<br />overflow: hidden;<br />background-color: #091a9f; /* Warna background Kotak Utama */<br />}<br />div.TabView div.Pages div.Page<br />{<br />height: 200%;<br />padding: 0px;<br />overflow: hidden;<br />}<br />div.TabView div.Pages div.Page div.Pad<br />{<br />padding: 4px 2px;<br />}<br />/* Akhir TAB VIEW 1*/</blockquote><br /><ol><li value="3">Kemudian klik Save Template</li></ol><br /><br />Setelah langkah-langkah diatas terpenuhi, kini kita lanjut ke babak penentuan hehe<br /><br /><ol><li>Pergi ke Tataletak (Rancangan)<br /></li><li>Tambah Gadget (HTML/Javascript)<br /></li><li>Setelah itu masukan kode di bawah ini:</li></ol><blockquote><left> <table border="0"><tbody><br /><tr><td><form action="tabview.html" method="get"><br /><br /><div id="TabView"<br />class="TabView"><br /><div style="width: 340px;" class="Tabs"><br /><a<br />href=""><font color="#ffffff"><b>A</b></font></a> <a href=""><font<br />color="#ffffff"><b>B</b></font></a> <a href=""><font<br />color="#ffffff"><b>C</b></font></a> <a href=""><font<br />color="#ffffff"><b>D</b></font></a> <a href=""><font<br />color="#ffffff"><b>E</b></font></a> <a href=""><font<br />color="#ffffff"><b>F</b></font></a> <a href=""><font<br />color="#ffffff"><b>G</b></font></a> <a href=""><font<br />color="#ffffff"><b>H</b></font></a> <a href=""><font<br />color="#ffffff"><b>I</b></font></a> <a href=""><font<br />color="#ffffff"><b>J</b></font></a> <a href=""><font<br />color="#ffffff"><b>K</b></font></a> <a href=""><font<br />color="#ffffff"><b>L</b></font></a> <a href=""><font<br />color="#ffffff"><b>M</b></font></a> <a href=""><font<br />color="#ffffff"><b>N</b></font></a> <a href=""><font<br />color="#ffffff"><b>O</b></font></a> <a href=""><font<br />color="#ffffff"><b>P</b></font></a> <a href=""><font<br />color="#ffffff"><b>Q</b></font></a> <a href=""><font<br />color="#ffffff"><b>R</b></font></a> <a href=""><font<br />color="#ffffff"><b>S</b></font></a> <a href=""><font<br />color="#ffffff"><b>T</b></font></a> <a href=""><font<br />color="#ffffff"><b>U</b></font></a> <a href=""><font<br />color="#ffffff"><b>V</b></font></a> <a href=""><font<br />color="#ffffff"><b>W</b></font></a> <a href=""><font<br />color="#ffffff"><b>X</b></font></a> <a href=""><font<br />color="#ffffff"><b>Y</b></font></a> <a href=""><font<br />color="#ffffff"><b>Z</b></font></a> <a href=""><font<br />color="#ffffff"></font></a></div><br /><div style="width: 330px; height: 200px;" class="Pages"><br /><div class="Page"><br /><div class="Pad"><br /><br /><table><br /><a href="Letak Link Kawan Sobat Disini" target="_ blank">[Nama Kawan]<br /></a>|<br /><a href="Letak Link Kawan Sobat Disini" target="_ blank">[Nama Kawan]<br /></a>|<br /><a href="Letak Link Kawan Sobat Disini" target="_ blank">[Nama Kawan]<br /></a><br /></table><br /></div><br /></div><br /><div class="Page"><br /><br /><div class="Pad"><br /><table border="0"><br /><a href="Letak Link Kawan Sobat Disini" target="_ blank">[Nama Kawan]<br /></a>|<br /><a href="Letak Link Kawan Sobat Disini" target="_ blank">[Nama Kawan]<br /></a>|<br /><a href="Letak Link Kawan Sobat Disini" target="_ blank">[Nama Kawan]<br /></a><br /></table><br /></div><br /></div><br /><div class="Page"><br /><br /><div class="Pad"><br /><table border="0"><br /><a href="Letak Link Kawan Sobat Disini" target="_ blank">[Nama Kawan]<br /></a>|<br /><a href="Letak Link Kawan Sobat Disini" target="_ blank">[Nama Kawan]<br /></a>|<br /><a href="Letak Link Kawan Sobat Disini" target="_ blank">[Nama Kawan]<br /></a><br /></table><br /></div><br /></div><br /><div class="Page"><br /><br /><div class="Pad"><br /><table border="0"><br /><a href="Letak Link Kawan Sobat Disini" target="_ blank">[Nama Kawan]<br /></a>|<br /><a href="Letak Link Kawan Sobat Disini" target="_ blank">[Nama Kawan]<br /></a>|<br /><a href="Letak Link Kawan Sobat Disini" target="_ blank">[Nama Kawan]<br /></a><br /></table><br /></div><br /></div><br /><div class="Page"><br /><br /><div class="Pad"><br /><table border="0"><br /><a href="Letak Link Kawan Sobat Disini" target="_ blank">[Nama Kawan]<br /></a>|<br /><a href="Letak Link Kawan Sobat Disini" target="_ blank">[Nama Kawan]<br /></a>|<br /><a href="Letak Link Kawan Sobat Disini" target="_ blank">[Nama Kawan]<br /></a><br /></table><br /></div><br /></div><br /><div class="Page"><br /><br /><div class="Pad"><br /><table border="0"><br /><a href="Letak Link Kawan Sobat Disini" target="_ blank">[Nama Kawan]<br /></a>|<br /><a href="Letak Link Kawan Sobat Disini" target="_ blank">[Nama Kawan]<br /></a>|<br /><a href="Letak Link Kawan Sobat Disini" target="_ blank">[Nama Kawan]<br /></a><br /></table><br /></div><br /></div><br /><div class="Page"><br /><br /><div class="Pad"><br /><table border="0"><br /><a href="Letak Link Kawan Sobat Disini" target="_ blank">[Nama Kawan]<br /></a>|<br /><a href="Letak Link Kawan Sobat Disini" target="_ blank">[Nama Kawan]<br /></a>|<br /><a href="Letak Link Kawan Sobat Disini" target="_ blank">[Nama Kawan]<br /></a><br /></table><br /></div><br /></div><br /><div class="Page"><br /><br /><div class="Pad"><br /><table border="0"><br /><a href="Letak Link Kawan Sobat Disini" target="_ blank">[Nama Kawan]<br /></a>|<br /><a href="Letak Link Kawan Sobat Disini" target="_ blank">[Nama Kawan]<br /></a>|<br /><a href="Letak Link Kawan Sobat Disini" target="_ blank">[Nama Kawan]<br /></a><br /></table><br /></div><br /></div><br /><div class="Page"><br /><br /><div class="Pad"><br /><table border="0"><br /><a href="Letak Link Kawan Sobat Disini" target="_ blank">[Nama Kawan]<br /></a>|<br /><a href="Letak Link Kawan Sobat Disini" target="_ blank">[Nama Kawan]<br /></a>|<br /><a href="Letak Link Kawan Sobat Disini" target="_ blank">[Nama Kawan]<br /></a><br /></table><br /></div><br /></div><br /><div class="Page"><br /><br /><div class="Pad"><br /><table border="0"><br /><a href="Letak Link Kawan Sobat Disini" target="_ blank">[Nama Kawan]<br /></a>|<br /><a href="Letak Link Kawan Sobat Disini" target="_ blank">[Nama Kawan]<br /></a>|<br /><a href="Letak Link Kawan Sobat Disini" target="_ blank">[Nama Kawan]<br /></a><br /></table><br /></div><br /></div><br /><div class="Page"><br /><br /><div class="Pad"><br /><table border="0"><br /><a href="Letak Link Kawan Sobat Disini" target="_ blank">[Nama Kawan]<br /></a>|<br /><a href="Letak Link Kawan Sobat Disini" target="_ blank">[Nama Kawan]<br /></a>|<br /><a href="Letak Link Kawan Sobat Disini" target="_ blank">[Nama Kawan]<br /></a><br /></table><br /></div><br /></div><br /><div class="Page"><br /><br /><div class="Pad"><br /><table border="0"><br /><a href="Letak Link Kawan Sobat Disini" target="_ blank">[Nama Kawan]<br /></a>|<br /><a href="Letak Link Kawan Sobat Disini" target="_ blank">[Nama Kawan]<br /></a>|<br /><a href="Letak Link Kawan Sobat Disini" target="_ blank">[Nama Kawan]<br /></a><br /></table><br /></div><br /></div><br /><div class="Page"><br /><br /><div class="Pad"><br /><table border="0"><br /><a href="Letak Link Kawan Sobat Disini" target="_ blank">[Nama Kawan]<br /></a>|<br /><a href="Letak Link Kawan Sobat Disini" target="_ blank">[Nama Kawan]<br /></a>|<br /><a href="Letak Link Kawan Sobat Disini" target="_ blank">[Nama Kawan]<br /></a><br /></table><br /></div><br /></div><br /><div class="Page"><br /><br /><div class="Pad"><br /><table border="0"><br /><a href="Letak Link Kawan Sobat Disini" target="_ blank">[Nama Kawan]<br /></a>|<br /><a href="Letak Link Kawan Sobat Disini" target="_ blank">[Nama Kawan]<br /></a>|<br /><a href="Letak Link Kawan Sobat Disini" target="_ blank">[Nama Kawan]<br /></a><br /></table><br /></div><br /></div><br /><div class="Page"><br /><br /><div class="Pad"><br /><table border="0"><br /><a href="Letak Link Kawan Sobat Disini" target="_ blank">[Nama Kawan]<br /></a>|<br /><a href="Letak Link Kawan Sobat Disini" target="_ blank">[Nama Kawan]<br /></a>|<br /><a href="Letak Link Kawan Sobat Disini" target="_ blank">[Nama Kawan]<br /></a><br /></table><br /></div><br /></div><br /><div class="Page"><br /><br /><div class="Pad"><br /><table border="0"><br /><a href="Letak Link Kawan Sobat Disini" target="_ blank">[Nama Kawan]<br /></a>|<br /><a href="Letak Link Kawan Sobat Disini" target="_ blank">[Nama Kawan]<br /></a>|<br /><a href="Letak Link Kawan Sobat Disini" target="_ blank">[Nama Kawan]<br /></a><br /></table><br /></div><br /></div><br /><div class="Page"><br /><br /><div class="Pad"><br /><table border="0"><br /><a href="Letak Link Kawan Sobat Disini" target="_ blank">[Nama Kawan]<br /></a>|<br /><a href="Letak Link Kawan Sobat Disini" target="_ blank">[Nama Kawan]<br /></a>|<br /><a href="Letak Link Kawan Sobat Disini" target="_ blank">[Nama Kawan]<br /></a><br /></table><br /></div><br /></div><br /><div class="Page"><br /><br /><div class="Pad"><br /><table border="0"><br /><a href="Letak Link Kawan Sobat Disini" target="_ blank">[Nama Kawan]<br /></a>|<br /><a href="Letak Link Kawan Sobat Disini" target="_ blank">[Nama Kawan]<br /></a>|<br /><a href="Letak Link Kawan Sobat Disini" target="_ blank">[Nama Kawan]<br /></a><br /></table><br /></div><br /></div><br /><div class="Page"><br /><br /><div class="Pad"><br /><table border="0"><br /><a href="Letak Link Kawan Sobat Disini" target="_ blank">[Nama Kawan]<br /></a>|<br /><a href="Letak Link Kawan Sobat Disini" target="_ blank">[Nama Kawan]<br /></a>|<br /><a href="Letak Link Kawan Sobat Disini" target="_ blank">[Nama Kawan]<br /></a><br /></table><br /></div><br /></div><br /><div class="Page"><br /><br /><div class="Pad"><br /><table border="0"><br /><a href="Letak Link Kawan Sobat Disini" target="_ blank">[Nama Kawan]<br /></a>|<br /><a href="Letak Link Kawan Sobat Disini" target="_ blank">[Nama Kawan]<br /></a>|<br /><a href="Letak Link Kawan Sobat Disini" target="_ blank">[Nama Kawan]<br /></a><br /></table><br /></div><br /></div><br /><div class="Page"><br /><br /><div class="Pad"><br /><table border="0"><br /><a href="Letak Link Kawan Sobat Disini" target="_ blank">[Nama Kawan]<br /></a>|<br /><a href="Letak Link Kawan Sobat Disini" target="_ blank">[Nama Kawan]<br /></a>|<br /><a href="Letak Link Kawan Sobat Disini" target="_ blank">[Nama Kawan]<br /></a><br /></table><br /></div><br /></div><br /><div class="Page"><br /><br /><div class="Pad"><br /><table border="0"><br /><a href="Letak Link Kawan Sobat Disini" target="_ blank">[Nama Kawan]<br /></a>|<br /><a href="Letak Link Kawan Sobat Disini" target="_ blank">[Nama Kawan]<br /></a>|<br /><a href="Letak Link Kawan Sobat Disini" target="_ blank">[Nama Kawan]<br /></a><br /></table><br /></div><br /></div><br /><div class="Page"><br /><br /><div class="Pad"><br /><table border="0"><br /><a href="Letak Link Kawan Sobat Disini" target="_ blank">[Nama Kawan]<br /></a>|<br /><a href="Letak Link Kawan Sobat Disini" target="_ blank">[Nama Kawan]<br /></a>|<br /><a href="Letak Link Kawan Sobat Disini" target="_ blank">[Nama Kawan]<br /></a><br /></table><br /></div><br /></div><br /><div class="Page"><br /><br /><div class="Pad"><br /><table border="0"><br /><a href="Letak Link Kawan Sobat Disini" target="_ blank">[Nama Kawan]<br /></a>|<br /><a href="Letak Link Kawan Sobat Disini" target="_ blank">[Nama Kawan]<br /></a>|<br /><a href="Letak Link Kawan Sobat Disini" target="_ blank">[Nama Kawan]<br /></a><br /></table><br /></div><br /></div><br /><div class="Page"><br /><br /><div class="Pad"><br /><table border="0"><br /><a href="Letak Link Kawan Sobat Disini" target="_ blank">[Nama Kawan]<br /></a>|<br /><a href="Letak Link Kawan Sobat Disini" target="_ blank">[Nama Kawan]<br /></a>|<br /><a href="Letak Link Kawan Sobat Disini" target="_ blank">[Nama Kawan]<br /></a><br /></table><br /></div><br /></div><br /><div class="Page"><br /><br /><div class="Pad"><br /><table border="0"><br /><a href="Letak Link Kawan Sobat Disini" target="_ blank">[Nama Kawan]<br /></a>|<br /><a href="Letak Link Kawan Sobat Disini" target="_ blank">[Nama Kawan]<br /></a>|<br /><a href="Letak Link Kawan Sobat Disini" target="_ blank">[Nama Kawan]<br /></a><br /></table><br /></div><br /></div><br /><script type="text/javascript"><br />tabview_initialize('TabView');<br /></script><br /></div><br /></div><br /></form><br /></td></tr><br /></tbody></table><br /></left></blockquote> 4. Klik Tombol Simpan/Save. Selesai deeh<br /><br /><span style="font-weight: bold; color: rgb(255, 0, 0);">PENTING</span><br />Buat Para sobat yang suka utak atik CSS nya atau mau mengganti warna background atau warna bordernya untuk bantuan kode warna silahkan klik <a target="_blank" href="http://ade-tea.blogspot.com/2010/08/kode-warna-html.html">disini</a>.<br /><br />Kemudian cari tulisan <span style="color: rgb(204, 51, 204);">Letak Link Kawan Sobat Disini </span>ganti dengan Alamat Link Kawan Sobat misalnya (http://ineufadla.blogspot.com/), treus tulisan <span style="color: rgb(204, 51, 204);">Nama Kawan</span> ganti dengan Nama Kawan Sobat misalnya Kang Fatur.<br /><br />Selamat mencoba semoga berhasil bermanfaat bagi sobat semua Amiiin.<br /><span style="color: rgb(255, 204, 0);"></span>Unknownnoreply@blogger.comtag:blogger.com,1999:blog-8345086919807861952.post-74555886081525268912011-02-12T05:19:00.000-08:002011-03-12T19:36:57.539-08:00Tulisan Terbalik di Facebook<span style="color: rgb(0, 204, 204);">˙˙˙ ɹǝ-ʞooqǝɔɐɟ ıƃɐd ʇɐɯɐןǝs ??? (Selamat pagi </span><a style="color: rgb(0, 204, 204);" href="http://id-facebook.blogspot.com/">facebook</a><span style="color: rgb(0, 204, 204);">-er ...) Hehehe. Bagaimana cara pasang tulisan terbalik tersebut di facebook? Mudah! Untuk itu, Neng Ine akan menjelaskan cara membuat tulisan terbalik di </span><a style="color: rgb(0, 204, 204);" href="http://www.facebook.com/">facebook</a><span style="color: rgb(0, 204, 204);">. Tulisan terbalik ini juga bisa di pakai selain di facebook. Tulisan terbalik ? Penasaran ? Mau ?</span><br /><br /><span style="color: rgb(0, 204, 204);" class="fullpost">Untuk membuat tulisan terbalik di facebook caranya begini :<br /><br />1. <span style="font-weight: bold;">Buka</span> situs berikut ini :<br /><br /><a href="http://www.sevenwires.com/play/UpsideDownLetters.html" target="_blank">http://www.sevenwires.com/play/UpsideDownLetters.html</a><br /><br />2. Buatlah suatu tulisan yang ingin anda buat terbalik. Nanti secara otomatis tulisan terbalik tersebut akan muncul di bawah tulisan yang anda ketik.<br /><br />4. <span style="font-weight: bold; color: rgb(255, 0, 0);">Copy</span><span style="color: rgb(255, 0, 0);"> </span>tulisan terbalik tersebut. <span style="font-weight: bold; color: rgb(255, 0, 0);">Paste</span>-kan di facebook anda.<br /><br /><span style="color: rgb(51, 255, 51);">NB : Anda bisa menggunakan tulisan terbalik ini untuk status facebook, komentar antar dinding facebook, atau pada saat chating di facebook. DLL.</span><br /><br /><span style="color: rgb(255, 0, 0);">Selamat mencoba !</span></span><br /><span style="color: rgb(0, 204, 204);" class="fullpost"><br /><br /></span>Unknownnoreply@blogger.com10tag:blogger.com,1999:blog-8345086919807861952.post-48653271706360571542011-02-10T18:41:00.000-08:002011-02-10T18:50:03.356-08:00Membuat Page Feel Efect Bloger Dengan JQuerySalam sobat blogger, di hari Rabu yang cerah ini tepat di Hari raya Idul Adha 1431 H. Saya akan posting satu buah tips yang bagus (menurut saya). Postingan kali ini saya ingin berbagi lagi kepada para sahabat semua tentang cara Membuat Page Feel Efect Blogger Dengan JQuery untuk Template Blogger. Apa yang dimaksud dengan Page Feel Efeck?? Mungkin sobat pernah mengunjungi suatu blog dan ketika kursor pointer menunjukan ke sudut kanan atas blog, tiba tiba halaman tersebut terlipat?? Itulah yang di sebut dengan Page Feel Efeck, untuk lebih jelasnya adalah seperti pada gambar di bawah ini :<br /><br />Sebelum tersentuh pointer :<br /><br /><a style="" target="_blank" href="http://lh5.ggpht.com/_5yyQgf23Pco/S0YhjhtkYpI/AAAAAAAAAz8/8gDIQsM79ms/image_thumb%5B15%5D.png?imgmax=800"><img style="display: block; margin: 0px auto 10px; text-align: center; cursor: pointer; width: 401px; height: 157px;" src="http://lh5.ggpht.com/_5yyQgf23Pco/S0YhjhtkYpI/AAAAAAAAAz8/8gDIQsM79ms/image_thumb%5B15%5D.png?imgmax=800" alt="" border="0" /></a><br /><br />Ketika tersentuh pointer Sudut Halaman Blog terlipat seperti pada gambar berikut :<br /><br /><a style="" target="_blank" href="http://lh4.ggpht.com/_5yyQgf23Pco/S0YhlZO0OOI/AAAAAAAAA0E/5LgVjoVg9Nw/image_thumb%5B18%5D.png?imgmax=800"><img style="display: block; margin: 0px auto 10px; text-align: center; cursor: pointer; width: 406px; height: 176px;" src="http://lh4.ggpht.com/_5yyQgf23Pco/S0YhlZO0OOI/AAAAAAAAA0E/5LgVjoVg9Nw/image_thumb%5B18%5D.png?imgmax=800" alt="" border="0" /></a><br /><br />Nah gimana sahabat tertarik?? berikut langkah-langkah pembuatannya :<br /><ol><br /><li>Seperti biasa Login ke-bloger sobat</li><li>Tataletak --->> Edit HTML</li><li>Kemudian cari kode <span style="color: rgb(255, 0, 0);"></head> </span>kemudian letakkan kodoe di bawah ini tepat diatas kode tadi</li></ol><blockquote><style type='text/css'><br />img { behavior: url(iepngfix.htc) }<br />#pageflip {<br />position: relative;<br />right: 0; top: 0;<br />float: right;<br />}<br />#pageflip img {<br />width: 50px; height: 52px;<br />z-index: 99;<br />position: absolute;<br />right: 0; top: 0;<br />-ms-interpolation-mode: bicubic;<br />}<br />#pageflip .msg_block {<br />width: 50px; height: 50px;<br />overflow: hidden;<br />position: absolute;<br />right: 0; top: 0;<br />background: url(http://www.wallheaven.com/subscribe.png) no-repeat right top;<br />}<br /></style><br /><br /><script src='http://code.jquery.com/jquery-latest.js' type='text/javascript'/><br /><script type='text/javascript'><br />$(document).ready(function(){<br /><br />//Page Flip on hover<br /><br />$(&quot;#pageflip&quot;).hover(function() {<br />$(&quot;#pageflip img , .msg_block&quot;).stop()<br />.animate({<br />width: &#39;307px&#39;,<br />height: &#39;319px&#39;<br />}, 500);<br />} , function() {<br />$(&quot;#pageflip img&quot;).stop()<br />.animate({<br />width: &#39;50px&#39;,<br />height: &#39;52px&#39;<br />}, 220);<br />$(&quot;.msg_block&quot;).stop()<br />.animate({<br />width: &#39;50px&#39;,<br />height: &#39;50px&#39;<br />}, 200);<br />});<br /><br /><br />});<br /></script></blockquote><br /> 4. Sekarang tambahkan kode berikut setelah kode <body><br /><blockquote><div id='pageflip'><br /><a href='http://feeds.feedburner.com/Indahnya-Berbagi'><img alt='' src=http://sites.google.com/site/amatullah83/gambar-untuk-tutorialku/page_flip.png'/></a><br /><div class='msg_block'></div><br /></div</blockquote><br /><ol><li value="5">Kemudian klik Simpan Template, Selesai</li></ol><br />Mudah kan?? Selamat mencoba semoga berhasil dan bermanfaat.Unknownnoreply@blogger.comtag:blogger.com,1999:blog-8345086919807861952.post-20255923814677226392011-02-10T18:23:00.000-08:002011-02-10T18:37:02.507-08:00Create Featured Content Slider Using jQuery UIBanyak hal yang kita dapatkan dari dunia maya ini, baik yang positif maupun yang negatif tinggal bagai mana kita memfilter diri. Alhamdulillah saat blogwalking kesuatu web site, Ine melihat featured content slider ini, rasa keingintahuan saya mengantarkan saya tuk search digoogle bagaimana cara pembuatannya. Dan Ine menemukan tutorial yangIne cari dari <a style="" target="_blank" href="http://webdeveloperplus.com/">Web Developer Plus</a>. Di bawah ini adalah gamar yang akan kita bahas kali ini :<br /><br /><a style="" target="_blank" href="http://webdeveloperplus.com/wp-content/uploads/2009/06/FeaturedContentSliderjQuery.jpg"><img style="display: block; margin: 0px auto 10px; text-align: center; cursor: pointer; width: 406px; height: 224px;" src="http://webdeveloperplus.com/wp-content/uploads/2009/06/FeaturedContentSliderjQuery.jpg" alt="" border="0" /></a><br /><br />Nah disini Ine ingin berbagi bagaimana caranya agar tutorial tadi bisa diterapkan khusus untuk template blogger.<br /><br />Berikut tutorial menambahkan Create Featured Content Slider Using jQuery UI ini pada template blogger.<br /><ol><br /><li>Seperti biasa Login ke blogger dengan id Sobat<br /></li><li>Tuju menu Tata Letak<br /></li><li>Pada tab menu, klik Edit HTML<br /></li><li>Backup template anda, klik Download Template Lengkap<br /></li><li>Kemudian Tambahkan Script JQuery berikut sebelum kode </head> </li></ol><blockquote><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" ></script><br /><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.5.3/jquery-ui.min.js" ></script><br /> 6. Tambahkan juga Script berikut di bawah kode Script di atas<br /><script>$(document).ready(function(){<br />$("#featured > ul").tabs({fx:{opacity: "toggle"}}).tabs("rotate", 5000, true);<br />});</script></blockquote>CATATAN : 5000 adalah kecepatan link hover berpindah dari satu content ke content berikutya, sobat bisa mengganti angka itu sesuai selera sobat masing-masing.<br /><br /> 7. Selanjutnya tambahkan kode CSS berikut diatas kode ]]></b:skin><br /><blockquote>#featured{<br />width:400px;<br />padding-right:250px;<br />position:relative;<br />height:250px;<br />background:#fff;<br />border:5px solid #ccc;<br />}<br />#featured ul.ui-tabs-nav{<br />position:absolute;<br />top:0; left:400px;<br />list-style:none;<br />padding:0; margin:0;<br />width:250px;<br />}<br />#featured ul.ui-tabs-nav li{<br />padding:1px 0; padding-left:13px;<br />font-size:12px;<br />color:#666;<br />}<br />#featured ul.ui-tabs-nav li span{<br />font-size:11px; font-family:Verdana;<br />line-height:18px;<br />}<br />#featured .ui-tabs-panel{<br />width:400px; height:250px;<br />background:#999; position:relative;<br />overflow:hidden;<br />}<br />#featured .ui-tabs-hide{<br />display:none;<br />}<br />#featured li.ui-tabs-nav-item a{/*On Hover Style*/ display:block; height:60px; color:#333; background:#fff; line-height:20px; outline:none; } #featured li.ui-tabs-nav-item a:hover{ background:#f2f2f2; } #featured li.ui-tabs-selected{ /*Selected tab style*/ background:url('images/selected-item.gif') top left no-repeat; } #featured ul.ui-tabs-nav li.ui-tabs-selected a{ background:#ccc; }<br />#featured ul.ui-tabs-nav li img{<br />float:left; margin:2px 5px;<br />background:#fff;<br />padding:2px;<br />border:1px solid #eee;<br />}<br />#featured .ui-tabs-panel .info{<br />position:absolute;<br />top:180px; left:0;<br />height:70px; width: 400px;<br />background: url('images/transparent-bg.png');<br />}<br />#featured .info h2{<br />font-size:18px; font-family:Georgia, serif;<br />color:#fff; padding:5px; margin:0;<br />overflow:hidden;<br />}<br />#featured .info p{<br />margin:0 5px;<br />font-family:Verdana; font-size:11px;<br />line-height:15px; color:#f0f0f0;<br />}<br />#featured .info a{<br />text-decoration:none;<br />color:#fff;<br />}<br />#featured .info a:hover{<br />text-decoration:underline;<br />}</blockquote>CATATAN : Silahkan edit CSS di atas dengan menambahkan image selected item, image transparent, atau jika sobat ingin mengganti ukuran dari widget dan mengganti warna dari hover link dll. Untuk untuk kode warna silahkan klik <a target="_blank" href="http://ade-tea.blogspot.com/2010/08/kode-warna-html.html">disini</a>.<br /><br /> 8. Setelah semua langkah di atas selesai Simpan Template Sobat.<br />Sekarang kita ke tahap LANGKAH TERAKHIR<br /> 9. Pergi ke Tataletak (Rancangan)<br /> 10. Tambah Gadget (HTML/Javascript)<br /> 11. Setelah itu masukan kode di bawah ini:<br /><blockquote><div id="featured" ><br /><ul class="ui-tabs-nav"><br /><li class="ui-tabs-nav-item ui-tabs-selected" id="nav-fragment-1"><a href="#fragment-1"><img src="images/image1-small.jpg" alt="" /><span>15+ Excellent High Speed Photographs</span></a></li><br /><li class="ui-tabs-nav-item" id="nav-fragment-2"><a href="#fragment-2"><img src="images/image2-small.jpg" alt="" /><span>20 Beautiful Long Exposure Photographs</span></a></li><br /><li class="ui-tabs-nav-item" id="nav-fragment-3"><a href="#fragment-3"><img src="images/image3-small.jpg" alt="" /><span>35 Amazing Logo Designs</span></a></li><br /><li class="ui-tabs-nav-item" id="nav-fragment-4"><a href="#fragment-4"><img src="images/image4-small.jpg" alt="" /><span>Create a Vintage Photograph in Photoshop</span></a></li><br /></ul><br /><!-- First Content --><br /><div id="fragment-1" class="ui-tabs-panel" style=""><br /><img src="images/image1.jpg" alt="" /><br /><div class="info" ><br /><h2><a href="#" >15+ Excellent High Speed Photographs</a></h2><br /><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla tincidunt condimentum lacus. Pellentesque ut diam....<a href="#" >read more</a></p><br /></div><br /></div><br /><!-- Second Content --><br /><div id="fragment-2" class="ui-tabs-panel ui-tabs-hide" style=""><br /><img src="images/image2.jpg" alt="" /><br /><div class="info" ><br /><h2><a href="#" >20 Beautiful Long Exposure Photographs</a></h2><br /><p>Vestibulum leo quam, accumsan nec porttitor a, euismod ac tortor. Sed ipsum lorem, sagittis non egestas id, suscipit....<a href="#" >read more</a></p><br /></div><br /></div><br /><!-- Third Content --><br /><div id="fragment-3" class="ui-tabs-panel ui-tabs-hide" style=""><br /><img src="images/image3.jpg" alt="" /><br /><div class="info" ><br /><h2><a href="#" >35 Amazing Logo Designs</a></h2><br /><p>liquam erat volutpat. Proin id volutpat nisi. Nulla facilisi. Curabitur facilisis sollicitudin ornare....<a href="#" >read more</a></p><br /></div><br /></div><br /><!-- Fourth Content --><br /><div id="fragment-4" class="ui-tabs-panel ui-tabs-hide" style=""><br /><img src="images/image4.jpg" alt="" /><br /><div class="info" ><br /><h2><a href="#" >Create a Vintage Photograph in Photoshop</a></h2><br /><p>Quisque sed orci ut lacus viverra interdum ornare sed est. Donec porta, erat eu pretium luctus, leo augue sodales....<a href="#" >read more</a></p><br /></div><br /></div><br /></div></blockquote>CATATAN : Silahkan edit kode diatas dengan mengganti judul, deskripsi dan link content<br /> 12. Kemudian klik Simpan, Selelsai<br /><br />Selamat Mencoba semoga berhasil dan bermanfaat.Unknownnoreply@blogger.comtag:blogger.com,1999:blog-8345086919807861952.post-14067907615736593172011-02-09T18:18:00.000-08:002011-02-09T18:23:48.855-08:00Recent Post Slide Show<div style="text-align: justify;">Salam blogger, sebelumnya Neng Ine akan berterimakasih kepada pengunjung dan pencinta blogger sekalin khususnya shabat - sahabat blogger, pada kesempatan malam ini Neng akan bagi bagikan satu buah trik yang sederhana, simpel tampi mengasikan hehe cara pemasangannyapun sangat simpel.<br /><br />OK, trik yang akan Neng berikan adalah cara membuat "Recent Post Slide Show" dengan yang namanya "Recent Post Slide Show" ini blog kita akan lebih cantik dan menarik, mudah mudahan pengunjung kita pun juga merasa betah AMIIIN.<br /><br />OK, berhubung waktu udah malam, gorengan plus kopi udah kering dan dingin kita langsung aja ke Pembahasan :<br /><br />1. Seperti biasa Masuk ke account Blogger sobat, pilih "Layout" kemudian "Page Elements",<br />2. Klik "Add a Gadget" (yang mana aja oke), kemudian pilih "HTML/JavaScript",<br />3. Copy-paste kode di bawah ini:<br /></div><blockquote><script src="http://kangfatur.googlecode.com/files/recentpostslide.js" type="text/javascript"></script><br /><style type="text/css" media="screen"><br /><!--<br /><br />#spylist {<br />overflow:hidden;<br />margin-top:5px;<br />padding:0px 0px;<br />height:350px;<br />}<br />#spylist ul{<br />width:220px;<br />overflow:hidden;<br />list-style-type: none;<br />padding: 0px 0px;<br />margin:0px 0px;<br />}<br />#spylist li {<br />width:208px;<br />padding: 5px 5px;<br />margin:0px 0px 5px 0px;<br />list-style-type:none;<br />float:none;<br />height:70px;<br />overflow: hidden;<br />background:#fff url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/blogger/post.jpg) repeat-x;<br />border:1px solid #ddd;<br />}<br /><br />#spylist li a {<br />text-decoration:none;<br />color:#4B545B;<br />font-size:11px;<br />height:18px;<br />overflow:hidden;<br />margin:0px 0px;<br />padding:0px 0px 2px 0px;<br />}<br />#spylist li img {<br />float:left;<br />margin-right:5px;<br />background:#EFEFEF;<br />border:0;<br />}<br />.spydate{<br />overflow:hidden;<br />font-size:10px;<br />color:#0284C2;<br />padding:2px 0px;<br />margin:1px 0px 0px 0px;<br />height:15px;<br />font-family:Tahoma,Arial,verdana, sans-serif;<br />}<br /><br />.spycomment{<br />overflow:hidden;<br />font-family:Tahoma,Arial,verdana, sans-serif;<br />font-size:10px;<br />color:#262B2F;<br />padding:0px 0px;<br />margin:0px 0px;<br />}<br /><br />--><br /></style><br /><br /><script language='javascript'><br /><br />imgr = new Array();<br /><br />imgr[0] = "http://i43.tinypic.com/orpg0m.jpg";<br /><br />imgr[1] = "http://i43.tinypic.com/orpg0m.jpg";<br /><br />imgr[2] = "http://i43.tinypic.com/orpg0m.jpg";<br /><br />imgr[3] = "http://i43.tinypic.com/orpg0m.jpg";<br /><br />imgr[4] = "http://i43.tinypic.com/orpg0m.jpg";<br />showRandomImg = true;<br /><br />boxwidth = 255;<br /><br />cellspacing = 6;<br /><br />borderColor = "#232c35";<br /><br />bgTD = "#000000";<br /><br />thumbwidth = 70;<br /><br />thumbheight = 70;<br /><br />fntsize = 12;<br /><br />acolor = "#666";<br /><br />aBold = true;<br /><br />icon = " ";<br /><br />text = "comments";<br /><br />showPostDate = true;<br /><br />summaryPost = 40;<br /><br />summaryFontsize = 10;<br /><br />summaryColor = "#666";<br /><br />icon2 = " ";<br /><br />numposts = 10;<br /><br />home_page = "<span style="color: rgb(255, 102, 0);">http://www.coretan-guru-komputer.co.cc</span>/";<br /><br />limitspy=4<br />intervalspy=4000<br /><br /></script><br /><br /><div id="spylist"><br /><script src='http://kangfatur.googlecode.com/files/recentpostslide2.js' type='text/javascript'></script><br /></div></blockquote><br /><br />PERHATIAN<br />Kode yang berwarna <span style="color: rgb(255, 102, 0);">orange</span> ganti dengan alamat link sobat OK<br /><br />Setelah semua langkah - langkah terlewati, simpan dan lihat hasilnya??<br /><br />Selamat mencoba semoga bermanfaat dan jangan lupa comennya,Unknownnoreply@blogger.com