Kelas Juara

Moeslem Widget

<div dir="ltr" style="text-align: left;" trbidi="on">
<br />
<div style="background-color: white; font-family: Verdana, 'BitStream vera Sans', Tahoma, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin-bottom: 10px; padding: 0px; text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBwP8aqEu3jgoUfxvoiUpAqVyrP8_lhx92rnCVtc4Ib_RHIyNNZ5MIDUYgte2ar9vtHcDGP34eaU-3jei7nNEqshqlDpn0VfgCI87eYqMxEKpAuyLaw1nFFpmfsHgRIk6dw3mMwkd2Helm/s1600/th_smile01.jpg" imageanchor="1" style="background-color: transparent; clear: left; float: left; margin-bottom: 1em; margin-right: 1em; text-align: center;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBwP8aqEu3jgoUfxvoiUpAqVyrP8_lhx92rnCVtc4Ib_RHIyNNZ5MIDUYgte2ar9vtHcDGP34eaU-3jei7nNEqshqlDpn0VfgCI87eYqMxEKpAuyLaw1nFFpmfsHgRIk6dw3mMwkd2Helm/s1600/th_smile01.jpg" /></a>Agar blog menjadi lebih informatif serta religius, Anda bisa menambahkan <span style="color: black;"><strong>Widget Islami</strong></span> berupa Jadwal Sholat, Random Ayat, Asmaul Husna maupun Kalender Hijriah. Widget Islami ini berbentuk java script serta image/gambar. Sehingga bisa ditambahkan di website yang tidak support java script seperti di <a href="http://wordpress.com/">wordpress.com</a> maupun <a href="http://englishschool7.blogspot.com/">blogspot.com</a> dengan memilih widget berbentuk image.</div>
<div style="background-color: white; font-family: Verdana, 'BitStream vera Sans', Tahoma, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin-bottom: 10px; padding: 0px;">
Widget bisa Anda dapatkan di alamat:</div>
<div style="background-color: white; font-family: Verdana, 'BitStream vera Sans', Tahoma, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin-bottom: 10px; padding: 0px;">
<a href="http://www.mahesajenar.com/scripts/widgets/" rel="external nofollow" style="color: blue; text-decoration: none;" target="_blank">http://www.mahesajenar.com/scripts/widgets/</a></div>
<div style="background-color: white; font-family: Verdana, 'BitStream vera Sans', Tahoma, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin-bottom: 10px; padding: 0px; text-align: justify;">
<span id="more-414"></span>Di situs <a href="http://mahesajenar.com/">mahesajenar.com</a> ini, Anda bisa mengatur settingan widget sesuai dengan keinginan Anda kemudian klik preview untuk menampilkan sampel tampilannya. Setelah itu copy kodenya dan paste di sidebar blog anda.</div>
<div style="background-color: white; font-family: Verdana, 'BitStream vera Sans', Tahoma, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin-bottom: 10px; padding: 0px;">
Contohnya seperti seperti dibawah ini. (widget berbentuk image/gambar)</div>
<div style="background-color: white; font-family: Verdana, 'BitStream vera Sans', Tahoma, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin-bottom: 10px; padding: 0px; text-align: center;">
<span style="color: green;"><a href="http://www.al-habib.info/islamic-widget/asmaul-husna-99-names-allah.htm" target="_blank">Asmaul Husna</a></span></div>
<div style="background-color: white; font-family: Verdana, 'BitStream vera Sans', Tahoma, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin-bottom: 10px; padding: 0px; text-align: center;">
<img alt="Asmaul Husna" border="0" class="aligncenter" src="http://www.mahesajenar.com/scripts/asmaulhusna.php?&text=993300&bg=FFFFFF&border=FFFFFF&desc=993300&n=1&k=1" style="border: none; display: block; margin-left: auto; margin-right: auto; max-width: 600px;" width="150" /></div>
<div style="background-color: white; font-family: Verdana, 'BitStream vera Sans', Tahoma, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin-bottom: 10px; padding: 0px; text-align: center;">
<span style="color: green;">Hari ini tanggal:</span></div>
<div style="background-color: white; font-family: Verdana, 'BitStream vera Sans', Tahoma, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin-bottom: 10px; padding: 0px; text-align: center;">
<img alt="" src="http://www.mahesajenar.com/scripts/hijriah.php?tz=7&type=img&text=993300&bg=FFFFFF&border=FFFFFF" style="border: none; max-width: 600px;" /></div>
<div style="background-color: white; font-family: Verdana, 'BitStream vera Sans', Tahoma, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin-bottom: 10px; padding: 0px; text-align: center;">
<span style="color: green;"><strong><span style="color: red;">Jadwal Sholat Untuk Jakarta </span></strong>:</span></div>
<div style="background-color: white; font-family: Verdana, 'BitStream vera Sans', Tahoma, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin-bottom: 10px; padding: 0px; text-align: center;">
<img alt="" class="aligncenter" src="http://www.mahesajenar.com/scripts/adzan.php?kota=Jakarta&type=image1&text=000000&bg=FFFFFF" style="border: none; display: block; margin-left: auto; margin-right: auto; max-width: 600px;" /></div>
<div style="background-color: white; font-family: Verdana, 'BitStream vera Sans', Tahoma, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin-bottom: 10px; padding: 0px; text-align: center;">
<span style="color: green;">Adzan Countdown:</span></div>
<div style="background-color: white; font-family: Verdana, 'BitStream vera Sans', Tahoma, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin-bottom: 10px; padding: 0px; text-align: center;">
<img alt="" src="http://www.mahesajenar.com/scripts/adzan.php?kota=Jakarta&type=image2&text=663300&bg=FFFFFF&border=FFFFFF" style="border: none; max-width: 600px;" /></div>
<div style="background-color: white; font-family: Verdana, 'BitStream vera Sans', Tahoma, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin-bottom: 10px; padding: 0px; text-align: center;">
<span style="color: green;">Random Ayat</span></div>
<div style="background-color: white; font-family: Verdana, 'BitStream vera Sans', Tahoma, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin-bottom: 10px; padding: 0px; text-align: center;">
<img alt="" src="http://www.mahesajenar.com/scripts/ayatimg.php?&text=993300&bg=FFFFFF&border=FFFFFF&sc=9999FF&c=70" style="border: none; max-width: 600px;" /></div>
<div style="background-color: white; font-family: Verdana, 'BitStream vera Sans', Tahoma, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin-bottom: 10px; padding: 0px; text-align: justify;">
Widget Islami lainnya berupa kalender hijriah, jam, kartu ucapan Idul Fithri dll  bisa juga Anda dapatkan dari dari situs <a href="http://www.al-habib.info/" rel="external nofollow" style="color: blue; text-decoration: none;" target="_blank">http://www.al-habib.info/</a></div>
<div style="background-color: white; font-family: Verdana, 'BitStream vera Sans', Tahoma, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin-bottom: 10px; padding: 0px;">
Contohnya : <a href="http://www.al-habib.info/islamic-clock/" target="_blank">Islamic Clock:</a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiji19gapt3Bo8e2MdbUlrJAb0wAZ9hrtLSujZGiRjnxxRWXUsY2KCT5mL6vq1SF_8xZbAj9gVq5vbDk3eq9d6BmCkWz16LPvmvDBWVLmB0TD308uyRWUCbgHMSmhJaOpgS6LzaJQoOLLNe/s1600/th_allahmuh01.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiji19gapt3Bo8e2MdbUlrJAb0wAZ9hrtLSujZGiRjnxxRWXUsY2KCT5mL6vq1SF_8xZbAj9gVq5vbDk3eq9d6BmCkWz16LPvmvDBWVLmB0TD308uyRWUCbgHMSmhJaOpgS6LzaJQoOLLNe/s1600/th_allahmuh01.jpg" /></a></div>
<br />
<span style="background-color: white; font-family: Verdana, 'BitStream vera Sans', Tahoma, Helvetica, sans-serif; font-size: 13.333333969116211px; line-height: 18.99305534362793px;"><br /></span>
<span style="background-color: white; font-family: Verdana, 'BitStream vera Sans', Tahoma, Helvetica, sans-serif; font-size: 13.333333969116211px; line-height: 18.99305534362793px;"><a href="http://www.al-habib.info/islamic-calendar/" target="_blank">Islamic Calendar:</a></span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBwP8aqEu3jgoUfxvoiUpAqVyrP8_lhx92rnCVtc4Ib_RHIyNNZ5MIDUYgte2ar9vtHcDGP34eaU-3jei7nNEqshqlDpn0VfgCI87eYqMxEKpAuyLaw1nFFpmfsHgRIk6dw3mMwkd2Helm/s1600/th_smile01.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBwP8aqEu3jgoUfxvoiUpAqVyrP8_lhx92rnCVtc4Ib_RHIyNNZ5MIDUYgte2ar9vtHcDGP34eaU-3jei7nNEqshqlDpn0VfgCI87eYqMxEKpAuyLaw1nFFpmfsHgRIk6dw3mMwkd2Helm/s1600/th_smile01.jpg" /></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: center;">
<br /></div>
<div style="background-color: white; font-family: Verdana, 'BitStream vera Sans', Tahoma, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin-bottom: 10px; padding: 0px;">
<a href="http://www.al-habib.info/islamic-greeting-card/" target="_blank">Kartu Ucapan Selamat Idul Fitri:</a></div>
<div style="background-color: white; font-family: Verdana, 'BitStream vera Sans', Tahoma, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin-bottom: 10px; padding: 0px;">
<img alt="" border="0" height="0" src="http://counters.gigya.com/wildfire/IMP/CXNID=2000002.0NXC/bT*xJmx*PTEyNTE1MDI*ODIyNTAmcHQ9MTI1MTUwMjQ5MDUzMSZwPTIzODk4MSZkPUlzbGFtaWMlMjBHcmVldGluZyUyMENhcmQmZz*xJnQ9Jm89YTQwNjNkYjgyMmQ2NDMxOWJiYmQ3ZjIwZWY*YzVkYzcmb2Y9MA==.gif" style="border: none; height: 0px; max-width: 600px; visibility: hidden; width: 0px;" width="0" /></div>
<div style="background-color: white; font-family: Verdana, 'BitStream vera Sans', Tahoma, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin: 0px; padding: 0px;">
<div style="margin-bottom: 10px; padding: 0px;">
<a href="http://www.al-habib.info/" style="color: blue; text-decoration: none;"></a></div>
<div style="margin-bottom: 10px; padding: 0px;">
<span style="font-size: 9px; padding-top: 5px;"><a href="http://www.al-habib.info/Islamic-greeting-card/" rel="external nofollow" style="color: blue; text-decoration: none;"><strong>Islamic Greeting Cards</strong></a> by Alhabib</span></div>
</div>
<div style="background-color: white; font-family: Verdana, 'BitStream vera Sans', Tahoma, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin-bottom: 10px; padding: 0px; text-align: center;">
<img alt="Islamic Greeting Card by Alhabib. Visit www.al-habib.info for more greeting cards like this!" border="0" src="http://lh4.ggpht.com/_EG4WK-4Uz7g/SNJ51oWfTxI/AAAAAAAAATQ/-qAAmUpVAA0/s800/fitr_masjidoctagon_id.jpg" style="border: 0px none; max-width: 600px;" /></div>
<div style="background-color: white; font-family: Verdana, 'BitStream vera Sans', Tahoma, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin-bottom: 10px; padding: 0px; text-align: center;">
<br /></div>
<div style="background-color: white; font-family: Verdana, 'BitStream vera Sans', Tahoma, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin-bottom: 10px; padding: 0px; text-align: justify;">
Widget dari situs Alhabib ini cara pasangnya ada 2 cara yaitu secara manual dengan Copy Paste kode yang diberikan atau langsung diposting ke sidebar blog anda, jadi anda tinggal masukkan username dan password blog serta alamat URL  blog.</div>
<div style="background-color: white; font-family: Verdana, 'BitStream vera Sans', Tahoma, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin-bottom: 10px; padding: 0px; text-align: justify;">
Selain contoh di atas masih banyak widget pilihan seperti Qibla Pointer (menentukan arah Qiblat), Greeting Card Dan lain-lain.</div>
<div style="background-color: white; font-family: Verdana, 'BitStream vera Sans', Tahoma, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin-bottom: 10px; padding: 0px;">
Tertarik ….??? Silahkan dicoba …. semoga bermanfaat.</div>
<div style="background-color: white; font-family: Verdana, 'BitStream vera Sans', Tahoma, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin-bottom: 10px; padding: 0px;">
Untuk jadwal waktu sholat dengan suara adzan bisa menggunakan aplikasi pengingat waktu sholat atau jadwal waktu sholat di komputer yang kita gunakan. Nama aplikasinya adalah “Shollu“, yaitu software pengingat waktu Sholat. Atau bisa juga menggunakan pengingat waktu sholat versi browser, namanya add on Pray Times! yang bisa diinstall di Mozilla Firefox. </div>
<div style="background-color: white; font-family: Verdana, 'BitStream vera Sans', Tahoma, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin-bottom: 10px; padding: 0px;">
<br /></div>
<div style="background-color: white; font-family: Verdana, 'BitStream vera Sans', Tahoma, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin-bottom: 10px; padding: 0px;">
<br /></div>
</div>

