tag:blogger.com,1999:blog-49116171738050630542024-03-04T21:20:57.014-08:00Phopho DisconnectedUnknownnoreply@blogger.comBlogger194125tag:blogger.com,1999:blog-4911617173805063054.post-86209724088022138022012-10-04T17:22:00.002-07:002012-10-04T17:29:09.156-07:00Cara Membuat Komentar Facebook dan Blogger Berdampingan Pada Semua Template <div style="text-align: justify;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2U49MGbQjTJnfgzyXh-PtI7rNsHJa6ko3q5Eto3caqi2_rhFSKmQA8IRCCelbfOMD6h7IF0gQxn0BtHgjUrV5azrLi6LCcPKWMirtYAPY_vfhYwfbjRsToXvT4sxEaSjWyfwEuf117gsV/s1600/fb-blogger.png" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="126" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2U49MGbQjTJnfgzyXh-PtI7rNsHJa6ko3q5Eto3caqi2_rhFSKmQA8IRCCelbfOMD6h7IF0gQxn0BtHgjUrV5azrLi6LCcPKWMirtYAPY_vfhYwfbjRsToXvT4sxEaSjWyfwEuf117gsV/s320/fb-blogger.png" width="320" /></a></div>
Salam Blogger, Melengkapi permintaan salah satu sahabat
yang meminta saya menjelaskan tentang cara memasang komentar facebook
dan blogger berdampingan.<br />
<br />
Mungkin tutorial ini sudah usang dan tidak asing lagi bagi Sobat semua,
akan tetapi tutorial yang sudah ada saya coba tidak berhasil pada semua
template, dan kemungkinan banyak berhasil pada template premium saja.<br />
<br />
Disini saya sedikit mengulas lagi agar tutorial ini berhasil di semua
template, karena pada saat saya coba pada blog uji coba saya yang
bertemplate standar, tuorial yang lama tidak berhasil, hanya berhasil
pada template premium saja, berikut cara yang saya dapatkan dari salah
satu blog yang sudah lama bergelut di dunia blogger.</div>
<br />
Cara Membuat Komentar Facebook dan blogger Berdampingan Pada semua template: <a href="http://riset99.blogspot.com/2012/04/free-link-exchange-get-1-million.html" target="_blank"><b>DEMO</b></a><br />
<ol>
<li>Login ke account blogger Sobat</li>
<li>Klik rancangan lalu klik Edit HTML</li>
<li>Download template Sobat dulu untuk berjaga-jaga jika nanti terjadi kesalahan</li>
<li>Beri centang atau ceklis pada kotak kecil yang bertuliskan <b>Expand Template Widget</b></li>
<li>Jika sudah, cari kode <b style="color: red;">]]></b:skin></b> (gunakan <b style="color: cyan;">ctrl + f</b> untuk mempermudah pencarian)</li>
<li>Kalau sudah ketemu maka masukkan kode berikut ini <b style="color: cyan;">di atas</b> kode <b style="color: red;">]]></b:skin></b></li>
<br /><div>
<div style="margin-bottom: 2px;">
<span style="font-size: medium;"><b>Klik buka untuk melihat kode:</b></span>
</div>
<div style="-moz-border-radius: 5px; border: 2px inset; margin: 0px; padding: 6px;">
<div>
.comments-page { background-color: #<b style="color: lime;">f2f2f2</b>;}<br />
#blogger-comments-page { padding: 0px 5px; display: none;}<br />
.comments-tab { float: left; padding: 5px; margin-right: 3px;<br />
cursor: pointer; background-color: #f2f2f2;}<br />
.comments-tab-icon { height: 14px; width: auto; margin-right: 3px;}<br />
.comments-tab:hover { background-color: #eeeeee;}<br />
.inactive-select-tab { background-color: #d1d1d1;}</div>
</div>
</div>
<br /><div style="text-align: justify;">
Hilangkan kode berwarna hijau bila ingin background kedua komentar transparan.<br />
<br />
Cara di atas ini yang biasanya mewajibkan penempatan kode <b style="color: cyan;">di bawah</b> kode <b style="color: cyan;">/* Comment</b> atau <b style="color: cyan;">#comments</b>, Sebenarnya sama saja, mungkin para master terdahulu menyarankan begitu agar tampak lebih rapi.</div>
<br />
<li>Kemudian Sobat cari kode <b style="color: red;"></head></b><br />
Jika sudah ketemu, masukkan kode berikut ini tepat <b style="color: cyan;">di atas</b> kode <b style="color: red;"></head></b></li>
<br /><br /><div>
<div style="margin-bottom: 2px;">
<span style="font-size: medium;"><b>Klik buka untuk melihat kode:</b></span>
</div>
<div style="-moz-border-radius: 5px; border: 2px inset; margin: 0px; padding: 6px;">
<div>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/><br />
<script src='http://code.jquery.com/jquery-latest.js'/><br />
<meta content='<b style="color: lime;">ID FB Sobat disini</b>' property='fb:admins'/><br />
<script type='text/javascript'><br />
function commentToggle(selectTab) {<br />
$(".comments-tab").addClass("inactive-select-tab");<br />
$(selectTab).removeClass("inactive-select-tab");<br />
$(".comments-page").hide();<br />
$(selectTab + "-page").show();<br />
}<br />
</script></div>
</div>
</div>
<br /><div style="text-align: justify;">
Perhatikan tulisan yang berwarna hijau di atas, ganti dengan ID facebook Sobat, misalkan https://www.facebook.com/<b style="color: lime;">nama Sobat</b> maka ID Sobat berada pada tulisan yang berwana <b style="color: lime;">hijau</b>.
Namun jika Sobat belum merubah ID Sobat maka yang tertera adalah berupa
angka. contohnya seperti ini: https://www.facebook.com/<b style="color: lime;">1234567890 </b></div>
<br />
<li>Kemudian cari kode <b style="color: red;"><div class='comments' id='comments'></b></li>
<br /><br /><b style="color: yellow;">Keterangan:</b> Pada umumnya kode tersebut ada 2, copy dan pastekan kode berikut ini <b style="color: cyan;">di bawah</b> kedua kode <b style="color: red;"><div class='comments' id='comments'>.</b><br /><br /><br /><div>
<div style="margin-bottom: 2px;">
<span style="font-size: medium;"><b>Klik buka untuk melihat kode:</b></span>
</div>
<div style="-moz-border-radius: 5px; border: 2px inset; margin: 0px; padding: 6px;">
<div>
<div class='comments-tab' id='fb-comments'
onclick='javascript:commentToggle(&quot;#fb-comments&quot;);'
title='Comments made with Facebook'><br />
<img class='comments-tab-icon' src='http://static.ak.fbcdn.net/rsrc.php/v1/yH/r/eIpbnVKI9lR.png'/><br />
<fb:comments-count expr:href='data:post.url'/> Comments<br />
</div><br />
<div class='comments-tab inactive-select-tab'
id='blogger-comments'
onclick='javascript:commentToggle(&quot;#blogger-comments&quot;);'
title='Comments from Blogger'><br />
<img class='comments-tab-icon'
src='http://www.blogger.com/img/icon_logo32.gif'/>
<data:post.numComments/> Comments<br />
</div><div class='clear'/><br />
</div><br />
<div class='comments-page' id='fb-comments-page'><br />
<b:if cond='data:blog.pageType == &quot;item&quot;'><br />
<div id='fb-root'/><br />
<fb:comments expr:href='data:post.url' num_posts='<b style="color: cyan;">2</b>' width='<b style="color: lime;">400</b>'/><br />
</b:if><br />
</div><br />
<b style="color: magenta;"> <div class='comments comments-page' id='blogger-comments-page'></b></div>
</div>
</div>
<br /><div style="text-align: justify;">
<b style="color: yellow;">NB:</b> Pada penempatan kode yang ke dua Sobat hapus kode yang berwarna <b style="color: magenta;">ungu</b> ya:<b style="color: magenta;"> <div class='comments comments-page' id='blogger-comments-page'></b> apabila kode di bawahnya sama.</div>
<br /><div style="text-align: justify;">
Perhatikan angka yang berwarna biru dan hijau di atas, angka <b style="color: cyan;">2</b> merupakan jumlah komentar yang akan ditampilkan pada komentar facebook. Sedangkan angka <b style="color: lime;">400</b>
merupakan lebar kotak komentar facebook. Sobat dapat menyesuaikannya
sesuka hati, tapi kalu boleh saya kasih saran, sesuaikanlah dengan lebar
template Sobat agar kelihatan rapi.</div>
<br /><div style="text-align: justify;">
Pada cara di atas yang biasanya menyarankan hanya menempatkan pada kode <b style="color: red;"><div class='comments' id='comments'></b>
yang kedua saja, saat saya coba pada template blog uji coba saya tidak
berhasil, jadi harus menempatkan di bawah kedua kode tersebut.</div>
<br />
<li>Kemudian klik <b style="color: red;">save</b>, dan lihat hasilnya.</li>
</ol>
Unknownnoreply@blogger.comtag:blogger.com,1999:blog-4911617173805063054.post-55006085245081106062012-10-04T03:10:00.003-07:002012-10-04T03:10:32.296-07:00PASANG WIDGET RADIO ONLINE MP3 MUSIC NONSTOP 24 JAM<span style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left;"><span style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Radio
streaming online memang menjadi primadona di internet. Bukan hanya
orang luar, Orang di indonesia sendiri banyak juga yang mendengarkan
radio lewat komputer. Dan ada banyak kok siaran indonesia yang bisa anda
dengarkan.<br /><br />Walaupun siaran radio tidak sepopuler dulu waktu
zamannya Gombloh, tapi tetap aja hidup kagak ada artinya tanpa menyimak
para orang cakap-cakap di sana. Nah bagi anda orang yang nggak kuat beli
radio dan hanya kuat beli komputer sama berlangganan internet, radio
online bisa menjadi alternatif.<br /><br />Apalagi dengan sifatnya yang
mobile, jadi walaupun anda ada di jogja tapi ingin mendengarkan siaran
streaming radio dari Balikpapan pun bisa dilakukan. <br /><br /><br />Contoh Anda Bisa Lihat dibawah ini : <span style="font-family: dungeon; font-size: xx-small;"><br style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /></span></span></span><br />
<br />
<br />
<br />
<center style="font-family: dungeon; font-size: 13px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<br style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /></center>
<br style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /><br />
<br />
Baiklah Kita langsung saja ke TKP, jika sobat pengen memasang radio
online di website sobat,cukup dengan men-copy kode di bawah ini, dan
mem-paste-nya di blog WIDGET atau website kamu, kamu sudah bisa miliki
radio Online kamu sendiri.<br />
<br />
<i style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><center><p><img src="http://i56.tinypic.com/jpbr5g.gif"height="60px"width="245px"border="0"/></p><br /><p><embed
style="pluginspage="http://www.microsoft.com/Windows/Downloads/Contents/Products/MediaPlayer/"autostart="true"quality="normal"displaysize="0"showstatusbar="1"type="</i><i>application/x-mplayer2"src="</i><i><span style="color: red; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><b>http://ceriaradio.com:8000/</b></span>"name="raocxplayer" allowscriptaccess="never"height="65"width="auto"></embed><br /><a
href="http://be-science.blogspot.com /"
style="color:#666666;font-family:arial;font-size:13px;font-weight:normal;text-align:center;width:auto;padding:0
23px;text-decoration:blink;">www.be-science.blogspot.com</a><br /></p></center></i><br />
<br />
KET :>><br />
Teks yang berwarna merah adalah channel radio online anda,. dan anda
dapat menggantinya jika memiliki channel radio favorite anda sendiri.<br />
<br />
Eitts,.. tunggu dulu Atau Mau mendengarkan siaran online dari seluruh
penjuru Indonesia, Bisa dilakukan! Dengan dua syarat : ada internet dan
ada radio-nya.:D<br />
<br />
Lalu dimanakan letak situs radio itu berada. Nah daripada anda
pusing-pusing mencari dimana letak radio streaming online. Setelah
mengarungi samudra internet utta akhirnya menemukan daftar link radio
indonesia yang dapat dilihat eh maksud ane didengarkan secara online. Ya
seperti televisi online, radio pun berkumandang di internet.<br />
<br />
Hmmmm… sepertinya utta ada yang kelupaan!<br />
Oh ya ini dia beberapa daftar channel radio streaming online lainnya yang bisa anda dengarkan :<br />
<br />
<br />
1. Nagaswara 99.7 FM Bogor :<br />
<span style="color: red; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">http://www.nagaswarafm.com/listen.asx</span><br />
<br />
2. STAR 105.4FM TARAKAN :<br />
<span style="color: red; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">http://119.110.87.62:7020/</span><br />
<br />
3. DENGERIN MUSIK INDONESIA :<br />
<span style="color: red; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">http://stream.denger.in:8888/</span><br />
<br />
4. 99ers Radio 100 FM Bandung :<br />
<span style="color: red; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">http://99ers-fm.simaya.net.id:8700/</span><br />
<br />
5. TOPFM951 BUMIAYU :<br />
<span style="color: red; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">http://streaming.topfm951.net:9510/</span><br />
<br />
6. Radio PLS 100 Fm 100% Hitz (MAKASSAR) :<br />
<span style="color: red; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">http://180.249.51.143:8000/</span><br />
<br />
7. Rajawali Radio - Bandung :<br />
<span style="color: red; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">http://125.160.17.21:8012/</span><br />
<br />
8. Radio Suka-Suka -Bandung :<br />
-(US Server) :<br />
<span style="color: red; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">http://s9.viastreaming.net:7060<br />-(Indonesia server)<br />http://119.110.87.62:8200</span><br />
<br />
9. RASE 102.3 FM Bandung :<br />
<span style="color: red; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">http://rase-fm.simaya.net.id:8200/</span><br />
<br />
10. Ardan 105.9 Fm, Bandung :<span style="color: red; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><br />http://live.ardanradio.com:8228/</span><br />
<br />
11. RADIO KUSUMA FM 95, 9 CILACAP INDONESIA :<br />
<span style="color: red; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">http://173.0.54.123:9590/</span><br />
<br />
12. Radio Mora 88.5 FM Jabar :<br />
<span style="color: red; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">http://118.96.193.47:8000/</span><br />
<br />
13. Radio Mora FM 91,30 Sumut :<br />
<span style="color: red; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">http://live.radiomora.com:9040/</span><br />
<br />
14. Star FM 105.5 JATIM :<span style="color: red; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><br />http://202.148.11.104/starfm </span><br />
<br />
15. Radio Suara 100FM Surabaya :<br />
<span style="color: red; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">http://wma1.viastreaming.net/radiossfm </span><br />
<br />
16. Sindo Radio 97.00 FM JOGJA :<br />
<span style="color: red; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">http://i.solokita.net:7088/ </span><br />
<br />
17. DJWIRYA FM :<br />
<span style="color: red; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">http://202.87.187.11:2020/</span><br />
<br />
18. Dakta 107FM – Bekasi :<br />
<span style="color: red; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">http://www.dakta.com:8000/</span><br />
<br />
19. Radio 94.8 DJFM - Surabaya :<br />
<span style="color: red; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">mms://202.154.57.172:9000/djfm</span><br />
<br />
20. Global FM 90.9 - Surabaya :<br />
<span style="color: red; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">mms://202.154.57.172:9000/globalfm</span><br />
<br />
21. Mercury FM 96.0 - Surabaya :<br />
<span style="color: red; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">mms://202.154.57.172:9000/mercuryfm</span><br />
<br />
22. WIJAYA FM 103.5 - SURABAYA :<br />
<span style="color: red; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">mms://202.148.11.104/Wijayafm</span><br />
<br />
23. FBI 91.8FM - BALI :<br />
<span style="color: red; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">mms://202.148.11.104/fbifm</span><br />
<br />
24. Menara 102.8 FM - BALI :<span style="color: red; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><br /></span><span style="color: red;">mms://202.148.11.104/menarafm</span><br />
<br />
NB :>><br />
Jika sobat memiliki Chanel radio online yang lain, tapi tidak ada di
dalam daftar diatas, silahkan tambahkan melalui form komentar, ingat ya
harus Indonesia. Dan bagi barang siapa yang menambahkan daftar radio,
utta akan berikan hadiah ya itu “ucapan terima kasih”.hehee,..<br />
Unknownnoreply@blogger.comtag:blogger.com,1999:blog-4911617173805063054.post-79316211421660501632012-10-03T02:42:00.003-07:002012-10-03T02:42:51.029-07:00Memasang kotak komentar facebook di blog terbaru 2012 <div class="separator" style="clear: both; text-align: center;">
<img alt="Memasang kotak komentar facebook di blog terbaru 2012" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9FZ26txsGSK-RFhWeKMh0u_eB39Eeu6An_Fp1Aor2Cx5WOrWqJ90hbJPwSIyOqZjIz_yQdjkN5e2-DYwY57xIdCpKM5eGJ4_yVdKOdqurpdZDw6OI4NJm616Lfp_C6A60ZPESHSxrPtk/s1600/ScreenShot048.jpg" title="" /></div>
Modar-mandir,
kesana kemari ketika saya mencari tutorial blog bagaimana cara pasang
facebook komentar dibawah postingan susahnya lumayan, bukannya gak ada,
yang ada juga gak ada cocok, di coba satu persatu, banyak gagalnya tapi
ada juga yang berhasil cuman hasilnya tidak memuaskan dan kurang
sempurna. tapi pada akhirnya saya menemukan sendiri caranya dan terbukti
sukses, berhasil sempurna sesuai yang diinginkan.<br />
<div>
berikut ini solusi terbaik dan cara yang saya praktekan berhasil memuaskan, ok langsung ke TKP..</div>
<br />
1. Pertama anda masuk ke facebook developers langsung aja <b><a href="https://developers.facebook.com/docs/reference/plugins/comments/" target="_blank">KLIK DISINI</a>.</b><br />
*pastikan anda sudah login ke facebook, tapi sebetulnya bagi anda yang
tidak mempunyai akun facebook atau tidak login ke facebook pun bisa
mendapatkan kode nya dan disini anda tidak perlu mendaftar aplikasi
facebook seperti biasanya.<br />
<a href="http://www.blogger.com/blogger.g?blogID=4911617173805063054" name="more"></a><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<img alt="Memasang kotak komentar facebook di blog terbaru 2012" border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJlYX-QJhqwp59O4vescSSuFU4P9fgdkYbSdspE9fB82YbgkwILto3f05pWR_jsEmo8TsPp5QnN2f8pECizaYeAcGMNh4IB2WD4gie808g2gf7F0No1vtSfbQtZ52g0XKyfoEaYSoyQfE/s400/d.jpg" title="" width="318" /></div>
<div class="separator" style="clear: both; text-align: center;">
<br />
</div>
- Isilah kolom <b>URL to commnet</b> on dengan blog/website anda.<br />
- Pada kolom <b>Number of posts</b> ganti angka sesuai keinginan anda,
angka tersebut merupan jumlah komentar yang muncul di blog, apabila
komentar lebih dari nominal yang di pilih maka komentar otomatis
tersembunyi di bawah komentar ke terakhil, jika ingin menampilkannya
anda tinggal mengklik tombol "tampilkan yang lain".<br />
- Di kolom <b>Width</b> gantilah sesuai dengan lebar template template blog ada.<br />
- <b>Color scheme</b> ada dua pilihan: light an dark, pilih sesuai selera.<br />
- Terakhir tekan tombol <b>Get Code</b>.<br />
maka munculah jendela seperti ini<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<img alt="Memasang kotak komentar facebook di blog terbaru 2012" border="0" height="276" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXvrupS0wXALaX0_HLBEQvKF9cUaQOVWykNtQkQSw01yBmcKFIn4jpmjXtRsXAbOmoH3TafhZQk0NCZcALGSsAwlvFicb6CHGXJGL5cDJUyKfXGFKN8J00qkxky8bB8XopmTJh1P5e85s/s400/e.jpg" title="" width="400" /></div>
<div class="separator" style="clear: both; text-align: center;">
<br />
</div>
2. Pada tab HTML 5 yang kita gunakan hanya kode yang paling bawah,
sedangkan kode yang diatasnya itu diabaika sajah, kopi terlebih dahulu
kode di bawah tersebut dan pastekan dahulu ke notepad.<br />
<br />
3. selanjutnya Log in ke Blogger pilih <b>Template</b> lalu pilih <b>Edit HTML </b> lalu Pilih <b>Lanjutkan </b>kemudian centang <span class="Apple-style-span" style="background-color: white; color: #222222;"><span class="Apple-style-span" style="font-family: inherit;"><b>Expand Template Widget </b>(posisi di pojok kiri atas).</span></span><br />
<span class="Apple-style-span" style="background-color: white; color: #222222;"><span class="Apple-style-span" style="font-family: inherit;"><br />
</span></span><br />
<div class="separator" style="clear: both; text-align: center;">
<img border="0" height="218" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzHczKVXGHQ6eSVdBz5yQdI2IKTfGKtsX6Rn9DreRadPTduZ6q9AYD8u0C-fpe0wJ6LUjGQULs9iJUX02fkfG91lT4StGTAUyrPhPN3QJzYUiF-IjixSvFHYtqG8QTD5dM53oRdXem4vw/s640/g.jpg" width="640" /></div>
<div class="separator" style="clear: both; text-align: left;">
<span class="Apple-style-span" style="color: #222222;"><br />
</span></div>
<span class="Apple-style-span" style="background-color: white; color: #222222;"><span class="Apple-style-span" style="font-family: inherit;">*ingat! backup terlebih dahulu template sebelum melanjutkan tutorial ini</span></span><br />
<span class="Apple-style-span" style="background-color: white; color: #222222;"><span class="Apple-style-span" style="font-family: inherit;"><br />
</span></span><br />
<span class="Apple-style-span" style="background-color: white; color: #222222;"><span class="Apple-style-span" style="font-family: inherit;">4. Cari tag </span></span><br />
<blockquote class="tr_bq">
<span class="Apple-style-span" style="background-color: white; color: #222222;"><span class="Apple-style-span" style="font-family: inherit;"><b><body></b></span></span></blockquote>
5. Kemudian Kopi lalu pastekan kode di bawah ini setelah kode <b><body></b><br />
<blockquote class="tr_bq" style="font-weight: bold;">
<div id='fb-root'/><br />
<script>(function(d, s, id) {<br />
var js, fjs = d.getElementsByTagName(s)[0];<br />
if (d.getElementById(id)) {return;}<br />
js = d.createElement(s); js.id = id;<br />
js.src = &quot;//connect.facebook.net/en_GB/all.js#xfbml=1&quot;;<br />
fjs.parentNode.insertBefore(js, fjs);<br />
}(document, &#39;script&#39;, &#39;facebook-jssdk&#39;));</script></blockquote>
maka hasilnya akan seperti ini<br />
<blockquote class="tr_bq">
<blockquote class="tr_bq">
<b><body></b><br />
<span class="Apple-style-span" style="font-weight: bold;"><span class="Apple-style-span" style="color: red;"><div id='fb-root'/><br />
<script>(function(d, s, id) {<br />
var js, fjs = d.getElementsByTagName(s)[0];<br />
if (d.getElementById(id)) {return;}<br />
js = d.createElement(s); js.id = id;<br />
js.src = &quot;//connect.facebook.net/en_GB/all.js#xfbml=1&quot;;<br />
fjs.parentNode.insertBefore(js, fjs);<br />
}(document, &#39;script&#39;, &#39;facebook-jssdk&#39;));</script></span></span></blockquote>
</blockquote>
6.
Tahap pertama selesai lanjut ke tahap berikutnya, masih ingat langkah
ke 2 yap buka notepad yang berisi kode tadi kemudian kopi lalu letakan
kode tadi setelah kode<br />
<blockquote class="tr_bq">
<b><p class='comment-footer'><br />
<b:if cond='data:post.embedCommentForm'><br />
<b:if cond='data:post.allowNewComments'><br />
<b:include data='post' name='comment-form'/><br />
<b:else/><br />
<data:post.noNewCommentsText/><br />
</b:if><br />
<b:else/><br />
<b:if cond='data:post.allowComments'><br />
<a expr:href='data:post.addCommentUrl'
expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a><br />
</b:if><br />
</b:if><br />
</p><br />
</b:if></b></blockquote>
atau yang mirip dengan kode diatas
karena posisi komentar facebook nya berada dibawah komentar bawaan
blogspot, atau anda bisa menonaktifkan komentar bawaannya dengan pilih <b>Setelan-Pos dan komentar-lokasi komentar</b>, lau pilih <b>Sembunyikan.</b><br />
Maka hasilnya akan seperti ini<br />
<blockquote class="tr_bq">
<blockquote class="tr_bq">
<b><span class="Apple-style-span" style="font-weight: normal;"><b><p class='comment-footer'><br />
<b:if cond='data:post.embedCommentForm'><br />
<b:if cond='data:post.allowNewComments'><br />
<b:include data='post' name='comment-form'/><br />
<b:else/><br />
<data:post.noNewCommentsText/><br />
</b:if><br />
<b:else/><br />
<b:if cond='data:post.allowComments'><br />
<a expr:href='data:post.addCommentUrl'
expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a><br />
</b:if><br />
</b:if><br />
</p><br />
</b:if></b></span><br />
<span class="Apple-style-span" style="color: red;"><div class="fb-comments" data-href="</span><span class="Apple-style-span" style="color: lime;">http://bloganda.blogspot.com</span><span class="Apple-style-span" style="color: red;">" data-num-posts="</span><span class="Apple-style-span" style="color: lime;">5</span><span class="Apple-style-span" style="color: red;">" data-width="</span><span class="Apple-style-span" style="color: lime;">470</span><span class="Apple-style-span" style="color: red;">"></div></span></b></blockquote>
</blockquote>
*Yang diwarnai <b><span class="Apple-style-span" style="color: red;">merah</span></b> adalah kode yang di dapat dari langkah 1 dan 2<br />
*Yang diwarnai <b><span class="Apple-style-span" style="color: lime;">hijau</span></b> bisa anda sesuaikan lagi jika merasa perlu dirubah kembali.<br />
Unknownnoreply@blogger.comtag:blogger.com,1999:blog-4911617173805063054.post-14331084184665907912012-10-03T02:29:00.004-07:002012-10-03T02:29:37.533-07:00CARA MENGATUR JUMLAH ARTIKEL YANG TAMPIL PADA SAAT KLIK LABELPada template bawaan blogspot setiap label di klik maka jumlah artikel
akan tampil semua, jika jumlah nya banyak maka halaman blog kita menjadi
panjang ke bawah. Ini tentunya sangat tidak menarik untuk blog kita,
apalagi loading page nya menjadi sangat lambat.<br />
<a href="http://www.blogger.com/blogger.g?blogID=4911617173805063054" name="more"></a><br />
<div>
Pada artikel ini akan menjelaskan bagaimana <b>cara mengatur jumlah artikel yang tampil pada saat klik label</b>.<br />
Masuk blogger > rancangan > edit html > centang expand template widget<br />
cari kode <b><span class="Apple-style-span" style="color: red;">expr:href='data:label.url</span></b> Kemudian tambahkan kode ini <b><span class="Apple-style-span" style="color: red;">+ &quot;?max-results=5&quot;</span></b> setelah kode <b><span class="Apple-style-span" style="color: red;">expr:href='data:label.url</span></b>, nanti jadi nya seperti di bawah ini<br />
<br />
expr:href='data:label.url + &quot;?max-results=5&quot;<br />
<br />
CATATAN : terdapat banyak kode expr:href='data:label.url yang berada di
template kita, jadi tambahkan kode + &quot;?max-results=5&quot
pada semua kodeexpr:href='data:label.url yang ada di template. <br />
Setelah semua selesai di tambahkan, simpan template.<br />
<br />
Kemudian cara ini untuk yang memakai navigasi nomor halaman,<br />
Cara nya masih sama dengan yang di atas yang berbeda adalah kode yang
harus di tambah. Kode yang harus di tambahkan adalah kode berikut ini <b><span class="Apple-style-span" style="color: blue;">+ &quot;?&amp;max-results=5&quot</span></b>; nanti jadi nya akan seperti ini :<br />
<br />
expr:href='data:label.url + &quot;?&amp;max-results=5&quot;<br />
<br />
Masih sama seperti di atas kode tersebut harus di tambahkan pada semua kode <b><span class="Apple-style-span" style="color: red;">expr:href='data:label.url</span></b> yang terdapat di template.<br />
Jika semua sudah benar simpan template.<br />
Perhatikan results=5, angka 5 adalah jumlah artikel yang akan tampil
saat label di klik, jadi bisa sobat ganti sesuai dengan keinginan sobat.</div>
Unknownnoreply@blogger.comtag:blogger.com,1999:blog-4911617173805063054.post-76798604445706074042012-10-03T02:27:00.001-07:002012-10-03T02:27:25.023-07:00Membuat Menu Bar Dua Rangkap Di Blogspot Menubar merupakan sarana navigasi pada blog/web, yang berisi daftar
tautan/link, Menubar sendiri biasanya berada di bawah header atau diatas
header pada posisi horizontal atau mendatar, dalam variasinya menubar
bisa di kostum sedemikian rupa, ada dalam satu web menubarnya terdapat
lebih dari satu, kadang itu berada diatas header dan dibawah header, dan
terkadang dirangkap dua dan diletakan dibawah header, termasuk blog ini
sendiri menggunakan <i>menubar rangkap dua</i>.
<a href="http://www.blogger.com/blogger.g?blogID=4911617173805063054" name="more"></a><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
Secara default layanan blogger tidak menyediakan menubar pada
template-template sederhananya, sebetulnya menubar itu sendiri tidak
mutlak diperlukan dalam sebuah blog, namun untuk membuat tampilan blog
anda terlihat professional ada baiknya anda pelajari Postingan ini dan
mempraktekan serta memasang menubarnya ke blog anda. <b><a href="http://m4zone.blogspot.com/2012/08/membuat-menu-bar-dua-rangkap-di-blogspot.html">Cara memasang menubar rangkap dua</a></b> yang keren seperti gambar diatas ikuti langkah berkut :<br />
<br />
Sebelum melakukan Pengeditan, alangkah baiknya backup terlebih dahulu template lama anda.<br />
<br />
1. Log in ke akun blogger dengan menggunakan akun anda.<br />
2. Pilih menu Template, Klik tombol Edit HTML.<br />
3. Centang Expand Template Widget,<br />
4. Cari kode <span class="Apple-style-span" style="color: purple;"><b>]]></b:skin></b></span>, gunakan CTRL + F untuk mempercepat pencarian, kemudian pastekan kode dibawah ini tepat diatas kode <span class="Apple-style-span" style="color: purple;"><b>]]></b:skin></b></span> tadi.<br />
<blockquote class="tr_bq">
#menuwrapperpic{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrkRu9afpi-cYYBdqRtuyVHyeDISUV3Il-97WsW6lTgk1gQwWBVjWsk_IqE5oVKkn32JNA6VOeWnpFVF2lUAxsRpEZSh1i-j9REgDspgEdTHaqr8yPJseqswN-YX5kE0RPWL5ecswhkf8/s1600/menuwrap.png)
repeat-x top;border-top:5px solid #26231c;border-bottom:5px solid
#26231c;width:100%;margin:0 auto;padding:0 auto;height:37px}<br />
#menuwrapper{width:980px;height:37px;margin:0 auto}<br />
.clearit{clear:both;height:0;line-height:0.0;font-size:0}<br />
#menubar{width:100%}<br />
#menubar,#menubar ul{list-style:none;font-family:Arial, serif;margin:0;padding:0}<br />
#menubar
a{display:block;text-decoration:none;font-size:12px;font-weight:700;text-transform:none;color:#ddd;padding:11px
12px 11px;border-right:1px solid #6c6250;border-left:1px solid #373123}<br />
#menubar
a.trigger{background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgveFFDqexn_TWkiLRzPhV4uJ6t5IHNrpD8t94PFzJfADzVtLqfQyNrTQeqCBf7Wbefu_FSyAjqsce7IMM3JcRxN2ZnPzl0X9m4rreVKZJG7ZbnVHZ28TId3ngCBqMTt1b1CwR_pSPdyq0/s1600/arrow_white.gif);background-repeat:no-repeat;background-position:right
center;padding:11px 24px 11px 12px}<br />
#menubar li{float:left;position:static;width:auto}<br />
#menubar li ul,#menubar ul li{width:170px}<br />
#menubar ul li
a{text-align:left;color:#fff;font-size:12px;font-weight:400;text-transform:none;font-family:Arial;border:none;padding:5px
10px}<br />
#menubar li
ul{z-index:100;position:absolute;display:none;background:#26231c;-moz-box-shadow:0
2px 2px rgba(0,0,0,0.6);-webkit-box-shadow:0 2px 2px rgba(0,0,0,0.6)}<br />
#menubar li:hover a,#menubar a:active,#menubar a:focus,#menubar li.hvr a{background-color:#26231c;color:#fff}<br />
#menubar li:hover ul,#menubar li.hvr ul{display:block}<br />
#menubar li:hover ul a,#menubar li.hvr ul a{color:#edfdfd;background-color:transparent;text-decoration:none}<br />
#menubar li ul li.hr{border-bottom:1px solid #433e31;border-top:1px
solid #11100d;display:block;font-size:1px;height:0;line-height:0;}<br />
#menubar ul a:hover{background-color:#555!important;color:#fff!important;text-decoration:none}</blockquote>
<blockquote class="tr_bq">
#nav-wrapper{background:#ebe8e1;height:30px;font-family:Arial;overflow:hidden;width:100%}<br />
#nav{margin:0 auto;width:980px;height:30px;padding:0auto}<br />
#nav ul{float:left;width:auto;height:30px;margin:0;padding:0;list-style-type:none}<br />
#nav ul li{float:left;height:30px}<br />
#nav ul li a,#nav ul li a:visited{float:left;height:30px;padding:7px 10px;color:#000;font:bold 12px Arial;text-transform:none}<br />
#nav ul li a:hover,#nav .selected{color:#626262;text-decoration:none;}</blockquote>
<blockquote class="tr_bq">
#search{float:right;width:180px;height:20px;margin-top:3px;margin-right:5px}<br />
#search form{float:left}<br />
#search input[type="text"]{background:#fff
url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimSA6Vng-4T4TZcJxb9WaBw7jG-XfLgMFaE5xmzEA9sP0bwJLrS224AXEqSzEzw8718y3f-YnH4ym4LdqSdV9xH5DkfGbE-ffhK95c1DYaW4M6skqhBEwpXemY4NgBBKlj6akM4avULaY/s1600/search_button.png)
no-repeat scroll 4px center;float:left;border:1px solid
#999;width:146px;margin-top:1px;padding:3px
15px;font-size:12px;text-align:right}<br />
#search input[type="text"]:focus{background:#fff}<br />
#search input[type="submit"]{display:none} </blockquote>
5. Kode diatas ada tiga bagian, Menubar Horizontal Atas, Menubar
Horizontal Bawah, dan Kolom Pencarian/Search. Sesuaikan dengan selera
anda pakah mau dipakai tiga-tiganya atau hanya pilih salah satu. Setelah
itu kemudian temukan kode<br />
<blockquote class="tr_bq">
<div id=’header-wrapper’><br />
<b:section class=’header’ id=’header’ maxwidgets=’1′ showaddelement=’no’><br />
<b:widget id=’Header1′ locked=’false’ title=’Beautiful Beta (Header)’ type=’Header’/><br />
</b:section><br />
</div></blockquote>
<br />
dikarenakan setiap template berbeda-beda, mungkin kode yang akan anda
temukan lebih panjang, pastikan setelah kode <div id='header
wrapper'> anda telusuri sampai kode penutup </div>. Kemudian
pastekan kode dibawah ini setelah kode diatas.<br />
<blockquote class="tr_bq">
<div id='menuwrapperpic'><br />
<div id='menuwrapper'><br />
<ul id='menubar'><br />
<li><a href='/'><img border='0'
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBi5F2szJMgwkzl0DCQLWB0UzM8CKiPDACfZdyxu9xed1Uqq0HABAyY2o5TUuRD28PPf33eXrSP4YH-RDTvPbF8QrmjX_0EKRoccQ_xiMXn-FptRqs8HX5th3ZvhFEejOxB8B1S8ZuIakf/s1600/home_white.png'
style='padding:0px;'/></a></li><br />
<li><a href='<span class="Apple-style-span" style="color: red;">masukkan link disini</span>'><span class="Apple-style-span" style="color: blue;">Menu 1</span></a></li><br />
<li><a href='<span class="Apple-style-span" style="color: red;">masukkan link disini</span>'><span class="Apple-style-span" style="color: blue;">Menu 2</span></a></li><br />
<li><a class='trigger' href='#'><span class="Apple-style-span" style="color: blue;">Menu 3</span></a><br />
<ul><br />
<li><a href='<span class="Apple-style-span" style="color: red;">masukkan link disini</span>'><span class="Apple-style-span" style="color: blue;">Sub Menu 1</span></a></li><br />
<li class='hr'/><br />
<li><a href='<span class="Apple-style-span" style="color: red;">masukkan link disini</span>'><span class="Apple-style-span" style="color: blue;">Sub Menu 2</span></a></li><br />
<li class='hr'/><br />
<li><a href='<span class="Apple-style-span" style="color: red;">masukkan link disini</span>'><span class="Apple-style-span" style="color: blue;">Sub Menu 3</span></a></li><br />
</ul><br />
</li><br />
<li><a href='<span class="Apple-style-span" style="color: red;">masukkan link disini</span>'><span class="Apple-style-span" style="color: blue;">Menu 4</span></a></li><br />
<li><a class='trigger' href='#'><span class="Apple-style-span" style="color: blue;">Menu 5</span></a><br />
<ul><br />
<li><a href='<span class="Apple-style-span" style="color: red;">masukkan link disini</span>'><span class="Apple-style-span" style="color: blue;">Sub Menu 1</span></a></li><br />
<li class='hr'/><br />
<li><a href='<span class="Apple-style-span" style="color: red;">masukkan link disini</span>'><span class="Apple-style-span" style="color: blue;">Sub Menu 2</span></a></li><br />
<li class='hr'/><br />
<li><a href='<span class="Apple-style-span" style="color: red;">masukkan link disini</span>'><span class="Apple-style-span" style="color: blue;">Sub Menu 3</span></a></li><br />
</ul><br />
</li><br />
</ul><br />
<br class='clearit'/><br />
</div><br />
<div style='clear:both;'/><br />
</div> </blockquote>
<blockquote class="tr_bq">
<div id='nav-wrapper'><br />
<div id='nav'><br />
<b:section class='page' id='page' showaddelement='no'><br />
<b:widget id='PageList1' locked='false' title='Pages' type='PageList'><br />
<b:includable id='main'><br />
<div class='widget-content'><br />
<ul><br />
<b:loop values='data:links' var='link'><br />
<b:if cond='data:link.isCurrentPage'><br />
<li class='selected'><a expr:href='data:link.href'><data:link.title/></a></li><br />
<b:else/><br />
<li><a expr:href='data:link.href'><data:link.title/></a></li><br />
</b:if><br />
</b:loop><br />
</ul><br />
</div><br />
</b:includable><br />
</b:widget><br />
</b:section> </blockquote>
<blockquote class="tr_bq">
<div id='search'><br />
<form action='/search' class='search' id='searchform' method='get'><br />
<div><br />
<input name='q' onblur='if (this.value == &quot;&quot;)
{this.value = &quot;Type and Enter&quot;;}' onfocus='if
(this.value == &quot;Type and Enter&quot;) {this.value
=&quot;&quot;;}' size='30' type='text' value='Type and
Enter'/><br />
</div><br />
</form><br />
</div><br />
</div><br />
</div></blockquote>
<div>
6. Maka akan seperti ini<br />
<blockquote class="tr_bq">
<span class="Apple-style-span" style="color: purple;"><div id=’header-wrapper’><br />
<b:section class=’header’ id=’header’ maxwidgets=’1′ showaddelement=’no’><br />
<b:widget id=’Header1′ locked=’false’ title=’Beautiful Beta (Header)’ type=’Header’/><br />
</b:section><br />
</div> </span></blockquote>
<blockquote class="tr_bq">
<div id='menuwrapperpic'><br />
<div id='menuwrapper'><br />
<ul id='menubar'><br />
<li><a href='/'><img border='0'
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBi5F2szJMgwkzl0DCQLWB0UzM8CKiPDACfZdyxu9xed1Uqq0HABAyY2o5TUuRD28PPf33eXrSP4YH-RDTvPbF8QrmjX_0EKRoccQ_xiMXn-FptRqs8HX5th3ZvhFEejOxB8B1S8ZuIakf/s1600/home_white.png'
style='padding:0px;'/></a></li><br />
<li><a href='<span class="Apple-style-span" style="color: red;">masukkan link disini</span>'><span class="Apple-style-span" style="color: blue;">Menu 1</span></a></li><br />
<li><a href='<span class="Apple-style-span" style="color: red;">masukkan link disini</span>'><span class="Apple-style-span" style="color: blue;">Menu 2</span></a></li><br />
<li><a class='trigger' href='#'><span class="Apple-style-span" style="color: blue;">Menu 3</span></a><br />
<ul><br />
<li><a href='<span class="Apple-style-span" style="color: red;">masukkan link disini</span>'><span class="Apple-style-span" style="color: blue;">Sub Menu 1</span></a></li><br />
<li class='hr'/><br />
<li><a href='<span class="Apple-style-span" style="color: red;">masukkan link disini</span>'><span class="Apple-style-span" style="color: blue;">Sub Menu 2</span></a></li><br />
<li class='hr'/><br />
<li><a href='<span class="Apple-style-span" style="color: red;">masukkan link disini</span>'><span class="Apple-style-span" style="color: blue;">Sub Menu 3</span></a></li><br />
</ul><br />
</li><br />
<li><a href='<span class="Apple-style-span" style="color: red;">masukkan link disini</span>'><span class="Apple-style-span" style="color: blue;">Menu 4</span></a></li><br />
<li><a class='trigger' href='#'><span class="Apple-style-span" style="color: blue;">Menu 5</span></a><br />
<ul><br />
<li><a href='<span class="Apple-style-span" style="color: red;">masukkan link disini</span>'><span class="Apple-style-span" style="color: blue;">Sub Menu 1</span></a></li><br />
<li class='hr'/><br />
<li><a href='<span class="Apple-style-span" style="color: red;">masukkan link disini</span>'><span class="Apple-style-span" style="color: blue;">Sub Menu 2</span></a></li><br />
<li class='hr'/><br />
<li><a href='<span class="Apple-style-span" style="color: red;">masukkan link disini</span>'><span class="Apple-style-span" style="color: blue;">Sub Menu 3</span></a></li><br />
</ul><br />
</li><br />
</ul><br />
<br class='clearit'/><br />
</div><br />
<div style='clear:both;'/><br />
</div> </blockquote>
<blockquote class="tr_bq">
<div id='nav-wrapper'><br />
<div id='nav'><br />
<b:section class='page' id='page' showaddelement='no'><br />
<b:widget id='PageList1' locked='false' title='Pages' type='PageList'><br />
<b:includable id='main'><br />
<div class='widget-content'><br />
<ul><br />
<b:loop values='data:links' var='link'><br />
<b:if cond='data:link.isCurrentPage'><br />
<li class='selected'><a expr:href='data:link.href'><data:link.title/></a></li><br />
<b:else/><br />
<li><a expr:href='data:link.href'><data:link.title/></a></li><br />
</b:if><br />
</b:loop><br />
</ul><br />
</div><br />
</b:includable><br />
</b:widget><br />
</b:section> </blockquote>
<blockquote class="tr_bq">
<div id='search'><br />
<form action='/search' class='search' id='searchform' method='get'><br />
<div><br />
<input name='q' onblur='if (this.value == &quot;&quot;)
{this.value = &quot;Type and Enter&quot;;}' onfocus='if
(this.value == &quot;Type and Enter&quot;) {this.value
=&quot;&quot;;}' size='30' type='text' value='Type and
Enter'/><br />
</div><br />
</form><br />
</div><br />
</div><br />
</div></blockquote>
7. Setelah selesai klik tombol Pratinjau jika sudah Fix dan OK baru klik tombol Simpan Template.<br />
<br />
8. Tulisan yang berwarna <span class="Apple-style-span" style="color: red;">Merah</span> ganti dengan URL tujuan, dan tulisan yang berwarna <span class="Apple-style-span" style="color: blue;">Biru </span>Ganti dengan Judul URL tadi, Contoh:<br />
<blockquote class="tr_bq">
<li><a href='<span class="Apple-style-span" style="color: red;">http://m4zone.blogspot.com/search/label/Bola?max-results=4</span>'><span class="Apple-style-span" style="color: blue;">BOLA</span></a></li></blockquote>
9. Sedangkan untuk menu horizontal bagian bawah, anda dapat mengedit,
menambah, mengurangi link dan sebagainya, anda tinggal menuju ke layout
dan klik pada Menu Laman.<br />
<br />
Nah sekarang anda sudah memasang <b>Menu Bar Dua Rangkap Di Blogspot </b>yang keren dan benar-benar terlihat keren dan professional.<br />
Akhirnya pada penghujung tulisan ini saya ucapkan terimaksih atas kunjungan sobat blogger, semoga artikel <b><a href="http://m4zone.blogspot.com/2012/08/membuat-menu-bar-dua-rangkap-di-blogspot.html">Membuat Menu Bar Dua Rangkap Di Blogspot</a></b> diatas menambah ilmu baru bagi para blogger semua. Dan setelah Postingan ini saya akan membuat postingan <a href="http://m4zone.blogspot.com/2012/08/membuat-tulisan-dibawah-footer.html" target="_blank">Cara Membuat Tulisan Dibawah Footer</a>.<br />
Saya hanyalah seorang blogger Newbie yang berbagi dari apa yang sedikit
saya dapatkan selama ini. jadi mohon maaf jika dalam penyampaiannya
kurang jelas, kurang detil dan lain sebagainya. Akhir kata saya
ucapkan selamat berkreasi dan happy blogging.</div>
Unknownnoreply@blogger.comtag:blogger.com,1999:blog-4911617173805063054.post-2507759991786420372012-10-03T02:24:00.002-07:002012-10-03T02:26:23.005-07:00Membuat Tulisan Dibawah Footer <div class="separator" style="clear: both; text-align: left;">
Footer yang saya ulas kali ini adalah tulisan di bagian terbawah dari
sebuah template blog atau website, tips ini mungkin tidak terlalu
penting, tapi saya sekedar share saja bagaimana <i>Cara membuat tulisan dibawah footer</i>
dengan sangat mudah, jika di hitung waktu kurang dari 5 menit anda
sudah dapat membuat tulisan dibawah footer. selain tulisan anda juga
dapat menambahkan berbagai chicklet atau gambar mini diantara
tulisannya. baik laingsung ke pembahasan: </div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
1. Login ke account blogger</div>
<div class="separator" style="clear: both; text-align: left;">
2. Pilih menu Template</div>
<div class="separator" style="clear: both; text-align: left;">
3. Klik tombol Edit HTML > Lanjutkan</div>
<div class="separator" style="clear: both; text-align: left;">
4. Beri tanda centang pada Expand Template Widget</div>
<div class="separator" style="clear: both;">
5. Lalu temukan kode <span class="Apple-style-span" style="background-color: cyan;">]]></b:skin></span> gunakan pencarian cepat dengan menggunakan tombol kombinasi CTRL+F</div>
6. Pastekan kode berikut ini tepat diatas kode <span class="Apple-style-span" style="background-color: cyan;">]]></b:skin></span><br />
<div class="separator" style="clear: both;">
<span class="Apple-style-span" style="background-color: cyan;"></span></div>
<blockquote class="tr_bq">
.bawahpic{background:#e3ddd1;width:100%;height:25px;}<br />
.bawah-wrapper{width:980px;margin:0 auto;padding:0 auto}<br />
.bawahtext{padding-top:4px;font:bold 12px Arial;color:#444;text-align:center}</blockquote>
7. Setelah itu cari kode </body> lau pastekan kode dibawah ini diatas kode </body><br />
<br />
<blockquote class="tr_bq">
<div class='bawahpic'><br />
<div class='bawah-wrapper'><br />
<div class='bawahtext'><br />
<span class="Apple-style-span" style="color: red;">Thanks to <a
href='http://phophopunyablogs.blogspot.com/'>Phopho Poomkiller The'saint</a> From <a
href='http://www.facebook.com/dundee.al.baihaqi'>Dee Shaint Al Baihaqi</a></span><br />
</div></div></div></blockquote>
8. Gantilah atau sesuaikan tulisan yang berwarna <span class="Apple-style-span" style="color: red;">merah</span>
sesuai dengan kreasi anda, entah itu di rubah dengan kata-kata indah,
tautan-tautan, nama anda, judul blog, nama/alamat sebuah perusahaan,
alamat rumah, nomer telepon, dan lain sebagainya.<br />
<br />
9. klik Pratinjau untuk melihat preview nya sebelum di simpan, jika sudah fix dan ok baru anda klik tombol Simpan Template.<br />
<br />
Sekarang template blog anda telah ditambah dengan <b><a href="http://m4zone.blogspot.com/2012/08/membuat-tulisan-dibawah-footer.html">tulisan dibawah footer</a></b>, semoga artikel <a href="http://m4zone.blogspot.com/search/label/Blogger%20Guides?max-results=4" target="_blank">Blogger Guides</a> yang telah selesai diulas ini bermanfaat, Lihat juga postingan <a href="http://m4zone.blogspot.com/2012/08/membuat-menu-bar-dua-rangkap-di-blogspot.html" target="_blank">Cara Membuat Menubar Dua Rangkap Di Blog</a>.<br />
Saya hanyalah seorang blogger Newbie yang berbagi dari apa yang sedikit
saya dapatkan selama ini. jadi mohon maaf jika dalam penyampaiannya
kurang jelas, kurang detil dan lain sebagainya.<br />
Terimakasih atas kunjungan anda, Selamat berkreasi dan Happy Blogging!.Unknownnoreply@blogger.comtag:blogger.com,1999:blog-4911617173805063054.post-79783991373429502312012-10-03T02:17:00.001-07:002012-10-03T02:17:43.398-07:00Cara Memasang Headline News Diatas Header BlogAgar tidak terjadi hal-hal yang tidak diinginkan backup lah terlebih dahulu templatenya<br />
<br />
<div class="separator" style="clear: both; text-align: left;">
</div>
1. Seperti biasa Anda harus login terlebih dahulu ke account blogger.<br />
2. Kemudian pilih Template > Edit HTML > Centang tulisan Expand Template Widget.<br />
3. Berikutnya Carilah Kode <span class="Apple-style-span" style="background-color: cyan;">]]></b:skin></span> (gunakan pencarian cepat dengan cara menekan tombol kombinsai CTRL+F) lalu tempelkan kode dibawah ini tepat diatas kode <span class="Apple-style-span" style="background-color: cyan;">]]></b:skin></span><br />
<blockquote class="tr_bq">
.headline-wrapper{background:#319DCF repeat-x bottom;width:100%;height:30px;}<br />
.headline{width:980px;line-height:1.4em;text-align:left;font-family:Arial;font-size:12px;color:#fff;overflow:hidden;clear:both;margin:0
auto;padding:0 auto}<br />
.headline a:hover{color:#eace12;text-decoration:underline}</blockquote>
4. Selanjutnya cari kode <span class="Apple-style-span" style="background-color: cyan;"><body></span> lalu pastekan kode dibawah ini tepat dibawah kode <span class="Apple-style-span" style="background-color: cyan;"><body></span><br />
<blockquote class="tr_bq">
<div class='headline-wrapper'><br />
<div class='headline'><br />
<div style='float:left;padding:7px 5px 5px 10px;font:bold 12px Arial;color:#fff;text-transform:none;'><br />
Headlines News :<br />
</div><br />
<div style='float:left;width:800px;padding:7px 0; position:relative; overflow:hidden;'><br />
<script type='text/javascript'><br />
var cssfeed=new gfeedrssticker(&quot;example1&quot;, &quot;example1class&quot;, 3000, &quot;_new&quot;)<br />
cssfeed.addFeed(&quot;Headline News&quot;, &quot;http://m4zone.blogspot.com/feeds/posts/default&quot;)<br />
cssfeed.displayoptions(&quot;date&quot;)<br />
cssfeed.setentrycontainer(&quot;div&quot;)<br />
cssfeed.filterfeed(10, &quot;date&quot;)<br />
cssfeed.entries_per_page(1)<br />
cssfeed.init()<br />
</script><br />
</div><br />
</div><div style='clear:both;'/><br />
</div></blockquote>
5. Setelah itu anda cari kode <span class="Apple-style-span" style="background-color: cyan;"></head></span> lalu pastekan kode dibawah ini tepat diatas kode <span class="Apple-style-span" style="background-color: cyan;"></head></span><br />
<blockquote class="tr_bq">
<br />
<script
src='http://www.google.com/jsapi?key=ABQIAAAAUMsU2d40bO1-m8DeADFRexTdcQS31_Y0TkToW9tE1XWPEnv6YBSa1QfZaAr4GJ8-AZkWddpnW9Y0hA'/><br />
<script type='text/javascript'><br />
//<![CDATA[<br />
var
gfeedfetcher_loading_image="indicator.gif";google.load("feeds","1");function
gfeedfetcher(c,a,b){this.linktarget=b||"";this.feedlabels=[];this.feedurls=[];this.feeds=[];this.feedsfetched=0;this.feedlimit=5;this.showoptions="";this.sortstring="date";document.write('<div
id="'+c+'"
class="'+a+'"></div>');this.feedcontainer=document.getElementById(c);this.itemcontainer="<li>"}gfeedfetcher.prototype.addFeed=function(b,a){this.feedlabels[this.feedlabels.length]=b;this.feedurls[this.feedurls.length]=a};gfeedfetcher.prototype.filterfeed=function(b,a){this.feedlimit=b;if(typeof
a!="undefined"){this.sortstring=a}};gfeedfetcher.prototype.displayoptions=function(a){this.showoptions=a};gfeedfetcher.prototype.setentrycontainer=function(a){this.itemcontainer="<"+a.toLowerCase()+">"};gfeedfetcher.prototype.init=function(){this.feedsfetched=0;this.feeds=[];this.feedcontainer.innerHTML='Loading
news...';var a=this;for(var b=0;b<this.feedurls.length;b++){var
c=new google.feeds.Feed(this.feedurls[b]);var
d=(this.feedlimit<=this.feedurls.length)?1:Math.floor(this.feedlimit/this.feedurls.length);if(this.feedlimit%this.feedurls.length>0&&this.feedlimit>this.feedurls.length&&b==this.feedurls.length-1){d+=(this.feedlimit%this.feedurls.length)}c.setNumEntries(d);c.load(function(e){return
function(f){a._fetch_data_as_array(f,e)}}(this.feedlabels[b]))}};gfeedfetcher._formatdate=function(a,c){var
d=new Date(a);var
b=(c.indexOf("datetime")!=-1)?d.toLocaleString():(c.indexOf("date")!=-1)?d.toLocaleDateString():(c.indexOf("time")!=-1)?d.toLocaleTimeString():"";return"<span
class='datefield'>"+b+"</span>"};gfeedfetcher._sortarray=function(a,b){var
b=(b=="label")?"ddlabel":b;if(b=="title"||b=="ddlabel"){a.sort(function(e,d){var
g=e[b].toLowerCase();var
f=d[b].toLowerCase();return(g<f)?-1:(g>f)?1:0})}else{try{a.sort(function(e,d){return
new Date(d.publishedDate)-new
Date(e.publishedDate)})}catch(c){}}};gfeedfetcher.prototype._fetch_data_as_array=function(b,a){var
d=(!b.error)?b.feed.entries:"";if(d==""){alert("Google Feed API Error:
"+b.error.message)}for(var
c=0;c<d.length;c++){b.feed.entries[c].ddlabel=a}this.feeds=this.feeds.concat(d);this._signaldownloadcomplete()};gfeedfetcher.prototype._signaldownloadcomplete=function(){this.feedsfetched+=1;if(this.feedsfetched==this.feedurls.length){this._displayresult(this.feeds)}};gfeedfetcher.prototype._displayresult=function(a){var
e=(this.itemcontainer=="<li>")?"<ul>\n":"";gfeedfetcher._sortarray(a,this.sortstring);for(var
c=0;c<a.length;c++){var d='<a href="'+a[c].link+'"
target="'+this.linktarget+'"
class="titlefield">'+a[c].title+"</a>";var
b=/label/i.test(this.showoptions)?'<span
class="labelfield">['+this.feeds[c].ddlabel+"]</span>":" ";var
g=gfeedfetcher._formatdate(a[c].publishedDate,this.showoptions);var
f=/description/i.test(this.showoptions)?"<br
/>"+a[c].content:/snippet/i.test(this.showoptions)?"<br
/>"+a[c].contentSnippet:"";e+=this.itemcontainer+d+" "+b+"
"+g+"\n"+f+this.itemcontainer.replace("<","</")+"\n\n"}e+=(this.itemcontainer=="<li>")?"</ul>":"";this.feedcontainer.innerHTML=e};<br />
<br />
var gfeedfetcher_loading_image="indicator.gif";function
gfeedrssticker(d,b,a,c){this.tickerid=d;this.delay=parseInt(a);this.mouseoverBol=0;this.itemsperpage=1;this.messagepointer=0;gfeedfetcher.call(this,d,b,c);this.itemcontainer="<div>";this.tickerdiv=document.getElementById(d)}gfeedrssticker.prototype=new
gfeedfetcher;gfeedrssticker.prototype.constructor=gfeedrssticker;gfeedrssticker.prototype._displayresult=null;gfeedrssticker.prototype.entries_per_page=function(a){this.itemsperpage=a};gfeedrssticker.prototype._signaldownloadcomplete=function(){this.feedsfetched+=1;if(this.feedsfetched==this.feedurls.length){this._initscroller(this.feeds)}};gfeedrssticker.prototype._initscroller=function(a){var
c=this;gfeedfetcher._sortarray(a,this.sortstring);this.itemsperpage=(this.itemsperpage>=a.length)?1:this.itemsperpage;var
b=a.slice(this.messagepointer,this.itemsperpage);this.tickerdiv.innerHTML=formatrssmessage(b,this.showoptions,this.itemcontainer,this.linktarget);this.tickerdiv.onmouseover=function(){c.mouseoverBol=1};this.tickerdiv.onmouseout=function(){c.mouseoverBol=0};this.messagepointer=this.itemsperpage;if(window.attachEvent){window.attachEvent("onunload",function(){c.tickerdiv.onmouseover=c.tickerdiv.onmouseout=null})}setTimeout(function(){c._rotatemessage()},this.delay)};function
formatrssmessage(d,b,f,g){var
c=(f=="<li>")?"<ul>\n":"";for(var e=0;e<d.length;e++){var
h='<a href="'+d[e].link+'" target="'+g+'"
class="titlefield">'+d[e].title+"</a>";var
j=/label/i.test(b)?'<span
class="labelfield">['+d[e].ddlabel+"]</span>":" ";var
k=gfeedfetcher._formatdate(d[e].publishedDate,b);var
a=/description/i.test(b)?"<br
/>"+d[e].content:/snippet/i.test(b)?"<br
/>"+d[e].contentSnippet:"";c+=f+h+" "+j+"
"+k+"\n"+a+f.replace("<","</")+"\n\n"}c+=(f=="<li>")?"</ul>\n":"";return
c}gfeedrssticker.prototype._rotatemessage=function(){var
b=this;if(this.mouseoverBol==1){setTimeout(function(){b._rotatemessage()},100)}else{var
a=this.feeds.slice(this.messagepointer,this.messagepointer+this.itemsperpage);this.tickerdiv.innerHTML=formatrssmessage(a,this.showoptions,this.itemcontainer,this.linktarget);this.messagepointer=(this.messagepointer+this.itemsperpage>this.feeds.length-1)?0:this.messagepointer+this.itemsperpage;setTimeout(function(){b._rotatemessage()},this.delay)}};<br />
//]]><br />
</script><br />
</blockquote>
6. Selesailah sudah pekerjaan kita, eit..!! tapi tunggu, jangan klik
Simpan Template dulu, klik Pratinjau untuk memastikan apakah yang sudah
kita perbuat ini sudah diterima, jika lancar dan baik-baik saja baru
klik Simpan Template.<br />
<br />
Akhirnya selesai juga Postingan <b><a href="http://m4zone.blogspot.com/2012/08/cara-memasang-headline-news-diatas.html" target="_blank">Cara Memasang Headline News Diatas Header Blog</a></b>,
lumayan pegel leher, dan pinggang gara-gara kelamaan mikir :D buat
postingan ini. silahkan praktekkan dan percantik template blog anda, dan
jika ada pertanyaan silahkan utarakan pada kolom komentar dibawah ini.<br />
Saya hanyalah seorang blogger Newbie yang berbagi dari apa yang sedikit
saya dapatkan selama ini. jadi mohon maaf jika dalam penyampaiannya
kurang jelas, kurang detil dan lain sebagainya.<br />
Akhir kata, Selamat berkreasi dan Happy blogging.Unknownnoreply@blogger.comtag:blogger.com,1999:blog-4911617173805063054.post-63713052297674709732012-10-03T02:16:00.003-07:002012-10-03T02:17:56.953-07:00Cara membagi gadget menjadi dua kolomCara membagi gadget menjadi dua kolom | Ada kalanya ketika kita sudah
merasa pas dengan template yang kita pilih, ternyata kita masih saja
merasa ada yang masih kurang dengan tampilan blog kita.Tapi memang
betul...., setiap template memiliki kelebihan dan kekurangannya masing -
masing. Mungkin dari segi konten sudah bagus tapi tampilan warna
kurang pas, dari segi tampilan dan konten sudah serasi tapi karena sudah
padat, mungkin kita masih butuh ruang lagi. Lalu bagai mana....?<br />
<a href="http://www.blogger.com/blogger.g?blogID=4911617173805063054" name="more"></a><br />
OK..., seperti yang dirasakan oleh salah satu sobat blogger dan atas
permintaannya mungkin trik membagi gadget sidebar menjadi dua kolom akan
membantu mengurangi masalah diatas. Untuk itu kali ini akan saya
jelaskan lagi cara membagi gadget sidebar menjadi dua kolom, seperti
pada gambar berikut :<br />
<br />
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZznhb9f-66SH0_sGudWTApdv2VIz5JxCGRsLTYo1XjDZljY69SGhBPgEobjbDsixwPa4yZ3ssLLY_OyVZ6mhCLg2TT9BKcut1n_0iKN_HBrRlKoa7cTa3JVaW6esxzmzUciHU8fgmZec/s1600/Dua+Kolom.png" /><br />
<br />
Tapi yang jelas trik yang saya berikan ini digunakan untuk membagi
gadget menjadi dua kolom. Baik gadget yang ada pada bagian Sidebar
(bagian samping), header (atas), maupun footer (bawah).<br />
<br />
Bila anda berminat silahkan anda ikuti langkah - langkah dibawah ini :<br />
<br />
1. Login ke blogger dengan ID anda.<br />
2. Klik Rancangan.<br />
3. Dan KLik tab Edit HTML.<br />
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyn9C2RSrCT3ynr3021Qhvj5iOYJISHlXZRIKapQIIYJ3LbcqA54W7ZORRfwFPF7coyL6PI3cw5ZQnSC_baT0Y63mUa8OFFNrUrw6GH2LKc_e6SXDtoONqVmgpF7CmdiWYg1UH5KHTh0c/s1600/Edit+HTML.jpg" /><br />
4. Cari kode di bawah ini atau yang mirip dengan kode ini :<br />
<br />
<blockquote class="tr_bq">
<span class="Apple-style-span" style="color: red;"><b>]]></b:skin></b></span></blockquote>
5. Copy kode di bawah ini dan taruh tepat sebelum kode <span class="Apple-style-span" style="color: red;">]]></b:skin></span> :<br />
<blockquote class="tr_bq">
<span class="Apple-style-span" style="color: #38761d;"><b>#kolom-kiri {</b><b>width: 49%;</b><b>float: left;</b><b>}</b><b>#kolom-kanan {</b><b>width: 49%;</b><b>float: right;</b><b>}</b></span></blockquote>
6. Cari kode pada bagian sidebar, misalnya seperti kode berikut :<br />
<blockquote class="tr_bq">
<span class="Apple-style-span" style="color: red;"><div id='sidebar-wrapper'></span><span class="Apple-style-span" style="color: red;"><br /></span><span class="Apple-style-span" style="color: red;"> <b:section class='sidebar' id='sidebar' preferred='yes'></span><span class="Apple-style-span" style="color: red;"><b:widget id='Label99' locked='false' title='Labels' type='Label'/></span><b><span class="Apple-style-span" style="color: blue;"> </b:section></span></b><b><span class="Apple-style-span" style="color: blue;"><br /></span></b><b><span class="Apple-style-span" style="color: blue;"> </div></span></b></blockquote>
<b><span class="Apple-style-span" style="color: red;">Catatan:</span></b><br />
Pada bagian sidebar, setiap template belum tentu memiliki "id" yang sama. Dan pada langkah ini, saya berikan contoh dengan id='<span class="Apple-style-span" style="color: red;">sidebar-wrapper</span>'.<br />
<br />
Tapi yang jelas... seperti yang saya katakan diatas, trik yang saya
berikan ini digunakan untuk membagi gadget menjadi dua kolom. Baik
gadget yang ada pada bagian Sidebar (bagian samping), header (atas),
maupun footer (bawah).<br />
<br />
Dan yang perlu diperhatikan adalah bentuk kode dari konten yang berisi gadget, yaitu seperti berikut :<br />
<blockquote class="tr_bq">
<b><span class="Apple-style-span" style="color: red;"><div id=' .......... '></span></b><br />
<span class="Apple-style-span" style="color: blue;"> <b:section class='sidebar' id='sidebar' preferred='yes'></span><span class="Apple-style-span" style="color: blue;"><b:widget id='HTML' locked='false' title='' type='HTML'/></span><span class="Apple-style-span" style="color: blue;"> </b:section></span><br />
<b><span class="Apple-style-span" style="color: red;"> </div></span></b></blockquote>
7. Sisipkan kode dibawah ini diantara <span class="Apple-style-span" style="color: blue;"><b></b:section></b></span> dan <b><span class="Apple-style-span" style="color: blue;"></div></span></b> :<br />
<blockquote class="tr_bq">
<span class="Apple-style-span" style="color: #38761d;"><b:section class='sidebar' id='kolom-kiri' showaddelement='yes'><br /><b:widget id='Text500' locked='false' title='kolom-kiri' type='Text'/><br /></b:section><br /><b:section class='sidebar' id='kolom-kanan' showaddelement='yes'><br /><b:widget id='Text501' locked='false' title='kolom-kanan' type='Text'/><br /></b:section><br /><div style="clear: both;"></div></span></blockquote>
Sehingga tampak seperti berikut :<br />
<blockquote class="tr_bq">
<span class="Apple-style-span" style="color: red;"><div id='sidebar-wrapper'></span><span class="Apple-style-span" style="color: red;"><br /></span><span class="Apple-style-span" style="color: red;"> <b:section class='sidebar' id='sidebar' preferred='yes'></span><span class="Apple-style-span" style="color: red;"><b:widget id='Label99' locked='false' title='Labels' type='Label'/></span><b><span class="Apple-style-span" style="color: blue;"> </b:section></span></b><br />
<span class="Apple-style-span" style="color: #38761d;"><b:section class='sidebar' id='kolom-kiri' showaddelement='yes'><br /><b:widget id='Text500' locked='false' title='kolom-kiri' type='Text'/><br /></b:section><br /><b:section class='sidebar' id='kolom-kanan' showaddelement='yes'><br /><b:widget id='Text501' locked='false' title='kolom-kanan' type='Text'/><br /></b:section><br /><div style="clear: both;"></div></span><br />
<b><span class="Apple-style-span" style="color: blue;"> </div></span></b></blockquote>
8. SIMPAN TEMPLATE<br />
<br />
Selesai...., silahkan anda lihat hasilnya....<br />
Selamat mencoba dan Semoga bermanfaat....Unknownnoreply@blogger.comtag:blogger.com,1999:blog-4911617173805063054.post-71710254093309113882012-10-03T00:25:00.002-07:002012-10-03T00:25:17.367-07:00Cara Ampuh Menyeret Pengunjung ke Blog<div style="text-align: left;">
Assalammualaikum. Ketemu lagi yah gan dg saya. hehe<br />
Lihat judul blognya aja dah bikin penesaran tuh. "pengunjung kok di
seret? nama bisa ?" hahah tenang kita di sini bukan untuk memakai cara
curang/tipuan, untuk membuat pengunjung Keluar-Masuk Blog kita ^_^.</div>
<div style="text-align: left;">
nah. mau tau cara nya ? Oke kita cekibrot bersama.. wkwkwkw XD</div>
<br />
<br />
<div style="text-align: left;">
1. pertama-tama kita cukup membuat
posting aja seperti biasa. Eitzz! tapi ingat ! posting yang kita buat
Usahakan yang menarik/yang kira-kira orang-orang pada butuh. (klu asal
post. trs pengunjung ga butuh percuma deh, mau buat apa post nya.) dan
tentu saja usahakan Isi/tulisan yang kita post itu jelas agar pengunjung
dapat memahami apa maksud post kita sebenarnya. :D Oh iya.
isi/postnya kalo bisa di bareng'in dengan canda'an. biar pembaca ga
bosan membaca post kita. (dan hasilnya pengunjung ketawa sendiri deh.
wkwkwkw) nanti dg Otomatis Pengunjung akan ketagihan datang ke blog kita
untuk membaca posting kita yang baru. ^_^ nah tahap pertama udah bisa
si save kan. OK kita lanjut. :)</div>
<div style="text-align: left;">
<br />
</div>
<div style="text-align: left;">
<br />
</div>
<div style="text-align: left;">
2. Masalah Judul posting.
"kenapa?",, "ya gitu deh." zzz -_-". heheh. gini mas bro. kenapa judul
jadi sasaran? karena Judullah yang dapat memikat pengunjung untuk
membaca Isi postnya. ( coba aja kita kalu pasang judul post yang
biasa-biasa aja. gimana pengunjung mau baca isi postnya. -_- ). nah kalo
udah tau, coba sobat Pasang judul yang sekiranya "sangar gitu loh" hehe
(lebay yah?) XD. tp tentunya klo judulnya udah "sangar". isinya ntar
jgn mengecewakan pengunjung lho. (bisa2 pengunjungnya galau entar -_-) </div>
<div style="text-align: left;">
yang tahap ke 2 save dulu deh. aku tunggu.. heheh.. </div>
<div style="text-align: left;">
<br />
</div>
<div style="text-align: left;">
<br />
</div>
<div style="text-align: left;">
3. nah udah sampe tahap ke "tigax"
gan. pastikan tahap 1 dan 2 udah di kuasai. di tahap ini kita membahas
"Request". untuk apa ? (untuk di makan :P ) jelas untuk memenuhi
permintaan pengunjung lah. -_-"</div>
<div style="text-align: left;">
dengan
memenuhi permintaan/request dari pengunjung/teman. blog kita pasti akan
di hargai oleh peRequest sob. jadi kita akan dapet kunjungan dari
teman/pengunjung setiap harinya sob. ( kira-kira lho. hehe XD)</div>
<div style="text-align: left;">
<br />
</div>
<div style="text-align: left;">
<br />
</div>
<div style="text-align: left;">
4. Tahap ke "Empat" nah tahap ini kayaknya cukup mudah nih. hehe nah di sini kita cuman perlu meng"<span style="font-size: medium;">share</span>".
yah Terserah kalian mau share di mana. di Facebook boleh, twitter
boleh, blog apa lagi, pokoknya terserah deh. taruh di mana aja. tp
biasanya kalo share lewat blog yang kita gunakan adalah Banner ya kan..
dan juga ada yang lewat link. jd banyak deh media share di dunia
Internet ini :D (kalian tinggal pilih/boleh ambil semua. heheh) . kalo
saya sih biasanya lewat facebook mas bro. hehe :)</div>
<div style="text-align: left;">
<br />
</div>
<div style="text-align: left;">
<br />
</div>
<div style="text-align: left;">
5. Tahap "LimaX" nih bro. "apa yang
kita bahas?." yg kita bahas kita yaitu "Update" . nah Update bisa
berupa post/hal lain bro. kalau post saya saran'in bagi yang ga ada
kerja an mending buat post aja. saya sih rutin setiap 3/4 hari sekali
post. heheh kalau tidak kita melakukan hal lain seperti Update lagu di
blog agar pengunjung ga bosen berkunjung walau hanya denger'in lagu.
heheh (lumayan buat tambahan visitor :D )</div>
<div style="text-align: left;">
<br />
</div>
<div style="text-align: left;">
<br />
</div>
<div style="text-align: left;">
6. ini Tahap Terakhir aja yah om cape nih ngetik manual dari pertama. ~_~)</div>
<div style="text-align: left;">
tahap
terakhir adalah gimana caranya biar pengunjung Senang dengan fasilitas
blog kita. tentu saja tampilan blog kita dan fasilitas lain seperti tool
warna code, coverter, dll. yang harus dapat meng iming2 pengunjung
agar ketagihan datang ke mari. tapi hati2 dlm memodif blog kita agar
pengaruh kecepatan blog kita tidak menjadi terlalu lambat. jadi saya
sarankan blog kita jangan terlalu berat. nanti bisa-bisa pengunjung jadi
males datang ke Blog kita deh :(</div>
<div style="text-align: left;">
<br />
</div>
<div style="text-align: left;">
<br />
</div>
<div style="text-align: left;">
7. eh sebentar ada tambahan dikit.
tenteng komentar. jadi komentar yang di berikan pengunjung berupa
pertanyaan tentang posting. harap langsung jawab agar pengunjung tau
kalau kita menghargai para pengunjung juga om. heheh.</div>
<div style="text-align: left;">
<br />
</div>
<div style="text-align: left;">
<br />
</div>
<div style="text-align: left;">
udah yah ngantuk nih. besok kalo ada lagi aku suting deh ini post. </div>
<div style="text-align: left;">
sekian dulu yah dari saya. tentang beberapa "Cara Ampuh Menyeret Pengunjung ke Blog" </div>
<div style="text-align: left;">
aku
yakin deh kalo udah menguasai trik di atas. Visitor blog kalian pasti
bertambah pesat dari 100-500/Hari ! bahkan lebih. kalau ga percaya.
buktikan sendiri. trik ini cukup mudah dan ga perlu daftar ke mbah
google / yahoo untuk mencantumkan link kita. saya sendiri yang sudah
membuktikan nya. RECOMENDED by Mr.BLAZZTER (maaf klu ada salah dlm
tulisan. Bruakakaka)</div>
<div style="text-align: left;">
<br />
</div>
<div style="text-align: left;">
Bagi yang mau bertanya/menambah
tips nya boleh, comment di bawah dan tentunya dengan membaca peraturan
cara berkomentar terlebih dahulu.. ^_^</div>
Unknownnoreply@blogger.comtag:blogger.com,1999:blog-4911617173805063054.post-38819680130966056762012-10-03T00:24:00.000-07:002012-10-03T00:24:41.723-07:00Cara Mudah Memberi musik di Blog<div style="text-align: center;">
<img height="172" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwshhqMmx9aglqYoePx_gblNuvqn5jeAnaf6Its8_4hN0LbhhRGRq6yejwf3widYy0jFSg7y_fTDiEtZP_xjqtq2ryHuTcONmnNvLLnAeHifum3jg37Og5wBQolU45fDYiOEa1xdRHwnAG/s200/musik.jpg" width="200" /> </div>
<div style="text-align: center;">
<br />
</div>
<div style="text-align: left;">
Jika sebelumnya saya Posting <a href="http://dinamitblogger.blogspot.com/2012/06/cara-memasang-musik-di-blogger-yang.html" target="_blank">Cara Memasang lagu di blog yang Otomatis mengulang</a>.</div>
<div style="text-align: left;">
kali
ini saya akan post Cara Pasang lagu di Blog juga. tp kalo tutorial yang
ini aku jamin lebih mudah di pahami. (tentu saja seperti newbie kyk
saya ini, hehe).</div>
<div style="text-align: left;">
<a href="http://www.blogger.com/blogger.g?blogID=4911617173805063054" name="more"></a></div>
<div style="text-align: left;">
Oke lah dari pada penasaran kita simak aja bareng bareng :D</div>
<div style="text-align: left;">
kelebiahan
memakai lagu ini itu : buffering lebih super cepat, pemasang'an nya
tidak perlu Upload/daftar segala. ( tinggal pilih lagu nya. trs pasang
deh. "Simple bgt kan!")</div>
<div style="text-align: left;">
nah seperti
yang lain, gatget ini juga mempunyai kelemahan masbro. : lagu yang kita
pilih harus lagu dari situs itu juga. (jadi kalo ga ada lagu seperti
lagu indo. kita ga bisa apa" lagi). jd intinya mau ga mau kalian pake
lagu yang asli dari situs <a href="http://adf.ly/9cLzb" target="_blank">Videokeman.com</a>.(klik
skip add, setelah 5 detik). tp tenang aja menurut ku lagu nya di sana
cukup bagus2 kok. contoh aja lagu aku.. XD (nanti kalo pasang lagu, jgn
yang sama ama Blog aku loh=_=")</div>
<div style="text-align: left;">
<br />
</div>
<div style="text-align: left;">
oke dah mudeng kan. ^_^</div>
<div style="text-align: left;">
langsung aja yang masih mau coba/eksperimen.</div>
<div style="text-align: left;">
<br />
</div>
<div style="text-align: left;">
1. seperti biasa. masuk ke akun blog masing2.</div>
<div style="text-align: left;">
2. Pergi ke Tata letak > add gadget/tambah gadget. > pilih HTML/java script (dah diem'in aja dulu)</div>
<div style="text-align: left;">
3. masuk ke situs lagu nya <a href="http://adf.ly/9cLzb" target="_blank">www.videokeman.com</a> (klik skip add/lewati. setelah 5detik)</div>
<div style="text-align: left;">
4. kalo dah masuk kalian pilih aja lagu kesuka'an kalian tinggal klik judulnya. nanti lagunya otomatis mutar kok ;)</div>
<div style="text-align: left;">
5.
nah kalo sudah menemukan lagu pilihan kita untuk di pasang di blog.
kita tinggal lihat di bagian samping ada tulisan "Rock 'n Share!". copy
kade yang di bawah nya.</div>
<div style="text-align: left;">
<br />
</div>
<div style="text-align: left;">
contoh : </div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDDy5GDvkCkpWQa9r92vqnRe-4eAeXm6Ln43sg3evMSwFclEIYWYBDP2UiigdslRyL5VskamvetbJgp_CBQd_z_QeZu-Qm0Q2-LNl6kWTuI8laPbh6GwIB6RzkokgQUV1Xg6aaJM3Jv5E/s1600/dd.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="193" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDDy5GDvkCkpWQa9r92vqnRe-4eAeXm6Ln43sg3evMSwFclEIYWYBDP2UiigdslRyL5VskamvetbJgp_CBQd_z_QeZu-Qm0Q2-LNl6kWTuI8laPbh6GwIB6RzkokgQUV1Xg6aaJM3Jv5E/s320/dd.png" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br />
</div>
<div class="separator" style="clear: both; text-align: left;">
6. sudah di copy ? oke kalo udah kalian pastekan kode yang di copy tadi ke HTML/javaScript. dan kasih judul terserah kalian. </div>
<div class="separator" style="clear: both; text-align: left;">
<br />
</div>
<div class="separator" style="clear: both; text-align: left;">
7. lalu klik save/simpan. Selesai deh. XD simple kan.</div>
<div class="separator" style="clear: both; text-align: left;">
<br />
</div>
<div class="separator" style="clear: both; text-align: left;">
Oh iya. Tambahan dikit</div>
<div class="separator" style="clear: both; text-align: left;">
<br />
</div>
<div class="separator" style="clear: both;">
kalo kalian ingin ngilang'in gambar penyanyinya dan judul lagunya tinggal hapus aja kode berwarna <span style="color: red;">Merah</span> bawah ini. ada di kode Html yg barusan kamu copy :</div>
<div class="separator" style="clear: both;">
<br />
</div>
<span style="background-color: yellow;"><span style="color: red;"><img
style="visibility:hidden;width:0px;height:0px;" border=0 width=0
height=0
src="http://c.gigcount.com/wildfire/IMP/CXNID=2000002.0NXC/bT*xJmx*PTEzMzk*Njg*MDIzMTQmcHQ9MTMzOTQ3MDY4NTU5MSZwPTI5MzMzMSZkPSZnPTEmbz1hNjg5NGQ*ZGU1MTc*ODhkOTk1/YzQ1ZmViZTc2MWIzMyZvZj*w.gif"
/><center><a target="_blank"
href="http://videokeman.com"><img border="0"
src="http://i39.photobucket.com/albums/e159/normanski/players/ewualizer.gif"
alt="videokeman mp3" /></a><br /><a target="_blank"
href="http://videokeman.com/one-direction/what-makes-you-beautiful-one-direction/">What
Makes You Beautiful – One Direction Song Lyrics</a><br /></span><span style="color: #444444;"><embed
src="http://videokeman.com/music/videokemanplay.swf" width="300"
height="44" wmode="transparent"
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/nm3/110911/One_Direction_-_What_Makes_You_Beautiful.vkm"
></embed></center></span></span><br />
<div class="separator" style="clear: both;">
<span style="background-color: yellow;"><span style="color: #444444;"><br />
</span></span></div>
Oke gitu aja dari saya semoga dapat membantu. ^_^<br />
<div>
Jgn lupa Pendatang blogger baru. Follow yah. biar bisa tau kalau blog saya Update. :D</div>
<div>
<br />
</div>
Unknownnoreply@blogger.comtag:blogger.com,1999:blog-4911617173805063054.post-46022671286557527352012-10-03T00:22:00.005-07:002012-10-04T03:15:13.212-07:00Cara Mengganti Backgroud Blog<div class="separator" style="clear: both; text-align: center;">
</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: left;">
Demi memenuh'i request dari temen. aku sempet2in deh buat ngepost.. :3</div>
<div style="text-align: left;">
oke
kita ga usah basa basi OK. aku yakin udah banyak yang tau cara ini. tp
mungkin bagi blogger newbie kayak saya ini (lho) hrus perlu banyak
pengetahuan, tentang cara2 memodifikasi Blog agar dapat menyeret
pengunjung masuk ke blog kita. iya kan! ( #org tiba2 nyaut : "engga juga
tuh") zzzz -_-" .</div>
<div style="text-align: left;">
<a href="http://www.blogger.com/blogger.g?blogID=4911617173805063054" name="more"></a></div>
<div style="text-align: left;">
Step by Step :</div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
1. buka akun Blogger (akun siapa? : tetangga loe) . ya akun masing2 lah.. -_-"</div>
<div style="text-align: left;">
2. Langsung ke Edit HTML (sebelah mana ? : Rancangan > klik edit html) </div>
<div>
3. Cari kode <span style="background-color: lime;"><span style="color: #444444;">body {</span></span> atau <span style="background-color: lime;"><span style="color: #444444;">body{</span></span> </div>
<div>
Contoh :</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9sXpwwa3zYUEinlW4l5XRpMMxi_psfyiUSfNx-X6QYoUp2ZGezQ32AWzNXRdHkAA_wApfT8I1GjLC9vP3DRUPovQyudb-W0hk2NPncKtNotaymPTM3wWXeP6BbCE15JRsXBXQvD4TzRE/s1600/asdf.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="153" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9sXpwwa3zYUEinlW4l5XRpMMxi_psfyiUSfNx-X6QYoUp2ZGezQ32AWzNXRdHkAA_wApfT8I1GjLC9vP3DRUPovQyudb-W0hk2NPncKtNotaymPTM3wWXeP6BbCE15JRsXBXQvD4TzRE/s320/asdf.png" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
4. kalo cuman mau ganti warna Background tinggal ganti aja kode depan background : #0103** jadi kode warna yang kalian suka'i</div>
<div class="separator" style="clear: both; text-align: left;">
Contoh :</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEge6oRccuYEu2bhjy6AkkuHFJAHc7ucr5S1tymEj62az12OslHEsspr35bwpzLJEUpiwHkCexUAswXHe0ZtFrqiKOHMGXZD-Aw3gEieVwhd6GunIRTcGjQ6Pf2LGKxj4EiME_NI3Hjyv10/s1600/asdf3.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="153" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEge6oRccuYEu2bhjy6AkkuHFJAHc7ucr5S1tymEj62az12OslHEsspr35bwpzLJEUpiwHkCexUAswXHe0ZtFrqiKOHMGXZD-Aw3gEieVwhd6GunIRTcGjQ6Pf2LGKxj4EiME_NI3Hjyv10/s320/asdf3.png" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
5.
kalo kalian mau ganti background dengan Gambar/symbol dan lain2. tinggal
ganti kode Url nya jadi Url gambar kalian. jadi kalian harus Upload dlu
gambar nya di situs ini "<a href="http://adf.ly/9b1EM" target="_blank"><span style="color: blue;">Photobucket</span></a>, <a href="http://adf.ly/9b1Zz" target="_blank">Fileden</a>,"
(tunggu 5 detik, lalu klik skip add/lewati). atau situs upload yang
lain, terserah kalian. yang penting format belakangnya harus .jpg .gif
atau .png klo yang lain aku ga tau bisa ga nya. -_-"</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Contoh Url yang di ganti :</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzIpHIaJ3h3E0BNEq7Kx2dMisfvv9D1mHSzx0MMJkWIshYG_-0JS33TNHhjP2GTZVhM-mXzyeKquUxSgUs3tXoJz3A32jMZl9mmONoHuUex7rdzT0R6tGtdkRPiSK8xes5qzZ8At4NSMk/s1600/asdf2.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="153" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzIpHIaJ3h3E0BNEq7Kx2dMisfvv9D1mHSzx0MMJkWIshYG_-0JS33TNHhjP2GTZVhM-mXzyeKquUxSgUs3tXoJz3A32jMZl9mmONoHuUex7rdzT0R6tGtdkRPiSK8xes5qzZ8At4NSMk/s320/asdf2.png" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
6.
Kalo udah . Klik Petinjau dulu buat mastikan bisa ga nya. kalo dah bisa.
baru deh klik Save Template/simpan Template. SELESAI deh ^_^</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
nah semoga posting ini dapat membantu temen2 newbie saya. </div>
<div class="separator" style="clear: both; text-align: left;">
dah malem aku langsung tidur aja yah. yang mau tanya. comment OK ;)</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Enjoy it..!</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
Unknownnoreply@blogger.comtag:blogger.com,1999:blog-4911617173805063054.post-71508968577440838652012-10-03T00:22:00.002-07:002012-10-03T00:22:14.276-07:00Joke | software jahil untuk mengacak-acak dekstop<h3 class="post-title entry-title">
<span style="font-size: large;"></span></h3>
<div class="separator" style="clear: both; text-align: center;">
<br />
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjExUXh1hIVESkmMfLBn7uACNt8qZz740k9mEPKOUHQjtl-W9FKv5JlLNkFH9p4kPDdx3z_eauEf2FbQmRjC8sCgAqOneZV0EYgxXLwi-vFsdjNNCHrYctc6y_k9Guzx6ggL1fLqhYtdZU/s1600/z1.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjExUXh1hIVESkmMfLBn7uACNt8qZz740k9mEPKOUHQjtl-W9FKv5JlLNkFH9p4kPDdx3z_eauEf2FbQmRjC8sCgAqOneZV0EYgxXLwi-vFsdjNNCHrYctc6y_k9Guzx6ggL1fLqhYtdZU/s200/z1.png" width="188" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br />
</div>
<div class="separator" style="clear: both; text-align: center;">
<br />
</div>
<div class="separator" style="clear: both; text-align: left;">
wah. ketemu lagi nih dengan software jahil. wkakakaka..</div>
<div class="separator" style="clear: both; text-align: left;">
gapapalah dari pada bingung mau ngapain. kita kerjain temen-temen aja. bruakakaka..</div>
<a href="http://www.blogger.com/blogger.g?blogID=4911617173805063054" name="more"></a><br />
<br />
<div class="separator" style="clear: both; text-align: left;">
Oke. software JOKE ini cukup mudah penggunaan nya. tinggal clik, clik, clik. jadi deh.</div>
<div class="separator" style="clear: both; text-align: left;">
ga usah terang'in deh. aku yakin dah pada bisa.. hoho.</div>
<div class="separator" style="clear: both; text-align: left;">
<br />
</div>
nah aku terang'in buat yg belum bisa aja (gubrak XD) wkakwkakw<br />
mudah kok cmn klik 2 kali icon/aplikasi JOKE . nanti akan keluar pilihan menu nya.<br />
kayak gini :<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjExUXh1hIVESkmMfLBn7uACNt8qZz740k9mEPKOUHQjtl-W9FKv5JlLNkFH9p4kPDdx3z_eauEf2FbQmRjC8sCgAqOneZV0EYgxXLwi-vFsdjNNCHrYctc6y_k9Guzx6ggL1fLqhYtdZU/s1600/z1.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjExUXh1hIVESkmMfLBn7uACNt8qZz740k9mEPKOUHQjtl-W9FKv5JlLNkFH9p4kPDdx3z_eauEf2FbQmRjC8sCgAqOneZV0EYgxXLwi-vFsdjNNCHrYctc6y_k9Guzx6ggL1fLqhYtdZU/s320/z1.png" width="301" /></a></div>
<div style="text-align: center;">
(maaf crop'an nya jelek) :v</div>
<div style="text-align: center;">
<br />
</div>
<div style="text-align: left;">
tuh kalian tinggal pilih aja mas bro..</div>
<div style="text-align: left;">
kalo dah puas/berhasil. cara menghentikan program nya teken "Esc" pada keyboard.</div>
<div style="text-align: left;">
<br />
</div>
Agar saat penggunaanya tidak mudah diketahui oleh komputer korban, maka berikut ini caranya :<br />
<br />
Silahkan anda klik Option lalu klik Start program in invisible status
nah tinggal dicentang deh lalu tekan tombolCTRL + ALT+ H pada keyboard
untuk menyembunyikannya, dan tekan CTRL + ALT + S pada keyboard untuk
menampilkannya kembali, nah pasang timer lalu tinggal di hide deh, agar
korban makin kelabakan coba ke option lagi lalu centang “Block key
windows-Joke” jadi jika ditekan ESC atau ALT + F4 ya gak akan keluar
programnya, nah untuk keluar dari program tekan F1(untuk kluar dari
program), atau F5 (untuk kembali ke software), jika sudah selesai
tinggal tunggu korban menggunakan komputer dan tunggulah dan lihatlah
teman anda yang mengeluarkan keringat panas dingin karena kebingungan
hehehehehe.<br />
<div>
<br />
</div>
<div style="text-align: center;">
Contoh untuk Puzzle</div>
<div style="text-align: center;">
<br />
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimNKtqjz0BUyfgceYf01Jk04jKdPTGorSU6pOLXQlKqM_74zX1XFOQ51yRvCrWbN6yML9tT0er3slgw0v_ZcTcTxJwKo-LmST7W3XRCspf35-172QfbFCv5KLJBRkiqSNDaOYQJ9Al0Yw/s1600/z2.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="179" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimNKtqjz0BUyfgceYf01Jk04jKdPTGorSU6pOLXQlKqM_74zX1XFOQ51yRvCrWbN6yML9tT0er3slgw0v_ZcTcTxJwKo-LmST7W3XRCspf35-172QfbFCv5KLJBRkiqSNDaOYQJ9Al0Yw/s320/z2.png" width="320" /></a></div>
<div style="text-align: center;">
<br />
</div>
<div style="text-align: center;">
<br />
</div>
<div style="text-align: center;">
Mouse and lines</div>
<div style="text-align: center;">
<br />
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicp8ieLjBAyuaPPgJWrNx1XOKURM7qcXqbcfgzENEVj8Fm73CDswlCtHgL_rWvFwnTPaPFV5dMZwSve1G7gEYErILtxyBC07wP1uITeqZLLXeCetT8gNoEdOwswnFSTnC2ak_qPuJfMkc/s1600/z3.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="179" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicp8ieLjBAyuaPPgJWrNx1XOKURM7qcXqbcfgzENEVj8Fm73CDswlCtHgL_rWvFwnTPaPFV5dMZwSve1G7gEYErILtxyBC07wP1uITeqZLLXeCetT8gNoEdOwswnFSTnC2ak_qPuJfMkc/s320/z3.png" width="320" /></a></div>
<div style="text-align: center;">
<br />
</div>
<div style="text-align: center;">
<br />
</div>
<div style="text-align: center;">
Snow</div>
<div style="text-align: center;">
<br />
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZFCU-vL_4VnGCly_c3OMO7KoPUm9pbcaAVmb38yjNkQ8DHgiRTbhyphenhyphen2-kjkAjC9BSohV22cOq9YrwiiISne3YbQOIEbJwSeeUhwFz9eL5ECybIlVeaM1IInCbzJa7g77Tbmo7hGaoKuDU/s1600/z4.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="179" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZFCU-vL_4VnGCly_c3OMO7KoPUm9pbcaAVmb38yjNkQ8DHgiRTbhyphenhyphen2-kjkAjC9BSohV22cOq9YrwiiISne3YbQOIEbJwSeeUhwFz9eL5ECybIlVeaM1IInCbzJa7g77Tbmo7hGaoKuDU/s320/z4.png" width="320" /></a></div>
<div style="text-align: center;">
<br />
</div>
<div style="text-align: center;">
<br />
</div>
<div style="text-align: center;">
Random Colours</div>
<div style="text-align: center;">
<br />
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHcDrM9ZDRkhxMiUxQIuWaCnKkTyUVXdY6zr0hrnPAyeLOcmAdXYLVBjO75RZ_6MBTZTi3Szc03GrHhPDreAucG9w6roPH45RoaeSJtnuACFZ79APYp6811zylDNCXRb-vFsRj4QSAPzM/s1600/z5.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="179" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHcDrM9ZDRkhxMiUxQIuWaCnKkTyUVXdY6zr0hrnPAyeLOcmAdXYLVBjO75RZ_6MBTZTi3Szc03GrHhPDreAucG9w6roPH45RoaeSJtnuACFZ79APYp6811zylDNCXRb-vFsRj4QSAPzM/s320/z5.png" width="320" /></a></div>
<div style="text-align: center;">
<br />
<br />
<br />
<div style="text-align: left;">
Download softwarenya <a href="http://adf.ly/9YfH6" target="_blank"><span style="color: cyan;">></span>><span style="color: red;">D</span>I<span style="color: yellow;">S</span>I<span style="color: lime;">N</span>I<<span style="color: magenta;"><</span></a></div>
<br />
</div>
<div style="text-align: center;">
<br />
</div>
<div style="text-align: left;">
Sekian dari saya. selamat ber Eksperimen.<br />
Nb : saya tidak bertanggung jawab jika ada hal yang tidak di inginkan yg terjadi pada org yang kalian jahil'i (cari aman bro) XD</div>
<div style="text-align: left;">
<br />
</div>
<div style="text-align: left;">
yang bersedia untuk berpartisipasi
pada blog saya, boleh. hanya dengan mengeklik Iklan yang ada di atas
post/di samping post. matur Thankyu buat yg udah klik. : *<br />
</div>
Unknownnoreply@blogger.comtag:blogger.com,1999:blog-4911617173805063054.post-17917171878962939782012-10-03T00:19:00.004-07:002012-10-03T00:19:59.006-07:00Tool Parse HTML | Coverter kode Script menjadi Sebuat karakter/widget<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbiskJ10hLdHZr49tzNx_WzmrKDgjABdYfiWn9Zvo4EbD5hmH6un55AnQNhMJTmSEWnOsR0aLalJ20aKdBGbSJQVkdmXhviY9FjZkos3Z-IvwdG-byjkBCINIACQG_3IHyvwp2sU1y7tM/s1600/1.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="247" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbiskJ10hLdHZr49tzNx_WzmrKDgjABdYfiWn9Zvo4EbD5hmH6un55AnQNhMJTmSEWnOsR0aLalJ20aKdBGbSJQVkdmXhviY9FjZkos3Z-IvwdG-byjkBCINIACQG_3IHyvwp2sU1y7tM/s320/1.png" width="320" /></a></div>
<div>
<br />
</div>
<div>
<br />
</div>
<div>
<br />
</div>
<div>
Pasti banyak yg blm tau tentang Tool Parse HTML. langsung aja kita simak bareng-bareng ^_^</div>
<br />
<div>
<b><b><br />
</b></b></div>
<b>Mem-Parse\mem-parsing HTML</b> adalah salah satu cara yang di gunakan para blogger untuk memposting artikel yang berkaitan dengan code <b>HTML/javascript</b>.
Kegunaannya agar kode yang kita posting di dalam artikel akan tampil
menjadi sebuah karakter/tulisan. Karena jika kita memposting kode script
kedalam artikel, maka tulisan tidak akan muncul atau malah muncul
sebagai widget. (referensi dari bagollum)<br />
<div>
<span style="color: #333333; font-family: Tahoma, Arial, Verdana; font-size: 12px; line-height: 18px;"><span style="color: black; font-family: 'Times New Roman'; font-size: x-small;"><span style="line-height: normal;"></span></span></span><br />
<a href="http://www.blogger.com/blogger.g?blogID=4911617173805063054" name="more"></a><span style="color: #333333; font-family: Tahoma, Arial, Verdana; font-size: 12px; line-height: 18px;"><span style="color: black; font-family: 'Times New Roman'; font-size: x-small;"><span style="line-height: normal;"><br />
</span></span></span></div>
<span style="font-family: Tahoma, Arial, Verdana; font-size: 12px; line-height: 18px;"><span style="font-family: 'Times New Roman'; font-size: x-small;"><span style="color: white; line-height: normal;">ini nih Tool nya :</span></span></span>Unknownnoreply@blogger.comtag:blogger.com,1999:blog-4911617173805063054.post-23984514946019241062012-10-03T00:19:00.000-07:002012-10-03T00:19:00.208-07:00Cara membuat banner Teman berjalan otomatis ke atas<div style="text-align: left;">
nah. mumpung ada temen yang req cara
membuat banner teman berjalan vertikal ke atas, kayak yang ada di bagian
bawah blog saya. nih aku post aja cara nya. hehe</div>
<div style="text-align: left;">
<a href="http://www.blogger.com/blogger.g?blogID=4911617173805063054" name="more"></a></div>
<div style="text-align: left;">
cara nya ga sulit kok :</div>
<div style="text-align: left;">
<br />
</div>
<div style="text-align: left;">
1. masuk akun blog dlu</div>
<div style="text-align: left;">
2. lalu add gadget > pilih HTML/java script</div>
<div style="text-align: left;">
3. copy kode bawah ini :</div>
<div style="text-align: left;">
<br />
</div>
<br />
<blockquote class="tr_bq">
<marquee direction="up" onmouseover="this.stop()" width="100%" onmouseout="this.start()" scrollamount="2" height="200"><br />
<span style="color: red;">Kode banner teman kamu</span><br />
</div></div></marquee> </blockquote>
<br />
keterangan : tulisan <span style="color: red;">merah</span> ganti dengan kode banner teman-teman kamu :D<br />
<br />
4. pastekan di HTML/java script tadi.<br />
5. save gadgetnya. dan lihat hasilnya. :D<br />
<br />
oke gtu aja yah dari saya semoga membantu.<br />
klo ada yang mau di tanyakan , comment aja. ^_^Unknownnoreply@blogger.comtag:blogger.com,1999:blog-4911617173805063054.post-43609544745216286832012-10-03T00:16:00.003-07:002012-10-03T00:16:20.536-07:00Cara membuat chat Room Xat.com di blogger<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSuW_ihQJMhwuET2LOASL5N0gEWn9tVhX4irx6zOwjfyKF0fe0-eiQh7nMi9ytaMMO23ct1Uh3iFc3zbEqFNapfabosWq9-NgrTtLVbirsBOJ9fcgHHW2nUu2vX-53Ehz87iMy5hYzJIQ/s1600/a.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="167" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSuW_ihQJMhwuET2LOASL5N0gEWn9tVhX4irx6zOwjfyKF0fe0-eiQh7nMi9ytaMMO23ct1Uh3iFc3zbEqFNapfabosWq9-NgrTtLVbirsBOJ9fcgHHW2nUu2vX-53Ehz87iMy5hYzJIQ/s320/a.png" width="320" /></a></div>
<br />
kali ini aku akan sharing cara membuat chat room di Xat.com . kalian
yang biasa main war clan game ninja saga pasti tidak asing dengan hal
ini. chat ini biasa di gunakan untuk mengobrol, tonggkrongan , dan
tempat nunngu waktu war di ninja saga game fb ( pengalaman, aku dulu
juga pernah main ) XD<br />
<a href="http://www.blogger.com/blogger.g?blogID=4911617173805063054" name="more"></a><br />ya udah gag usah banyak basa basi lg. kita langsung aja ke tutorial ok.<br />
<br />
1. kalian masuk ke sini <a href="http://xat.com/">Xat.com</a><br />
<br />
2. pilih widget. sperti pada gambar.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhT6WX4p4DW1iilsk7Wh1q7qFs5uw4a3DSDmohNPlcYmixWPa3DGYrHC1igpvEF1sBbL_nZ69C8MDl0zz3tYuXCaumUhLAVxZVp7If90MKwCGfDhc1ZW2E4L4DOhIce2P_RXL78HuWXOFQ/s1600/a1.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="179" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhT6WX4p4DW1iilsk7Wh1q7qFs5uw4a3DSDmohNPlcYmixWPa3DGYrHC1igpvEF1sBbL_nZ69C8MDl0zz3tYuXCaumUhLAVxZVp7If90MKwCGfDhc1ZW2E4L4DOhIce2P_RXL78HuWXOFQ/s320/a1.png" width="320" /></a></div>
<br />
3. selanjutnya klik "get a free chat box now!"<br /> lihat gambar ini :<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnC1r2EPHSJ3fEnXNNfFWEmf1eEv6I0zb7_qct2gkv4WOPNg08nsbQC1pdbkPFXLmhyphenhyphenMRzOwfn4Br_Iaz7dLFnxMcAtMWA_yDTZlzt1XEKiFTLXXI4KHDBw09T_YBTclwH9XQNnz8Rf24/s1600/a2.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="179" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnC1r2EPHSJ3fEnXNNfFWEmf1eEv6I0zb7_qct2gkv4WOPNg08nsbQC1pdbkPFXLmhyphenhyphenMRzOwfn4Br_Iaz7dLFnxMcAtMWA_yDTZlzt1XEKiFTLXXI4KHDBw09T_YBTclwH9XQNnz8Rf24/s320/a2.png" width="320" /></a></div>
<br />
4. kalo udah, ntar kalian pilih BG buat chat box kalian. lalu pilih
Ukuran, pilih sesuai keinginan kalian, terus copy semua kodenya di
bagian bawah.<br />biar lebih jelas liat gambar ini :<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHTJ2fSR_MSRmxkwBIwdy7MpVC5U3tIBb6DSfIjGWKkUblNkorihrosAOECz__7bpxFpqe6Zo_ff0WHu9AM6X40LtkmL_v77zvZUj7LZAsltIByKVxyLqpZZSGwUnXcTUtPhyphenhyphenM43OqHRU/s1600/a3.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="179" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHTJ2fSR_MSRmxkwBIwdy7MpVC5U3tIBb6DSfIjGWKkUblNkorihrosAOECz__7bpxFpqe6Zo_ff0WHu9AM6X40LtkmL_v77zvZUj7LZAsltIByKVxyLqpZZSGwUnXcTUtPhyphenhyphenM43OqHRU/s320/a3.png" width="320" /></a></div>
<br />
5. nah selesai dah. terus kalian masuk ke blogger kalian. menuju ke tata
letak lalu add/tambahkan widget, pilih java script. lalu pastekan
kodenya di situ. posisi bisa kalian atur sendiri dengan menge darg/seret
widget tsb.<br />
<br />
<br />
6. klik SIMPAN. tarraa. liat hasilnya :D<br />
<br />
<br />
<br />
udah dulu posting dari saya. semoga membantu. ^^<br />
jangan lupa tinggalkan commeng ok, eh comment maksudnya,.. hehe, XD
Unknownnoreply@blogger.comtag:blogger.com,1999:blog-4911617173805063054.post-49657793330044984772012-10-02T23:57:00.001-07:002012-10-02T23:57:07.720-07:00Cara membuat Bahasa Jawa di Facebook<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgt9vI9nbgzPmaRXkbBFKVw1gWgq53lrcjmf8Uk12N6YMDqJe8mQabdlbtoie9USkJdUeOiUiZNVcxh_JhnnHzdxMiaAw1EtJh88BaLFzeZXWmijz-DA0_i0hZZWlUAohluT67_EyguMpA/s1600/sastra+jawa.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="219" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgt9vI9nbgzPmaRXkbBFKVw1gWgq53lrcjmf8Uk12N6YMDqJe8mQabdlbtoie9USkJdUeOiUiZNVcxh_JhnnHzdxMiaAw1EtJh88BaLFzeZXWmijz-DA0_i0hZZWlUAohluT67_EyguMpA/s320/sastra+jawa.jpg" width="320" /></a></div>
<br />
<br />
misi,,! alhamdhulilah karena Hari ini saya sudah selesai dengan Ujian
saya, sekarang saya akan ngasih tau cara mengubah bahasa facebook
menjadi bahasa jawa, ( maklum saya orang jawa ) xD<br />
<br />
nih langsung aja, tutorialnya sangat simple,, :)<br />
kalian cuman butuh :<br />
<br />
<a href="http://www.blogger.com/blogger.g?blogID=4911617173805063054" name="more"></a>- broswer Opera (saya anjurkan memakai itu, kalo pakai yang lain saya blm tau bisa gag nya ) ;)<br />
<br />
1. langkah pertama login ke facebook dulu,<br />
<br />
2. masuk ke pengaturan akun, > pilih yang bawah sendiri, " bahasa "<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAS4Jtm9Md0aTaXBsOt7h9OiJA6aJaVJW2DAu2jVNeonQtdT4hFK0D8MPlgvJBKBOdJ35qRz2VHhbiWCer3L5e6psisUrE-YaCNnqEXH42FGR7L8crXPIiy3ku1l-XtyS9b3Vq0qgkx04/s1600/1.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="179" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAS4Jtm9Md0aTaXBsOt7h9OiJA6aJaVJW2DAu2jVNeonQtdT4hFK0D8MPlgvJBKBOdJ35qRz2VHhbiWCer3L5e6psisUrE-YaCNnqEXH42FGR7L8crXPIiy3ku1l-XtyS9b3Vq0qgkx04/s320/1.png" width="320" /></a></div>
<br />
3. klik pada address bar, nah ganti linknya menjadi : <span style="background-color: red; color: blue;">javascript:intl_set_locale(null,"FOOTER","jv_ID");</span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2A-lkg2E50i1NOBop59FBW2WNyUlhsuS5aT_lT0vu6XNx7BG9vyms8zfC-rEFxqrOoT5ADNVFthc8335wbrqPzncX6FJd6KZ8-u_8EWUDkhlpXa3Aymmxv-e1V1u7NTz7r6-aq1OOtJg/s1600/2.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="179" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2A-lkg2E50i1NOBop59FBW2WNyUlhsuS5aT_lT0vu6XNx7BG9vyms8zfC-rEFxqrOoT5ADNVFthc8335wbrqPzncX6FJd6KZ8-u_8EWUDkhlpXa3Aymmxv-e1V1u7NTz7r6-aq1OOtJg/s320/2.png" width="320" /></a></div>
<span style="background-color: #f3f3f3; color: blue;"><span style="background-color: white;"> </span></span><br />
<br />
<br />
4. abis itu reload/teken Enter, ;)<br />
<br />
<br />
<div style="text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjM7kb6cyHFhjKNaHHhRrXhyWbXzN0IqOejl9OaTsiWdyQNHXix1eYK-PTVDBC1-5RHuBEqU0pghYCGmam46LMA0TfJ3HBlT7uDAUU8GC34cBQa5Gy4FQt85du9ntgNt7vB5FkYq17qBH8/s1600/3.png"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjM7kb6cyHFhjKNaHHhRrXhyWbXzN0IqOejl9OaTsiWdyQNHXix1eYK-PTVDBC1-5RHuBEqU0pghYCGmam46LMA0TfJ3HBlT7uDAUU8GC34cBQa5Gy4FQt85du9ntgNt7vB5FkYq17qBH8/s320/3.png" /></a></div>
<div style="text-align: center;">
</div>
<br />
selesai deh,, :D<br />
<br />
selamat mencoba,, semogaa posying ini dapat membantu temen-temen,, ^_^<br />
<br />
comment yang mau tanya,, OK :)Unknownnoreply@blogger.comtag:blogger.com,1999:blog-4911617173805063054.post-77780223893412897982012-10-02T01:34:00.001-07:002012-10-02T03:21:01.810-07:00Cara Membuat Anti Klik Kanan Stop Kopi PasteMungkin bagi sobat yang telah menulis banyak artikel dimana artikel itu
murni hasil kerja keras dan keringat dari otak sobat, pasti sobat sangat
kecewa apabila artikel tersebut akhirnya dikopi paste oleh banyak orang
untuk dijadikan artikel mereka.<br />
<br />
Wah saat melihat blog mereka
ternyata semuanya memuat artikel yang sama seperti yang sobat tulis. Nah
pasti kemudian sobat bertanya gimana sih untuk membuat artikel yang
tidak dapat dikopi oleh orang lain…..!!!@$%#. Ada deh buat kamu2 yang
ingin sedikit sedikit protektif terhadap posting yang udah ditulis. Gini
caranya:<span class="fullpost"><br /><br />1. <span style="font-weight: bold;">Login</span> ke blog sobat diblogger.<br />2. Masuk ke <span style="font-weight: bold;">Rancangan-- Edit HTML</span>.<br />3. Cari kode <body><br />4. Hapus lalu ganti dengan kode berikut ini:</span><br />
<blockquote>
<body oncontextmenu='return false;' onkeydown='return false;' onmousedown='return false;'></blockquote>
Script tersebut berfungsi dalam memproteksi tulisan dalam blog sobat dengan cara menonaktifkan klik kanan pada mouse.<br />
<br />
Selain
itu ada cara kedua untuk memproteksi blog sobat yaitu dengan membuat
peringatan pada blog ketika pengunjung menggunakan klik kanan mouse.<br />
<br />
1. <span style="font-weight: bold;">Login</span> ke blogger.<br />
2. Masuk ke Rancangan -- Elemen Laman<br />
3. <span style="font-weight: bold;">Tambahkan gadjet</span> dan pilih <span style="font-weight: bold;">HTML JavaScipt</span><br />
4. Masukkan kode ini<br />
<blockquote>
<script><br />
var message="<span style="font-weight: bold;">Maaf, Klik Kanan Tidak Diperbolehkan!</span>";<br />
///////////////////////////////////<br />
function clickIE4(){if (event.button==2){alert(message);return false;}}<br />
function
clickNS4(e){if
(document.layers||document.getElementById&&!document.all){if
(e.which==2||e.which==3){alert(message);return false;}}}<br />
if (document.layers){document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS4;}<br />
else if (document.all&&!document.getElementById){document.onmousedown=clickIE4;}<br />
document.oncontextmenu=new Function("alert(message);return false")</script></blockquote>
5. <span style="font-weight: bold;">Simpan gadjet </span><br />
Unknownnoreply@blogger.comtag:blogger.com,1999:blog-4911617173805063054.post-21619041228334232602012-10-02T01:31:00.003-07:002012-10-02T03:20:38.043-07:00Cara Mengetahui Berapa Harga Blog Anda <a href="http://2.bp.blogspot.com/_kmq5S6nnKMQ/SlYJjJcdX7I/AAAAAAAAAYg/DT3DhzNIf-Y/s1600-h/harga+blog.jpg"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5356479306239139762" src="http://2.bp.blogspot.com/_kmq5S6nnKMQ/SlYJjJcdX7I/AAAAAAAAAYg/DT3DhzNIf-Y/s200/harga+blog.jpg" style="cursor: pointer; float: left; height: 87px; margin: 0pt 10px 10px 0pt; width: 200px;" /></a>Setelah
bersusah payah membuat blog, dimana sobat telah menghabiskan uang,
waktu, tenaga, dan lain sebagainya, sudah saatnya sobat tau berapa harga
blog yang sobat buat dengan jerih payah dan keringat sendiri. Nah sobat
bisa kok mengetahui berapa harga untuk blog yang sobat buat…..<br />
<br />
Nah
saya sendiri udah mencobanya karena begitu penasaran. Di saat itu saya
berharap bahwa blog saya setidaknya dihargai dengan ribuan dolar.<br />
<br />
Eh…..ternyata
meleset dan saya begitu kaget blog saya belum ada harganya….alias
0$....wah saya sedikit menyesal….tapi kalo dipikir2 ternyata saya tidak
boleh berkecil hati dan menyerah. Melainkan saya perlu lebih giat lagi
menulis dan meningkatkan trafik ke blog. <span class="fullpost"><br /><br />Oh ya sampai lupa saya belum memberikan alamat untuk sobat. Nih alamatnya loh……<a href="http://www.business-opportunities.biz/projects/how-much-is-your-blog-worth/" style="font-weight: bold;">http://www.business-opportunities.biz/projects/how-much-is-your-blog-worth/</a><br />Sobat
tinggal mensubmit URL blog dan sobat pun akan diberikan penilaian
mengenai harga untuk blog sobat. Sebagai tambahan ada juga situs lain
yang sobat bisa kunjungi untuk mengetahui harga blog sobat.<br /><br />Nih dia:<br style="font-weight: bold;" /><span style="font-weight: bold;">1. </span><a href="http://www.cwire.org/website-value-calculator/" style="font-weight: bold;">http://www.cwire.org/website-value-calculator/</a><br style="font-weight: bold;" /><span style="font-weight: bold;">2. </span><a href="http://www.websiteoutlook.com/" style="font-weight: bold;">http://www.websiteoutlook.com/</a><br style="font-weight: bold;" /><span style="font-weight: bold;">3. </span><a href="http://www.sitevaluecalculator.com/" style="font-weight: bold;">http://www.sitevaluecalculator.com/</a></span><br />
<div style="background-color: white; border: medium none; color: black; overflow: hidden; text-align: left; text-decoration: none;">
<br /></div>
Unknownnoreply@blogger.comtag:blogger.com,1999:blog-4911617173805063054.post-84009579137297333692012-10-02T01:30:00.003-07:002012-10-02T01:30:59.715-07:00Membuat Link Download di Blog Sobat masih baru dengan dunia blog ya.....tentunya sobat pasti penasaran
bagaimana cara membuat gadjet, membuat link, membuat tabel dan lain
sebagainya. Tapi untuk kali ini saya akan memberikan tips sederhana bagi
teman-teman semua cara membuat link download. Penasaran ya gimana
caranya ......?<br /><br />Oke kali ini kita akan membuat link download yang sederhana.<br />Anda dapat membuat link download pada posting atau gadjet sobat.....Dibawah ini adalah kode untuk membuat link download....<br />
<blockquote>
<span style="color: red;"><a href="http://www.ziddu.com/download/5248041/Bonus2Bab10JT.pdf.html">Download</a></span> - Rahasia Meraup Profit 10 Juta di Bulan Pertama</blockquote>
<span class="fullpost"><span style="font-style: italic;">Hasilnya akan seperti dibawah ini:</span><br /><a href="http://www.ziddu.com/download/5248041/Bonus2Bab10JT.pdf.html">Download</a> - Rahasia Meraup Profit 10 Juta di Bul/an Pertama<br /><br />Anda
juga dapat membuat link download disertai dengan gambar seperti dibawah
ini. Pertama carilah situs2 yang menyediakan layanan dimana sobat dapat
mengupload gambar. Misalnya <span style="font-weight: bold;">ziddu, shareapic, 4shared</span> dan lain sebagainya...Setelah upload kopi kode url gambar dan buatlah kode seperti dibawah ini:<br /><blockquote>
<span style="color: red;"><a href="<span style="color: #3333ff;">xxxxx</span>"/><img src="<span style="color: #33cc00;">#####</span>"/></a></span> - Rahasia Meraup Profit 10 Juta di Bulan Pertama</blockquote>
Anda hanya tinggal mengubah alamat link(<span style="color: #3333ff;">xxxxx</span>) dan lokasi gambar <span style="color: #3333ff;"><span style="color: #333333;">(</span><span style="color: #33cc00;">#####</span></span>). Jika sudah maka hasilnya dapat dilihat seperti dibawah ini:<br /><br /><a href="http://www.ziddu.com/download/5248041/Bonus2Bab10JT.pdf.html"><img src="http://img.brothersoft.com/v1/down/images/newdownload.gif" /></a> - Rahasia Meraup Profit 10 Juta di Bulan Pertama</span><div style="background-color: white; border: medium none; color: black; overflow: hidden; text-align: left; text-decoration: none;">
<br /></div>
Unknownnoreply@blogger.comtag:blogger.com,1999:blog-4911617173805063054.post-52840133473683300512012-10-02T01:21:00.003-07:002012-10-02T01:21:32.075-07:00Mengganti Link Posting Lama dan Baru dengan Gambar <br />
Pada bagian bawah dari posting sobat, pasti sobat akan melihat sebuah
link "Older Post / Newer Post" atau "Posting Lama / Posting Baru" serta
home. Mungkin sobat pada dasarnya belum tau tentang link tersebut dan
setelah mengetahuinya ternyata link tersebut merupakan link yang
menunjukan artikel yang baru, artikel yang lama serta homepage.
Seringkali link tersebut diganti dengan gambar agar terlihat lebih
menarik. Jadi bagaimana caranya ya???<br /><br /><a href="http://1.bp.blogspot.com/-0S-Qflx3kqw/T5d32fk-h3I/AAAAAAAADLw/BNfy8bRznAI/s1600/link_older_newer_post.jpg"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5735184428552849266" src="http://1.bp.blogspot.com/-0S-Qflx3kqw/T5d32fk-h3I/AAAAAAAADLw/BNfy8bRznAI/s400/link_older_newer_post.jpg" style="cursor: hand; cursor: pointer; display: block; height: 104px; margin: 0px auto 10px; text-align: center; width: 400px;" /></a><br />1. <span style="font-weight: bold;">Login</span> ke blogger.<br />2. Pilih <span style="font-weight: bold;">Rancangan</span> selanjutnya klik <span style="font-weight: bold;">Edit HTML</span><br />3. Beri tanda centang pada "<span style="font-weight: bold;">Expand widget template</span>"<br />4. Cari kode berikut atau atau tekan CTRL-F untuk mencari kode:<br /><span style="color: red;"><br /><span style="font-weight: bold;"><data:newerPageTitle/></span></span><br />Script ini menunjukan artikel terbaru.<span class="fullpost"> Hapus dan ganti dengan url gambar dibawah ini:</span><br />
<blockquote>
<img src='http://3.bp.blogspot.com/-bK9G7GBYCfM/T5d4Y_FWCHI/AAAAAAAADL8/ITiy_KoKdkc/s320/Rightarrow.png'/></blockquote>
<span style="color: #009900; font-weight: bold;"><data:olderPageTitle/></span><br />Script ini menunjukan artikel yang lama. Hapus dan <span class="fullpost">ganti dengan url gambar dibawah ini:</span><span class="fullpost"><blockquote>
<img src='http://2.bp.blogspot.com/-rQAC_9RV0Sk/T5d5N5Th1OI/AAAAAAAADMI/aDpKG4ioe8A/s320/Leftarrow.png'/></blockquote>
</span><span class="fullpost"><span style="color: #3333ff; font-weight: bold;"><data:homeMsg/></span></span><span class="fullpost">Script ini menunjukan home page atau beranda. Hapus dan </span><span class="fullpost">ganti dengan url gambar dibawah ini:</span><br /><span class="fullpost"><blockquote>
<img src='http://1.bp.blogspot.com/-2jRdaXoBdlc/T5d5N8zE2LI/AAAAAAAADMU/hEy36irBkvw/s320/Home.png'/></blockquote>
</span><span class="fullpost">6. Jangan lupa <span style="font-weight: bold;">simpan template</span> yang telah diubah.....Selamat mencoba!!!!</span>Unknownnoreply@blogger.comtag:blogger.com,1999:blog-4911617173805063054.post-17480366296647986402012-10-02T01:18:00.000-07:002012-10-02T01:18:10.464-07:00Membuat Artikel yang Berhubungan
<a href="http://4.bp.blogspot.com/-8GWnDAFwSv0/T2Lji1nIaAI/AAAAAAAABdc/7r9Q_A-MpxI/s1600/Related%2BArticle.jpg"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5720384664360216578" src="http://4.bp.blogspot.com/-8GWnDAFwSv0/T2Lji1nIaAI/AAAAAAAABdc/7r9Q_A-MpxI/s320/Related%2BArticle.jpg" style="cursor: pointer; float: left; height: 160px; margin: 0pt 10px 10px 0pt; width: 213px;" /></a>Mungkin
sobat pernah mendengar tentang istilah related article atau related
post dalam dunia blogging. Related article adalah artikel yang saling
berhubungan yaitu berupa link yang menghubungkan sejumlah artikel yang
sama seusai dengan label artikel yang sobat baca. Sobat dapat
menggunakan related post untuk mengisi kekosongan atau ruangan pada
posting sehingga terlihat menarik. Related artikel ini juga berfungsi
untuk menjaga trafik penggujung pada blog sobat. Tertarik untuk
membuatnya, untuk itu ikuti langkah berikut:<br /><br />1. <span style="font-weight: bold;">Login</span> pada blogger.<br />2. Pilih <span style="font-weight: bold;">Rancangan</span> dan pilih <span style="font-weight: bold;">Edit HTML</span><br />3. Beri tanda centang pada<span style="font-weight: bold;"> Expand Widget Template</span><br />4. Kopi scipt berikut ini lalu paste diatas kode<span style="font-weight: bold;"> </head></span><br /><br />
<div style="border-style: solid; border-width: 0px; height: 380px; overflow: auto; width: 500px;">
<blockquote>
<!-- Related Post blogtrikdantips.blogspot --><br /><script type='text/javascript'><br />//<![CDATA[<br />var relatedTitles = new Array();<br />var relatedTitlesNum = 0;<br />var relatedUrls = new Array();<br />function related_results_labels(json) {<br />for (var i = 0; i < json.feed.entry.length; i++) {<br />var entry = json.feed.entry[i];<br />relatedTitles[relatedTitlesNum] = entry.title.$t;<br />for (var k = 0; k < entry.link.length; k++) {<br />if (entry.link[k].rel == 'alternate') {<br />relatedUrls[relatedTitlesNum] = entry.link[k].href;<br />relatedTitlesNum++;<br />break;}}}}<br />function removeRelatedDuplicates() {<br />var tmp = new Array(0);<br />var tmp2 = new Array(0);<br />for(var i = 0; i < relatedUrls.length; i++) {<br />if(!contains(tmp, relatedUrls[i])) {<br />tmp.length += 1;<br />tmp[tmp.length - 1] = relatedUrls[i];<br />tmp2.length += 1;<br />tmp2[tmp2.length - 1] = relatedTitles[i];}}<br />relatedTitles = tmp2;<br />relatedUrls = tmp;}<br />function contains(a, e) {<br />for(var j = 0; j < a.length; j++) if (a[j]==e) return true;<br />return false;}<br />function printRelatedLabels() {<br />var r = Math.floor((relatedTitles.length - 1) * Math.random());<br />var i = 0;<br />document.write('<ul>');<br />while (i < relatedTitles.length && i < 20) {<br />document.write('<li><a href="' + relatedUrls[r] + '">' +<br />relatedTitles[r] + '</a></li>');<br />if (r < relatedTitles.length - 1) {<br />r++;<br />} else {<br />r = 0;}<br />i++;}<br />document.write('</ul>');}<br />//]]><br /></script></blockquote>
</div>
<br />5. Selanjutnya letakkan kode dibawah ini setelah kode <span style="font-weight: bold;"><data:post.body/></span><br /><blockquote>
b:if cond='data:post.labels'><br /><b:loop values='data:post.labels' var='label'><br /><b:if cond='data:blog.pageType == &quot;item&quot;'><br /><script
expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name
+
&quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=<span style="color: #000099;">5</span>&quot;' type='text/javascript'/><br /></b:if><br /></b:loop><br /></b:if><br /><br /><b:if cond='data:blog.pageType == &quot;item&quot;'><br /><h4><span style="color: red; font-weight: bold;">Artikel Terkait</span></h4><br /><script type='text/javascript'><br />removeRelatedDuplicates();<br />printRelatedLabels();<br /></script><br /><script src='http://blogtrikdantips-blogspot.googlecode.com/files/linkblog.js' type='text/javascript'/><br /></b:if></blockquote>
6. Yang terakhir yaitu<span style="font-weight: bold;"> simpan template</span> sobat dan lihat hasilnya.<br /><div style="background-color: white; border: medium none; color: black; overflow: hidden; text-align: left; text-decoration: none;">
<br /></div>
Unknownnoreply@blogger.comtag:blogger.com,1999:blog-4911617173805063054.post-43729785615948900212012-10-02T01:12:00.002-07:002012-10-02T01:12:18.476-07:00Membuat Status Yahoo Messenger pada Blog Jika sobat ingin menampilkan status Yahoo Messenger (YM) pada blog maka
caranya sangat mudah. Fungsi status ym pada blog yaitu pengujung dapat
berinteraksi langsung dengan sobat karena mereka mengetahui sobat sedang
online pada yahoo atau tidak.<br /><br />Berikut adalah cara membuatnya:<br /><br />1. <span style="font-weight: bold;">Login</span> ke blogger<br />2. Pilih <span style="font-weight: bold;">Rancangan -- Edit Laman</span><br />3. <span style="font-weight: bold;">Tambah gadjet</span> kemudian pilih <span style="font-weight: bold;">HTML/JavaScript</span><br />4. Masukan kode di bawah ini:<span class="fullpost"><br /></span><br />
<blockquote>
<span style="color: red;"><a href="http://messenger.yahoo.com/edit/send/?.target=ID_YM_Anda"><br /><img src="http://opi.yahoo.com/yahooonline/u=<span style="color: #33cc00;">ID_YM_Anda</span>/m=g/t=X/l=us/opi.jpg" border="<span style="color: #3333ff;">1</span>" alt="Status YM" /></a></span></blockquote>
<span class="fullpost"><span style="font-style: italic;">Keterangan:</span></span><span class="fullpost">- Pada kode tersebut ada tulisan</span><span class="fullpost"> "</span><span class="fullpost"><span style="color: red;"><span style="color: #33cc00;">ID_YM_Anda</span></span></span><span class="fullpost">". Gantilah kode tersebut dengan yahoo messenger milik sobat<br />- Untuk mengganti gambar YM maka ubahlah kode (nomor) berwarna biru "<span style="color: #3333ff;">1</span>", sobat bisa mengganti nomor dari angka 1 sampai dengan 16 sehingga gambar yang ditayangkan akan berbeda seperti dibawah ini:<br /></span><a href="http://1.bp.blogspot.com/-e1A9bYIuQUg/T5QAE5z7XLI/AAAAAAAADLA/FBt0z-yz_xU/s1600/status%2Bym.jpg"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5734208309787581618" src="http://1.bp.blogspot.com/-e1A9bYIuQUg/T5QAE5z7XLI/AAAAAAAADLA/FBt0z-yz_xU/s400/status%2Bym.jpg" style="cursor: hand; cursor: pointer; display: block; height: 313px; margin: 0px auto 10px; text-align: center; width: 400px;" /></a><span class="fullpost">5. Terakhir <span style="font-weight: bold;">Simpan gadjet</span> sobat lalu lihat hasilnya<br /><br />Selamat Mencoba!!!</span><br />
<div style="background-color: white; border: medium none; color: black; overflow: hidden; text-align: left; text-decoration: none;">
<br /></div>
Unknownnoreply@blogger.comtag:blogger.com,1999:blog-4911617173805063054.post-31876855106852631422012-10-02T01:10:00.003-07:002012-10-02T01:10:56.595-07:00 Membuat Cursor Animasi Bertabur Bintang 1. <span style="font-weight: bold;">Login</span> ke blogger.<br />2. Pilih <span style="font-weight: bold;">Rancangan</span> -- <span style="font-weight: bold;">Elemen Laman</span><br style="font-weight: bold;" />3. <span style="font-weight: bold;">Tambahkan Gadjet </span>lalu pilih <span style="font-weight: bold;">HTML JavaScript</span><br />4. Kopi kode dibawah ini lalu paste pada gadjet anda<br />5. <span style="font-weight: bold;">Simpan gadjet</span> tersebut lalu lihat hasilnya<br /><br />Bintang warna putih :<br />
<blockquote>
<script src="http://blogtrikdantips-blogspot.googlecode.com/files/white_cursor.js" type="text/javascript"/></script></blockquote>
<span style="color: #3333ff;">Bintang Warna Biru</span><br /><blockquote>
<script src="http://blogtrikdantips-blogspot.googlecode.com/files/blue_cursor.js" type="text/javascript"/></script></blockquote>
<span style="color: red;">Bintang Warna Merah</span><br /><blockquote>
<script src="http://blogtrikdantips-blogspot.googlecode.com/files/red_cursor.js" type="text/javascript"/></script></blockquote>
<span style="color: #993399;">Bintang Warna Ungu</span><br /><blockquote>
<script
src="http://blogtrikdantips-blogspot.googlecode.com/files/purple_cursor.js"
type="text/javascript"/></script></blockquote>
<span style="color: #33cc00;">Bintang Warna Hijau</span><br /><blockquote>
<script src="http://blogtrikdantips-blogspot.googlecode.com/files/green_cursor.js" type="text/javascript"/></script></blockquote>
Unknownnoreply@blogger.comtag:blogger.com,1999:blog-4911617173805063054.post-55180784362529838642012-10-02T01:09:00.003-07:002012-10-02T01:09:34.243-07:00Memasang Jumlah Posting dan Komentar
<a href="http://2.bp.blogspot.com/-XRDBrOtGp5g/T5Ny1OS4NaI/AAAAAAAADJo/d5peX_YwLF8/s1600/comments%2Bdan%2Bpost%2Bcount.jpg"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5734053009268684194" src="http://2.bp.blogspot.com/-XRDBrOtGp5g/T5Ny1OS4NaI/AAAAAAAADJo/d5peX_YwLF8/s320/comments%2Bdan%2Bpost%2Bcount.jpg" style="cursor: pointer; float: left; height: 150px; margin: 0pt 10px 10px 0pt; width: 222px;" /></a>Sobat ingin menampilkan jumlah postingan dan jumlah komentar pada blog sobat. Mudah kok caranya .....Ikuti langkah2 berikut ini:<br /><br />1. <span style="font-weight: bold;">Login</span> ke blogger.<br />2. Masuk ke <span style="font-weight: bold;">Rancangan</span> -- <span style="font-weight: bold;">Elemen Laman</span><br />3. <span style="font-weight: bold;">Tambah Gadjet</span> dan pilih HTML JavaScript<br />4a. Masukan kode berikut jika sobat ingin menampilkan <span style="font-weight: bold;">jumlah postingan.</span><br />
<blockquote>
<script style="text/javascript"><br />function showpostcount(json) {<br />document.write('Total
Posts : <b>' + parseInt(json.feed.openSearch$totalResults.$t,10) +
'</b><br>');}</script><br /><script src="http://<span style="color: red;">blogtikdantips</span>.blogspot.com/feeds/posts/default?alt=json-in-script&callback=showpostcount"></script></blockquote>
<span class="fullpost">4b. Masukan kode berikut jika sobat ingin menampilkan<span style="font-weight: bold;"> jumlah komentar</span>.<br /><blockquote>
<script style="text/javascript"></script><br /><script style="text/javascript"><br />function numberOfComments(json) {<br />document.write('Total Comments : <b>' + json.feed.openSearch$totalResults.$t + '</b><br>');}</script><br /><script src="http://<span style="color: red;">blogtrikdantips</span>.blogspot.com/feeds/comments/default?alt=json-in-script&callback=numberOfComments"></script></blockquote>
5. Ganti <span style="color: red;">kode berwarna merah</span> dengan <span style="font-weight: bold;">nama blog sobat.</span><br />6. <span style="font-weight: bold;">Simpan gadjet</span> sobat</span>Unknownnoreply@blogger.comtag:blogger.com,1999:blog-4911617173805063054.post-22755344809802693762012-10-02T01:08:00.003-07:002012-10-02T01:08:33.450-07:00 Memasang Tag Cloud Animasi Sudahkah sobat pernah melihat tag yang berbentuk seperti bola bumi dan bergerak seperti bumi. Tag ini pertama kali dibuat oleh <span style="font-weight: bold;">Roy Tank</span> disitusnya. Widget ini diberi nama <span style="font-weight: bold;">Blogumulus</span>. Namun kini istilah tersebut sudah jarang didengar karena lebih banyak orang yang menyebutnya <span style="font-style: italic;">cloud label animasi, label bola dunia </span>dan lain-lain. Sebelumnya saya pernah menerangkan kepada sobat tentang cara memasangnya dengan mengedit template sobat.<br /><br />Kali ini ada trik yang lebih mudah untuk membuat tag cloud animasi tersebut, dimana kita hanya menggunakan <span style="font-weight: bold;">widget generator</span> sehingga nampak sederhana untuk membuat. Jika ingin tau caranya ikuti langkah berikut ini:<span class="fullpost"><br /><br />1. Kunjungi blog berikut ini: <a href="http://www.way2blogging.org/2012/03/new-easy-install-flash-animated-label-cloud-widget-for-blogger.html">KLIK DISINI</a><br />2. Selanjutnya klik Tombol <span style="font-weight: bold;">Widget Generator </span><br />3. <span style="font-style: italic;">Isi formnya</span>: Judul blog, url blog, lebar dan tinggi widget, warna background, text, kecepatan, dll<br />4. Klik Tombol <span style="font-weight: bold;">Generate</span><br />5. Kemudian Klik tombol <span style="font-weight: bold;">Add to Blogger</span><br />6. Lalu sobat Klik tombol <span style="font-weight: bold;">Add Widget</span> maka widget tersebut langsung terpasang pada blog sobat<br /><br /><a href="http://demoblogtrikdantips.blogspot.com/2012/04/blogumulus-animated-cloud-label.html">Lihat demonya DISINI</a><br />Mudah saja kan cara membuatnya.....!! Selamaat mencobaaaaa......</span>Unknownnoreply@blogger.com