<?xml version='1.0' encoding='UTF-8'?><?xml-stylesheet href="http://www.blogger.com/styles/atom.css" type="text/css"?><feed xmlns='http://www.w3.org/2005/Atom' xmlns:openSearch='http://a9.com/-/spec/opensearchrss/1.0/' xmlns:georss='http://www.georss.org/georss' xmlns:gd='http://schemas.google.com/g/2005' xmlns:thr='http://purl.org/syndication/thread/1.0'><id>tag:blogger.com,1999:blog-1054692662900018831</id><updated>2011-12-21T10:05:53.102+07:00</updated><category term='Header'/><category term='RollingText'/><category term='comment post'/><category term='Background'/><category term='Layout'/><category term='VideoPlayer'/><category term='Icon'/><category term='MusicPlayer'/><category term='Widget'/><category term='mogster'/><category term='ScrollBox'/><category term='sidebar'/><category term='emoticon'/><title type='text'>mOG BeLAjaR BLoG</title><subtitle type='html'></subtitle><link rel='http://schemas.google.com/g/2005#feed' type='application/atom+xml' href='http://moglearn.blogspot.com/feeds/posts/default'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/1054692662900018831/posts/default?max-results=100'/><link rel='alternate' type='text/html' href='http://moglearn.blogspot.com/'/><link rel='hub' href='http://pubsubhubbub.appspot.com/'/><author><name>Ademog</name><uri>http://www.blogger.com/profile/16837191497054333776</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='http://3.bp.blogspot.com/-MjTyK12_rrY/TuXhAWq2lmI/AAAAAAAABqU/tTRqQc_34Lo/s220/me2.jpg'/></author><generator version='7.00' uri='http://www.blogger.com'>Blogger</generator><openSearch:totalResults>10</openSearch:totalResults><openSearch:startIndex>1</openSearch:startIndex><openSearch:itemsPerPage>100</openSearch:itemsPerPage><entry><id>tag:blogger.com,1999:blog-1054692662900018831.post-5499827327865507746</id><published>2008-09-03T14:31:00.016+07:00</published><updated>2011-11-24T09:57:01.200+07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='comment post'/><category scheme='http://www.blogger.com/atom/ns#' term='emoticon'/><title type='text'>Emoticon di Body Post dan Comment Post</title><content type='html'>&lt;span style="font-size: 85%;"&gt;&lt;span style="font-family: arial;"&gt;hello minna&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family: arial;"&gt;sudah lama ya mog ga ngepost apa2, hehehe rada males nih.&lt;/span&gt;&lt;br /&gt;&lt;span style="font-family: arial;"&gt;jangankan nguprek2 post, untuk posting biasa aja di mogsound, juga jarang mog update. dan gara2 itu, mog yg cuma sekali2 datang buat ngelink jadi dikira nge-Spam hiks2&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family: arial;"&gt;well thats okay lah, yang penting sekarang mog mo bagi2 tips lagi&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family: arial;"&gt;tips kali ini tentang Cara Pasang Emoticon di Blog Post and Comment Post mu di Blogger&lt;/span&gt;&lt;br /&gt;&lt;span style="font-family: arial;"&gt;tips ini sebenarnya mog kutip dr beberapa blog lain, tp yang mog aplikasiin adalah tips dari:&lt;/span&gt;&lt;br /&gt;&lt;span style="font-family: arial;"&gt;blog roni-pascal, blog cool stuff, dan blog o-om&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family: arial;"&gt;buat blog lain yang merasa mog kutip tipsnya mohon maaf ya kalo ga mog lupa, silahkan comment-nya biar ntar mog revisi okay ^^&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family: arial;"&gt;Cara pasang Emoticon di Blog Post;&lt;/span&gt;&lt;br /&gt;&lt;span style="font-family: arial;"&gt;cara 1.&lt;/span&gt;&lt;br /&gt;&lt;span style="font-family: arial;"&gt;1. Sign in ke blogger, truss ke Layout &amp;gt; Edit HTML&lt;/span&gt;&lt;br /&gt;&lt;span style="font-family: arial;"&gt;2. masukkan kode dibawah ini sesudah tanda ]]&amp;gt;&amp;lt;/b:skin&amp;gt; atau sebelum tanda &amp;lt;/head&amp;gt;.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family: arial;"&gt;kode dari blog  &lt;/span&gt;&lt;a href="http://mltan100.blogspot.com/2008/02/use-emoticon-on-blogger-blog.html" style="font-family: arial;"&gt;cool stuff &lt;/a&gt;&lt;span style="font-family: arial;"&gt;(onion + smile emoticon)&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family: arial;"&gt;&amp;lt;script src="&lt;/span&gt;&lt;/span&gt;&lt;span style="color: red; font-family: arial; font-size: 85%;"&gt;http://mltan100.googlepages.com/emoticons.js&lt;/span&gt;&lt;span style="font-size: 85%;"&gt;&lt;span style="font-family: arial;"&gt;" type="text/javascript"/&amp;gt;&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family: arial;"&gt;kode mog (onionnya lebih banyak hehehe)&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family: arial;"&gt;&amp;lt;script src="&lt;/span&gt;&lt;/span&gt;&lt;span style="color: red; font-family: arial; font-size: 85%;"&gt;https://sites.google.com/site/mogme82/onion-emoticons.js&lt;/span&gt;&lt;span style="font-size: 85%;"&gt;&lt;span style="font-family: arial;"&gt;" type="text/javascript"/&amp;gt;&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family: arial;"&gt;dengan cara ini kamu tidak perlu memasukkan full code untuk menampilkan emoticonnya, kamu cuma perlu input script sederhananya saja. dengan hanya mengetik -/ gwa ha ha- (tanpa spasi) akan muncul emoticon /gwahaha&lt;/span&gt;&lt;br /&gt;&lt;span style="font-family: arial;"&gt;cara ini yang saat ini mog pake di ke-2 blog mog&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family: arial;"&gt;beberapa contoh dari mog (gambar 1)&lt;/span&gt;&lt;br /&gt;&lt;b&gt;&lt;/b&gt;&lt;/span&gt;&lt;br /&gt;&lt;table border="1"&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;&lt;img border="0" src="http://img.photobucket.com/albums/v174/mog_kupo/movo/ampun.gif" /&gt;&lt;br /&gt;/ omg&lt;/td&gt;&lt;td&gt;&lt;img border="0" src="http://img.photobucket.com/albums/v174/mog_kupo/movo/duong.gif" /&gt;&lt;br /&gt;/ shock&lt;/td&gt;&lt;td&gt;&lt;img border="0" src="http://img.photobucket.com/albums/v174/mog_kupo/emoticon/mate.gif" /&gt;&lt;br /&gt;/ dead&lt;/td&gt;&lt;td&gt;&lt;img border="0" src="http://img.photobucket.com/albums/v174/mog_kupo/emoticon/beku.gif" /&gt;&lt;br /&gt;/ froze&lt;/td&gt;&lt;td&gt;&lt;img border="0" src="http://img.photobucket.com/albums/v174/mog_kupo/movo/uhuh.gif" /&gt;&lt;br /&gt;/ hm&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;img border="0" src="http://img.photobucket.com/albums/v174/mog_kupo/movo/berkunang2.gif" /&gt;&lt;br /&gt;/ blur&lt;/td&gt;&lt;td&gt;&lt;img border="0" src="http://img.photobucket.com/albums/v174/mog_kupo/emoticon/nafas.gif" /&gt;&lt;br /&gt;/ sigh&lt;/td&gt;&lt;td&gt;&lt;img border="0" src="http://img.photobucket.com/albums/v174/mog_kupo/movo/tidaaa.gif" /&gt;&lt;br /&gt;/ floor&lt;/td&gt;&lt;td&gt;&lt;img border="0" src="http://img.photobucket.com/albums/v174/mog_kupo/movo/lari2.gif" /&gt;&lt;br /&gt;/ run&lt;/td&gt;&lt;td&gt;&lt;img border="0" src="http://img.photobucket.com/albums/v174/mog_kupo/emoticon/nakal.gif" /&gt;&lt;br /&gt;/ sneaky&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;img border="0" src="http://img.photobucket.com/albums/v174/mog_kupo/movo/kesal.gif" /&gt;&lt;br /&gt;/ pist&lt;/td&gt;&lt;td&gt;&lt;img border="0" src="http://img.photobucket.com/albums/v174/mog_kupo/movo/BUBAK.gif" /&gt;&lt;br /&gt;/ curse&lt;/td&gt;&lt;td&gt;&lt;img border="0" src="http://img.photobucket.com/albums/v174/mog_kupo/movo/wow2.gif" /&gt;&lt;br /&gt;/ please&lt;/td&gt;&lt;td&gt;&lt;img border="0" src="http://img.photobucket.com/albums/v174/mog_kupo/movo/malu.gif" /&gt;&lt;br /&gt;/ blush&lt;/td&gt;&lt;td&gt;&lt;img border="0" src="http://img.photobucket.com/albums/v174/mog_kupo/emoticon/ketawa.gif" /&gt;&lt;br /&gt;/ gwahaha&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;img border="0" src="http://img.photobucket.com/albums/v174/mog_kupo/emoticon/cinta.gif" /&gt;&lt;br /&gt;/ love&lt;/td&gt;&lt;td&gt;&lt;img border="0" src="http://img.photobucket.com/albums/v174/mog_kupo/emoticon/piktor.gif" /&gt;&lt;br /&gt;/ dirty&lt;/td&gt;&lt;td&gt;&lt;img border="0" src="http://img.photobucket.com/albums/v174/mog_kupo/movo/2good.gif" /&gt;&lt;br /&gt;/ thumb&lt;/td&gt;&lt;td&gt;&lt;img border="0" src="http://img.photobucket.com/albums/v174/mog_kupo/movo/fufufu.gif" /&gt;&lt;br /&gt;/ smart&lt;/td&gt;&lt;td&gt;&lt;img border="0" src="http://img.photobucket.com/albums/v174/mog_kupo/movo/mukya.gif" /&gt;&lt;br /&gt;/ XD&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;span style="font-size: 85%;"&gt;&lt;b&gt;&lt;/b&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family: arial;"&gt;karena terlalu banyak untuk mog jabar, jadi untuk mengetahui lainnya kamu save dulu file java script nya dari url yang mog merahi, lalu bukalah dengan note pad.&lt;/span&gt;&lt;br /&gt;&lt;span style="font-family: arial;"&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;span style="font-size: 85%;"&gt;&lt;span style="font-family: arial;"&gt;dengan cara ini juga kamu bisa mengganti isi emoticonnya;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;span style="font-size: 85%;"&gt;&lt;span style="font-family: arial;"&gt;1. buka buka file hosting website (misal sigmirror.com)&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;span style="font-size: 85%;"&gt;&lt;span style="font-family: arial;"&gt;2. upload gambar yg kamu mau, ambil urlnya&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;span style="font-size: 85%;"&gt;&lt;span style="font-family: arial;"&gt;3. buka java script mog dengan note pad&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;span style="font-size: 85%;"&gt;&lt;span style="font-family: arial;"&gt;4. ganti url gambar yg ada di java script mog dengan url yg kamu upload sebelumnya, save&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;span style="font-size: 85%;"&gt;&lt;span style="font-family: arial;"&gt;5. buka file hosting website yg tadi lalu upload file javascript yang sudah kamu ganti, ambil url nya&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;span style="font-size: 85%;"&gt;&lt;span style="font-family: arial;"&gt;6. input url tersebut dengan mengikuti cara pasang emoticon di blog seperti yang telah mog jelaskan diatas. so jadi deh emoticon mu sendiri ^^&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family: arial;"&gt;cara 2 silahkan ikuti link ini &lt;a href="http://roni-pascal.blogspot.com/2008/06/cara-pasang-macam-macam-emotion-di.html"&gt;pascal&lt;/a&gt;&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family: arial;"&gt;next Cara pasang Emoticon di Comment Post (berhubungan dengan cara 1)&lt;/span&gt;&lt;br /&gt;&lt;span style="font-family: arial;"&gt;sebenarnya ya otomatis dengan input cara 1 dengan memasukkan script yang benar emoticon otomatis juga akan muncul di comment, tp bisa jadi pengunjung ga tau soal ini.&lt;/span&gt;&lt;br /&gt;&lt;span style="font-family: arial;"&gt;so dengan cara ini kita akan memunculkan sebuah form emoticon (gambar 1) untuk membantu temen kita.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family: arial;"&gt;tapi sebelum memasukkan kamu harus menempatkan comment postmu di bawah postingan dulu biar kliatan bagus hehehe, caranya klik disini &lt;a href="http://www.o-om.com/2008/06/embedded-comment-form-di-bawah.html"&gt;o-om&lt;/a&gt; &lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family: arial;"&gt;nah sesudah itu&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family: arial;"&gt;1. Sign in ke blogger, truss ke Layout &amp;gt; Edit HTML &amp;gt;centang Expand Template Widget&lt;/span&gt;&lt;br /&gt;&lt;span style="font-family: arial;"&gt;2. scroll kebawah cari kode ini&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family: arial;"&gt;&amp;lt;p class='comment-footer'&amp;gt;&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family: arial;"&gt;3. masukkan kode dibawah ini sesudahnya&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;/span&gt;&lt;br /&gt;&lt;div style="border: 2px dotted rgb(255, 188, 43); font-family: arial; height: 150px; overflow: auto; width: 350px;"&gt;&lt;span style="font-size: 85%;"&gt;&amp;lt;b&amp;gt;&amp;lt;table border='1'&amp;gt;&lt;br /&gt;&amp;lt;tr&amp;gt;&lt;br /&gt;&amp;lt;td&amp;gt;&amp;lt;img border='0' src='http://img.photobucket.com/albums/v174/mog_kupo/movo/ampun.gif'/&amp;gt;&lt;br /&gt;=/ omg&amp;lt;/td&amp;gt;&amp;lt;td&amp;gt;&amp;lt;img border='0' src='http://img.photobucket.com/albums/v174/mog_kupo/movo/duong.gif'/&amp;gt;&lt;br /&gt;=/ shock&amp;lt;/td&amp;gt;&amp;lt;td&amp;gt;&amp;lt;img border='0' src='http://img.photobucket.com/albums/v174/mog_kupo/emoticon/mate.gif'/&amp;gt;&lt;br /&gt;=/ dead&amp;lt;/td&amp;gt;&amp;lt;td&amp;gt;&amp;lt;img border='0' src='http://img.photobucket.com/albums/v174/mog_kupo/emoticon/beku.gif'/&amp;gt;&lt;br /&gt;=/ froze&amp;lt;/td&amp;gt;&amp;lt;td&amp;gt;&amp;lt;img border='0' src='http://img.photobucket.com/albums/v174/mog_kupo/movo/uhuh.gif'/&amp;gt;&lt;br /&gt;=/ hm&amp;lt;/td&amp;gt;&lt;br /&gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;&amp;lt;tr&amp;gt;&lt;br /&gt;&amp;lt;td&amp;gt;&amp;lt;img border='0' src='http://img.photobucket.com/albums/v174/mog_kupo/movo/berkunang2.gif'/&amp;gt;&lt;br /&gt;=/ blur&amp;lt;/td&amp;gt;&amp;lt;td&amp;gt;&amp;lt;img border='0' src='http://img.photobucket.com/albums/v174/mog_kupo/emoticon/nafas.gif'/&amp;gt;&lt;br /&gt;=/ sigh&amp;lt;/td&amp;gt;&amp;lt;td&amp;gt;&amp;lt;img border='0' src='http://img.photobucket.com/albums/v174/mog_kupo/movo/tidaaa.gif'/&amp;gt;&lt;br /&gt;=/ floor&amp;lt;/td&amp;gt;&amp;lt;td&amp;gt;&amp;lt;img border='0' src='http://img.photobucket.com/albums/v174/mog_kupo/movo/lari2.gif'/&amp;gt;&lt;br /&gt;=/ run&amp;lt;/td&amp;gt;&amp;lt;td&amp;gt;&amp;lt;img border='0' src='http://img.photobucket.com/albums/v174/mog_kupo/emoticon/nakal.gif'/&amp;gt;&lt;br /&gt;=/ sneaky&amp;lt;/td&amp;gt;&lt;br /&gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;&amp;lt;tr&amp;gt;&lt;br /&gt;&amp;lt;td&amp;gt;&amp;lt;img border='0' src='http://img.photobucket.com/albums/v174/mog_kupo/movo/kesal.gif'/&amp;gt;&lt;br /&gt;=/ pist&amp;lt;/td&amp;gt;&amp;lt;td&amp;gt;&amp;lt;img border='0' src='http://img.photobucket.com/albums/v174/mog_kupo/movo/BUBAK.gif'/&amp;gt;&lt;br /&gt;=/ curse&amp;lt;/td&amp;gt;&amp;lt;td&amp;gt;&amp;lt;img border='0' src='http://img.photobucket.com/albums/v174/mog_kupo/movo/wow2.gif'/&amp;gt;&lt;br /&gt;=/ please&amp;lt;/td&amp;gt;&amp;lt;td&amp;gt;&amp;lt;img border='0' src='http://img.photobucket.com/albums/v174/mog_kupo/movo/malu.gif'/&amp;gt;&lt;br /&gt;=/ blush&amp;lt;/td&amp;gt;&amp;lt;td&amp;gt;&amp;lt;img border='0' src='http://img.photobucket.com/albums/v174/mog_kupo/emoticon/ketawa.gif'/&amp;gt;&lt;br /&gt;=/ gwahaha&amp;lt;/td&amp;gt;&lt;br /&gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;&amp;lt;tr&amp;gt;&lt;br /&gt;&amp;lt;td&amp;gt;&amp;lt;img border='0' src='http://img.photobucket.com/albums/v174/mog_kupo/emoticon/cinta.gif'/&amp;gt;&lt;br /&gt;=/ love&amp;lt;/td&amp;gt;&amp;lt;td&amp;gt;&amp;lt;img border='0' src='http://img.photobucket.com/albums/v174/mog_kupo/emoticon/piktor.gif'/&amp;gt;&lt;br /&gt;=/ dirty&amp;lt;/td&amp;gt;&amp;lt;td&amp;gt;&amp;lt;img border='0' src='http://img.photobucket.com/albums/v174/mog_kupo/movo/2good.gif'/&amp;gt;&lt;br /&gt;=/ thumb&amp;lt;/td&amp;gt;&amp;lt;td&amp;gt;&amp;lt;img border='0' src='http://img.photobucket.com/albums/v174/mog_kupo/movo/fufufu.gif'/&amp;gt;&lt;br /&gt;=/ smart&amp;lt;/td&amp;gt;&amp;lt;td&amp;gt;&amp;lt;img border='0' src='http://img.photobucket.com/albums/v174/mog_kupo/movo/mukya.gif'/&amp;gt;&lt;br /&gt;=/ XD&amp;lt;/td&amp;gt;&lt;br /&gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;&amp;lt;/table&amp;gt;&amp;lt;/b&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;span style="font-size: 85%;"&gt;&lt;br /&gt;&lt;span style="font-family: arial;"&gt;ingat lho antara character / dan kalimat emoticonnya jangan ada spasi (mog bikin gitu biar ga ke convert ke gambarnya)&lt;br /&gt;&lt;br /&gt;nah bagaimana?&lt;/span&gt;&lt;br /&gt;&lt;span style="font-family: arial;"&gt;okay happy try&lt;/span&gt;&lt;br /&gt;&lt;/span&gt;&lt;br /&gt;&lt;span style="font-size: 85%;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;br /&gt;&lt;span style="color: red; font-size: x-small;"&gt;Update 4 maret 2010; mog sudah ganti file host, mudah2an ga bermasalah lagi&lt;br /&gt;&lt;/span&gt;&lt;br /&gt;&lt;span class="Apple-style-span" style="color: red; font-size: x-small;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;br /&gt;&lt;span class="Apple-style-span" style="color: red; font-size: x-small;"&gt;Update 28 oktober 2011; filehostingnya bermasalah lagi... sabar ya, mog blom sempat memperbaiki&lt;/span&gt;&lt;br /&gt;&lt;span class="Apple-style-span" style="color: red; font-size: x-small;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;br /&gt;&lt;span class="Apple-style-span" style="color: red; font-size: x-small;"&gt;Update 24 november 2011; yay new file hosting, enjoy the emoticon people :)&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/1054692662900018831-5499827327865507746?l=moglearn.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://moglearn.blogspot.com/feeds/5499827327865507746/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://moglearn.blogspot.com/2008/09/emoticon-di-body-post-dan-comment-post.html#comment-form' title='14 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/1054692662900018831/posts/default/5499827327865507746'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/1054692662900018831/posts/default/5499827327865507746'/><link rel='alternate' type='text/html' href='http://moglearn.blogspot.com/2008/09/emoticon-di-body-post-dan-comment-post.html' title='Emoticon di Body Post dan Comment Post'/><author><name>Ademog</name><uri>http://www.blogger.com/profile/16837191497054333776</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='http://3.bp.blogspot.com/-MjTyK12_rrY/TuXhAWq2lmI/AAAAAAAABqU/tTRqQc_34Lo/s220/me2.jpg'/></author><thr:total>14</thr:total></entry><entry><id>tag:blogger.com,1999:blog-1054692662900018831.post-4991015668586244418</id><published>2008-06-02T12:51:00.009+07:00</published><updated>2008-11-13T14:32:41.648+07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Layout'/><category scheme='http://www.blogger.com/atom/ns#' term='sidebar'/><title type='text'>Menghilangkan Label Count</title><content type='html'>&lt;span style="font-size:85%;"&gt;&lt;span style="font-family:arial;"&gt;label itu digunakan untuk menunjukkan persamaan tema dari post2 yang kita buat.&lt;/span&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;misal mog menggunakan label layout, untuk judul2 yang memiliki tema mengutak-atik layout.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;nah label bisa kamu tampilkan dari layout-add page element-(scroll kebawah) label.&lt;/span&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;hasilnya&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;a style="font-family: arial;" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_sKZQC9oKmLo/SEPSLEQEl3I/AAAAAAAAA5c/j_tEaQf2-Mk/s1600-h/label-2.jpg"&gt;&lt;img style="cursor: pointer;" src="http://2.bp.blogspot.com/_sKZQC9oKmLo/SEPSLEQEl3I/AAAAAAAAA5c/j_tEaQf2-Mk/s320/label-2.jpg" alt="" id="BLOGGER_PHOTO_ID_5207236681731970930" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;nah tampilan ini bisa kamu utak atik, misal mengganti kurungan angkanya dari () menjadi [], lalu membuat strip pemisah antara label dan kurungan angkanya (label-()) ato (label-[]). ato kaya mog sekarang tidak pakai angka sama sekali.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;caranya;&lt;/span&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;1. kamu harus tau dulu nama label mu, kalo label-nya tidak diberi nama biasanya defaultnya Label1, Label2, dan seterusnya (tergantung jumlah label)&lt;/span&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;2. kamu buka layout-edit html (save kode kamu ke notepad dulu), trus beri cek list expand widget list.&lt;/span&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;3. scroll kebawah cari kode ini&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;/span&gt;&lt;div  style="border: 2px dotted rgb(255, 73, 155); overflow: auto; width: 400px; height: 150px;font-family:arial;"&gt;&lt;span style="font-size:85%;"&gt;&lt;br /&gt;&lt;left&gt;&lt;br /&gt;&amp;lt;b:widget id='&lt;span style="color: rgb(51, 102, 255);"&gt;Label1&lt;/span&gt;' locked='false' title='' type='Label'&amp;gt;&lt;br /&gt;&amp;lt;b:includable id='main'&amp;gt;&lt;br /&gt;&amp;lt;b:if cond='data:title'&amp;gt;&lt;br /&gt;&amp;lt;h2&amp;gt;&amp;lt;data:title/&amp;gt;&amp;lt;/h2&amp;gt;&lt;br /&gt;&amp;lt;/b:if&amp;gt;&lt;br /&gt;&amp;lt;div class='widget-content'&amp;gt;&lt;br /&gt;&amp;lt;ul&amp;gt;&lt;br /&gt;&amp;lt;b:loop values='data:labels' var='label'&amp;gt;&lt;br /&gt;&amp;lt;li&amp;gt;&lt;br /&gt;&amp;lt;b:if cond='data:blog.url == data:label.url'&amp;gt;&lt;br /&gt;&amp;lt;data:label.name/&amp;gt;&lt;br /&gt;&amp;lt;b:else/&amp;gt;&lt;br /&gt;&amp;lt;a expr:href='data:label.url'&amp;gt;&amp;lt;data:label.name/&amp;gt;&amp;lt;/a&amp;gt;&lt;br /&gt;&amp;lt;/b:if&amp;gt;&lt;br /&gt;&lt;span style="color: rgb(255, 0, 0);"&gt;(&amp;lt;data:label.count/&amp;gt;)&lt;/span&gt;&lt;br /&gt;&amp;lt;/li&amp;gt;&lt;br /&gt;&amp;lt;/b:loop&amp;gt;&lt;br /&gt;&amp;lt;/ul&amp;gt;&lt;br /&gt;&lt;/left&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;span style="font-size:85%;"&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;yang berwarna biru adalah nama labelmu, dan yang berwarna merah adalah kode yang akan kita kutak katik&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;1. untuk mengganti bentuk kurung angka label&lt;/span&gt;&lt;br /&gt;&lt;/span&gt;&lt;div  style="border: 2px dotted rgb(255, 73, 155); overflow: auto; width: 400px; height: 50px;font-family:arial;"&gt;&lt;span style="font-size:85%;"&gt;&lt;br /&gt;&lt;left&gt;&lt;br /&gt;&lt;span style="color: rgb(255, 0, 0);"&gt;[&lt;/span&gt;&amp;lt;data:label.count/&amp;gt;&lt;span style="color: rgb(255, 0, 0);"&gt;]&lt;/span&gt;&lt;br /&gt;&lt;/left&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;span style="font-size:85%;"&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;2. untuk membuat strip pemisah antara label dan kurungan angka&lt;/span&gt;&lt;br /&gt;&lt;/span&gt;&lt;div  style="border: 2px dotted rgb(255, 73, 155); overflow: auto; width: 400px; height: 50px;font-family:arial;"&gt;&lt;span style="font-size:85%;"&gt;&lt;br /&gt;&lt;left&gt;&lt;br /&gt;&lt;span style="color: rgb(255, 0, 0);"&gt;-&lt;/span&gt;&amp;lt;data:label.count/&amp;gt;&lt;br /&gt;&lt;/left&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;span style="font-size:85%;"&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;3. untuk membuat keduanya 1+2&lt;/span&gt;&lt;br /&gt;&lt;/span&gt;&lt;div  style="border: 2px dotted rgb(255, 73, 155); overflow: auto; width: 400px; height: 50px;font-family:arial;"&gt;&lt;span style="font-size:85%;"&gt;&lt;br /&gt;&lt;left&gt;&lt;br /&gt;-[&amp;lt;data:label.count/&amp;gt;]&lt;br /&gt;&lt;/left&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;span style="font-size:85%;"&gt;&lt;br /&gt;&lt;a style="font-family: arial;" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_sKZQC9oKmLo/SEPSLUQEl4I/AAAAAAAAA5k/rKYWcSXs_Ik/s1600-h/label-3.jpg"&gt;&lt;img style="cursor: pointer;" src="http://3.bp.blogspot.com/_sKZQC9oKmLo/SEPSLUQEl4I/AAAAAAAAA5k/rKYWcSXs_Ik/s320/label-3.jpg" alt="" id="BLOGGER_PHOTO_ID_5207236686026938242" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;4. dan untuk menghilangkannya, cukup hapus saja dari kode html layout mu ^0^&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;a style="font-family: arial;" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_sKZQC9oKmLo/SEPSKkQEl2I/AAAAAAAAA5U/VrjkuFu-D_w/s1600-h/label.jpg"&gt;&lt;img style="cursor: pointer;" src="http://4.bp.blogspot.com/_sKZQC9oKmLo/SEPSKkQEl2I/AAAAAAAAA5U/VrjkuFu-D_w/s320/label.jpg" alt="" id="BLOGGER_PHOTO_ID_5207236673142036322" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-size:85%;"&gt;&lt;span style="font-family: arial;"&gt;okay happy try&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;!-- multiply:no_crosspost --&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/1054692662900018831-4991015668586244418?l=moglearn.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://moglearn.blogspot.com/feeds/4991015668586244418/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://moglearn.blogspot.com/2008/06/menghilangkan-label-count.html#comment-form' title='3 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/1054692662900018831/posts/default/4991015668586244418'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/1054692662900018831/posts/default/4991015668586244418'/><link rel='alternate' type='text/html' href='http://moglearn.blogspot.com/2008/06/menghilangkan-label-count.html' title='Menghilangkan Label Count'/><author><name>Ademog</name><uri>http://www.blogger.com/profile/16837191497054333776</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='http://3.bp.blogspot.com/-MjTyK12_rrY/TuXhAWq2lmI/AAAAAAAABqU/tTRqQc_34Lo/s220/me2.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://2.bp.blogspot.com/_sKZQC9oKmLo/SEPSLEQEl3I/AAAAAAAAA5c/j_tEaQf2-Mk/s72-c/label-2.jpg' height='72' width='72'/><thr:total>3</thr:total></entry><entry><id>tag:blogger.com,1999:blog-1054692662900018831.post-4539424069511627376</id><published>2008-05-28T10:43:00.005+07:00</published><updated>2008-05-28T13:53:36.094+07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='ScrollBox'/><category scheme='http://www.blogger.com/atom/ns#' term='Widget'/><title type='text'>Membuat Scroll Box ke BlogPost</title><content type='html'>&lt;span style="font-size:85%;"&gt;&lt;span style="font-family:arial;"&gt;kalo kemarin mog ngasi cara membuat scrolling text, kali ini mog mo ngasi cara membuat scroll box.&lt;/span&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;scroll box biasanya digunakan untuk menghemat halaman post kita bila kita akan memposting kalimat yang panjang, misalnya puisi atau lirik lagu.&lt;/span&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;selain itu bisa juga untuk meng-highlight kode HTML agar tidak bergabung dengan isi post, seperti yang sering mog gunakan.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;okay lets begin!.&lt;/span&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;first adalah attribut&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;1. overflow untuk mengatur tampilan scrollnya.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;overflow:auto -auto untuk tampilan scroll bila isi kekecilan, dan tidak scroll bila pas atau kebesaran.&lt;/span&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;overflow:hidden -hidden untuk menghilangkan isi bila kebesaran.&lt;/span&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;overflow:scroll -scroll untuk tampilan scrolling kekecilan atopun tidak.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;baik hidden mupun scroll memang ga terlalu guna, tp ini untuk kamu sekedar tau aja.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;2. border untuk tampilan batas scroll bar, defaultnya (kalau tidak dimasukkan) transparant&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;border-style:solid -tampilan border garis segi empat.&lt;/span&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;border-style:dashed -tampilan border garis putus2.&lt;/span&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;border-style:dotted -tampilan border titik2.&lt;/span&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;border-style:double -tampilan 2 garis segi empat (minimal 3 pixel agar terlihat).&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;selain 4 itu ada (groove, ridge, inset, outset) tampilannya bagaimana mog belum nyoba, jadi silahkan coba2 sendiri (^0^).&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;border-width:input numberpx -untuk tebal border&lt;/span&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;border-color:input code number -untuk warna, silahkan pilih dari link color code chart berikut &lt;a href="http://www.pitt.edu/%7Enisg/cis/web/cgi/rgb.html"&gt;RBG color code&lt;/a&gt;&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;3. widht/height untuk ukuran scrollbox, ukurannya dalam satuan pixel dan ga ada default, jadi harus dimasukkan.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;widht: input numberpx&lt;/span&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;height: input numberpx&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;4. background image untuk menampilkan gambar yg menjadi background scrollbox (gambar akan terpotong/mengulang bila box lebih besar/kecil dr gambar). defaultnya transparant.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;background-image:url(masukkan url gambar kamu)&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;contoh kodenya (kode () diganti &lt;&gt;)&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;/span&gt;&lt;div  style="border: 2px dotted rgb(255, 188, 43); overflow: auto; width: 350px; height: 150px;font-family:arial;"&gt;&lt;span style="font-size:85%;"&gt;&lt;br /&gt;&lt;left&gt;(div style="border: 2px dotted rgb(255, 188, 43); overflow: auto; width: 350px; height: 150px; background-image: url(http://img.photobucket.com/albums/v174/mog_kupo/layout/sbbg1.jpg);")&lt;br /&gt;(left)(p)contoh scroll box-nya mog(/p)(p)scrollnya berborder titik2, berukuran 2pixel, berwarna, akan mengscroll otomatis, lebar 350 pixel, tinggi 150 pixel, dengan background seukuran yang cantik(/p)(p)tidak lupa juga, ditambahi spasi dan bermargin kiri(/p)(/left)(/div)&lt;/left&gt;&lt;/span&gt;&lt;/div&gt;&lt;span style="font-size:85%;"&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;hasilnya&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;/span&gt;&lt;div style="border: 2px dotted rgb(255, 188, 43); overflow: auto; width: 350px; height: 150px; background-image: url(http://img.photobucket.com/albums/v174/mog_kupo/layout/sbbg1.jpg); font-family: arial;"&gt;&lt;span style="font-size:85%;"&gt;&lt;br /&gt;&lt;left&gt;&lt;/left&gt;&lt;/span&gt;&lt;p&gt;&lt;span style="font-size:85%;"&gt;contoh scroll box-nya mog&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span style="font-size:85%;"&gt;scrollnya berborder titik2, berukuran 2pixel, berwarna, akan mengscroll otomatis, lebar 350 pixel, tinggi 150 pixel, dengan background seukuran yang cantik&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span style="font-size:85%;"&gt;tidak lupa juga, ditambahi spasi dan bermargin kiri&lt;/span&gt;&lt;/p&gt;&lt;/div&gt;&lt;span style="font-size:85%;"&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;okay happy try&lt;/span&gt;&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/1054692662900018831-4539424069511627376?l=moglearn.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://moglearn.blogspot.com/feeds/4539424069511627376/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://moglearn.blogspot.com/2008/05/membuat-scroll-box-ke-blogpost.html#comment-form' title='16 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/1054692662900018831/posts/default/4539424069511627376'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/1054692662900018831/posts/default/4539424069511627376'/><link rel='alternate' type='text/html' href='http://moglearn.blogspot.com/2008/05/membuat-scroll-box-ke-blogpost.html' title='Membuat Scroll Box ke BlogPost'/><author><name>Ademog</name><uri>http://www.blogger.com/profile/16837191497054333776</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='http://3.bp.blogspot.com/-MjTyK12_rrY/TuXhAWq2lmI/AAAAAAAABqU/tTRqQc_34Lo/s220/me2.jpg'/></author><thr:total>16</thr:total></entry><entry><id>tag:blogger.com,1999:blog-1054692662900018831.post-5147282818005796056</id><published>2008-05-27T17:50:00.009+07:00</published><updated>2008-05-27T19:58:34.118+07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='RollingText'/><category scheme='http://www.blogger.com/atom/ns#' term='Layout'/><title type='text'>Membuat Rolling Text - Marquee</title><content type='html'>&lt;span style="font-size:85%;"&gt;&lt;span style="font-family:arial;"&gt;kode HTML marquee digunakan untuk membuat text yang bergerak-"rolling". text yang di marquee bisa bergerak kiri/kanan atas/bawah dengan kecepatan tertentu yang bisa kamu tentukan sendiri. tapi perlu diingat yang penting itu penempatan, kalo asal bisa2 membuat pusing pembacamu hehehe...&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;okay pertama2 mari bicara tentang atribut marquee dulu&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;1. behaviour untuk menentukan apakah akan bergerak sroll-menggulung, atau alternate-memantul. defaultnya (kalo tidak diinput) akan menggulung&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;/span&gt;&lt;div  style="border: 2px solid rgb(255, 73, 155); overflow: auto; width: 300px; height: 65px;font-family:arial;"&gt;&lt;span style="font-size:85%;"&gt;&lt;br /&gt;&lt;left&gt;behavior="scroll"&lt;br /&gt;behavior="alternate"&lt;/left&gt;&lt;/span&gt;&lt;/div&gt;&lt;span style="font-size:85%;"&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;2. dirrection untuk menentukan arah gerakan. defaultnya ke kiri/left&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;/span&gt;&lt;div  style="border: 2px solid rgb(255, 73, 155); overflow: auto; width: 300px; height: 100px;font-family:arial;"&gt;&lt;span style="font-size:85%;"&gt;&lt;br /&gt;&lt;left&gt;direction="left"&lt;br /&gt;direction="right"&lt;br /&gt;direction="up"&lt;br /&gt;direction="down"&lt;/left&gt;&lt;/span&gt;&lt;/div&gt;&lt;span style="font-size:85%;"&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;3. loop untuk menentukan jumlah gerakan (di input number masukkan angka gerakan), namun untuk beberapa browser bisa jadi ga ngaruh. (tp aku lom pernah nyoba sih hehehe...). defaultnya akan terus berputar&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;/span&gt;&lt;div  style="border: 2px solid rgb(255, 73, 155); overflow: auto; width: 300px; height: 50px;font-family:arial;"&gt;&lt;span style="font-size:85%;"&gt;&lt;br /&gt;&lt;left&gt;loop="&lt;span style="color: rgb(255, 0, 0);"&gt;input number&lt;/span&gt;"&lt;/left&gt;&lt;/span&gt;&lt;/div&gt;&lt;span style="font-size:85%;"&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;4. scrollamount untuk menentukan pergerakan text per 1 pixel, jumlah angkanya bisa kamu ganti, semakin besar semakin cepat bergeraknya. kalo ga diisi defaultnya 6. (again aku lom pernah nyoba hehehe...)&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;/span&gt;&lt;div  style="border: 2px solid rgb(255, 73, 155); overflow: auto; width: 300px; height: 50px;font-family:arial;"&gt;&lt;span style="font-size:85%;"&gt;&lt;br /&gt;&lt;left&gt;scrollamount="&lt;span style="color: rgb(255, 0, 0);"&gt;1&lt;/span&gt;"&lt;/left&gt;&lt;/span&gt;&lt;/div&gt;&lt;span style="font-size:85%;"&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;5. scrolldelay untuk menentukan interval pergerakan text per milidetik, jumlah angkanya bisa kamu ganti, semakin besar semakin lambat bergeraknya dan minimal 60. kalo ga diisi defaultnya 85. (ini selalu kupake hehehe...)&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;/span&gt;&lt;div  style="border: 2px solid rgb(255, 73, 155); overflow: auto; width: 300px; height: 50px;font-family:arial;"&gt;&lt;span style="font-size:85%;"&gt;&lt;br /&gt;&lt;left&gt;scrolldelay="&lt;span style="color: rgb(255, 0, 0);"&gt;100&lt;/span&gt;"&lt;/left&gt;&lt;/span&gt;&lt;/div&gt;&lt;span style="font-size:85%;"&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;6. truespeed digunakan untuk mengganti batas minimal scrolldelay. defaultnya berisi "false", namun bila kamu ini "kecepatan" pada marqueemu  ganti dengan "true"&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;/span&gt;&lt;div  style="border: 2px solid rgb(255, 73, 155); overflow: auto; width: 300px; height: 50px;font-family:arial;"&gt;&lt;span style="font-size:85%;"&gt;&lt;br /&gt;&lt;left&gt;truespeed="&lt;span style="color: rgb(255, 0, 0);"&gt;true&lt;/span&gt;"&lt;/left&gt;&lt;/span&gt;&lt;/div&gt;&lt;span style="font-size:85%;"&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;7. bgcolor untuk mengubah warna background marquee. untuk memasukkan kode angkanya silahkan klik link chart berikut &lt;/span&gt;&lt;a href="http://www.pitt.edu/%7Enisg/cis/web/cgi/rgb.html"&gt;RGB Color Code&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;/span&gt;&lt;div  style="border: 2px solid rgb(255, 73, 155); overflow: auto; width: 300px; height: 50px;font-family:arial;"&gt;&lt;span style="font-size:85%;"&gt;&lt;br /&gt;&lt;left&gt;bgcolor: rgb(&lt;span style="color: rgb(255, 0, 0);"&gt;255,0,0&lt;/span&gt;)"&gt;#&lt;span style="color: rgb(255, 0, 0);"&gt;XXXXXX&lt;/span&gt;"&lt;/left&gt;&lt;/span&gt;&lt;/div&gt;&lt;span style="font-size:85%;"&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;8. height/weight untuk mengubah ukuran "kotak" marquee. px untuk kisaran pixel, % untuk berapa persen dari total ukuran text.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;/span&gt;&lt;div  style="border: 2px solid rgb(255, 73, 155); overflow: auto; width: 300px; height: 100px;font-family:arial;"&gt;&lt;span style="font-size:85%;"&gt;&lt;br /&gt;&lt;left&gt;height="&lt;span style="color: rgb(255, 0, 0);"&gt;input number&lt;/span&gt;px"&lt;br /&gt;height="&lt;span style="color: rgb(255, 0, 0);"&gt;input number&lt;/span&gt;%"&lt;br /&gt;width="&lt;span style="color: rgb(255, 0, 0);"&gt;input number&lt;/span&gt;px"&lt;br /&gt;width="&lt;span style="color: rgb(255, 0, 0);"&gt;input number&lt;/span&gt;%"&lt;/left&gt;&lt;/span&gt;&lt;/div&gt;&lt;span style="font-size:85%;"&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;9. on mouse over untuk menghentikan laju pergerakan ketika text di "sentuh" pointer mouse.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;/span&gt;&lt;div  style="border: 2px solid rgb(255, 73, 155); overflow: auto; width: 300px; height: 50px;font-family:arial;"&gt;&lt;span style="font-size:85%;"&gt;&lt;br /&gt;&lt;left&gt;onmouseover="this.stop()" onmouseout="this.start()"&lt;/left&gt;&lt;/span&gt;&lt;/div&gt;&lt;span style="font-size:85%;"&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;10. kode (diawali) (p) (ditutup) (/P) (()diganti &lt;&gt;)ini digunakan untuk membuat spasi pada text&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;contohnya (ingat () diganti &lt;&gt;)&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;/span&gt;&lt;div  style="border: 2px solid rgb(255, 73, 155); overflow: auto; width: 300px; height: 160px;font-family:arial;"&gt;&lt;span style="font-size:85%;"&gt;&lt;br /&gt;&lt;left&gt;(marquee direction="up" height="50px" bgcolor="#ffffcc" scrolldelay="120" onmouseover="this.stop()" onmouseout="this.start()")&lt;br /&gt;(p)contoh marquee(/p)&lt;br /&gt;(p)pada contoh ini mog menggunakan marquee berarah atas, tinggi 50 pixel, berbackground warna, dengan delay interval 120, dan akan berhenti ketika disentuh mouse(/p)(/marquee)&lt;/left&gt;&lt;/span&gt;&lt;/div&gt;&lt;span style="font-size:85%;"&gt;&lt;br /&gt;&lt;br /&gt;&lt;marquee direction="up" height="50px" bgcolor="#ffffcc" scrolldelay="120" onmouseover="this.stop()" onmouseout="this.start()"&gt;&lt;p&gt;contoh marquee&lt;/p&gt;&lt;p&gt;pada contoh ini mog menggunakan marquee berarah atas, tinggi 50 pixel, berbackground warna, dengan delay interval 120, dan akan berhenti ketika disentuh mouse&lt;/p&gt;&lt;/marquee&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;silahkan berkreasi dengan menambah atau mengurangi atribut marqueenya untuk membuat marquee-mu lebih bagus&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;okay happy try&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/1054692662900018831-5147282818005796056?l=moglearn.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://moglearn.blogspot.com/feeds/5147282818005796056/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://moglearn.blogspot.com/2008/05/membuat-rolling-text-marquee.html#comment-form' title='2 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/1054692662900018831/posts/default/5147282818005796056'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/1054692662900018831/posts/default/5147282818005796056'/><link rel='alternate' type='text/html' href='http://moglearn.blogspot.com/2008/05/membuat-rolling-text-marquee.html' title='Membuat Rolling Text - Marquee'/><author><name>Ademog</name><uri>http://www.blogger.com/profile/16837191497054333776</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='http://3.bp.blogspot.com/-MjTyK12_rrY/TuXhAWq2lmI/AAAAAAAABqU/tTRqQc_34Lo/s220/me2.jpg'/></author><thr:total>2</thr:total></entry><entry><id>tag:blogger.com,1999:blog-1054692662900018831.post-7341216872236908122</id><published>2008-05-23T17:34:00.005+07:00</published><updated>2008-05-27T19:43:27.562+07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='VideoPlayer'/><category scheme='http://www.blogger.com/atom/ns#' term='Widget'/><title type='text'>Memutar Video di Blog</title><content type='html'>&lt;span style="font-size:85%;"&gt;&lt;span style="font-family:arial;"&gt;yup next is memasang widget pemutar Video di blog.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;selain fitur pemutar video original blogger, kita bisa memasukkan video dengan cara lain, yaitu pada dasarnya sama dengan cara memutar musik yang diperlukan adalah kode HTML-nya dimasukkan kesalah satu fasilitas berikut&lt;/span&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;1. fasilitas edit HTML pada create post, dan&lt;/span&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;2. fasilitas add page element(HTML/JavaScript) yang ada di layout blog kamu.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;untuk mendapatkan kode HTMLnya kita cukup mengcopy-paste kode tersebut dari banyak web2 yang menyediakan pemutar video secara gratis semisal&lt;/span&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;1. youtube&lt;/span&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;2. google video&lt;/span&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;3. veoh, dll&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;nah yang akan mog jabarkan disini adalah mengkustomisasi ukuran player video tsb.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;/span&gt;&lt;div  style="border: 4px solid rgb(255, 73, 155); overflow: auto; width: 400px; height: 150px;font-family:arial;"&gt;&lt;span style="font-size:85%;"&gt;&lt;br /&gt;&lt;left&gt;&lt;br /&gt;(&lt;span style="color: rgb(255, 0, 0);"&gt;object width="425" height="355"&lt;/span&gt;)(param name="movie" value="http://www.youtube.com/v/5uSR1ELHk2E&amp;amp;hl=en")(/param)(param name="wmode" value="transparent")(/param)(embed src="http://www.youtube.com/v/5uSR1ELHk2E&amp;amp;hl=en" type="application/x-shockwave-flash" wmode="transparent" &lt;span style="color: rgb(255, 0, 0);"&gt;width="425" height="355"&lt;/span&gt;)(/embed)(/object)&lt;br /&gt;&lt;/left&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;span style="font-size:85%;"&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;untuk merubah ukuran video youtube fokuskan pada ukuran yang diblok merah&lt;/span&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;ingat agar pas ukurannya harus sesuai panjang dan lebarnya (ini contoh dariku, silahkan beri ukuran sesukamu)&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;/span&gt;&lt;div  style="border: 4px solid rgb(255, 73, 155); overflow: auto; width: 400px; height: 150px;font-family:arial;"&gt;&lt;span style="font-size:85%;"&gt;&lt;br /&gt;&lt;left&gt;&lt;br /&gt;(&lt;span style="color: rgb(255, 0, 0);"&gt;object width="250" height="209"&lt;/span&gt;)(param name="movie" value="http://www.youtube.com/v/5uSR1ELHk2E&amp;amp;hl=en")(/param)(param name="wmode" value="transparent")(/param)(embed src="http://www.youtube.com/v/5uSR1ELHk2E&amp;amp;hl=en" type="application/x-shockwave-flash" wmode="transparent" &lt;span style="color: rgb(255, 0, 0);"&gt;width="250" height="209"&lt;/span&gt;)(/embed)(/object)&lt;br /&gt;&lt;/left&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;span style="font-size:85%;"&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;hasilnya...&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;object style="font-family: arial;" height="209" width="250"&gt;&lt;param name="movie" value="http://www.youtube.com/v/5uSR1ELHk2E&amp;amp;hl=en"&gt;&lt;param name="wmode" value="transparent"&gt;&lt;embed src="http://www.youtube.com/v/5uSR1ELHk2E&amp;amp;hl=en" type="application/x-shockwave-flash" wmode="transparent" height="209" width="250"&gt;&lt;/embed&gt;&lt;/object&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;okay happy try&lt;/span&gt;&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/1054692662900018831-7341216872236908122?l=moglearn.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://moglearn.blogspot.com/feeds/7341216872236908122/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://moglearn.blogspot.com/2008/05/memutar-video-di-blog.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/1054692662900018831/posts/default/7341216872236908122'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/1054692662900018831/posts/default/7341216872236908122'/><link rel='alternate' type='text/html' href='http://moglearn.blogspot.com/2008/05/memutar-video-di-blog.html' title='Memutar Video di Blog'/><author><name>Ademog</name><uri>http://www.blogger.com/profile/16837191497054333776</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='http://3.bp.blogspot.com/-MjTyK12_rrY/TuXhAWq2lmI/AAAAAAAABqU/tTRqQc_34Lo/s220/me2.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-1054692662900018831.post-1609438883706740782</id><published>2008-05-23T12:35:00.004+07:00</published><updated>2008-11-13T14:32:41.986+07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Widget'/><category scheme='http://www.blogger.com/atom/ns#' term='MusicPlayer'/><title type='text'>Memutar Musik di Blog</title><content type='html'>&lt;span style="font-size:85%;"&gt;&lt;span style="font-family:arial;"&gt;yup next is memasang widget pemutar musik di blog.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;Bag.1&lt;/span&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;untuk melakukan ini kamu harus memasukkan kode HTML pemutar musik itu kesalah satu fasilitas berikut&lt;/span&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;1. fasilitas edit HTML pada create post, dan&lt;/span&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;2. fasilitas add page element(HTML/JavaScript) yang ada di layout blog kamu.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;Bag.2&lt;/span&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;untuk mendapatkan kode HTMLnya kita cukup mengcopy-paste kode tersebut dari banyak web2 yang menyediakan pemutar musik secara gratis semisal&lt;/span&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;1. imeem.com (harus sign-up dulu)&lt;/span&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;2. myflashfetish.com (harus sign-up dulu)&lt;/span&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;3. musik-live.net, dll&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;Bag.3&lt;/span&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;namun bila kamu ingin meng "customize" sendiri player mu maka silahken ikuti petunjuk mog berikut (^0^)&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;1. me-rize file&lt;/span&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;alasan utama mog mengkustomisasi player sih karena ketika di streaming suaranya putus2 karena koneksi netnya yang tidak terlalu cepat. untuk itu agar tidak terputus maka setidaknya file musik kita harus berukuran maksimal 1 MB-an.&lt;/span&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;untuk itu silahkan file musiknya diresize dengan program2 resizer yang banyak bisa kamu temukan di net misal&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;- &lt;/span&gt;&lt;a style="font-family: arial;" href="http://www.hotlinkfiles.com/files/1366709_t4ul2/mp3resizersetup.zip"&gt;mp3 resizer 1.8.3&lt;/a&gt;&lt;span style="font-family:arial;"&gt; dariku trial version&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;2. meng-upload file musik&lt;/span&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;setelah diresize berikutnya kamu perlu mengupload file tersebut ke site2 yang menyediakan direct hosting untuk mendapat URL-nya, misal ke&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;- hotlinkfiles.com (harus sign-up dulu)&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;3. membuat playernya&lt;/span&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;setelah file kamu siap diresize dan di upload maka berikutnya memasukkannya ke playernya ke site yang menyediakan mp3 generator, misal ke&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;- myflashfetish.com (harus sign-up dulu)&lt;/span&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;setelah signup/login berikutnya&lt;/span&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;a. pilih playermu (klik create now)&lt;/span&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;b. pada bagian customize your design kamu bisa mengatur2 bentuk, warna, dan setting-an playermu&lt;/span&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;c. pada bagian add song, klik add url (masukkan url(direct url-nya ya) file kamu)&lt;/span&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;d. setelah selesai (file kamu akan muncul dibagian bawah) klik save and get code&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;a style="font-family: arial;" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_sKZQC9oKmLo/SDZ1LkQElkI/AAAAAAAAA2Y/BIvw_AdVfQo/s1600-h/music01.jpg"&gt;&lt;img style="cursor: pointer;" src="http://3.bp.blogspot.com/_sKZQC9oKmLo/SDZ1LkQElkI/AAAAAAAAA2Y/BIvw_AdVfQo/s320/music01.jpg" alt="" id="BLOGGER_PHOTO_ID_5203475261043283522" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;f. nah copy kode embednya dan paste di fasilitas yang tertera di Bag.1 (contohnya liat widget mp3 player mog)&lt;/span&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;oh iya ini berlaku juga untuk Friendster, Multiply, dll ^^&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;a style="font-family: arial;" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_sKZQC9oKmLo/SDZ1MEQEllI/AAAAAAAAA2g/5sp8lmhXHqc/s1600-h/music02.jpg"&gt;&lt;img style="cursor: pointer;" src="http://1.bp.blogspot.com/_sKZQC9oKmLo/SDZ1MEQEllI/AAAAAAAAA2g/5sp8lmhXHqc/s320/music02.jpg" alt="" id="BLOGGER_PHOTO_ID_5203475269633218130" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;okay happy try&lt;/span&gt;&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/1054692662900018831-1609438883706740782?l=moglearn.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://moglearn.blogspot.com/feeds/1609438883706740782/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://moglearn.blogspot.com/2008/05/memutar-musik-di-blog.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/1054692662900018831/posts/default/1609438883706740782'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/1054692662900018831/posts/default/1609438883706740782'/><link rel='alternate' type='text/html' href='http://moglearn.blogspot.com/2008/05/memutar-musik-di-blog.html' title='Memutar Musik di Blog'/><author><name>Ademog</name><uri>http://www.blogger.com/profile/16837191497054333776</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='http://3.bp.blogspot.com/-MjTyK12_rrY/TuXhAWq2lmI/AAAAAAAABqU/tTRqQc_34Lo/s220/me2.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://3.bp.blogspot.com/_sKZQC9oKmLo/SDZ1LkQElkI/AAAAAAAAA2Y/BIvw_AdVfQo/s72-c/music01.jpg' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-1054692662900018831.post-1315134832992650058</id><published>2008-05-22T18:31:00.004+07:00</published><updated>2009-01-06T09:02:07.568+07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Icon'/><category scheme='http://www.blogger.com/atom/ns#' term='Layout'/><title type='text'>Mengganti Icon URL Blog</title><content type='html'>&lt;span style="font-size:85%;"&gt;&lt;span style="font-family:arial;"&gt;Icon URL itu adalah gambar kecil disebelah alamat URL web.&lt;/span&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;nah default untuk blogger adalah logo B -nya blogger. tapi gambar itu bisa kamu ganti dengan gambar sesukamu.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;a style="font-family: arial;" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_sKZQC9oKmLo/SDVfq0QEliI/AAAAAAAAA2I/tDLoKzOXgoE/s1600-h/url+icon01.jpg"&gt;&lt;img style="cursor: pointer;" src="http://3.bp.blogspot.com/_sKZQC9oKmLo/SDVfq0QEliI/AAAAAAAAA2I/tDLoKzOXgoE/s320/url+icon01.jpg" alt="" id="BLOGGER_PHOTO_ID_5203170133681673762" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;perlu diperhatikan ukuran gambar harus sama panjang dan lebarnya, usahakan kecil, maksimal kira2 30-an pixel.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;lalu kamu masuk ke Layout-Edit HTML, scroll kebawah cari kode berikut(kode yang kamu cari biasanya sih ada dibagian atas)&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;/span&gt;&lt;div  style="border: 4px solid rgb(255, 73, 155); overflow: auto; width: 350px; height: 150px;font-family:arial;"&gt;&lt;span style="font-size:85%;"&gt;&lt;br /&gt;&lt;left&gt;&lt;br /&gt;(head)&lt;br /&gt;(b:include data='blog' name='all-head-content'/)&lt;br /&gt;(title)(data:blog.pageTitle/)(/title)&lt;br /&gt;&lt;/left&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;span style="font-size:85%;"&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;setelah tulisan head masukkan kode berwarna merah dengan seluruh simbol () diganti &lt;&gt;&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;/span&gt;&lt;div  style="border: 4px solid rgb(255, 73, 155); overflow: auto; width: 350px; height: 150px;font-family:arial;"&gt;&lt;span style="font-size:85%;"&gt;&lt;br /&gt;&lt;left&gt;&lt;br /&gt;(head)&lt;br /&gt;&lt;span style="color: rgb(255, 0, 0);"&gt;    (link href='http://img.photobucket.com/albums/v174/mog_kupo/movo/learn.gif' rel='icon' type='image/x-icon'/)&lt;/span&gt;&lt;br /&gt;(b:include data='blog' name='all-head-content'/)&lt;br /&gt;(title)(data:blog.pageTitle/)(/title)&lt;br /&gt;&lt;/left&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;span style="font-size:85%;"&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;url diatas adalah url lokasi gambar icon kamu.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;save jadi deh ^^&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;a style="font-family: arial;" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_sKZQC9oKmLo/SDVfrEQEljI/AAAAAAAAA2Q/kvJke3Qdy3k/s1600-h/url+icon02.jpg"&gt;&lt;img style="cursor: pointer;" src="http://4.bp.blogspot.com/_sKZQC9oKmLo/SDVfrEQEljI/AAAAAAAAA2Q/kvJke3Qdy3k/s320/url+icon02.jpg" alt="" id="BLOGGER_PHOTO_ID_5203170137976641074" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;okay happy try&lt;br /&gt;&lt;br /&gt;&lt;span style="font-style: italic;"&gt;ps: mog mendapati kalau icon bisa berubah kembali menjadi logo blog, kalau itu terjadi coba kode icon yang berwarna merah diatas kamu turunkan posisinya lebih kebawah seperti ini&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-style: italic;"&gt;&amp;lt;head&amp;gt;&lt;/span&gt;&lt;br /&gt;&lt;span style="font-style: italic;"&gt;   &amp;lt;b:include data='blog' name='all-head-content'/&amp;gt;&lt;/span&gt;&lt;br /&gt;&lt;span style="font-style: italic;"&gt;   &amp;lt;title&amp;gt;&amp;lt;data:blog.pageTitle/&amp;gt;&amp;lt;/title&amp;gt;&lt;/span&gt;&lt;br /&gt;&lt;span style="color: rgb(255, 0, 0); font-style: italic;"&gt;   &amp;lt;link href='http://img.photobucket.com/albums/v174/mog_kupo/movo/learn.gif' rel='icon' type='image/x-icon'/&amp;gt;&lt;/span&gt;&lt;br /&gt;&lt;span style="font-style: italic;"&gt;   &amp;lt;b:skin&amp;gt;&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/1054692662900018831-1315134832992650058?l=moglearn.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://moglearn.blogspot.com/feeds/1315134832992650058/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://moglearn.blogspot.com/2008/05/mengganti-icon-url-blog.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/1054692662900018831/posts/default/1315134832992650058'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/1054692662900018831/posts/default/1315134832992650058'/><link rel='alternate' type='text/html' href='http://moglearn.blogspot.com/2008/05/mengganti-icon-url-blog.html' title='Mengganti Icon URL Blog'/><author><name>Ademog</name><uri>http://www.blogger.com/profile/16837191497054333776</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='http://3.bp.blogspot.com/-MjTyK12_rrY/TuXhAWq2lmI/AAAAAAAABqU/tTRqQc_34Lo/s220/me2.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://3.bp.blogspot.com/_sKZQC9oKmLo/SDVfq0QEliI/AAAAAAAAA2I/tDLoKzOXgoE/s72-c/url+icon01.jpg' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-1054692662900018831.post-1818228664343640825</id><published>2008-05-22T17:41:00.004+07:00</published><updated>2008-11-13T14:32:42.630+07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Header'/><category scheme='http://www.blogger.com/atom/ns#' term='Layout'/><title type='text'>Mengganti gambar/tulisan Header</title><content type='html'>&lt;span style="font-size:85%;"&gt;&lt;span style="font-family:arial;"&gt;next is mengutak atik header&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;header berisi judul dari blog kita.&lt;/span&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;header ini bisa kamu customize bentuk, warna, posisinya sesuai keinginanmu dengan mengubah font atau menambah gambar.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;untuk mengubah font secara sederhana bisa dibagian&lt;span style="font-weight: bold;"&gt; Layout-Font Color&lt;/span&gt;.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;a style="font-family: arial;" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_sKZQC9oKmLo/SDVSvEQElhI/AAAAAAAAA2A/5togBGfdXcc/s1600-h/header04.jpg"&gt;&lt;img style="cursor: pointer;" src="http://4.bp.blogspot.com/_sKZQC9oKmLo/SDVSvEQElhI/AAAAAAAAA2A/5togBGfdXcc/s320/header04.jpg" alt="" id="BLOGGER_PHOTO_ID_5203155913044956690" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;namun secara "agak" rumit diatur di &lt;span style="font-weight: bold;"&gt;layout-edit html &lt;/span&gt;scroll kebawah cari-header wraper.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;/span&gt;&lt;div  style="border: 4px solid rgb(255, 73, 155); overflow: auto; width: 350px; height: 150px;font-family:arial;"&gt;&lt;span style="font-size:85%;"&gt;&lt;br /&gt;&lt;left&gt;#header-wrapper {&lt;br /&gt;width:660px;&lt;br /&gt;margin:0 auto 10px;&lt;br /&gt;border:1px solid $bordercolor;&lt;br /&gt;}&lt;/left&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;span style="font-size:85%;"&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;kalau mog sih cukup menggunakan gambar saja (judul blog mog tulis di gambar). dari &lt;span style="font-weight: bold;"&gt;layout-klik edit bagian header&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;agar judul dan gambar tidak tumpang tindih maka pada pengaturan posisinya diganti instead of title.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;a style="font-family: arial;" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_sKZQC9oKmLo/SDVSukQElfI/AAAAAAAAA1w/0aPPWwXQOgw/s1600-h/header01.jpg"&gt;&lt;img style="cursor: pointer;" src="http://2.bp.blogspot.com/_sKZQC9oKmLo/SDVSukQElfI/AAAAAAAAA1w/0aPPWwXQOgw/s320/header01.jpg" alt="" id="BLOGGER_PHOTO_ID_5203155904455022066" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;oh iya agar gambar posisinya pas, perhatikan widht gambar pada kode HTML header wraper, pastikan sama atau lebih kecil darinya.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;okay happy try&lt;/span&gt;&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/1054692662900018831-1818228664343640825?l=moglearn.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://moglearn.blogspot.com/feeds/1818228664343640825/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://moglearn.blogspot.com/2008/05/mengganti-gambartulisan-header.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/1054692662900018831/posts/default/1818228664343640825'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/1054692662900018831/posts/default/1818228664343640825'/><link rel='alternate' type='text/html' href='http://moglearn.blogspot.com/2008/05/mengganti-gambartulisan-header.html' title='Mengganti gambar/tulisan Header'/><author><name>Ademog</name><uri>http://www.blogger.com/profile/16837191497054333776</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='http://3.bp.blogspot.com/-MjTyK12_rrY/TuXhAWq2lmI/AAAAAAAABqU/tTRqQc_34Lo/s220/me2.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://4.bp.blogspot.com/_sKZQC9oKmLo/SDVSvEQElhI/AAAAAAAAA2A/5togBGfdXcc/s72-c/header04.jpg' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-1054692662900018831.post-849004955546047364</id><published>2008-05-22T15:46:00.001+07:00</published><updated>2008-11-13T14:32:43.094+07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Background'/><category scheme='http://www.blogger.com/atom/ns#' term='Layout'/><title type='text'>Mengganti Background</title><content type='html'>&lt;span style="font-family:arial;font-size:85%;"&gt;yo untuk my first "learn" post kali ni yg kayanya paling sederhana yaitu mengganti background.&lt;/span&gt;&lt;span style="font-size:85%;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="font-family:arial;font-size:85%;"&gt;seperti kamu ketahui tampilan background tidak selalu harus mengikuti template, tp bisa diganti dengan gambar yang kamu suka.&lt;/span&gt;&lt;span style="font-size:85%;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="font-family:arial;font-size:85%;"&gt;caranya dengan mengutak atik kode HTML nya.&lt;/span&gt;&lt;span style="font-size:85%;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="font-family:arial;font-size:85%;"&gt;mog kasi 2 contoh, dengan template minima dan dots&lt;/span&gt;&lt;span style="font-size:85%;"&gt;&lt;br /&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="font-weight: bold;font-family:arial;font-size:85%;"  &gt;template minima&lt;/span&gt;&lt;span style="font-size:85%;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="font-family:arial;font-size:85%;"&gt;tamplate minima adalah template yang paling sederhana, sehingga memudahkan kita untuk memulai mengutak atik bentuknya menjadikan tamplate baru.&lt;/span&gt;&lt;span style="font-size:85%;"&gt;&lt;br /&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="font-family:arial;font-size:85%;"&gt;pertama dari Dashboard ke-Layout lalu ke-Edit HTML&lt;/span&gt;&lt;span style="font-size:85%;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="font-family:arial;font-size:85%;"&gt;dibagiam HTML scroll kebawah sampai menemukan bagian ini&lt;/span&gt;&lt;span style="font-size:85%;"&gt;&lt;br /&gt;&lt;br /&gt;&lt;/span&gt;&lt;div  style="border: 4px solid rgb(255, 73, 155); overflow: auto; width: 350px; height: 150px;font-family:arial;"&gt;&lt;span style="font-size:85%;"&gt;&lt;br /&gt;&lt;left&gt;body {&lt;br /&gt;&lt;span style="color: rgb(255, 0, 0);"&gt;background:$bgcolor;&lt;/span&gt;&lt;br /&gt;margin:0;&lt;/left&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;span style="font-size:85%;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="font-family:arial;font-size:85%;"&gt;nah bagian yang berwarna merah coba diganti dengan kode seperti dari contohku.&lt;/span&gt;&lt;span style="font-size:85%;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="font-family:arial;font-size:85%;"&gt;url disini adalah alamat url dr gambar yang akan kamu jadikan background.&lt;/span&gt;&lt;span style="font-size:85%;"&gt;&lt;br /&gt;&lt;br /&gt;&lt;/span&gt;&lt;div  style="border: 4px solid rgb(255, 73, 155); overflow: auto; width: 350px; height: 150px;font-family:arial;"&gt;&lt;span style="font-size:85%;"&gt;&lt;br /&gt;&lt;left&gt;body {&lt;br /&gt;&lt;span style="color: rgb(255, 0, 0);"&gt;background-image: url(http://img.photobucket.com/albums/v174/mog_kupo/layout/Image1.jpg);&lt;/span&gt;&lt;br /&gt;&lt;span style="color: rgb(255, 0, 0);"&gt;background-attachment: fixed;&lt;/span&gt;&lt;br /&gt;&lt;span style="color: rgb(255, 0, 0);"&gt;background-position: center center;&lt;/span&gt;&lt;br /&gt;margin:0;&lt;/left&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;span style="font-size:85%;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="font-family:arial;font-size:85%;"&gt;save dan hasilnya (before-after)&lt;/span&gt;&lt;span style="font-size:85%;"&gt;&lt;br /&gt;&lt;br /&gt;&lt;a style="font-family: arial;" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_sKZQC9oKmLo/SDU-6EQElZI/AAAAAAAAA04/n0iIGCoXdXc/s1600-h/bg01.jpg"&gt;&lt;img style="cursor: pointer;" src="http://4.bp.blogspot.com/_sKZQC9oKmLo/SDU-6EQElZI/AAAAAAAAA04/n0iIGCoXdXc/s200/bg01.jpg" alt="" id="BLOGGER_PHOTO_ID_5203134111790962066" border="0" /&gt;&lt;/a&gt;&lt;a style="font-family: arial;" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_sKZQC9oKmLo/SDU-6EQElaI/AAAAAAAAA1A/UiY0xnUYIQE/s1600-h/bg02.jpg"&gt;&lt;img style="cursor: pointer;" src="http://4.bp.blogspot.com/_sKZQC9oKmLo/SDU-6EQElaI/AAAAAAAAA1A/UiY0xnUYIQE/s200/bg02.jpg" alt="" id="BLOGGER_PHOTO_ID_5203134111790962082" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="font-weight: bold;font-family:arial;font-size:85%;"  &gt;template dots&lt;/span&gt;&lt;span style="font-size:85%;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="font-family:arial;font-size:85%;"&gt;nah untuk template semacam dots dan template2 yang sudah tidak sederhana lagi, biasanya memiliki beberapa background. background post body, background sidebar, background comment dll.&lt;/span&gt;&lt;span style="font-size:85%;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="font-family:arial;font-size:85%;"&gt;sehingga untuk mengutak-atiknya kamu harus teliti, kira2 mana yang bisa untuk dirubah. untuk itu sekedar jaga2, sebelum mengubah ada baiknya kamu copy dulu template awal kamu ke notepad.&lt;/span&gt;&lt;span style="font-size:85%;"&gt;&lt;br /&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="font-family:arial;font-size:85%;"&gt;sama seperti minima pertama dari Dashboard ke-Layout lalu ke-Edit HTML&lt;/span&gt;&lt;span style="font-size:85%;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="font-family:arial;font-size:85%;"&gt;dibagiam HTML scroll kebawah sampai menemukan bagian ini&lt;/span&gt;&lt;span style="font-size:85%;"&gt;&lt;br /&gt;&lt;br /&gt;&lt;/span&gt;&lt;div  style="border: 4px solid rgb(255, 73, 155); overflow: auto; width: 350px; height: 150px;font-family:arial;"&gt;&lt;span style="font-size:85%;"&gt;&lt;br /&gt;&lt;left&gt;body {&lt;br /&gt;margin: 0px 0px 0px 0px;&lt;br /&gt;&lt;span style="color: rgb(255, 0, 0);"&gt;background:#fff url("http://www.blogblog.com/dots/bg_dots.gif");&lt;/span&gt;&lt;br /&gt;&lt;span style="color: rgb(255, 0, 0);"&gt;background-position: 50% 31px;&lt;/span&gt;&lt;br /&gt;text-align:center;&lt;br /&gt;font:x-small Verdana, Arial, Sans-serif;&lt;br /&gt;color:$textcolor;&lt;br /&gt;font-size/* */:/**/small;&lt;br /&gt;font-size: /**/small;&lt;br /&gt;}&lt;/left&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;span style="font-size:85%;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="font-family:arial;font-size:85%;"&gt;lalu sama seperti minima kamu ubah bagian berwarna merahnya dengan kode seperti contohku&lt;/span&gt;&lt;span style="font-size:85%;"&gt;&lt;br /&gt;&lt;br /&gt;&lt;/span&gt;&lt;div  style="border: 4px solid rgb(255, 73, 155); overflow: auto; width: 350px; height: 150px;font-family:arial;"&gt;&lt;span style="font-size:85%;"&gt;&lt;br /&gt;&lt;left&gt;body {&lt;br /&gt;margin: 0px 0px 0px 0px;&lt;br /&gt;&lt;span style="color: rgb(255, 0, 0);"&gt;background-image: url(http://img.photobucket.com/albums/v174/mog_kupo/layout/Image1.jpg);&lt;/span&gt;&lt;br /&gt;&lt;span style="color: rgb(255, 0, 0);"&gt;background-attachment: fixed;&lt;/span&gt;&lt;br /&gt;&lt;span style="color: rgb(255, 0, 0);"&gt;background-position: center center;&lt;/span&gt;&lt;br /&gt;&lt;span style="color: rgb(255, 0, 0);"&gt;background-repeat: no-repeat;&lt;/span&gt;&lt;br /&gt;text-align: center;&lt;br /&gt;font:x-small Verdana, Arial, Sans-serif;&lt;br /&gt;color:$textcolor;&lt;br /&gt;font-size/* */:/**/small;&lt;br /&gt;font-size: /**/small;&lt;br /&gt;}&lt;/left&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;span style="font-size:85%;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="font-family:arial;font-size:85%;"&gt;lalu seperti kataku, karena masih ada beberapa background jadi belum selesai nih prosesnya, kamu masih harus scroll lagi dan mengubah kodenya.&lt;/span&gt;&lt;span style="font-size:85%;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="font-family:arial;font-size:85%;"&gt;contoh mog hanya menggunakan 1 background utama saja, jadi kode background yang lain mog hapus, contoh;&lt;/span&gt;&lt;span style="font-size:85%;"&gt;&lt;br /&gt;&lt;br /&gt;&lt;/span&gt;&lt;div  style="border: 4px solid rgb(255, 73, 155); overflow: auto; width: 350px; height: 150px;font-family:arial;"&gt;&lt;span style="font-size:85%;"&gt;&lt;br /&gt;&lt;left&gt;before&lt;br /&gt;#outer-wrapper {&lt;br /&gt;&lt;span style="color: rgb(255, 0, 0);"&gt;background:url("http://www.blogblog.com/dots/bg_3dots.gif") no-repeat 250px 50px;&lt;/span&gt;&lt;br /&gt;width:700px;&lt;br /&gt;margin:0 auto;&lt;br /&gt;text-align:$startSide;&lt;br /&gt;font:$bodyfont;&lt;br /&gt;}&lt;br /&gt;&lt;br /&gt;after&lt;br /&gt;#outer-wrapper {&lt;br /&gt;width:700px;&lt;br /&gt;margin:0 auto;&lt;br /&gt;text-align:$startSide;&lt;br /&gt;font:$bodyfont;&lt;br /&gt;}&lt;/left&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;span style="font-size:85%;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="font-family:arial;font-size:85%;"&gt;save dan hasilnya (before-after)&lt;/span&gt;&lt;span style="font-size:85%;"&gt;&lt;br /&gt;&lt;br /&gt;&lt;a style="font-family: arial;" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_sKZQC9oKmLo/SDU-6UQElbI/AAAAAAAAA1I/A6Q1cuAunDQ/s1600-h/bg03.jpg"&gt;&lt;img style="cursor: pointer;" src="http://1.bp.blogspot.com/_sKZQC9oKmLo/SDU-6UQElbI/AAAAAAAAA1I/A6Q1cuAunDQ/s200/bg03.jpg" alt="" id="BLOGGER_PHOTO_ID_5203134116085929394" border="0" /&gt;&lt;/a&gt;&lt;a style="font-family: arial;" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_sKZQC9oKmLo/SDU-6kQElcI/AAAAAAAAA1Q/NDpWBSbHIJA/s1600-h/bg05.jpg"&gt;&lt;img style="cursor: pointer;" src="http://2.bp.blogspot.com/_sKZQC9oKmLo/SDU-6kQElcI/AAAAAAAAA1Q/NDpWBSbHIJA/s200/bg05.jpg" alt="" id="BLOGGER_PHOTO_ID_5203134120380896706" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="font-family:arial;font-size:85%;"&gt;ingat scroll terus sampai bawah ya untuk mencari2 kode background yang mau diganti.&lt;/span&gt;&lt;span style="font-size:85%;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="font-family:arial;font-size:85%;"&gt;dan kalau kamu memutuskan untuk tidak menghapus background itu tetapi menggantinya saja, jangan lupa perhatikan ukurannya, jangan jadinya malah tumpang tindih.&lt;/span&gt;&lt;span style="font-size:85%;"&gt;&lt;br /&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="font-family:arial;font-size:85%;"&gt;okay happy try&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/1054692662900018831-849004955546047364?l=moglearn.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://moglearn.blogspot.com/feeds/849004955546047364/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://moglearn.blogspot.com/2008/05/mengganti-background.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/1054692662900018831/posts/default/849004955546047364'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/1054692662900018831/posts/default/849004955546047364'/><link rel='alternate' type='text/html' href='http://moglearn.blogspot.com/2008/05/mengganti-background.html' title='Mengganti Background'/><author><name>Ademog</name><uri>http://www.blogger.com/profile/16837191497054333776</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='http://3.bp.blogspot.com/-MjTyK12_rrY/TuXhAWq2lmI/AAAAAAAABqU/tTRqQc_34Lo/s220/me2.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://4.bp.blogspot.com/_sKZQC9oKmLo/SDU-6EQElZI/AAAAAAAAA04/n0iIGCoXdXc/s72-c/bg01.jpg' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-1054692662900018831.post-1811135118686488649</id><published>2008-05-22T15:08:00.000+07:00</published><updated>2008-05-22T15:16:35.235+07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='mogster'/><title type='text'>mog belajar blog</title><content type='html'>&lt;span style="font-size:85%;"&gt;&lt;span style="font-family: arial;"&gt;atas request-an temen mog buat utak-atik tampilan blog, maka mog bikin blog ini yang akan mog tujukan untuk mencoba menjawab pertanyaan seputar blogging, yah walaupun mog juga blom jago2 bgt, itung2 sambil belajar lagi deh.&lt;/span&gt;&lt;br /&gt;&lt;span style="font-family: arial;"&gt;kenapa ga pake blog utama mog? soalnya blog utama mog dicross post dengan weblog lainnya jadi riskan ntar hehehe.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family: arial;"&gt;okay happy try&lt;/span&gt;&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/1054692662900018831-1811135118686488649?l=moglearn.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://moglearn.blogspot.com/feeds/1811135118686488649/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://moglearn.blogspot.com/2008/05/mog-belajar-blog.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/1054692662900018831/posts/default/1811135118686488649'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/1054692662900018831/posts/default/1811135118686488649'/><link rel='alternate' type='text/html' href='http://moglearn.blogspot.com/2008/05/mog-belajar-blog.html' title='mog belajar blog'/><author><name>Ademog</name><uri>http://www.blogger.com/profile/16837191497054333776</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='http://3.bp.blogspot.com/-MjTyK12_rrY/TuXhAWq2lmI/AAAAAAAABqU/tTRqQc_34Lo/s220/me2.jpg'/></author><thr:total>0</thr:total></entry></feed>