Moeslem Widget

Agar blog menjadi lebih informatif serta religius, Anda bisa menambahkan Widget Islami berupa Jadwal Sholat, Random Ayat, Asmaul Husna ...

Grade 3 Pre-test UKK Online 2015

<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: center;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAIntoiitnXUAxAk1L-kr20ffzCSy1s5gc-GxC9-HEzgtgt2BGB-2cUUUWZO7z4Lc_1ey2Qh7jlEwjj33IFo0yvnaP75-dKOZITs84pjeZBduTcppzp1o40lJ0bcStCZxi6zroSNLop9PD/s1600/grade+three+quiz+online.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="278" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAIntoiitnXUAxAk1L-kr20ffzCSy1s5gc-GxC9-HEzgtgt2BGB-2cUUUWZO7z4Lc_1ey2Qh7jlEwjj33IFo0yvnaP75-dKOZITs84pjeZBduTcppzp1o40lJ0bcStCZxi6zroSNLop9PD/s320/grade+three+quiz+online.png" width="320" /></a></div>
<br /></div>
<br />
Alhamdulillah sudah berlangsung UKK, saatnya untuk belajar yang serius yach...<br />
Berikut Mr sampaikan soal Online UKK kelas 3.<br />
<br />
1. Soal Online UKK Part a<br />
<br />
<embed align="center" allowscriptaccess="always" height="400" pluginspage="http://www.macromedia.com/go/getflashplayer" quality="high" src="https://sites.google.com/site/wwwenglishschool7blogspotcom/ODI_L3U8_PC.swf" type="application/x-shockwave-flash" width="600"></embed>

<br />
<br />
2. Soal Online UKK Part b<br />
<br />
<embed align="center" allowscriptaccess="always" height="400" pluginspage="http://www.macromedia.com/go/getflashplayer" quality="high" src="https://sites.google.com/site/wwwenglishschool7blogspotcom/ODI_L3U8_P4.swf" type="application/x-shockwave-flash" width="600"></embed>

<br />
3. Soal Online UKK Part c<br />
<br />
<embed align="center" allowscriptaccess="always" height="400" pluginspage="http://www.macromedia.com/go/getflashplayer" quality="high" src="https://sites.google.com/site/wwwenglishschool7blogspotcom/ODI_L3U8_P2.swf" type="application/x-shockwave-flash" width="600"></embed>

<br />
4. Soal Online UKK Part d<br />
<br />
<embed align="center" allowscriptaccess="always" height="400" pluginspage="http://www.macromedia.com/go/getflashplayer" quality="high" src="https://sites.google.com/site/wwwenglishschool7blogspotcom/ODI_L3UW_Characters.swf" type="application/x-shockwave-flash" width="600"></embed>

<br />
<br />
<br />
*)NB: Jangan lupa untuk latihan soal online sebelumnya juga yach, karena materi UKK adalah 30% Semester 1 dan 70% Semester 2.<br />
<br />
Terimakasih..<br />
Ohaiooghazaimaz..<br />
<br />
<br />
<div style="text-align: center;">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtf3mPS3cgW-AGSGpynkGSI5ku_uRUEPdvnnNysXCLEG7P_AGDNwursqmXc1OGtcfSwkROoGG_z4162KDDMsyuSI83l13kLk2wPiQnPKWgZZ_ZFFRju0KcA76WCD7lCB7RA2rndiz3Ztct/s1600/homework+6.gif" /></div>
<div style="text-align: center;">
Picture source: <span class="irc_ho" dir="ltr" style="margin-right: -2px; overflow: hidden; padding-right: 2px; text-overflow: ellipsis;">afteraclass.blogspot.com</span></div>
</div>

Grade 3 Pre-test UKK Online 2015

Alhamdulillah sudah berlangsung UKK, saatnya untuk belajar yang serius yach... Berikut Mr sampaikan soal Online UKK kelas 3. 1. Soa...

Cara Memasang Buku Tamu Tersembunyi (Auto-Hide)

<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsa2DxlehrwgtB2fHKxxg8pYAw_EdwJEOWevCAEgCTCWMi-Hq-9JkTBoOvZoVWjwN8wUo1bVcXVTushyphenhyphenrSNXnHBAd2SpXZX4ElIJRqh1Slm8M89Z8v3IzzRTijrL3Ij1DkkezJDJDgYx5c/s1600/Buku+Tamu+(FILEminimizer).jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: Verdana, sans-serif;"><img border="0" height="232" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsa2DxlehrwgtB2fHKxxg8pYAw_EdwJEOWevCAEgCTCWMi-Hq-9JkTBoOvZoVWjwN8wUo1bVcXVTushyphenhyphenrSNXnHBAd2SpXZX4ElIJRqh1Slm8M89Z8v3IzzRTijrL3Ij1DkkezJDJDgYx5c/s320/Buku+Tamu+(FILEminimizer).jpg" width="320" /></span></a></div>
<span style="font-family: Verdana, sans-serif;"><br /></span>
<br />
<div style="background-color: white; color: #444444; line-height: 18px;">
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;"><span style="line-height: 14px;">Siang hari disekolahan mau menyelesaikan soal UKK 12/13, surfing sebentar malah nemukan konten menarik, yaitu Memasang Buku Tamu atau sering disebut CBOX. Pada kesempatan kali ini saya akan mencoba memberikan trik dan panduan tentang Cara untuk membuat buku tamu tersembunyi pada blogspot, sebagamana yang bisa dilihat disebelah kiri pada blog saya ini</span>. Panduan atau tutorial ini saya dapat dari http://blogtutorials-01.blogspot.com. Yuk langsung aja ke TKP..</span></div>
<br /></div>
<div style="background-color: white; color: #444444; line-height: 18px;">
<span style="font-family: Verdana, sans-serif;">Pertama-tama silakan buat akun di <a href="http://www.cbox.ws/" style="color: #4d469c; text-decoration: none;" target="_blank">www.cbox.ws</a> atau di situs penyedia script buku tamu gratis yang teman suka.</span></div>
<div style="background-color: white; color: #444444; line-height: 18px;">
<span style="font-family: Verdana, sans-serif;"><br /></span></div>
<div style="background-color: white; color: #444444; line-height: 18px;">
<span style="font-family: Verdana, sans-serif;">Kemudian ambil script yang sudah di sediakan (<b>copy kodenya</b>).</span></div>
<div style="background-color: white; color: #444444; line-height: 18px;">
<span style="font-family: Verdana, sans-serif;"><br /></span></div>
<div style="background-color: white;">
<div style="color: #444444; line-height: 18px;">
<span style="font-family: Verdana, sans-serif;">Sekarang mari kita ke blogger.</span></div>
<div style="color: #783f04; line-height: 18px;">
<b><span style="font-family: Verdana, sans-serif;"><a href="http://englishschool7.blogspot.com/2013/05/cara-memasang-buku-tamu-tersembunyi.html" target="_blank"><span style="line-height: 18px;">Cara </span> Cara Pasang Buku Tamu Tersembunyi </a><span style="line-height: 18px;"><a href="http://englishschool7.blogspot.com/2013/05/cara-memasang-buku-tamu-tersembunyi.html" target="_blank">pada Blogspot</a> :</span></span></b></div>
<div>
<ul style="font-size: 13px; line-height: 1.4; list-style-image: initial; list-style-position: initial; margin: 0.5em 0px; padding: 0px 2.5em;">
<li style="border: none; margin: 0px 0px 0.25em; padding: 0.25em 0px;"><span style="font-family: Verdana, sans-serif;">Login pada <b>Blogger</b></span></li>
<li style="border: none; margin: 0px 0px 0.25em; padding: 0.25em 0px;"><span style="font-family: Verdana, sans-serif;">Masuk mode <b>Rancangan</b> kemudian <b>Tambah Gadget</b></span></li>
<li style="border: none; margin: 0px 0px 0.25em; padding: 0.25em 0px;"><span style="font-family: Verdana, sans-serif;">Pilih <b>HTML/Javascript</b> </span></li>
<li style="border: none; margin: 0px 0px 0.25em; padding: 0.25em 0px;"><span style="font-family: Verdana, sans-serif;"><b>Copy-paste</b> kode di bawah ini</span></li>
</ul>
<div>
<div style="color: #444444;">
<span style="font-family: Verdana, sans-serif;"><br /></span>
</div>
<div style="color: #444444; line-height: 18px; text-align: justify;">
<span style="font-family: Verdana, sans-serif;"><style type="text/css"><br />#gb{<br />position:fixed;<br />top:50px;<br />z-index:+1000;<br />}<br />* html #gb{position:relative;}<br />.gbtab{<br />height:100px;<br />width:30px;<br />float:left;<br />cursor:pointer;</span><br />
<div style="text-align: left;">
<span style="font-family: Verdana, sans-serif;"><span style="line-height: 18px;">background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgK5l6cHx9fnCADUWkFmQEJO-hFkzPQE8aJxxoJaY0osrP45ldpPWMvhyphenhyphenmk-_dFeW0yUE1BiB9TeG0i3kSJCk7ZMXWLmfviUCcemMsEFdz5VY8pIJZ3z08HfMOuDLmgkvBUGvt2xJoxIg/s1600/bukutamu.png') no-repeat;</span></span></div>
<span style="font-family: Verdana, sans-serif;">}<br />.gbcontent{<br />float:left;<br />border:2px solid #A5BD51;<br />background:#F5F5F5;<br />padding:10px;<br />}<br /></style><br /><script type="text/javascript"><br />function showHideGB(){<br />var gb = document.getElementById("gb");<br />var w = gb.offsetWidth;<br />gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);<br />gb.opened = !gb.opened;<br />}<br />function moveGB(x0, xf){<br />var gb = document.getElementById("gb");<br />var dx = Math.abs(x0-xf) > 10 ? 5 : 1;<br />var dir = xf>x0 ? 1 : -1;<br />var x = x0 + dx * dir;<br />gb.style.right = x.toString() + "px";<br />if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}<br />}<br /></script><br /><div id="gb"><br /><div class="gbtab" onclick="showHideGB()"> </div><br /><div class="gbcontent"><br /><span class="Apple-style-span" style="color: #cc0000;">"Silakan Paste Kode Buku Tamu yang sudah di copy (dari <a href="http://cbox.com/">cbox.com</a>) tadi Di Sini"</span></span><br />
<div style="text-align: left;">
<span style="font-family: Verdana, sans-serif;"><span style="line-height: 18px;"><div style="text-align:right"></span></span></div>
<span style="font-family: Verdana, sans-serif;">
</span>
<div style="text-align: left;">
<span style="font-family: Verdana, sans-serif;"><span style="line-height: 18px;"><a href="http://blogtutorials-01.blogspot.com/2012/03/pasang-buku-tamu-tersembunyi-di-blogger.html">[Pasang Ini Juga]</a>><a href="javascript:showHideGB()"></span></span></div>
<span style="font-family: Verdana, sans-serif;">
[Tutup]<br /></a><br /></div><br /></div><br /></div><br /><script type="text/javascript"><br />var gb = document.getElementById("gb");<br />gb.style.right = (30-gb.offsetWidth).toString() + "px";</span></div>
<div style="color: #444444; line-height: 18px; text-align: justify;">
<span style="font-family: Verdana, sans-serif;"></script></div></div></span></div>
<div style="text-align: justify;">
<div style="color: #444444; line-height: 18px;">
<span style="font-family: Verdana, sans-serif;"><br /></span></div>
<br />
<ul>
<li><span style="color: #444444; font-family: Verdana, sans-serif;"><span style="line-height: 17.98611068725586px;"><span style="line-height: 18px;">jika sudah selesai silakan di </span><b style="line-height: 18px;">Simpan</b></span></span></li>
<li><span style="color: #444444; font-family: Verdana, sans-serif;"><span style="line-height: 17.98611068725586px;"><span style="line-height: 18px;">Coba dilihat hasilnya..kereenn kan..</span></span></span></li>
</ul>
<div>
<span style="color: #444444; font-family: Verdana, sans-serif;"><span style="line-height: 17.98611068725586px;"><br /></span></span></div>
<div>
<span style="color: #444444; font-family: Verdana, sans-serif;"><span style="line-height: 17.98611068725586px;"><br /></span></span></div>
</div>
</div>
</div>
</div>
</div>

Cara Memasang Buku Tamu Tersembunyi (Auto-Hide)

Siang hari disekolahan mau menyelesaikan soal UKK 12/13, surfing sebentar malah nemukan konten menarik, yaitu Memasang Buku Tamu atau...

Kecanggihan Huruf "T"

<div dir="ltr" style="text-align: left;" trbidi="on">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIWPd7g-kz-o2fTsJfQguK4T76ai0ozGm9VMt__Q8FNSXaZb0RmG28N7ocOBWi7tBd2LHlvZEVRJoBFtl4kUBw_vyOW1QWbgi-fck3N_hWcNa8AVIu_KaIyc47JYt2FhlpdKku9vzZweNm/s1600/Huruf+T.jpg" imageanchor="1" style="clear: left; display: inline !important; float: left; margin-bottom: 1em; margin-right: 1em; text-align: center;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIWPd7g-kz-o2fTsJfQguK4T76ai0ozGm9VMt__Q8FNSXaZb0RmG28N7ocOBWi7tBd2LHlvZEVRJoBFtl4kUBw_vyOW1QWbgi-fck3N_hWcNa8AVIu_KaIyc47JYt2FhlpdKku9vzZweNm/s200/Huruf+T.jpg" width="200" /></a><br />
<h2 style="text-align: justify;">
<span style="background-color: white; background-position: initial initial; background-repeat: initial initial; color: #333333; font-size: 10pt; line-height: 115%;"><b><span style="font-family: Georgia, Times New Roman, serif;">KECANGGIHAN HURUF T</span></b></span></h2>
<div style="color: #333333; font-size: 10pt; line-height: 115%; text-align: justify;">
<span style="background-color: white; font-family: Verdana, sans-serif; font-size: 10pt; line-height: 115%;">Tatkala Temperatur Terik Terbakar Terus, Tukang
Tempe Tetap Tabah. "Tempe-tempe", Teriaknya. Ternyata Teriakan Tukang
Tempe Tadi Terdengar Tukang Tahu,</span></div>
<span style="font-family: Verdana, sans-serif;"></span><br />
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;"><span style="color: #333333; font-size: 13.333333969116211px; line-height: 14.44444465637207px;"><br /></span></span></div>
<span style="font-family: Verdana, sans-serif;">
<span style="background-color: white; color: #333333; font-size: 10pt; line-height: 115%;"><div style="text-align: justify;">
<span style="font-size: 10pt; line-height: 115%;">Terpaksa Teriakan Tukang Tahu Tambah Tinggi,
"Tahu…Tahu. ..Tahu… !"</span></div>
</span>
<span style="background-color: white;"><div style="text-align: justify;">
<span style="color: #333333; font-size: 13.333333969116211px; line-height: 14.44444465637207px;"><br /></span></div>
<span class="textexposedshow" style="color: #333333; font-size: 10pt; line-height: 115%;"><div style="text-align: justify;">
<span style="font-size: 10pt; line-height: 115%;">"Tempenya Terbaik, Tempenya Terenak, Tempenya
Terkenal!!", Timpal Tukang Tempe. Tukang Tahu Tidak Terima, "Tempenya
Tengik, Tempenya Tawar, Tempenya Terjelek…. !"</span></div>
</span>
<div style="text-align: justify;">
<br /></div>
<span class="textexposedshow" style="color: #333333; font-size: 10pt; line-height: 115%;"><div style="text-align: justify;">
<span style="font-size: 10pt; line-height: 115%;">Tukang Tempe Tertegun, Terhenyak, Teplakkk… !"
Tamparannya Tepat Terkena Tukang Tahu. Tapi Tukang Tahu Tidak Terkalahkan,
Tendangannya Tepat Terkena Tulang Tungkai TukangTempe.</span></div>
</span>
<div style="text-align: justify;">
<br /></div>
<span class="textexposedshow" style="color: #333333; font-size: 10pt; line-height: 115%;"><div style="text-align: justify;">
<span style="font-size: 10pt; line-height: 115%;">Tukang Tempe Terjengkang Tumbang! Tapi Terus Tegak,
Tatapannya Terhunus Tajam Terhadap Tukang Tahu.</span></div>
</span>
<div style="text-align: justify;">
<br /></div>
<span class="textexposedshow" style="color: #333333; font-size: 10pt; line-height: 115%;"><div style="text-align: justify;">
<span style="font-size: 10pt; line-height: 115%;">Tetapi, Tukang Tahu Tidak Terpengaruh Tatapan Tajam
Tukang Tempe Tersebut, "Tidak Takut!!" Tantang Tukang Tahu. Tidak
Ternyana Tangan Tukang Tempe Terkepal, Tinjunya Terarah, Terus Tonjokkannya
Tepat Terkena Tukang Tahu, Tak Terelakkan! Tujuh Tempat Terkena Tinjunya,</span></div>
</span>
<div style="text-align: justify;">
<br /></div>
<span class="textexposedshow" style="color: #333333; font-size: 10pt; line-height: 115%;"><div style="text-align: justify;">
<span style="font-size: 10pt; line-height: 115%;">Tonjokan Terakhir Tepat Terkena Telak. Tukang Tahu
Terjerembab. "Tolong.. Tolong.. Tolong..!", Teriaknya Terdengar
Tinggi. Tanpa Tunda Tempo, Tukang Tempe Teruskan Teriakannya, " Tempe ..
Tempe .. Tempe.</span></div>
</span>
<div style="text-align: justify;">
<br /></div>
<span class="textexposedshow" style="color: #333333; font-size: 10pt; line-height: 115%;"><div style="text-align: justify;">
<span style="font-size: 10pt; line-height: 115%;">Tapi Tiba Tiba Terdengar Tembakan. Tukang Tempepun
Tertembak Tentara Teroris, Teretetetetetetetetetetetetetetetetet!!! Tukang
Tempe Terkapar Tertembak. Tukang Tahupun Tertawa Terbahakbahak.</span></div>
</span>
<div style="text-align: justify;">
<br /></div>
<span class="textexposedshow" style="color: #333333; font-size: 10pt; line-height: 115%;"><div style="text-align: justify;">
<span style="font-size: 10pt; line-height: 115%;">Teletai Teritanya...............Tapek
Tauuuuuuuuukkkkkkkkk!!</span></div>
<o:p></o:p></span></span></span><br />
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<br /></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<br /></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span class="textexposedshow"><span style="background-color: white; background-position: initial initial; background-repeat: initial initial; color: #333333; font-size: 10pt; line-height: 115%;"><span style="font-family: Georgia, Times New Roman, serif;">Source:
@Islamic motivation</span><span style="font-family: Tahoma, sans-serif;"><o:p></o:p></span></span></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span class="textexposedshow"><span style="background: white; color: #333333; font-family: "Tahoma","sans-serif"; font-size: 10.0pt; line-height: 115%;"><br /></span></span></div>
</div>

Kecanggihan Huruf "T"

KECANGGIHAN HURUF T Tatkala Temperatur Terik Terbakar Terus, Tukang Tempe Tetap Tabah. "Tempe-tempe", Teriaknya. Ternyata Ter...

Membuat Tabel Pada Postingan Blog

<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: justify;">
<b>Cara Membuat Tabel pada Postingan Blog</b></div>
<div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;">
<div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em; text-align: justify;">
<img alt="Buat Tabel Di Excel" border="0" height="206" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkqcWyeOksHb_pUM68H-sS2HVeaS3S_RxECgB7OLWopINluwcuh9RUNwcPorXD8LzWvobxRPyBG-7udSKb58PnTosQJSli9QPhOd5SYQqPUEqc5FkSDXgaNI1_VljancxsZHMARumXMF4/s320/bikin+tabel.png" style="background-color: transparent; background-position: initial initial; background-repeat: initial initial; border: 0px; height: auto; margin: 0px; max-width: 98%; outline: 0px; padding: 0px; vertical-align: middle;" title="Buat Tabel Di Excel" width="320" /></div>
</div>
<span style="background-color: white; color: #333333; font-family: Ubuntu, Constantia, Myriad, Helvetica; line-height: 18.1875px; text-align: justify;">Ada yang masih kesulitan membuat/memposting tabel? Dahulu</span><span style="background-color: white; color: #333333; font-family: Ubuntu, Constantia, Myriad, Helvetica; line-height: 18.1875px; text-align: justify;"> saya juga bingung waktu mau menampilkan daftar nilai murid-murid kami, tapi Alhamdulillah kami temukan artikel menari dari </span><span style="background-color: white; color: #333333; font-family: Ubuntu, Constantia, Myriad, Helvetica; line-height: 18.1875px; text-align: justify;">Ada artikel menarik yang kami dapat dari http://jonarendra.blogspot.com</span><span style="background-color: white; color: #333333; font-family: Ubuntu, Constantia, Myriad, Helvetica; line-height: 18.1875px; text-align: justify;"> , berikut ulasannya...</span><br />
<span style="background-color: white; color: #333333; font-family: Ubuntu, Constantia, Myriad, Helvetica; line-height: 18.1875px; text-align: justify;">Setelah browsing di google bagaimana cara membuat tabel di postingan, akhirnya saya menemukan tool nya. Tool ini mempermudah kita membuat tabel di postingan karena bisa langsung mengubah tabel menjadi kode HTML. Mau tau caranya? baca artikel ini selengkapnya</span><br />
<div dir="ltr" style="background-color: white; border: 0px; color: #333333; font-family: Ubuntu, Constantia, Myriad, Helvetica; line-height: 18.1875px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;" trbidi="on">
<div class="separator" style="background-color: transparent; border: 0px; clear: both; margin: 0px; outline: 0px; padding: 0px; text-align: justify; vertical-align: baseline;">
<b style="background-color: transparent; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Pertama</b>, buka Microsoft Excel anda dan buat tabel nya. Tapi jangan di hias dulu nanti di postingan tidak terlihat.</div>
<div class="separator" style="background-color: transparent; border: 0px; clear: both; margin: 0px; outline: 0px; padding: 0px; text-align: justify; vertical-align: baseline;">
<br /></div>
<div class="separator" style="background-color: transparent; border: 0px; clear: both; margin: 0px; outline: 0px; padding: 0px; text-align: justify; vertical-align: baseline;">
<br /></div>
<div class="separator" style="background-color: transparent; border: 0px; clear: both; margin: 0px; outline: 0px; padding: 0px; text-align: justify; vertical-align: baseline;">
<b style="background-color: transparent; background-position: initial initial; background-repeat: initial initial; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Kedua</b>, copy tabel tersebut lalu masuk ke tool nya <b style="background-color: transparent; background-position: initial initial; background-repeat: initial initial; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><a href="http://tableizer.journalistopia.com/" target="_blank">klik disini</a></b></div>
<div class="separator" style="background-color: transparent; border: 0px; clear: both; margin: 0px; outline: 0px; padding: 0px; text-align: justify; vertical-align: baseline;">
<b style="background-color: transparent; background-position: initial initial; background-repeat: initial initial; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Ketiga</b>, paste di kotak paling atas Tableizer, lalu atur Font Size, Header Color, Font</div>
<div class="separator" style="background-color: transparent; border: 0px; clear: both; margin: 0px; outline: 0px; padding: 0px; text-align: justify; vertical-align: baseline;">
* Font Size adalah ukuran tulisan tabel</div>
<div class="separator" style="background-color: transparent; border: 0px; clear: both; margin: 0px; outline: 0px; padding: 0px; text-align: justify; vertical-align: baseline;">
* Header Color adalah bagian atas tabel</div>
<div class="separator" style="background-color: transparent; border: 0px; clear: both; margin: 0px; outline: 0px; padding: 0px; text-align: justify; vertical-align: baseline;">
* Font adalah jenis tulisan / huruf tabel</div>
<div class="separator" style="background-color: transparent; border: 0px; clear: both; margin: 0px; outline: 0px; padding: 0px; text-align: justify; vertical-align: baseline;">
<br /></div>
<div class="separator" style="background-color: transparent; border: 0px; clear: both; margin: 0px; outline: 0px; padding: 0px; text-align: justify; vertical-align: baseline;">
<img alt="Paste di kolom paling atas" border="0" height="180" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0k3VBA8IjTFqpoeQZotqWPFKidEoQY4bmh3ZnFP9wIFwSwmRi0sCzzwgpSuhnWtqY41Q01T5Q3fft0UdruXn2BxcKlicj9MDYXHHKrUQgaBC0o5S189Gmt6D1K0krl7mo4QQF1OWYnVY/s400/jonarendra+tabel.png" style="background-color: transparent; background-position: initial initial; background-repeat: initial initial; border: 0px; height: auto; margin: 0px; max-width: 98%; outline: 0px; padding: 0px; vertical-align: middle;" title="Paste di kolom paling atas" width="400" /></div>
<div class="separator" style="background-color: transparent; border: 0px; clear: both; margin: 0px; outline: 0px; padding: 0px; text-align: justify; vertical-align: baseline;">
<br /></div>
<div class="separator" style="background-color: transparent; border: 0px; clear: both; margin: 0px; outline: 0px; padding: 0px; text-align: justify; vertical-align: baseline;">
<b style="background-color: transparent; background-position: initial initial; background-repeat: initial initial; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Keempat</b>, klik Tableized It! dan anda akan mendapat kode script dan preview nya</div>
<div class="separator" style="background-color: transparent; border: 0px; clear: both; margin: 0px; outline: 0px; padding: 0px; text-align: justify; vertical-align: baseline;">
<br /></div>
<div class="separator" style="background-color: transparent; border: 0px; clear: both; margin: 0px; outline: 0px; padding: 0px; text-align: justify; vertical-align: baseline;">
<img alt="Muncul kode Script " border="0" height="246" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghHIZiUVkXxxflQmlNPYX_8Io5kFAdOnHDTmTVYdupV7uESDgRuakIjNd1vF-Gpi7yBEH_f0trwlMJ_QVFKsb5zabPHnhYxb_UMOyyCSpTDVypoYI8nf_JAtw-byH1z84pMsFoWAaHAvY/s400/HTML+tabel+dan+previewnya+jonanrendra.png" style="background-color: transparent; border: 0px; height: auto; margin: 0px; max-width: 98%; outline: 0px; padding: 0px; vertical-align: middle;" title="Muncul kode Script " width="400" /></div>
<div class="separator" style="background-color: transparent; border: 0px; clear: both; margin: 0px; outline: 0px; padding: 0px; text-align: justify; vertical-align: baseline;">
<br /></div>
<div class="separator" style="background-color: transparent; border: 0px; clear: both; margin: 0px; outline: 0px; padding: 0px; text-align: justify; vertical-align: baseline;">
<b style="background-color: transparent; background-position: initial initial; background-repeat: initial initial; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Terakhir</b>, copy kode script tersebut lalu pastekan di postingan mode HTML. (klik saja tulisan HTML disamping Compose di sisi kiri atas halaman) dan tabel pun sudah muncul di postingan.</div>
<div class="separator" style="background-color: transparent; border: 0px; clear: both; margin: 0px; outline: 0px; padding: 0px; text-align: justify; vertical-align: baseline;">
<br /></div>
</div>
<div style="text-align: justify;">
<br style="background-color: white; color: #333333; font-family: Ubuntu, Constantia, Myriad, Helvetica; line-height: 18.1875px;" /></div>
<table class="tableizer-table" style="-webkit-box-shadow: rgb(238, 238, 238) 0px 1px 3px; background-color: white; border-collapse: collapse; border: 1px solid rgb(204, 204, 204); box-shadow: rgb(238, 238, 238) 0px 1px 3px; color: #333333; font-family: Arial, sans-serif; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><tbody style="background-color: transparent; background-position: initial initial; background-repeat: initial initial; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
<tr class="tableizer-firstrow" style="background-color: #f1f1f1; background-position: initial initial; background-repeat: initial initial; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><th style="background-color: #104e8b; border: 1px solid rgb(60, 60, 60); color: white; margin: 0px; outline: 0px; padding: 5px 10px; text-shadow: rgba(255, 255, 255, 0.4) 0px 1px 0px; vertical-align: top;">Menu 1</th><th style="background-color: #104e8b; border: 1px solid rgb(60, 60, 60); color: white; margin: 0px; outline: 0px; padding: 5px 10px; text-shadow: rgba(255, 255, 255, 0.4) 0px 1px 0px; vertical-align: top;">Menu 2</th><th style="background-color: #104e8b; border: 1px solid rgb(60, 60, 60); color: white; margin: 0px; outline: 0px; padding: 5px 10px; text-shadow: rgba(255, 255, 255, 0.4) 0px 1px 0px; vertical-align: top;">Menu 3</th><th style="background-color: #104e8b; border: 1px solid rgb(60, 60, 60); color: white; margin: 0px; outline: 0px; padding: 5px 10px; text-shadow: rgba(255, 255, 255, 0.4) 0px 1px 0px; vertical-align: top;">Menu 4</th></tr>
<tr style="background-color: #f1f1f1; background-position: initial initial; background-repeat: initial initial; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><td style="background-color: transparent; background-position: initial initial; background-repeat: initial initial; border: 1px solid rgb(204, 204, 204); margin: 3px; outline: 0px; padding: 4px; vertical-align: top;">Menu 1.1</td><td style="border: 1px solid rgb(204, 204, 204); margin: 3px; outline: 0px; padding: 4px; vertical-align: top;">Menu 2.1</td><td style="background-color: transparent; background-position: initial initial; background-repeat: initial initial; border: 1px solid rgb(204, 204, 204); margin: 3px; outline: 0px; padding: 4px; vertical-align: top;">Menu 3.1</td><td style="border: 1px solid rgb(204, 204, 204); margin: 3px; outline: 0px; padding: 4px; vertical-align: top;">Menu 4.1</td></tr>
<tr style="background-color: #f1f1f1; background-position: initial initial; background-repeat: initial initial; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><td style="background-color: transparent; background-position: initial initial; background-repeat: initial initial; border: 1px solid rgb(204, 204, 204); margin: 3px; outline: 0px; padding: 4px; vertical-align: top;">Menu 1.2</td><td style="border: 1px solid rgb(204, 204, 204); margin: 3px; outline: 0px; padding: 4px; vertical-align: top;">Menu 2.2</td><td style="background-color: transparent; background-position: initial initial; background-repeat: initial initial; border: 1px solid rgb(204, 204, 204); margin: 3px; outline: 0px; padding: 4px; vertical-align: top;">Menu 3.2</td><td style="border: 1px solid rgb(204, 204, 204); margin: 3px; outline: 0px; padding: 4px; vertical-align: top;">Menu 4.2</td></tr>
<tr style="background-color: #f1f1f1; background-position: initial initial; background-repeat: initial initial; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><td style="background-color: transparent; background-position: initial initial; background-repeat: initial initial; border: 1px solid rgb(204, 204, 204); margin: 3px; outline: 0px; padding: 4px; vertical-align: top;">Menu 1.3</td><td style="border: 1px solid rgb(204, 204, 204); margin: 3px; outline: 0px; padding: 4px; vertical-align: top;">Menu 2.3</td><td style="background-color: transparent; background-position: initial initial; background-repeat: initial initial; border: 1px solid rgb(204, 204, 204); margin: 3px; outline: 0px; padding: 4px; vertical-align: top;">Menu 3.3</td><td style="border: 1px solid rgb(204, 204, 204); margin: 3px; outline: 0px; padding: 4px; vertical-align: top;">Menu 4.3</td></tr>
<tr style="background-color: #f1f1f1; background-position: initial initial; background-repeat: initial initial; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><td style="background-color: transparent; background-position: initial initial; background-repeat: initial initial; border: 1px solid rgb(204, 204, 204); margin: 3px; outline: 0px; padding: 4px; vertical-align: top;">Menu 1.4</td><td style="border: 1px solid rgb(204, 204, 204); margin: 3px; outline: 0px; padding: 4px; vertical-align: top;">Menu 2.4</td><td style="background-color: transparent; background-position: initial initial; background-repeat: initial initial; border: 1px solid rgb(204, 204, 204); margin: 3px; outline: 0px; padding: 4px; vertical-align: top;">Menu 3.4</td><td style="border: 1px solid rgb(204, 204, 204); margin: 3px; outline: 0px; padding: 4px; vertical-align: top;">Menu 4.4</td></tr>
<tr style="background-color: #f1f1f1; background-position: initial initial; background-repeat: initial initial; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><td style="background-color: transparent; background-position: initial initial; background-repeat: initial initial; border: 1px solid rgb(204, 204, 204); margin: 3px; outline: 0px; padding: 4px; vertical-align: top;">Menu 1.5</td><td style="border: 1px solid rgb(204, 204, 204); margin: 3px; outline: 0px; padding: 4px; vertical-align: top;">Menu 2.5</td><td style="background-color: transparent; background-position: initial initial; background-repeat: initial initial; border: 1px solid rgb(204, 204, 204); margin: 3px; outline: 0px; padding: 4px; vertical-align: top;">Menu 3.5</td><td style="border: 1px solid rgb(204, 204, 204); margin: 3px; outline: 0px; padding: 4px; vertical-align: top;">Menu 4.5</td></tr>
</tbody></table>
<div style="text-align: justify;">
<br style="background-color: white; color: #333333; font-family: Ubuntu, Constantia, Myriad, Helvetica; line-height: 18.1875px;" /></div>
<div style="text-align: justify;">
<span style="color: #333333; font-family: Ubuntu, Constantia, Myriad, Helvetica;"><span style="line-height: 18.17708396911621px;">Cukup sekian dan semoga bermanfaat..</span></span></div>
<div style="background-color: white; border: 0px; margin: 0px; outline: 0px; padding: 0px; text-align: justify; vertical-align: baseline;">
<div style="color: #333333; font-family: Ubuntu, Constantia, Myriad, Helvetica; line-height: 18.1875px;">
<br /></div>
<br />
<div style="color: #333333; font-family: Ubuntu, Constantia, Myriad, Helvetica; line-height: 18.1875px; text-align: justify;">
<span style="color: black; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: x-small; line-height: normal; text-align: left;">"Buat Para Sobat blogger yang suka dengan Artikel Saya, sobat boleh mempublikasikannya di BLOG atau pun di Website sobat ( Copy/Paste ). Namun dengan rasa terima kasih, saya hanya ingin kesediaanya sobat mencantumkan SUMBER ARTIKEL tersebut. Ayo bangunkan Indonesia dengan Informasi dan teknologi Terbaru. Terima Kasih atas kerja samanya." </span></div>
<span style="color: black; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: x-small; text-align: left;"></span><br />
<div style="text-align: justify;">
<span style="color: black; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: x-small; text-align: left;"><br /></span></div>
<span style="color: black; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: x-small; text-align: left;">
<span style="color: #333333; font-family: Ubuntu, Constantia, Myriad, Helvetica;"><div style="text-align: justify;">
Sumber Link: <a href="http://www.englishschool7.blogspot.com/" style="color: #003399; text-decoration: none;" target="_blank">http://www.englishschool7.blogspot.com</a></div>
</span></span></div>
</div>

Membuat Tabel Pada Postingan Blog

Cara Membuat Tabel pada Postingan Blog Ada yang masih kesulitan membuat/memposting tabel? Dahulu saya juga bingung waktu mau menampi...

Teks Bergerak/Berjalan

<div dir="ltr" style="text-align: left;" trbidi="on">
<br />
<div style="background-color: white; font-family: Arial, serif; font-size: 15px; line-height: 23.09375px; text-align: justify;">
<div class="separator" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em; text-align: center;">
<img border="0" height="130" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuMycyjUY_ePUFGV0knfVdo3rHimLnLz5jK6x-zYKgYhGXIuOTsYpe5Mt62GCfTTaT8QZDWiMIuKh-GVidtxurrjFojhK3GSLXT7nYWW9C1KFWmk_rTDi9-J0TvCEQJyR4QhK9FN59Vz8t/s320/marquee+(FILEminimizer)-crop.jpg" width="320" /></div>
Sempat kagum juga ketika melihat Blog tetangga ketika ada teks bisa jalan gerak gitu, tapi Alhamdulillah sekarang ane dapet ilmunya and langsung bisa dipraktekin gan..ane dapat ilmu ini dari blog tetangga yaitu http://trikmudahseo.blogspot.com yaitu dengan Keyword "<b style="font-size: 15px; line-height: 23.09375px;">Bagaimana cara membuat tulisan berjalan</b><span style="font-size: 15px; line-height: 23.09375px;">?" dan ternyata ini disebut dengan "<b>MARQUEE</b>"</span></div>
<a href="http://www.blogger.com/blogger.g?blogID=5540749717142100140" name="more" style="background-color: white; font-family: Arial, serif; font-size: 15px; line-height: 23.09375px;"></a><br style="background-color: white; font-family: Arial, serif; font-size: 15px; line-height: 23.09375px;" />
<div style="background-color: white; font-family: Arial, serif; font-size: 15px; line-height: 23.09375px; text-align: justify;">
Untuk membuat tulisan berjalan atau Marquee ini sebenarnya sangat mudah. Kali ini kita akan mencoba membuat beberapa jenis marquee, agar lebih banyak variasi yang bisa anda pilih. Terlebih dulu kita akan belajar membuat kodenya, lalu belajar cara memasangnya pada blog....</div>
<br style="background-color: white; font-family: Arial, serif; font-size: 15px; line-height: 23.09375px;" />
<span style="background-color: white; font-family: Arial, serif; font-size: 15px; line-height: 23.09375px;">Kode dasar untuk membuat marquee atau teks berjalan adalah....</span><br />
<blockquote class="tr_bq" style="background-color: white; font-family: Arial; font-size: 13px; font-style: italic; margin: 1em 20px;">
 <span style="color: blue;"><marquee>TULISAN YANG AKAN BERGERAK</marquee></span></blockquote>
<br style="background-color: white; font-family: Arial, serif; font-size: 15px; line-height: 23.09375px;" />
<span style="background-color: white; font-family: Arial, serif; font-size: 15px; line-height: 23.09375px;">Kode di atas akan terlihat seperti ini:</span><br />
<marquee style="background-color: white; font-family: Arial, serif; font-size: 15px; line-height: 23.09375px;">TULISAN YANG AKAN BERGERAK</marquee><br />
<br />
<div style="background-color: white; font-family: Arial, serif; font-size: 15px; line-height: 23.09375px; text-align: justify;">
Tapi selain kode di atas ada beberapa tambahan kode yang bisa anda berikan untuk membuat variasi dari marquee. Di bawah ini kita akan berikan kodenya dan sekaligus mempraktikkan marquee tersebut....</div>
<br style="background-color: white; font-family: Arial, serif; font-size: 15px; line-height: 23.09375px;" />
<span style="background-color: white; font-family: Arial, serif; font-size: 15px; line-height: 23.09375px;">kode </span><b style="background-color: white; font-family: Arial, serif; font-size: 15px; line-height: 23.09375px;">scrolldelay="angka"</b><span style="background-color: white; font-family: Arial, serif; font-size: 15px; line-height: 23.09375px;"> digunakan untuk mengatur jeda dalam milidetik, jadi untuk jeda 1 detik masukkan nilai 1000</span><br />
<span style="background-color: white; font-family: Arial, serif; font-size: 15px; line-height: 23.09375px;">Contoh kode marquee:</span><br />
<div style="background-color: white; color: #cc0000; font-family: Arial, serif; font-size: 15px; line-height: 23.09375px;">
<marquee <b>scrolldelay="500"</b>>RUNNING TEKS DELAY 0,5 DETIK</marquee></div>
<span style="background-color: white; font-family: Arial, serif; font-size: 15px; line-height: 23.09375px;">Hasilnya akan terlihat seperti di bawah ini:</span><br />
<marquee scrolldelay="500" style="background-color: white; font-family: Arial, serif; font-size: 15px; line-height: 23.09375px;">RUNNING TEKS DELAY 0,5 DETIK</marquee><br />
<br style="background-color: white; font-family: Arial, serif; font-size: 15px; line-height: 23.09375px;" />
<span style="background-color: white; font-family: Arial, serif; font-size: 15px; line-height: 23.09375px;">kode </span><b style="background-color: white; font-family: Arial, serif; font-size: 15px; line-height: 23.09375px;">loop="angka|-1|infinite"</b><span style="background-color: white; font-family: Arial, serif; font-size: 15px; line-height: 23.09375px;"> digunakan untuk mengatur pengulangan atau repetisi dari marquee</span><br />
<span style="background-color: white; font-family: Arial, serif; font-size: 15px; line-height: 23.09375px;">Contoh:</span><br />
<div style="background-color: white; color: #cc0000; font-family: Arial, serif; font-size: 15px; line-height: 23.09375px;">
<marquee <b>loop="3"</b>>MARQUEE BEROTASI 3 KALI SAJA</marquee></div>
<span style="background-color: white; font-family: Arial, serif; font-size: 15px; line-height: 23.09375px;">Hasilnya akan terlihat seperti di bawah ini:</span><br />
<marquee loop="3" style="background-color: white; font-family: Arial, serif; font-size: 15px; line-height: 23.09375px;">MARQUEE BEROTASI 3 KALI SAJA</marquee><br />
<span style="background-color: white; font-family: Arial, serif; font-size: 15px; line-height: 23.09375px;">Keterangan: Setelah 3 kali teks akan hilang.</span><br />
<br style="background-color: white; font-family: Arial, serif; font-size: 15px; line-height: 23.09375px;" />
<span style="background-color: white; font-family: Arial, serif; font-size: 15px; line-height: 23.09375px;">kode </span><b style="background-color: white; font-family: Arial, serif; font-size: 15px; line-height: 23.09375px;">width="lebar"</b><span style="background-color: white; font-family: Arial, serif; font-size: 15px; line-height: 23.09375px;"> digunakan untuk mengatur lebar media teks berjalan, bisa dalam satuan pixel atau persen dari bidang yang ada</span><br />
<span style="background-color: white; font-family: Arial, serif; font-size: 15px; line-height: 23.09375px;">Contoh kode:</span><br />
<div style="background-color: white; color: #cc0000; font-family: Arial, serif; font-size: 15px; line-height: 23.09375px;">
<marquee <b>width="50%"</b>>MARQUEE LEBAR 50 PERSEN</marquee></div>
<span style="background-color: white; font-family: Arial, serif; font-size: 15px; line-height: 23.09375px;">Hasilnya akan terlihat seperti di bawah ini:</span><br />
<marquee style="background-color: white; font-family: Arial, serif; font-size: 15px; line-height: 23.09375px;" width="50%">MARQUEE LEBAR 50 PERSEN</marquee><br />
<br style="background-color: white; font-family: Arial, serif; font-size: 15px; line-height: 23.09375px;" />
<span style="background-color: white; font-family: Arial, serif; font-size: 15px; line-height: 23.09375px;">kode </span><b style="background-color: white; font-family: Arial, serif; font-size: 15px; line-height: 23.09375px;">bgcolor="warna"</b><span style="background-color: white; font-family: Arial, serif; font-size: 15px; line-height: 23.09375px;"> digunakan untuk memberikan warna latar pada marquee jika diperlukan</span><br />
<span style="background-color: white; font-family: Arial, serif; font-size: 15px; line-height: 23.09375px;">Contoh kode marquee:</span><br />
<div style="background-color: white; color: #cc0000; font-family: Arial, serif; font-size: 15px; line-height: 23.09375px;">
<marquee <b>bgcolor="yellow"</b>>RUNNING TEXT LATAR KUNING</marquee></div>
<span style="background-color: white; font-family: Arial, serif; font-size: 15px; line-height: 23.09375px;">Hasilnya akan terlihat seperti di bawah ini:</span><br />
<marquee bgcolor="yellow" style="font-family: Arial, serif; font-size: 15px; line-height: 23.09375px;">RUNNING TEXT LATAR KUNING</marquee><br />
<br style="background-color: white; font-family: Arial, serif; font-size: 15px; line-height: 23.09375px;" />
<br style="background-color: white; font-family: Arial, serif; font-size: 15px; line-height: 23.09375px;" />
<span style="background-color: white; font-family: Arial, serif; font-size: 15px; line-height: 23.09375px;">kode </span><b style="background-color: white; font-family: Arial, serif; font-size: 15px; line-height: 23.09375px;">title="pesan"</b><span style="background-color: white; font-family: Arial, serif; font-size: 15px; line-height: 23.09375px;"> digunakan untuk memunculkan pesan jika kursor mouse diletakkan di jalur teks berjalan</span><br />
<span style="background-color: white; font-family: Arial, serif; font-size: 15px; line-height: 23.09375px;">Contoh kode:</span><br />
<div style="background-color: white; color: #cc0000; font-family: Arial, serif; font-size: 15px; line-height: 23.09375px;">
<marquee <b>title="BISA TERBACA PESANNYA"</b>>TEKS BERJALAN DENGAN PESAN</marquee></div>
<span style="background-color: white; font-family: Arial, serif; font-size: 15px; line-height: 23.09375px;">Hasilnya akan terlihat seperti di bawah ini:</span><br />
<marquee style="background-color: white; font-family: Arial, serif; font-size: 15px; line-height: 23.09375px;" title="BISA TERBACA PESANNYA">TEKS BERJALAN DENGAN PESAN</marquee><br />
<span style="background-color: white; font-family: Arial, serif; font-size: 15px; line-height: 23.09375px;">Keterangan: Taruh kursor mouse pada jalur dan bukan pada teks untuk membaca pesan</span><br />
<br style="background-color: white; font-family: Arial, serif; font-size: 15px; line-height: 23.09375px;" />
<span style="background-color: white; font-family: Arial, serif; font-size: 15px; line-height: 23.09375px;">kode </span><b style="background-color: white; font-family: Arial, serif; font-size: 15px; line-height: 23.09375px;">scrollamount="angka"</b><span style="background-color: white; font-family: Arial, serif; font-size: 15px; line-height: 23.09375px;"> digunakan untuk mengatur kecepatan pergerakan tulisan semakin besar angkanya semakin kencang</span><br />
<span style="background-color: white; font-family: Arial, serif; font-size: 15px; line-height: 23.09375px;">Contoh kode:</span><br />
<div style="background-color: white; color: #cc0000; font-family: Arial, serif; font-size: 15px; line-height: 23.09375px;">
<marquee <b>scrollamount="14"</b>>MARQUEE SPEED 14!!!</marquee></div>
<span style="background-color: white; font-family: Arial, serif; font-size: 15px; line-height: 23.09375px;">Hasilnya akan terlihat seperti di bawah ini:</span><br />
<marquee scrollamount="14" style="background-color: white; font-family: Arial, serif; font-size: 15px; line-height: 23.09375px;">MARQUEE SPEED 14!!!</marquee><br />
<br style="background-color: white; font-family: Arial, serif; font-size: 15px; line-height: 23.09375px;" />
<span style="background-color: white; font-family: Arial, serif; font-size: 15px; line-height: 23.09375px;">kode </span><b style="background-color: white; font-family: Arial, serif; font-size: 15px; line-height: 23.09375px;">direction="left/right/up/down"</b><span style="background-color: white; font-family: Arial, serif; font-size: 15px; line-height: 23.09375px;"> digunakan untuk mengatur arah pergerakan running text</span><br />
<span style="background-color: white; font-family: Arial, serif; font-size: 15px; line-height: 23.09375px;">Contoh kode:</span><br />
<div style="background-color: white; color: #cc0000; font-family: Arial, serif; font-size: 15px; line-height: 23.09375px;">
<marquee <b>direction="right"</b>>MARQUEE BERGERAK KE KANAN</marquee></div>
<span style="background-color: white; font-family: Arial, serif; font-size: 15px; line-height: 23.09375px;">Hasilnya akan terlihat seperti di bawah ini:</span><br />
<marquee direction="right" style="background-color: white; font-family: Arial, serif; font-size: 15px; line-height: 23.09375px;">MARQUEE BERGERAK KE KANAN</marquee><br />
<br style="background-color: white; font-family: Arial, serif; font-size: 15px; line-height: 23.09375px;" />
<span style="background-color: white; font-family: Arial, serif; font-size: 15px; line-height: 23.09375px;">kode </span><b style="background-color: white; font-family: Arial, serif; font-size: 15px; line-height: 23.09375px;">behavior="scroll/slide/alternate"</b><span style="background-color: white; font-family: Arial, serif; font-size: 15px; line-height: 23.09375px;"> digunakan untuk mengatur type pergerakan</span><br />
<span style="background-color: white; font-family: Arial, serif; font-size: 15px; line-height: 23.09375px;">Scroll jika ingin teks bergerak terus ke suatu sisi dan muncul dari sisi lain</span><br />
<span style="background-color: white; font-family: Arial, serif; font-size: 15px; line-height: 23.09375px;">Slide jika ingin teks bergerak sekali kemudian berhenti dan diulangi lagi</span><br />
<span style="background-color: white; font-family: Arial, serif; font-size: 15px; line-height: 23.09375px;">Alternate jika ingin teks terlihat memantul/bouncing dari ujung kembali ke ujung.</span><br />
<span style="background-color: white; font-family: Arial, serif; font-size: 15px; line-height: 23.09375px;">Contoh kode:</span><br />
<div style="background-color: white; color: #cc0000; font-family: Arial, serif; font-size: 15px; line-height: 23.09375px;">
<marquee <b>behavior</b><b>="alternate"</b>>MARQUEE BERGERAK BOLAK-BALIK</marquee></div>
<span style="background-color: white; font-family: Arial, serif; font-size: 15px; line-height: 23.09375px;">Hasilnya akan terlihat seperti di bawah ini:</span><br />
<marquee behavior="alternate" style="background-color: white; font-family: Arial, serif; font-size: 15px; line-height: 23.09375px;">MARQUEE BERGERAK BOLAK-BALIK</marquee><br />
<ul style="background-color: white; font-family: Arial, serif; font-size: 15px; line-height: 23.09375px;"><ul></ul>
</ul>
<span style="background-color: white; font-family: Arial, serif; font-size: 15px; line-height: 23.09375px;">Sekarang kita akan coba membuat variasi dari kode di atas. Kita akan membuat teks ini bergerak turun dan oleh karena itu kita perlu menambah kode </span><b style="background-color: white; font-family: Arial, serif; font-size: 15px; line-height: 23.09375px;">height</b><span style="background-color: white; font-family: Arial, serif; font-size: 15px; line-height: 23.09375px;"> untuk membuat ruang pergerakan teks;</span><br />
<span style="background-color: white; font-family: Arial, serif; font-size: 15px; line-height: 23.09375px;">Contoh kode:</span><br />
<div style="background-color: white; color: #cc0000; font-family: Arial, serif; font-size: 15px; line-height: 23.09375px;">
<marquee direction="down" height="100">MARQUEE BERGERAK KE BAWAH</marquee></div>
<span style="background-color: white; font-family: Arial, serif; font-size: 15px; line-height: 23.09375px;">Hasilnya...</span><br />
<marquee direction="down" height="100" style="background-color: white; font-family: Arial, serif; font-size: 15px; line-height: 23.09375px;">MARQUEE BERGERAK KE BAWAH</marquee><span style="background-color: white; font-family: Arial, serif; font-size: 15px; line-height: 23.09375px;"></span><br />
<br style="background-color: white; font-family: Arial, serif; font-size: 15px; line-height: 23.09375px;" />
<b style="background-color: white; font-family: Arial, serif; font-size: 15px; line-height: 23.09375px;"><span style="font-size: medium;">Lalu bagaimana caranya membuat tulisan ini berhenti jika dilintasi kursor mouse?</span></b><br />
<span style="background-color: white; font-family: Arial, serif; font-size: 15px; line-height: 23.09375px;">Mudah, silahkan tambahkan kode</span><br />
<div style="background-color: white; color: #cc0000; font-family: Arial, serif; font-size: 15px; line-height: 23.09375px;">
</div>
<pre style="background-color: white; color: #cc0000; font-size: 15px; line-height: 23.09375px;">onmouseover="this.stop()" onmouseout="this.start()"</pre>
<span style="background-color: white; font-family: Arial, serif; font-size: 15px; line-height: 23.09375px;">Contoh kodenya seperti berikut:</span><br />
<div style="background-color: white; color: #cc0000; font-family: Arial, serif; font-size: 15px; line-height: 23.09375px;">
<marquee behavior="alternate" <b>onmouseover="this.stop()" onmouseout="this.start()"</b>>MARQUEE BERGERAK BOLAK-BALIK</marquee></div>
<span style="background-color: white; font-family: Arial, serif; font-size: 15px; line-height: 23.09375px;">Tampilan akhir akan terlihat seperti berikut....</span><br />
<marquee behavior="alternate" style="background-color: white; font-family: Arial, serif; font-size: 15px; line-height: 23.09375px;">MARQUEE BERGERAK BOLAK-BALIK</marquee><br />
<span style="background-color: white; font-family: Arial, serif; font-size: 15px; line-height: 23.09375px;">Keterangan: Silahkan lintaskan kursor pada jalur ataupun teks untuk menghentikan pergerakan</span><br />
<br style="background-color: white; font-family: Arial, serif; font-size: 15px; line-height: 23.09375px;" />
<b style="background-color: white; font-family: Arial, serif; font-size: 15px; line-height: 23.09375px;"><span style="font-size: medium;">Bisakah Marquee diberi link? </span></b><br />
<span style="background-color: white; font-family: Arial, serif; font-size: 15px; line-height: 23.09375px;">Tentu saja, sebagai contoh lihat kode berikut:</span><br />
<span style="background-color: white; color: #cc0000; font-family: Arial, serif; font-size: 15px; line-height: 23.09375px;"><marquee direction="down" height="100" onmouseover="this.stop()" onmouseout="this.start()" scrollamount="4"></span><br />
<span style="background-color: white; color: blue; font-family: Arial, serif; font-size: 15px; line-height: 23.09375px;"><a href="http://trikmudahseo.blogspot.com/2012/09/cara-membuat-tulisan-berjalan-marquee.html">CARA MEMBUAT TULISAN BERJALAN (MARQUEE)</a></span><br />
<span style="background-color: white; color: #cc0000; font-family: Arial, serif; font-size: 15px; line-height: 23.09375px;"></marquee>  </span><br />
<span style="background-color: white; font-family: Arial, serif; font-size: 15px; line-height: 23.09375px;">Tampilan akhir akan terlihat seperti berikut....</span><br />
<marquee direction="down" height="100" scrollamount="4" style="background-color: white; font-family: Arial, serif; font-size: 15px; line-height: 23.09375px;"><br /><a href="http://trikmudahseo.blogspot.com/2012/09/cara-membuat-tulisan-berjalan-marquee.html" style="color: #ff6600;">CARA MEMBUAT TULISAN BERJALAN (MARQUEE)</a></marquee><span style="background-color: white; font-family: Arial, serif; font-size: 15px; line-height: 23.09375px;"></span><br />
<br style="background-color: white; font-family: Arial, serif; font-size: 15px; line-height: 23.09375px;" />
<span style="background-color: white; font-family: Arial, serif; font-size: 15px; line-height: 23.09375px;">Demikianlah berbagai ragam cara untuk membuat teks berjalan. Mudah-mudahan ini bisa menjadi alternatif bagi anda dalam menghias blog menjadi lebih menarik. Silahkan bereksperimen untuk meramu kode-kode di atas.</span><br />
<br style="background-color: white; font-family: Arial, serif; font-size: 15px; line-height: 23.09375px;" />
<h3 style="background-color: white; color: #3d85c6; font-family: Arial, Trebuchet, Arial, Verdana, sans-serif; font-size: 20px; letter-spacing: -1px; line-height: 1.4em; margin: 0px; padding: 5px 0px; text-shadow: rgb(255, 255, 255) 0px 1px;">
Mengubah Huruf, Warna dan Ukuran Huruf Teks Berjalan Marquee</h3>
<span style="background-color: white; font-family: Arial, serif; font-size: 15px; line-height: 23.09375px;">Jenis huruf dan ukuran bisa diubah dengan menambahkan kode </span><span style="background-color: white; color: red; font-family: Arial, serif; font-size: 15px; line-height: 23.09375px;">style="font-family: impact; font-size:24px; color: #cc0000;"</span><br />
<br style="background-color: white; font-family: Arial, serif; font-size: 15px; line-height: 23.09375px;" />
<span style="background-color: white; color: red; font-family: Arial, serif; font-size: 15px; line-height: 23.09375px;">font-family: impact;</span><span style="background-color: white; font-family: Arial, serif; font-size: 15px; line-height: 23.09375px;"> adalah kode untuk mengubah jenis huruf. Jika anda tidak suka dengan font impact, silahkan diganti dengan Arial, Times New Roman, dan lain-lain</span><br />
<br style="background-color: white; font-family: Arial, serif; font-size: 15px; line-height: 23.09375px;" />
<span style="background-color: white; color: red; font-family: Arial, serif; font-size: 15px; line-height: 23.09375px;">font-size:24px;</span><span style="background-color: white; font-family: Arial, serif; font-size: 15px; line-height: 23.09375px;"> adalah kode untuk mengatur ukuran huruf. Ubah nilai 24 sesuka hati anda. Semakin besar nilainya, maka semakin besar juga hurufnya.</span><br />
<br style="background-color: white; font-family: Arial, serif; font-size: 15px; line-height: 23.09375px;" />
<span style="background-color: white; color: red; font-family: Arial, serif; font-size: 15px; line-height: 23.09375px;">color:#cc0000;</span><span style="background-color: white; font-family: Arial, serif; font-size: 15px; line-height: 23.09375px;"> adalah kode untuk mengatur warna huruf. Silahkan mengganti kode hex #cc0000 dengan nilai hex yang anda suka.</span><br />
<br style="background-color: white; font-family: Arial, serif; font-size: 15px; line-height: 23.09375px;" />
<span style="background-color: white; font-family: Arial, serif; font-size: 15px; line-height: 23.09375px;">Contoh kodenya:</span><br />
<span style="background-color: white; font-family: Arial, serif; font-size: 15px; line-height: 23.09375px;"><marquee bgcolor="yellow"</span><span style="background-color: white; color: red; font-family: Arial, serif; font-size: 15px; line-height: 23.09375px;"> <b>style="font-family: impact; font-size:24px; color:#cc0000;"</b></span><span style="background-color: white; font-family: Arial, serif; font-size: 15px; line-height: 23.09375px;"> </span><b style="background-color: white; font-family: Arial, serif; font-size: 15px; line-height: 23.09375px;"><span style="color: red;"></span></b><span style="background-color: white; font-family: Arial, serif; font-size: 15px; line-height: 23.09375px;">>RUNNING TEXT LATAR KUNING</marquee></span><br />
<br style="background-color: white; font-family: Arial, serif; font-size: 15px; line-height: 23.09375px;" />
<span style="background-color: white; font-family: Arial, serif; font-size: 15px; line-height: 23.09375px;">Contoh tampilan:</span><br />
<marquee bgcolor="yellow" style="color: #cc0000; font-family: impact; font-size: 24px; line-height: 23.09375px;">RUNNING TEXT LATAR KUNING</marquee><br />
<b style="background-color: white; font-family: Arial, serif; font-size: 15px; line-height: 23.09375px;"><span style="font-size: medium;"><br /></span></b><span style="background-color: white; font-family: Arial, serif; font-size: 15px; line-height: 23.09375px;"></span><b style="background-color: white; font-family: Arial, serif; font-size: 15px; line-height: 23.09375px;"><span style="font-size: medium;">Lalu bagaimana cara memasang kode-kode ini?</span></b><br />
<span style="background-color: white; font-family: Arial, serif; font-size: 15px; line-height: 23.09375px;">Saudara bisa memasang kode yang sudah dibuat pada dua tempat, yaitu widget dan artikel:</span><br />
<span style="background-color: white; font-family: Arial, serif; font-size: 15px; line-height: 23.09375px;">Untuk memasang pada widget silahkan ikuti langkah berikut:</span><br />
<ul style="background-color: white; font-family: Arial, serif; font-size: 15px; line-height: 23.09375px;">
<li>Buka menu Tata Letak / Layout</li>
<li>Klik Tambah Gadget</li>
<li>Pilih gadget HTML/JAVASCRIPT</li>
<li>Masukkan kode yang sudah dibuat</li>
<li>Simpan perubahan pada gadget</li>
</ul>
<span style="background-color: white; font-family: Arial, serif; font-size: 15px; line-height: 23.09375px;">Untuk memasang pada artikel ikuti langkah berikut:</span><br />
<ul style="background-color: white; font-family: Arial, serif; font-size: 15px; line-height: 23.09375px;">
<li>Saat menulis artikel masuk ke mode HTML</li>
<li>masukkan kode HTML marquee saat berada di mode ini</li>
<li>Kembali ke mode Compose untuk melihat apakah posisi teks sudah benar</li>
<li>Klik PRATINJAU untuk melihat versi web aktif</li>
</ul>
<span style="background-color: white; font-family: Arial, serif; font-size: 15px; line-height: 23.09375px;">Ok, sekarang anda sudah tahu cara membuat dan memasangnya. Berarti saudara sudah bisa bereksperimen sendiri untuk menghias blog menjadi lebih menarik.... </span><br />
<span style="background-color: white; font-family: Arial, serif; font-size: 15px; line-height: 23.09375px;">Jadi sekian dulu artikelnya, terima kasih sudah mampir...semoga bermanfaat.</span><br />
<span style="background-color: white; font-family: Arial, serif; font-size: 15px; line-height: 23.09375px;"><br /></span>
<span style="background-color: white; font-family: 'Trebuchet MS', Constantia, sans-serif; font-size: 15px;">"Buat Para Sobat blogger yang suka dengan Artikel Saya, sobat boleh mempublikasikannya di BLOG atau pun di Website sobat ( Copy/Paste ). Namun dengan rasa terima kasih, saya hanya ingin kesediaanya sobat mencantumkan SUMBER ARTIKEL tersebut. Ayo bangunkan Indonesia dengan Informasi dan teknologi Terbaru. Terima Kasih atas kerja samanya." </span><span style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: x-small;"><br /><br />Sumber Link: <a href="http://www.englishschool7.blogspot.com/" style="color: #003399; text-decoration: none;">http://www.englishschool7.blogspot.com</a></span><br />
<span style="background-color: white;"><span style="font-family: Trebuchet MS, Verdana, Arial, sans-serif; font-size: x-small;"><br /></span></span>
<span style="background-color: white;"><span style="font-family: Trebuchet MS, Verdana, Arial, sans-serif; font-size: x-small;"><br /></span></span>
<span style="background-color: white;"><span style="font-family: Trebuchet MS, Verdana, Arial, sans-serif; font-size: x-small;"><br /></span></span>
<span style="background-color: white;"><span style="font-family: Trebuchet MS, Verdana, Arial, sans-serif; font-size: x-small;"><br /></span></span>
<span style="background-color: white;"><span style="font-family: Trebuchet MS, Verdana, Arial, sans-serif; font-size: x-small;"><br /></span></span>
<span style="background-color: white; font-family: Arial, serif; font-size: 15px; line-height: 23.09375px;"><br /></span></div>

Teks Bergerak/Berjalan

Sempat kagum juga ketika melihat Blog tetangga ketika ada teks bisa jalan gerak gitu, tapi Alhamdulillah sekarang ane dapet ilmunya and...