tag:blogger.com,1999:blog-14780455033862117222024-03-13T13:41:35.648-07:00MawaShare'sBlogspot Tutorial,Free Blogspot Template,Tutorial Cara Buat Blog,Dan tips&Trik lainnya Mengenai Internet.siti ma'wahttp://www.blogger.com/profile/10494514607494160315noreply@blogger.comBlogger32125tag:blogger.com,1999:blog-1478045503386211722.post-58897331801406144112015-07-13T02:40:00.002-07:002015-07-13T02:40:32.102-07:00acara pernikaha pernikahan kami Siti Ma'wa dengan Abu Bakar Alamin dilangsungkan pada tanggal 5 April 2015siti ma'wahttp://www.blogger.com/profile/10494514607494160315noreply@blogger.com0tag:blogger.com,1999:blog-1478045503386211722.post-29636941450151233862012-01-24T16:41:00.000-08:002012-01-24T16:41:01.168-08:00Cara Memasang Star Ratings Widget Pada Custom Blogger Template<div style="font-family: Verdana,sans-serif; text-align: justify;">
<span style="font-size: small;">Pada template blogger yg tidak
disediakan oleh Blogger sendiri, star ratings tidak akan muncul meskipun
sudah diaktifkan dengan cara seperti di atas. Hal ini karena pada
template Blogger yg disediakan oleh pihak ketiga tidak diberikan script
serta HTML star ratings. Melihat hal demikian, saya mencoba menengok
template-template resmi Blogger dan menemukan beberapa bagian widget
star ratings. Sebagai uji coba, saya kemudian mengekstraknya &
mengaplikasikannya pada template blog ini.<br />Ada dua langkah penting untuk memasang star rating blogger:</span></div>
<ul style="font-family: Verdana,sans-serif;">
<li style="text-align: justify;"><span style="font-size: small;"><b>Memasang Kode HTML star ratings:</b></span></li>
</ul>
<div style="font-family: Verdana,sans-serif; text-align: justify;">
<span style="font-size: small;">1. Aktifkan terlebih dahulu fitur
star ratings seperti cara di atas. Apabila tidak ditemukan, akses
dashboard melalui draft.blogger.com. Save.</span></div>
<div style="font-family: Verdana,sans-serif; text-align: justify;">
<span style="font-size: small;">2. Buka edit HTML ( template > edit HTML), jangan lupa centang "Expand Widget Templates".</span></div>
<div style="font-family: Verdana,sans-serif; text-align: justify;">
<span style="font-size: small;">3. Jika ingin memasang star ratings di bawah judul posting, cari <span style="color: blue;"><div class='post-header-line-1'/></span><i>di bawah</i>nya. Jika ingin memasang di bawah isi posting, cari <span style="color: blue;"><data:post.body/></span>, letakkan kode berikut <i>di bawah</i>nya:</span> (gunakan Ctrl+F), letakkan kode berikut </div>
<blockquote class="tr_bq" style="font-family: Verdana,sans-serif;">
<span style="font-size: small;"><div class='star-ratings' style='float:<span style="color: red;">right</span>;'><br />
<b:if cond='data:top.showStars'><br />
<div expr:g:background-color='data:backgroundColor'
expr:g:text-color='data:textColor' expr:g:url='data:post.absoluteUrl'
g:height='42' g:type='RatingPanel' g:width='180'/><br />
</b:if></div></span></blockquote>
<div style="font-family: Verdana,sans-serif; text-align: justify;">
<span style="font-size: small;"><u>Note:</u></span></div>
<div style="font-family: Verdana,sans-serif; text-align: justify;">
<span style="font-size: small;">-Apabila anda telah menggunakan <a href="http://buka-rahasia.blogspot.com/2011/12/cara-pasang-share-buttons-blogger.html" target="_blank">share buttons</a> (Facebook, Twitter, Google+) yg saya share pada posting terdahulu, letakkan kode <i>di atas</i> </b:if>.</span></div>
<div style="font-family: Verdana,sans-serif; text-align: justify;">
<span style="font-size: small;">- Apabila <span style="color: blue;"><div class='post-header-line-1'/></span> tidak ditemukan, cari <span style="color: blue;"><data:post.body/></span>, letakkan kode <i>di atas</i>nya.</span></div>
<ul style="font-family: Verdana,sans-serif;">
<li style="text-align: justify;"><span style="font-size: small;"><b>Memasang Script star ratings:</b></span></li>
</ul>
<div style="font-family: Verdana,sans-serif; text-align: justify;">
<span style="font-size: small;">1. Masih pada edit HTML, cari <span style="color: blue;"><b:include name='feedLinks'/></span>, letakkan script berikut <i>di bawah</i>nya:</span></div>
<blockquote class="tr_bq" style="font-family: Verdana,sans-serif;">
<span style="font-size: small;"><b:if cond='data:top.showStars'><br />
<script src='http://www.google.com/jsapi' type='text/javascript'/><br />
<script type='text/javascript'><br />
google.load(&quot;annotations&quot;, &quot;1&quot;);<br />
function initialize() {<br />
google.annotations.setApplicationId(<data:top.blogspotReviews/>);<br />
google.annotations.createAll();<br />
google.annotations.fetch();<br />
}<br />
google.setOnLoadCallback(initialize);<br />
</script><br />
</b:if></span></blockquote>
<div style="font-family: Verdana,sans-serif; text-align: justify;">
<div style="text-align: left;">
<span style="font-size: small;"><u>Note:</u> Jika <span style="color: blue;"><b:include name='feedLinks'/></span> tidak ditemukan, cari <span style="color: blue;"><b:includable id='feedLinks'>.</span></span></div>
</div>
<div style="font-family: Verdana,sans-serif; text-align: justify;">
<span style="font-size: small;">2. Save template.</span></div>
<span style="font-family: Verdana,sans-serif; font-size: small;"><a href="http://buka-rahasia.blogspot.com/2012/01/cara-pasang-blogger-star-rating-widget.html" target="_blank"><i>Blogger star ratings</i></a>
akan muncul di atas atau di bawah posting sesuai cara yg dipilih.
Pastikan & perhatikan posisi widget agar sesuai dengan template
blog. Jika perlu beri pengaturan CSS agar tampil pada posisi yg sempurna
& sesuai keinginan.<br /><br />
Have a nice blogging * Have a nice learning!</span>siti ma'wahttp://www.blogger.com/profile/10494514607494160315noreply@blogger.com0tag:blogger.com,1999:blog-1478045503386211722.post-63079683559247816672012-01-24T07:52:00.000-08:002012-01-24T07:52:56.674-08:00Cara Memasang Dinamik Meta Tag Pada Setiap Postingan Secara Otomatis di Blogspot<b><a href="http://jayaputrasbloq.blogspot.com/2012/01/cara-memasang-dinamik-meta-tag-pada.html">Memasang Dinamik Meta Tag pada Setiap Posting Otomatis di blogspot</a></b> - Ketemu lagi dengan artike terbaru<b> panduan sukes blogger</b>. kali ini <b><u><a href="http://jayaputrasbloq.blogspot.com/">Panduan sukses blogger</a></u></b>
membahas Cara Menambah Dinamik Meta Tag di Setiap Postingan Secara
Otomatis. Teknik ini sangat berguna untuk optimasi on page karena setiap
postingan kita akan memiliki meta deskripsi yang berbeda antara satu
postingan dengan postingan lainnya tanpa perlu repot-repot menambahkan
satu-satu pada setiap postingan secara manual. Dengan kata lain, meta
deskripsi dan keyword pada setiap posting akan ter-generate secara
otomatis. Hal ini tentu menjadi solusi bagi sobat yang mengalami
duplikasi meta deskripsi.<br /><br />Ok, langsung saja, berikut cara pemasangannya.<br /><br /><b><u>Berikut ini Cara Menambahkannya:</u></b><br />1. Login dulu ke blogger.com, lalu ke Tata Letak > Edit HTML<br />2. Kemudian cari kode berikut:<br /><br />
<div class="alert">
<title><data:blog.pageTitle/></title></div>
<br />3. Sudah Ketemu, hapus lalu ganti dengan kode berikut :<br /><div class="alert">
<b:if cond='data:blog.url == &quot;http://alamatblogsobat.blogspot.com/&quot;'><br /><title><data:blog.pageTitle/></title><br /><meta name='description' content='isi dengan deskripsi untuk homepage blog sobat'/><br /><meta name='keywords' content='isi dengan kata kunci untuk homepage'/> </b:if><br /><b:if cond='data:blog.pageType == &quot;item&quot;'><br /><title><data:blog.pageName/> - <data:blog.title/></title><br /><meta expr:content='data:blog.pageName + ", " + data:blog.title + ", " + data:blog.pageName' name='Description'/><br /><meta expr:content='data:blog.pageName + ", " + data:blog.title + ", " + data:blog.pageName' name='Keywords'/><br /></b:if></div>
<br />4. Kemudian <b>Simpan</b><div>
5. Selesai<br /><br />Semoga
artikel Cara Memasang Dinamik Meta Tag Pada Setiap Postingan Secara
Otomatis di Blogspot bermanfaat buat sobat semua dan salam sukses....</div>siti ma'wahttp://www.blogger.com/profile/10494514607494160315noreply@blogger.com0tag:blogger.com,1999:blog-1478045503386211722.post-62730549037373203002012-01-24T07:26:00.000-08:002012-01-24T07:33:37.924-08:00Cara Pasang Widget di Blog<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbTcRzLTplBhKaK_zQ_5J16t8SzZc1xa4RaxvjasU8TR5covGSEexHOk5AsdY6kxW9o87HElFqFK26zX7GHSOokhM6FBpzFatiUCVVWQjsov5mlhg_SkPyUKMa1t64ZrF8f_8pg5MiVvZ5/s1600/rssfeed.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbTcRzLTplBhKaK_zQ_5J16t8SzZc1xa4RaxvjasU8TR5covGSEexHOk5AsdY6kxW9o87HElFqFK26zX7GHSOokhM6FBpzFatiUCVVWQjsov5mlhg_SkPyUKMa1t64ZrF8f_8pg5MiVvZ5/s200/rssfeed.jpg" width="193" /></a></div>
<div style="text-align: justify;">
</div>
<div style="text-align: justify;">
Biar ga ketinggalan informasi era digital, pasang widget berita di blog
sobat khan lumayan sambil blogging bisa dapat berita terbaru lewat rss
feed-nya detik.com, kaskus.us dan kompas.com... Selain itu widget ini
juga membuat blog sobat semakin dinamis dengan update berita terkini
seputar tekno-blogging. Wah... pengunjung blog sobat makin betah deh
berkunjungnya. Gimana makin keren khan infonya. </div>
<div style="text-align: justify;">
</div>
<div style="text-align: justify;">
Widget ini saya buat menggunakan rsspump.com dengan mengambil data dari
rss feed detik.com, kaskus.us dan kompas.com, walaupun sederhana tapi
lumayanlah buat memanjakan pengunjung blog sobat.</div>
<div style="text-align: justify;">
</div>
<div style="text-align: justify;">
Buat sobat blogger yang pengen ngutak-ngatik sendiri widget berita
silakan kunjungi rsspump.com atau jika ingin menggunakan widget berita
seperti punya saya silakan disimak tutorialnya...</div>
<div style="text-align: justify;">
</div>
<div style="text-align: justify;">
Oke...langsung aja ke TKP</div>
<ol>
<li>Seperti biasa...Login dahulu ke blog sobat.</li>
<li>Klik "Design" kemudian klik "Add Gadget".</li>
<li>Pilih "HTML/JavaScript".</li>
<li>Copy-Paste kode berikut ini di kotak postingan gadget.
</li>
</ol>
<div style="text-align: left;">
<span style="color: #660000;"><div style='font-size:120%;color:#ffffff;
width:614;height:auto;margin:5px 0 5px 0;padding:5px 10px 5px 10px;
text-align:center; overflow:hidden; -moz-border-radius: 8px; box-shadow:
inset 0 0 1px #fff; -moz-box-shadow: inset 0 0 1px #fff;
-webkit-box-shadow: inset 0 0 1px #fff; background-color:#619bb9;
background: -moz-linear-gradient(top, rgba(50, 123, 165, 0.75), rgba(46,
75, 90, 0.75) 50%, rgba(92, 176, 220, 0.75)); background:
-webkit-gradient(linear, center top, center bottom,
from(#327aa4),color-stop(45%, #2e4b5a), to(#5cb0dc));'></span><br />
<span style="color: #660000;">
<table width=100%><tr><td width=18px><img
src="http://www.detik.com/image/detikcom.ico"/></td><td><iframe
src="http://s1.rsspump.com/rss.aspx?s=14b2ac00-190d-44e1-9452-7034fe992459&amp;speed=2&amp;t=0&amp;d=1&amp;u=0&amp;p=1&amp;b=0&amp;ic=9&amp;font=Verdana&amp;fontsize=14px&amp;bgcolor=&amp;color=FFFFFF&amp;type=static&amp;su=0&amp;sub=0&amp;sw=0"
frameborder="0" width="100%" height="18" scrolling="no"
allowtransparency="true"></iframe></td></tr></span><br />
<span style="color: #660000;">
<tr><td width=18px><img
src="https://lh3.googleusercontent.com/-bU9YAaVigLg/TqusCS26cGI/AAAAAAAAAZI/fICD1G7WkLE/s800/kaskus.png"/></td><td><iframe
src="http://s1.rsspump.com/rss.aspx?s=08407b33-3621-4e00-88be-a5c816b539a9&amp;speed=2&amp;t=0&amp;d=1&amp;u=0&amp;p=1&amp;b=0&amp;ic=9&amp;font=Verdana&amp;fontsize=14px&amp;bgcolor=&amp;color=FFFFFF&amp;type=static&amp;su=0&amp;sub=0&amp;sw=0"
frameborder="0" width="100%" height="18" scrolling="no"
allowtransparency="true"></iframe></td></tr></span><br />
<span style="color: #660000;">
<tr><td width=18px><img
src="https://lh5.googleusercontent.com/-eg38YIRf_tU/TqzlDgHqXsI/AAAAAAAAAZc/wJ6tqp7ogCs/s800/Kompas.png"/></td><td><iframe
src="http://s1.rsspump.com/rss.aspx?s=95d5f2c1-852c-44f3-bcbb-00a36b62d0c3&amp;speed=2&amp;t=0&amp;d=1&amp;u=0&amp;p=1&amp;b=0&amp;ic=9&amp;font=Verdana&amp;fontsize=14px&amp;bgcolor=&amp;color=FFFFFF&amp;type=static&amp;su=0&amp;sub=0&amp;sw=0"
frameborder="0" width="100%" height="18" scrolling="no"
allowtransparency="true"></iframe></span><br />
<span style="color: #660000;">
</td></tr></span><br />
<span style="color: #660000;">
</table></span><br />
<span style="color: #660000;">
</div>
<span style="font-size: 80%; float:right;;margin-top:5px;"><a
href="http://monozcore.blogspot.com/2011/10/cara-pasang-widget-berita-di-blog.html"
target="_blank">Get this widget</a></span>
</span></div>
<span style="color: #660000;">this widget</a></span>
</span><br />
<div align="center">
<form>
<input type="button" value="Select All" /></form>
</div>
<div>
<br />
<li>Klik "Save" dan lihat hasilnya...</li>
<li style="text-align: justify;">Silakan widget ini ditaruh di atas atau di bawah postingan artikel biar gampang dilihat pengunjung blog.</li>
<br />
<div style="background-color: white; border: medium none; color: black; overflow: hidden; text-align: left; text-decoration: none;">
<br />
</div>
</div>
<a href="http://monozcore.blogspot.com/2011/10/cara-pasang-widget-berita-di-blog.html#ixzz1kOClaVfF" style="color: #003399;"></a>siti ma'wahttp://www.blogger.com/profile/10494514607494160315noreply@blogger.com0tag:blogger.com,1999:blog-1478045503386211722.post-39457247403128839462012-01-24T03:01:00.000-08:002012-01-24T03:01:53.363-08:00Cara memasang Burung Twitter di sudut Blog<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivy-qkvYTLJl78gSkEcbDnByh5mU7DwJmByScNczvW2-2zPjrUEVIbrYInyssNoU-ONzJHaqlR2Z6Qs0qUdupFv8Zc5l2pJGvw8pJe8I0tr7RV8aVFNOeYjVzDdpxYCEVyTbF0mzfrs-ht/s1600/twitter_bird_follow_me.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="120" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivy-qkvYTLJl78gSkEcbDnByh5mU7DwJmByScNczvW2-2zPjrUEVIbrYInyssNoU-ONzJHaqlR2Z6Qs0qUdupFv8Zc5l2pJGvw8pJe8I0tr7RV8aVFNOeYjVzDdpxYCEVyTbF0mzfrs-ht/s200/twitter_bird_follow_me.jpg" width="200" /></a></div>
<div style="font-family: "Courier New",Courier,monospace; text-align: justify;">
<span style="font-size: small;">Dalam posting ini,saya akan berbagi kepada anda tentang cara memasang
Burung Twitter yang berada di Sudut Blog.Burung Twitter ini bisa
bergerak,terjatuh,dan mengangkat papan "<b>Follow Me</b>" untuk melayani
anda.Nah,untuk memasangnya,ada kode script yang harus anda copykan di
HTML / JavaScript anda.Kode Scriptnya ada di bawah ini :</span></div>
<div style="font-family: "Courier New",Courier,monospace;">
<span style="font-size: small;"><br /></span>
</div>
<div style="-moz-background-inline-policy: -moz-initial; background: none repeat scroll 0% 0% rgb(255, 255, 255); border: 3px solid rgb(0, 0, 0); font-family: "Courier New",Courier,monospace; padding: 4px;">
<span style="font-size: small;"><a
style="display:scroll;position:fixed;bottom:1px;left:1px;"
href="http://twitter.com/Billy_Halim"; target="_blank"><object
type="application/x-shockwave-flash"
data="http://www.buzzbuttons.com/BUTTON8/twitbutton.swf"; height="159"
width="159"><param name="movie"
value="http://www.buzzbuttons.com/BUTTON8/twitbutton.swf" /><param
name="allowscriptaccess" value="always" /><param name="menu"
value="false" /><param name="wmode" value="transparent"
/><param name="flashvars" value="username=http://twitter.com/<b style="color: red;">Username Twitter Anda</b>" /></object></a>;</span></div>
<span style="font-family: "Courier New",Courier,monospace; font-size: small;"><br /></span><div style="font-family: "Courier New",Courier,monospace; text-align: justify;">
<span style="font-size: small;">
Ganti tulisan yang berwarna <b style="color: red;">merah</b> dengan username twitter anda.<br /><br />
Hasilnya akan seperti di sudut blog saya </span>
<span style="font-size: small;"><br /><br />
Selesai dan Semoga Bermanfaat</span>
</div>siti ma'wahttp://www.blogger.com/profile/10494514607494160315noreply@blogger.com0tag:blogger.com,1999:blog-1478045503386211722.post-84439953321323838322012-01-24T02:30:00.000-08:002012-01-24T02:30:17.373-08:00Cara Menambahkan Efek Teks pada Cursor Mouse<div class="separator" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em; text-align: center;">
<img border="0" height="68" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoQ5MC7aH-wb0lEgTRQqaAEi3H5vc6yNX_S5TR9wYezjP3Asz8y2GzbKNRVqjpKCT3VXie0pxvMwBFZW-KmxgOeSFR7_w_Xa_6hc7LfYoGSwE2Vp-0IchsmDGCHPG7to_XKtT1gxb5DTAr/s200/Style+Mouse+cursor.png" width="200" /></div>
<span style="font-family: "Helvetica Neue",Arial,Helvetica,sans-serif; font-size: small;"><br /></span><div style="font-family: "Helvetica Neue",Arial,Helvetica,sans-serif; text-align: justify;">
<span style="font-size: small;"><span class="fullpost">Yang dimaksud Efek Teks pada Cursor adalah ketika </span><span class="fullpost">Cursor atau mouse kita gerakkan, maka akan muncul sebuah efek yaitu </span><span class="fullpost">Cursor
yang bergerak diikuti oleh deretan teks. Dan teks tersebut terserah
kita, mau di beri tulisan apa saja. Cara buatnya mudah, silahkan anda
ikuti langkah berikut bila anda berminat :</span><br />1. Login ke blogger dengan ID anda.<br /><span class="fullpost"> 2. Klik Rancangan dan pilih Elemen Laman</span></span></div>
<span style="font-family: "Helvetica Neue",Arial,Helvetica,sans-serif; font-size: small;"><br /></span><div class="separator" style="clear: both; font-family: "Helvetica Neue",Arial,Helvetica,sans-serif; text-align: center;">
<span style="font-size: small;"><a href="http://htmlnoer.blogspot.com/2011/01/cara-membuat-label-di-blog.html" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="77" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5_B03ssJcLhDhwlgBqYDaOJcRf1MiB9-lJCrlEhm-dozeHbBNo3GYTrhw1Ui4ZL032hoALZshTjepNyn07TG3X_b9it9-yVfShpI9eUpB-vD-uzRw_xLTOr2-i9E5o0nhxY_WqN8yGqMm/s320/Blogger+--+Edit+Tata+Letak_1295684510123.png" width="320" /></a></span></div>
<span style="font-family: "Helvetica Neue",Arial,Helvetica,sans-serif; font-size: small;"><br /><br /><br /><br /><br /><br /><span class="fullpost">3. Tambah Gadget</span><br /><a href="http://htmlnoer.blogspot.com/2011/01/cara-membuat-label-di-blog.html"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnv23zhaKyWlV3kA5qCiv34uBcD-8Q0Oyw4rRRoJ-9QhulRkeA9jTCmdTFiyewHwlgyme4zD6h4iFf1PBNmubG-s9QUikkjncpQAwGEpI0YPZ8xpVdVbD2-XZYD123A7El2_gINFPbJ6A-/s1600/Blogger+--+Edit+Tata+Letak_1295921407619.png" /><span class="fullpost"></span></a><br /><span class="fullpost"><br /></span><br /><span class="fullpost">4. Pada jendela baru anda Anda pilih gadget HTML/JavaScript</span><br /><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2JzsHncluzWLoj9dE8ZWHPAooz8TGbNMluAjyKBnz6df7Qu8uQksKiH6SDPsIy0VqguXawAriMog-bBO4PpAPxsDemvi1qifAMXEEBfe91GIgrNRkiKKsvvjDKisv9NZ72SbyBXUOJG-4/s1600/Blogger-+World+Brand+-+Tambahkan+Gadget_1295921930616.png" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="81" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2JzsHncluzWLoj9dE8ZWHPAooz8TGbNMluAjyKBnz6df7Qu8uQksKiH6SDPsIy0VqguXawAriMog-bBO4PpAPxsDemvi1qifAMXEEBfe91GIgrNRkiKKsvvjDKisv9NZ72SbyBXUOJG-4/s320/Blogger-+World+Brand+-+Tambahkan+Gadget_1295921930616.png" width="320" /></a><span class="fullpost"><br /></span><br /><br /><br /><br /><br /><span class="fullpost">5. Copy dan paste kode script dibawah ini pada gadget tersebut :</span></span><div style="color: #38761d; font-family: "Helvetica Neue",Arial,Helvetica,sans-serif; text-align: center;">
<fieldset>
<span style="font-size: small;"><script language="javascript"><br /><br /><br />// ENTER TEXT BELOW. CAN *NOT* INCLUDE NORMAL HTML CODE.<br />var text='<span style="color: red;">Ganti dengan Teks yang anda suka</span>';<br /><br />var delay=40; // SPEED OF TRAIL<br />var Xoff=0; // PIXEL COUNT FROM THE LEFT OF THE CURSOR (- VALUES GO TO LEFT)<br />var Yoff=-30; // PIXEL COUNT FROM THE TOP OF THE CURSOR (- VALUES GO UP)<br />var txtw=14; // AMOUNT OF PIXEL SPACE EACH CHARACTER OCCUPIES<br />var
beghtml='<font color="#00436e"><b>'; // OPTIONAL HTML CODE
THAT EFFECTS WHOLE TEXT STRING SUCH AS FONT COLOR, SIZE, ETC.<br />var endhtml='</b></font>'; // END HTML CODE. MOSTLY USED IF ABOVE SETTING IS USED.<br /><br />//********** NO NEED TO EDIT BELOW HERE **********\\<br /><br />ns4 = (navigator.appName.indexOf("Netscape")>=0 && document.layers)? true : false;<br />ie4 = (document.all && !document.getElementById)? true : false;<br />ie5 = (document.all && document.getElementById)? true : false;<br />ns6 = (document.getElementById && navigator.appName.indexOf("Netscape")>=0 )? true: false;<br />var txtA=new Array();<br />text=text.split('');<br />var x1=0;<br />var y1=-1000;<br />var t='';<br /><br />for(i=1;i<=text.length;i++){<br />t+=(ns4)?
'<layer left="0" top="-100" width="'+txtw+'" name="txt'+i+'"
height="1">' : '<div id="txt'+i+'" style="position:absolute;
top:-100px; left:0px; height:1px; width:'+txtw+';
visibility:visible;">';<br />t+=beghtml+text[i-1]+endhtml;<br />t+=(ns4)? '</layer>' : '</div>';<br />}<br />document.write(t);<br /><br />function moveid(id,x,y){<br />if(ns4)id.moveTo(x,y);<br />else{<br />id.style.left=x+'px';<br />id.style.top=y+'px';<br />}}<br /><br />function animate(evt){<br />x1=Xoff+((ie4||ie5)?event.clientX+document.body.scrollLeft:evt.pageX);<br />y1=Yoff+((ie4||ie5)?event.clientY+document.body.scrollTop:evt.pageY);<br />}<br /><br />function getidleft(id){<br />if(ns4)return id.left;<br />else return parseInt(id.style.left);<br />}<br /><br />function getidtop(id){<br />if(ns4)return id.top;<br />else return parseInt(id.style.top);<br />}<br /><br />function getwindowwidth(){<br />if(ie4||ie5)return document.body.clientWidth+document.body.scrollLeft;<br />else return window.innerWidth+pageXOffset;<br />}<br /><br />function movetxts(){<br />for(i=text.length;i>1;i=i-1){<br />if(getidleft(txtA[i-1])+txtw*2>=getwindowwidth()){<br />moveid(txtA[i-1],0,-1000);<br />moveid(txtA[i],0,-1000);<br />}else moveid(txtA[i], getidleft(txtA[i-1])+txtw, getidtop(txtA[i-1]));<br />}<br />moveid(txtA[1],x1,y1);<br />}<br /><br />window.onload=function(){<br />for(i=1;i<=text.length;i++)txtA[i]=(ns4)?document.layers['txt'+i]:(ie4)?document.all['txt'+i]:document.getElementById('txt'+i);<br />if(ns4)document.captureEvents(Event.MOUSEMOVE);<br />document.onmousemove=animate;<br />setInterval('movetxts()',delay);<br />}<br /></script></span></fieldset>
</div>
<span style="font-family: "Helvetica Neue",Arial,Helvetica,sans-serif; font-size: small;"><span class="fullpost"> </span></span><div style="color: red; font-family: "Helvetica Neue",Arial,Helvetica,sans-serif;">
<span style="font-size: small;">Catatan :</span></div>
<span style="font-family: "Helvetica Neue",Arial,Helvetica,sans-serif; font-size: small;">Silahkan ganti tulisan berwarna <span style="color: red;">merah</span> dengan tulisan atau teks yang anda suka.<br /><br />6. Simpan.<br /><br /><span><span class="fullpost"><span class="fullpost">Selamat mencoba dan lihat hasilnya, semoga bermanfaat....<br />Jangan lupa luangkan waktu untuk beri komentarmu ya......terima kasih.</span></span></span></span>siti ma'wahttp://www.blogger.com/profile/10494514607494160315noreply@blogger.com0tag:blogger.com,1999:blog-1478045503386211722.post-56687105588859807302012-01-24T00:12:00.000-08:002012-01-24T00:15:33.353-08:00Cara Pasang Script Alert pada Blog<div style="font-family: Arial,Helvetica,sans-serif; text-align: justify;">
<span style="font-size: large;"><b>Script Alert Pada Blog</b> – Memasang script alert pada blog bisa
kita gunakan sebagai salah satu solusi untuk memberikan pesan atau
imbauan tertentu kepada para pembaca blog kita. Pemberian pesan yang
ditampilkan dalam alert ini cukup efektif karena pesan akan muncul di
saat pertama kali pengunjung membuka halaman blog kita. Sehingga, pesan
yang ingin disampaikan akan lebih efektif untuk dibaca.</span></div>
<div style="font-family: Arial,Helvetica,sans-serif; text-align: justify;">
<span style="font-size: large;"><br /></span></div>
<span style="font-family: Arial,Helvetica,sans-serif; font-size: large;">Pemberian alert pada blog ini dapat kita gunakan untuk memberikan pesan
pada momen atau peristiwa tertentu. Misal, saat tahun baru tiba kita
dapat memberikan alert di blog yang isinya ucapan tentang selamat tahun
baru kepada para pembaca kita. Selain terlihat atraktif, pemasangan
alert di blog ini juga dapat lebih merekatkan komunikasi antara kita
sebagai pemilik blog dengan para pengunjung jika isi dari pesan yang
kita sampaikan bersifat informatif atau sekadar menyapa.<br /><br />
Pemasangan alert ini cukup menempelkan script alert di blog.
Selanjutnya, pesan yang disampaikan akan muncul ketika pertama kali
pembaca membuka halaman blog kita.<br /><br />
Adapun <b>cara untuk pemasangan alert di blog</b> ini adalah sebagai berikut:<br /><br />
Masuk ke dalam akun blogger kita.<br /><br />
Klik rancangan.<br /><br />
Klik tambah gadget.<br /><br />
Pilih HTML/JavaScript.<br /><br />
Masukan kode berikut.</span>
<br />
<div style="font-family: Arial,Helvetica,sans-serif;">
<span style="font-size: large;"><br /></span>
</div>
<div style="background-color: #e4eaf2; border: 1px solid rgb(0, 0, 0); font-family: Arial,Helvetica,sans-serif; padding: 10px; text-align: left;">
<span style="font-size: large;"><script type="text/javascript"><br />
alert('<span style="color: red;">Pesan Alert</span>')<br />
</script></span></div>
<span style="font-family: Arial,Helvetica,sans-serif; font-size: large;"><br /></span><br />
<div style="font-family: Arial,Helvetica,sans-serif; text-align: justify;">
<span style="font-size: large;">
Klik simpan dan selesai.<br /><br />
Keterangan:</span>
<span style="font-size: large;"><br />
Ganti Pesan Alert dengan pesan yang ingin kita sampaikan melalui alert kepada pengunjung di blog kita.<br /><br />
Kita juga harus bijak dalam menentukan apakah perlu untuk memasang alert
di blog atau tidak. Jangan sampai pemasangan ini mengganggu fokus
pembaca dalam mengunjungi </span>
<span style="font-size: large;"><b><a href="http://www.panduanbelajarblog.com/2011/01/pengertian-sebuah-blog.html">blog</a></b> kita hingga membuat mereka merasa kesal karena tampilan alert yang mengganggu.<br /><br />
Pemasangan alert lebih bagus dipasang pada blog yang isi kontennya
bersifat kontroversial, sehingga perlu ada peringatan dini kepada
pengunjung sebelum membukanya. Pemasangan alert ini juga bisa dipasang
untuk sementara waktu. Misal, untuk memperingati momen tahun baru, hari
raya nasional, dan hari raya keagamaan.
</span>
</div>
<div style="font-family: Georgia,"Times New Roman",serif;">
<br /></div>siti ma'wahttp://www.blogger.com/profile/10494514607494160315noreply@blogger.com0tag:blogger.com,1999:blog-1478045503386211722.post-53630276893409878862012-01-23T23:59:00.001-08:002012-01-24T00:01:11.639-08:00Memasang Gambar di Sudut Blog<b>Memasang gambar di sudut blog</b> adalah salah satu trik untuk
membuat blog kita kelihatan lebih menarik. pemasangan gambar bisa di
sudut atas, kiri,kanan dan bawah. untuk membuat nya sangat lah mudah.
bagi yang berkenan ikuti langkah-langkah di bawah ini<br />
<br />
<ul>
<li><b>Log in</b> dulu ke blogger</li>
<li><b>Tata letak</b></li>
<li><b>Edit HTML</b></li>
<li>Cari kode <span style="color: #3366ff;">]]></b:skin></span></li>
<li>letakkan kode berikut di atas kode <span style="color: #3366ff;">]]></b:skin></span><br /><div class="alert">
#anima_sudut {<br />
position:fixed;_position:<span style="color: #3366ff;">relative</span>;top:0px; <span style="color: #3366ff;">left</span>:0px;<br />
clip:inherit;<br />
_top:expression(document.documentElement.scrollTop+<br />
document.documentElement.clientHeight-this.clientHeight);<br />
_left:expression(document.documentElement.scrollLeft+<br />
document.documentElement.clientWidth - offsetWidth); }</div>
</li>
<li>Ganti kode yang berwarna biru dengan posisi image yang kamu inginkan (ex : top=atas, bottom=bawah, right=kanan, left=kiri)</li>
<li>Kemudian tambah kan kode di bawah ini diatas kode <span style="color: #3366ff;"></body></span><br /><br /><div class="alert">
<div id='anima_sudut'><br />
<a href='http://<span style="color: red;">mawashare.blogspot.com</span>/'><br />
<img alt='' border='0'<br />
src='<span style="color: red;">http://i647.photobucket.com/albums/uu191/ariamsi/disiniann.gif</span>'/></a><br />
</div></div>
</li>
<li>Ganti kode yang berwarna <span style="color: red;">merah</span> dengan alamat blog kamu dan alamat penyimpanan image kamu</li>
<li><div class="alert">
Kemudian <b>simpan tamplate</b>.</div>
</li>
</ul>
<br />
Selamat mencoba...........siti ma'wahttp://www.blogger.com/profile/10494514607494160315noreply@blogger.com0tag:blogger.com,1999:blog-1478045503386211722.post-21540708987598569032012-01-23T22:44:00.000-08:002012-01-23T22:44:19.656-08:00Cara Membuat Random Post di Blog<div style="text-align: justify;">
<span itemprop="description"><b>Random Post Widget Di Blog</b> - Gimana sih cara <b>buat</b> random post diblog ? atau lebih dikenal <b>membuat artikel blog secara acak</b>. Dengan tujuan <i>Random Post</i> ini untuk menampilkan artikel-artikel lama kita pada
halaman blog secara acak, dengan demikian kemungkinan artikel yang
terdahulu dapat dilihat oleh pengunjung.</span><br /><span itemprop="description">
</span><br /><span itemprop="description">
Langsung saja ke inti pembahasan <a href="http://ageboy.blogspot.com/2012/01/cara-membuat-random-post-di-blog.html"><i>cara membuat random post Di Blog</i></a>. yang Kali ini blog saya akan memberikan share <i>tips</i> Cara Membuat Random Post Di Blog, dan yang pasti masih seputar <a href="http://ageboy.blogspot.com/search/label/Tutorial%20Blog"><i>tutorial blog</i></a>.</span><br /><span itemprop="description">
</span></div>
<span itemprop="description"><ul>
<li>Buka akun <u>Blogger</u> atau <u>Blogspot</u> sobat</li>
<li>Masuk ke menu rancangan dan pilih add <i>widget</i></li>
<li>Lalu Pilih Html/javascript</li>
</ul>
<br />
Setelah itu masukkan <u>code random post</u> dibawah ini :<br />
<blockquote class="tr_bq" style="color: black;">
<script type="text/javascript"><br />
var randarray = new Array();var l=0;var flag;<br />
var numofpost=<b><span style="color: #f1c232;">10</span></b>;function randomposts(json){<br />
var total = parseInt(json.feed.openSearch$totalResults.$t,10);<br />
for(i=0;i <
numofpost;){flag=0;randarray.length=numofpost;l=Math.floor(Math.random()*total);for(j
in randarray){if(l==randarray[j]){ flag=1;}}<br />
if(flag==0&&l!=0){randarray[i++]=l;}}document.write('<ul>');<br />
for(n in randarray){ var p=randarray[n];var entry=json.feed.entry[p-1];<br />
for(k=0; k < entry.link.length;
k++){if(entry.link[k].rel=='alternate'){var item = "<li>" + "<a
href=" + entry.link[k].href + ">" + entry.title.$t + "</a>
</li>";<br />
document.write(item);}}<br />
}document.write('</ul>');}<br />
</script><br />
<script
src="/feeds/posts/default?alt=json-in-script&start-index=1&max-results=1000&callback=randomposts"
type="text/javascript"></script></blockquote>
</span><br />
<div style="text-align: justify;">
<span itemprop="description"><b>NB</b> : Angka yang berwarna Kuning diatas adalah jumlah post yang ingin ditampilkan di <b>widget blog</b>
sahabat.jadi ubah sesuai selera anda masing-masing untuk menampilkan
jumlah random post tersebut. yang penting minumnya tetap "Teh Botol
Sosro" ...:D</span><br /><span itemprop="description">
Klik save dan selesai.monggo dilihat Random Post Blog hasilnya.</span><br /><span itemprop="description">
</span><br /><span itemprop="description">
mudah bukan <a href="http://ageboy.blogspot.com/2012/01/cara-membuat-random-post-di-blog.html"><i>Cara Membuat Random Post Di Blog</i></a>.selamat mencoba dan semoga bermanfaat.</span><br /><span itemprop="description">
salam hangat dan sahabat dari saya.Mawashare</span><br /><span itemprop="description">
</span></div>
<div style="background-color: white; border: medium none; color: black; overflow: hidden; text-align: left; text-decoration: none;">
<br /> </div>siti ma'wahttp://www.blogger.com/profile/10494514607494160315noreply@blogger.com0tag:blogger.com,1999:blog-1478045503386211722.post-58874530598865399492012-01-23T07:50:00.000-08:002012-01-23T07:50:19.630-08:00Cara Membuat Text Area OtomatisKali ini blogger kontes seo :: seomelekete.com akan berbagi sedikit tips
yang mungkin sobat perlukan untuk membuat teks area yang otomatis dan
manjur seperti yang dapat sobat lihat pada bagian kanan sidebar.<br />
<br />
Jika sobat arahkan kursor pada kotak maka teks yang berada dalam area langsung ke blok sehingga tinggal dicopy tanpa repot.<br />
<br />
Sangat cocok untuk keperluan untuk menyediakan link, agar bisa dipasang di blog teman anda agar tidak lupa nama blog sobat.<br />
<br />
htmlnya sebagai berikut :<br />
<br />
<div><br />
<form name="PujiantoroStyle"><br />
<div align="left" style="margin-bottom: 0pt; margin-top: 0pt;"><br />
<textarea ;="" cols="10" name="txt"
onmouseover="this.form.txt.select()" readonly="readonly"
rows="4">&lt;a href="http://www.seomelekete.com"&gt;Blog
Kontes Seo&lt;/a&gt;</textarea></div><br />
</form><br />
</div>siti ma'wahttp://www.blogger.com/profile/10494514607494160315noreply@blogger.com0tag:blogger.com,1999:blog-1478045503386211722.post-20025967438124448462012-01-23T07:11:00.000-08:002012-01-23T07:11:38.833-08:00Menampilkan foto profil pada komentar blog<div style="font-family: Arial,Helvetica,sans-serif;">
<span style="font-size: small;"><span itemprop="summary"><span class="fullpost">Langsung saja,<span style="font-weight: bold;">cara menampilkan foto profil pada komentar blogger</span> caranya sebagai berikut:
</span></span><span itemprop="summary"><span class="fullpost"><ol>
<li style="text-align: justify;">Login ke <span style="font-weight: bold;">blogger</span>, setelah masuk klik <span style="font-weight: bold;">pengaturan</span>, lalu pilih pengaturan komentar.</li>
<li style="text-align: justify;">Pada pilihan Tampilkan gambar profil dalam komentar? sobat pilih <span style="font-weight: bold;">ya</span>.</li>
<li style="text-align: justify;">Lalu
klik simpan setelan. Sampai ada keterangan Setting Telah Berhasil
Disimpan. Dan lihat hasilnya, Silakan dicoba dengan menulis komentar
dengan ID blogger sobat pada salah satu posting. apakah <span style="font-weight: bold;">gambar/foto</span>
profilnya sudah muncul alias terlihat?Jika terlihat, berarti cara
menampilkan foto profil/avatar komentar di blogger cukup sampai disini.
Sebaliknya, jika gambar profilnya masih belum muncul juga. Sobat perlu
melakukan langkah tambahan sebagai berikut:</li>
<li style="text-align: justify;">Masih dalam keadaan login. Klik <span style="font-weight: bold;">rancangan</span>, lanjut dengan mengklik <span style="font-weight: bold;">Edit html</span>.</li>
<li style="text-align: justify;">Untuk mengantisipasi jika nanti terjadi kesalahan. Backup template dengan cara: klik link <span style="font-weight: bold;">download template lengkap</span>.</li>
<li style="text-align: justify;">Setelah selesai, beri centang pada kombo disamping <span style="font-weight: bold;">expand</span> template widget</li>
<li>Selanjutnya cari kode:
<br />
<br /><span style="color: #33ff33;">]]></b:skin></span>
<br />
</li>
<li>Setelah ketemu, tepat diatasnya taruh kode berikut:
<br />
<br /><span style="color: #33ff33;">#comments-block .avatar-image-container img {background: #fff url(<span style="color: red;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJBX62l3XsTytvmaKD7KQqoMdbLWZB2qtEdYuCTHBfdOb67472ukVfkjbeXSmpar9rIyj1-Dyfny0oSOGd_QPxnh8d1V1B_tHcM6l2GWklFrp-xwFE_5IpzOwqbCvek1iqhhRkGfl3-KFU/</span>) no-repeat left top; width:35px;height:35px}</span>
<br />
<br /><div style="text-align: justify;">
Pada teks berwarna <span style="color: red;">merah</span>
adalah URL gambar avatar yang disimpan pada file hosting. Sobat bisa
menggantinya dengan avatar pilihan sobat,kode merah itu adalah tampilan
avatar untuk anonimous pada blog kamu.
</div>
</li>
<li>Lanjut dengan mecari kode:
<br />
<br /><span style="color: #33ff33;"><dl id='comments-block'></span>
<br />
</li>
<li>Hapus kode tersebut lalu ganti dengan kode berikut:
<br />
<br /><span style="color: #33ff33;"><dl expr:class='data:post.avatarIndentClass' id='comments-block'></span>
<br />
</li>
<li>Masih belum selesai, terakhir cari:
<br />
<br /><span style="color: #33ff33;"><a expr:name='data:comment.anchorName'/></span>
<br />
</li>
<li>Lalu hapus dan ganti kode tersebut dengan
<br />kode seperti dibawah ini:
<br />
<br /><span style="color: #33ff33;"><b:if cond='data:comment.favicon'></span>
<br /><span style="color: #33ff33;"><img expr:src='data:comment.favicon'/></span>
<br /><span style="color: #33ff33;"></b:if></span>
<br /><span style="color: #33ff33;"><a expr:name='data:comment.anchorName'/></span>
<br /><span style="color: #33ff33;"><b:if cond='data:blog.enabledCommentProfileImages'></span>
<br /><span style="color: #33ff33;"><div expr:class='data:comment.avatarContainerClass'></span>
<br /><span style="color: #33ff33;"><data:comment.authorAvatarImage/></span>
<br /><span style="color: #33ff33;"></div></span>
<br /><span style="color: #33ff33;"></b:if></span>
<br />
</li>
<li>Selesai mengutak-atik kode diatas. Langkah terakhir Klik simpan template.</li>
</ol>
<br />
</span></span></span></div>
<div style="text-align: justify;">
<div style="text-align: justify;">
<span itemprop="summary"><span class="fullpost">Jika berhasil, akan muncul keterangan perubahan anda telah disimpan '<span style="font-weight: bold;">lihat blog</span>'.
</span></span><br /><span itemprop="summary"><span class="fullpost">
</span></span><br /><span itemprop="summary"><span class="fullpost">Untuk melihat hasilnya. lakukanlah ujicoba dengan memberi/mengetik
komentar pada salah satu postingan blog sobat dengan ID blogger (dalam
keadaan login). Otomatis foto profil akun blogger sobat akan terlihat.
Coba juga dengan ID anonim atau NAME/URL. Maka yang muncul adalah gambar
avatar yang sudah ditentukan oleh sobat.
</span></span><br /><span itemprop="summary"><span class="fullpost">
</span></span><br /><span itemprop="summary"><span class="fullpost">Nah, kurang lebih begitulah <span style="font-weight: bold;">Cara menampilkan foto profil/avatar komentar di blogger</span>. Seperti yang pernah saya lakukan pada template ini. <span style="font-weight: bold;">Selamat mencoba!</span>
</span></span></div>
<span itemprop="summary"><span class="fullpost"></span></span></div>siti ma'wahttp://www.blogger.com/profile/10494514607494160315noreply@blogger.com0tag:blogger.com,1999:blog-1478045503386211722.post-17497416481838825612012-01-23T05:06:00.000-08:002012-01-23T05:06:30.790-08:00Membuat Button Follow dan Dashboard ala Tumblr<div style="font-family: Arial,Helvetica,sans-serif; text-align: justify;">
<span style="font-size: small;">Nah, kali ini kita akan membuat button follow yang meniru seperti
Tumblr. Tumblr adalah satu platform untuk ngeblog. Jika melihat blog di
bawah layanan Tumblr maka di pojok kanan atas selalu ada button follow
dan dashboard. Contoh blog itu bisa dilihat <a href="http://kurniasepta.tumblr.com/" target="_blank">di sini</a>.<br /><br />
Sekarang kita akan membuat button seperti yang ada di blog Tumblr.
Dengan button tersebut akan mempermudah dan lebih menarik pengunjung
blog untuk follow atau mengikuti. Tentunya follow itu lewat google
friend connect (GFC). Itu artinya cara baru untuk gabung ke GFC dari
blog milik kita. Semakin banyak yang mengikuti blog kita bisa menjadi
parameter kebermanfaatan dan kepopuleran sebuah blog. Tentunya selain
itu semakin banyak yang follow semakin banyak yang berlangganan semakin </span>
<span style="font-size: small;"><a href="http://kurniasepta.blogspot.com/2011/09/cara-meningkatkan-page-view-blog.html" target="_blank">banyak pengunjung</a>.</span></div>
<div style="font-family: Arial,Helvetica,sans-serif;">
<span style="font-size: small;"><br /><b>Cara Membuat Button Follow dan Dashboard ala Tumblr</b><br />
1. <b>Login</b> ke blogger<br />
2. Pilih <b>Rancangan</b> kemudian <b>Tambah Gadget</b><br />
3. Pilih <b>HTML/JavaScript</b><br />
4. Masukan kode berikut ini<br /></span>
</div>
<div class="alert" style="font-family: Arial,Helvetica,sans-serif;">
<span style="font-size: small;"><div style="position: fixed; top: 5px; right:
93px;"><a class="linkopacity"
href="http://www.blogger.com/follow-blog.g?blogID=<span style="color: red;">5069428392280954069</span>"
target="_blank" rel="nofollow" title="Follow" imageanchor="1"
style="margin-left: 1em; margin-right: 1em;"><img
src="http://3.bp.blogspot.com/-feYAFwQF-GM/TtOSBVXcMmI/AAAAAAAAHvk/GH1PZPVvU7c/follow.png"
border="0" /></a><div style="display:scroll;
position:fixed; top:5px; right:5px;"><a class="linkopacity"
href="<span style="color: red;">http://kurniasepta.blogspot.com</span>"
target="_blank" rel="nofollow" title="Dashboard" imageanchor="1"
style="margin-left: 1em; margin-right: 1em;"><img border="0"
src="http://4.bp.blogspot.com/-N61PPu_1haE/TtOSBZgZikI/AAAAAAAAHvc/vIEC_dYpIVo/dashboard.png"
/></a></div></span></div>
<span style="font-family: Arial,Helvetica,sans-serif; font-size: small;"><br />
5. Kode berikut <span style="color: red;">5069428392280954069</span>
adalah blog ID yang mana setiap blog berbeda. Ganti kode tersebut dengan
blog ID mu sendiri. Bisa kita ketahui dari addres bar saat kita membuta
entri baru (misalnya; <i>http://www.blogger.com/post-create.g?blogID=<b>5069428392280954069</b></i>)<br />
6. Untuk button <b>Dashboard</b> link tersebut (<span style="color: red;">http://kurniasepta.blogspot.com</span>) bisa kita arahkan ke halaman utama blogger.com tapi saya lebih memilih mengarahkannya ke halaman utama blog.<br />
7. <b>Simpan</b> jika sudah selesai.
</span>siti ma'wahttp://www.blogger.com/profile/10494514607494160315noreply@blogger.com0tag:blogger.com,1999:blog-1478045503386211722.post-8435839801835219852012-01-23T04:46:00.000-08:002012-01-23T04:51:09.768-08:00Cara Membuat Readmore Otomatis pada Blog<div style="text-align: justify;">
<span style="font-size: small;"><span style="background-color: white; font-family: Arial,Tahoma,Verdana; text-align: left;">Pertama., .silakan masuk ke acount blogger anda kemudian pilih </span><span style="background-color: white; font-family: Arial,Tahoma,Verdana; font-style: italic; font-weight: bold; margin: 0px; padding: 0px; text-align: left;">Edit Html</span><span style="background-color: white; font-family: Arial,Tahoma,Verdana; text-align: left;">, jangan lupa memberikan tanda ceklis pada bacaan "</span><span style="background-color: white; font-family: Arial,Tahoma,Verdana; font-style: italic; font-weight: bold; margin: 0px; padding: 0px; text-align: left;">Expand Widget Template</span><span style="background-color: white; font-family: Arial,Tahoma,Verdana; text-align: left;">" atau lihat gambar di bawah ini :</span><br /><span style="background-color: white;"></span><br style="font-family: Arial,Tahoma,Verdana; margin: 0px; padding: 0px; text-align: left;" /><span style="background-color: white;"><span style="font-family: Arial,Tahoma,Verdana; text-align: left;">cari kode </head> kemudian masukkan script di bawah ini persis dibawah kode tersebut.</span></span><br style="font-family: Arial,Tahoma,Verdana; margin: 0px; padding: 0px; text-align: left;" /><span style="background-color: white;"><span style="font-family: Arial,Tahoma,Verdana; text-align: left;"><script type='text/javascript'> var thumbnail_mode = &quot;no-float&quot; ; </span><span style="font-family: Arial,Tahoma,Verdana; font-weight: bold; margin: 0px; padding: 0px; text-align: left;">summary_noimg = 430; summary_img = 340</span><span style="font-family: Arial,Tahoma,Verdana; text-align: left;">;
img_thumb_height = 100; img_thumb_width = 120; </script>
<script
src='http://rizqi.moehamed.googlepages.com/read-moreotomatis.js'
type='text/javascript'/></span></span><br style="font-family: Arial,Tahoma,Verdana; margin: 0px; padding: 0px; text-align: left;" /><span style="background-color: white;"></span><br style="font-family: Arial,Tahoma,Verdana; margin: 0px; padding: 0px; text-align: left;" /><span style="background-color: white;"><span style="font-family: Arial,Tahoma,Verdana; text-align: left;">KEDUA, cari kode html berikut ini :</span></span><br style="font-family: Arial,Tahoma,Verdana; margin: 0px; padding: 0px; text-align: left;" /><span style="background-color: white;"><span style="font-family: Arial,Tahoma,Verdana; text-align: left;"><data:post.body/> atau <p><data:post.body/></p></span></span><br style="font-family: Arial,Tahoma,Verdana; margin: 0px; padding: 0px; text-align: left;" /><span style="background-color: white;"></span><br style="font-family: Arial,Tahoma,Verdana; margin: 0px; padding: 0px; text-align: left;" /><span style="background-color: white;"><span style="font-family: Arial,Tahoma,Verdana; text-align: left;">ganti kode tersebut dengan kode di bawah ini :</span></span><br style="font-family: Arial,Tahoma,Verdana; margin: 0px; padding: 0px; text-align: left;" /><span style="background-color: white;"><span style="font-family: Arial,Tahoma,Verdana; text-align: left;"><b:if cond='data:blog.pageType != &quot;item&quot;'></span></span><br style="font-family: Arial,Tahoma,Verdana; margin: 0px; padding: 0px; text-align: left;" /><span style="background-color: white;"><span style="font-family: Arial,Tahoma,Verdana; text-align: left;"><div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div></span></span><br style="font-family: Arial,Tahoma,Verdana; margin: 0px; padding: 0px; text-align: left;" /><span style="background-color: white;"><span style="font-family: Arial,Tahoma,Verdana; text-align: left;"><script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</span></span><br style="font-family: Arial,Tahoma,Verdana; margin: 0px; padding: 0px; text-align: left;" /><span style="background-color: white;"><span style="font-family: Arial,Tahoma,Verdana; text-align: left;"></script></span></span><br style="font-family: Arial,Tahoma,Verdana; margin: 0px; padding: 0px; text-align: left;" /><span style="background-color: white;"><span style="font-family: Arial,Tahoma,Verdana; text-align: left;"><span class='rmlink' style='float:right;padding-top:20px;'></span></span><br style="font-family: Arial,Tahoma,Verdana; margin: 0px; padding: 0px; text-align: left;" /><span style="background-color: white;"><span style="font-family: Arial,Tahoma,Verdana; text-align: left;"><a expr:href='data:post.url'>&#187;&#187;&#160;&#160;</span><span style="font-family: Arial,Tahoma,Verdana; font-weight: bold; margin: 0px; padding: 0px; text-align: left;">READMORE</span><span style="font-family: Arial,Tahoma,Verdana; text-align: left;">...</a></span></span></span><br style="font-family: Arial,Tahoma,Verdana; margin: 0px; padding: 0px; text-align: left;" /><span style="background-color: white;"><span style="font-family: Arial,Tahoma,Verdana; text-align: left;"></b:if></span></span><br style="font-family: Arial,Tahoma,Verdana; margin: 0px; padding: 0px; text-align: left;" /><span style="background-color: white;"><span style="font-family: Arial,Tahoma,Verdana; text-align: left;"><b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if></span></span><br style="font-family: Arial,Tahoma,Verdana; margin: 0px; padding: 0px; text-align: left;" /><span style="background-color: white;"></span><br style="font-family: Arial,Tahoma,Verdana; margin: 0px; padding: 0px; text-align: left;" /><span style="background-color: white;"><span style="font-family: Arial,Tahoma,Verdana; text-align: left;">Keterangan : tulisan yang berwarna </span><span style="font-family: Arial,Tahoma,Verdana; font-weight: bold; margin: 0px; padding: 0px; text-align: left;">merah </span><span style="font-family: Arial,Tahoma,Verdana; text-align: left;">adalah yang bisa anda ganti.</span></span><br style="font-family: Arial,Tahoma,Verdana; margin: 0px; padding: 0px; text-align: left;" /><span style="background-color: white;"><span style="font-family: Arial,Tahoma,Verdana; text-align: left;">==> Summary noimg 430 = tinggi artikel terpenggal tanpa image</span></span><br style="font-family: Arial,Tahoma,Verdana; margin: 0px; padding: 0px; text-align: left;" /><span style="background-color: white;"><span style="font-family: Arial,Tahoma,Verdana; text-align: left;">==> Summar img 430 = tinggi artikel terpenggal dengan image</span></span><br style="font-family: Arial,Tahoma,Verdana; margin: 0px; padding: 0px; text-align: left;" /><span style="background-color: white;"><span style="font-family: Arial,Tahoma,Verdana; text-align: left;">==> Readmore bisa anda ganti dengan Baca Selengkapnya, full read dll.</span></span><br /><span style="background-color: white;"></span></span>
<br />
<span style="background-color: white;"></span></div>
<div style="text-align: justify;">
<span style="background-color: white;">
</span></div>
<div style="background-color: white; border: medium none; color: black; overflow: hidden; text-align: left; text-decoration: none;">
<br /></div>siti ma'wahttp://www.blogger.com/profile/10494514607494160315noreply@blogger.com0tag:blogger.com,1999:blog-1478045503386211722.post-70689427375864280302012-01-23T03:06:00.000-08:002012-01-23T03:50:32.386-08:00cara pasang like button di setiap posting<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGMPlC85UFJmdEFYDh133oooQxBAjW-q28a-p-Yw0_88GQcPoLRHqYRUaTdvmn7eSXbJgQxcD8-Ur9H-vF27i9TT-0WhvYu_F1KsyVEloM4WHvGTZIWKmYAR9kA7BLjELXLI7YKEZzlaZV/s1600/facebook-like-button-for-comments.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="111" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGMPlC85UFJmdEFYDh133oooQxBAjW-q28a-p-Yw0_88GQcPoLRHqYRUaTdvmn7eSXbJgQxcD8-Ur9H-vF27i9TT-0WhvYu_F1KsyVEloM4WHvGTZIWKmYAR9kA7BLjELXLI7YKEZzlaZV/s200/facebook-like-button-for-comments.jpg" width="200" /></a></div>
<div style="font-family: Arial,Helvetica,sans-serif; text-align: justify;">
<span style="font-size: small;">1. <b>Cara pasang</b> <b>like button di postingan</b> pertama login ke blogger, kemudian pilih menu Layout> Edit HTML. </span></div>
<div style="font-family: Arial,Helvetica,sans-serif; text-align: justify;">
<span style="font-size: small;">2. Backup template anda terlebih dahulu. </span><br />
<span style="font-size: small;">3. Periksa kotak centang Expand Template Widget. (Jangan lupa untuk download template untuk keamanan) </span></div>
<div style="font-family: Arial,Helvetica,sans-serif;">
<span style="font-size: small;">4. Cari kode di bawah ini: </span><span style="background-color: yellow; font-size: small;"> <data:post.body></span></div>
<div style="font-family: Arial,Helvetica,sans-serif;">
<span style="font-size: small;">5. Setelah anda mendapatkan kode diatas , anda taruh kode berikut ini di bawah kode diatas</span></div>
<div style="font-family: Arial,Helvetica,sans-serif;">
<span style="font-size: small;"><br /></span></div>
<div style="font-family: Arial,Helvetica,sans-serif;">
<span style="font-size: small;"><br /></span></div>
<div style="background-color: yellow; font-family: Arial,Helvetica,sans-serif;">
<span style="font-size: small;"><iframe
allowTransparency='true'
expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot;
+ data:post.url +
&quot;&amp;layout=standard&amp;show-faces=true&amp;width=530&amp;height=60&amp;action=like&amp;colorscheme=light&quot;'
frameborder='0' scrolling='no' style='border:none; overflow:hidden;
width:530px; height:60px'/> </span></div>
<div style="font-family: Arial,Helvetica,sans-serif;">
<span style="font-size: small;"><br /></span></div>
<div style="font-family: Arial,Helvetica,sans-serif; text-align: justify;">
<span style="font-size: small;"> Ingat apabila anda sudah memakai navigasi breadcrumb maka kode html diatas akan ada dua ,, anda cari yang kedua nya</span><br />
<span style="font-size: small;"><br /></span><br />
<span style="font-size: small;">6. Simpan template dan lihat hasilnya.</span><br />
<span style="font-size: small;"><br /></span><br />
<span style="font-size: small;">Caranya sangat mudah kan untuk <b>pasang like button di posting</b> , silahkan anda tinggal komentar kalau ada yang ingin ditanyakan</span></div>siti ma'wahttp://www.blogger.com/profile/10494514607494160315noreply@blogger.com0tag:blogger.com,1999:blog-1478045503386211722.post-79438888831183244952012-01-23T01:31:00.000-08:002012-01-23T03:52:03.045-08:00Cara membuat tombol Reply Komentar<div style="font-family: verdana,sans-serif;">
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEga7vUn5ZUX0lpc-TyGJoRrkmnp_W1W9KMls2_Fx2noOsqyGWvjXtS02M6lFP_OjJzMxe7sXS5tT2842onXcJxcfBJr-Pr0cx9f02kHc3rWCwYW9-Bi2_2mx9aKlf6WY5lXgOU0cWyPy1-W/s1600/222.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="144" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEga7vUn5ZUX0lpc-TyGJoRrkmnp_W1W9KMls2_Fx2noOsqyGWvjXtS02M6lFP_OjJzMxe7sXS5tT2842onXcJxcfBJr-Pr0cx9f02kHc3rWCwYW9-Bi2_2mx9aKlf6WY5lXgOU0cWyPy1-W/s200/222.jpg" width="200" /></a></div>
<div style="font-family: Arial,Helvetica,sans-serif;">
<span style="font-size: small;"><b>Cara membuat tombol Reply Komentar</b> atau membuat tombol jawab komentar yang di gunakan untuk menjawab komentar pada suatu artikel.</span></div>
</div>
<div style="font-family: Arial,Helvetica,sans-serif; text-align: justify;">
<span style="font-size: small;">Setelah kemarin memposting tentang membuat ucapan terima kasih pada kotak komentar. Pada platform wordpress tombol Reply ini sudah tersedia baik yang berbayar maupun yang gratisan dan tampilan kotak komentar sempurna. Jika ada komentar yang di balas maka balasan komentar tersebut akan berada agak menengah.</span><br />
<span style="font-size: small;">Tapi yang akan Blogtegal bahas disini yakni <b><b>membuat tombol Reply pada blogspot</b></b> atau yang biasa disebut Thread Reply Button.</span></div>
<div style="font-family: Arial,Helvetica,sans-serif; text-align: justify;">
<span style="font-size: small;">Walaupun tampilan yang di hasilkan tidak sesempurna wordpress namun terbilang cukuplah buat yang gratisan <img src="http://blogtegal.googlecode.com/files/04.gif" /></span></div>
<div style="font-family: Arial,Helvetica,sans-serif; text-align: justify;">
<span style="font-size: small;">Apakah anda sudah siap <img src="http://blogtegal.googlecode.com/files/13.gif" /> lets do it.</span></div>
<ul style="font-family: Arial,Helvetica,sans-serif;">
<li><span style="font-size: small;">Login ke dashboard blogspot kamu.</span>
</li>
<li><span style="font-size: small;">Klik ''Entri Baru'' untuk mendapatkan nomor blogID kamu.</span>
</li>
<li><span style="font-size: small;">Perhatikan alamat pada address bar, sorot dan copy pada nomor blogID nya.<br />
Contoh nomor blogID dari <a href="http://mawashare.blogspot.com/" target="_blank">http://mawashare.blogspot.com</a> yakni<br />
http://draft.blogger.com/post-create.g?blogID=</span><span style="color: green; font-size: small;">1478045503386211722 ****</span><span style="font-size: small;"><br /></span>
</li>
<li><span style="font-size: small;">selanjutnya pilih <b>Rancangan »» Edit HTML</b></span>
</li>
<li><span style="font-size: small;">tandai pada tulisan 'Expand Template Widget'</span>
</li>
<li><span style="font-size: small;">kemudian cari kode </span><span style="color: green; font-size: small;"><data:commentPostedByMsg/></span><span style="font-size: small;"><br /></span>
</li>
<li><span style="font-size: small;">Tempatkan script berikut dibawah kode diatas.</span>
<blockquote>
<span style="font-size: small;"><b:if cond='data:blog.pageType !=
&quot;static_page&quot;'> <a
expr:href='&quot;https://www.blogger.com/comment.g?blogID=</span><span style="color: green; font-size: small;">1478045503386211722 ****</span><span style="color: purple; font-size: small;"> </span><span style="font-size: small;">&amp;postID=&quot;
+ data:post.id +
&quot;&amp;isPopup=true&amp;postBody=%40%3C%61%20%68%72%65%66%3D%22%23&quot;
+ data:comment.anchorName + &quot;%22%3E&quot; +
data:comment.author + &quot;%3C%2F%61%3E%3A%20#form&quot;'
onClick='javascript:window.open
(this.href,&quot;bloggerPopup&quot;,&quot;toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=450,height=450,&quot;);
return false;' style='padding:0px 5px; border:1px solid #ddd;'></span><span style="color: purple; font-size: small;">Reply Comment</span><span style="font-size: small;"></a></span><br />
<span style="font-size: small;"></b:if> </span></blockquote>
</li>
<li><span style="font-size: small;">terakhir Simpan template</span></li>
</ul>
<div style="font-family: Arial,Helvetica,sans-serif; text-align: justify;">
<span style="font-size: small;">Ganti
nomor blogID yang berwarna ungu dengan kode blogID milik kamu yang
telah kita dapat tadi dan Pada tulisan yang berwarna ungu pada tulisan
''Reply Comment'' bisa di ganti dengan gambar, cara penulisannya yakni </span><span style="color: purple; font-size: small;"><img src='http://alamat-gambar-kamu.jpg'/></span><span style="font-size: small;">
</span><span style="color: red; font-size: small;">Ingat: hanya pada tulisan yang berwarna ungu yang di ganti</span></div>
<div style="font-family: Arial,Helvetica,sans-serif; text-align: justify;">
<span style="font-size: small;">Oh ya jika kamu tidak menemukan kode </span><span style="color: green; font-size: small;"><data:commentPostedByMsg/></span><span style="font-size: small;"> pada template kamu maka cara lainnya adalah tempatkan script yang diatas, dibawah kode berikut
</span><span style="color: green; font-size: small;"><b:include data='comment' name='commentDeleteIcon'/></span></span><span style="font-size: small;">
Jadi nantinya akan menjadi seperti ini
</span></div>
<blockquote style="font-family: Arial,Helvetica,sans-serif;">
<span style="color: green; font-size: small;"><b:include data='comment' name='commentDeleteIcon'/></span></span>
Script kode tombol reply disini bla bla bla . . . . . . . . . . . . . . . . . . . . . . . </blockquote>
<div style="font-family: Arial,Helvetica,sans-serif;">
<span style="font-size: small;">Mudah bukan dalam <b><b>membuat tombol Reply komentar blogspot</b></b> mudah bukan.
Selamat berexperimen <img src="http://blogtegal.googlecode.com/files/04.gif" /></span></div>
</div>siti ma'wahttp://www.blogger.com/profile/10494514607494160315noreply@blogger.com0tag:blogger.com,1999:blog-1478045503386211722.post-19806660102725911702012-01-22T23:50:00.000-08:002012-01-23T02:25:14.329-08:00Cara Membuat Recent Post Model Slide<div style="text-align: justify;">
kali ini saya share tentang <b>Cara Membuat Recent Post Model Slide</b>,
Tapi sebelumnya saya akan menjelaskan secara singkat apa itu Recent
Post..? Recent Posts adalah widget yang menampilkan beberapa judul
posting terbaru, yang bisa anda tampilkan pada sidebar sehingga
pengunjung lebih mudah mengetahui posting-posting yang terbaru.<br />
<br />
Biasanya recent post hanya menampilkan link judul atau dengan Thumbnail
Image. Namun sekarang ada yang sedikit berbeda yaitu recent post dengan
Thumbnail Image dengan model Slide Show (bergerak turun). </div>
<br />
Jika sobat berminat dan ingin membuatnya, ikuti langkahnya sebagai berikut :<br />
<br />
1. Login ke akun Blogger sobat<br />
2. Klik Perancangan >> Elemen Laman<br />
2. Klik Tambah Gadget<br />
3. Pilih HTML/Javascript<br />
4. Masukan kode berikut :<br />
<br />
<br />
<div style="text-align: left;">
<span style="color: red;"><b><style type="text/css"></b></span></div>
<div style="text-align: left;">
<span style="color: red;"><b>#rp_plus_img{height:282px;overflow:hidden;border:solid 0px #585858;padding:6px 10px 14px 5px;background-color:none;}</b></span></div>
<div style="text-align: left;">
<span style="color: red;"><b>#rp_plus_img ul{list-style-type:none;margin:0;padding:0}</b></span></div>
<div style="text-align: left;">
<span style="color: red;"><b>#rp_plus_img li{border:0; margin:0; padding:0; list-style:none;}</b></span></div>
<div style="text-align: left;">
<span style="color: red;"><b>#rp_plus_img li{height:60px;padding:5px;list-style:none;}</b></span></div>
<div style="text-align: left;">
<span style="color: red;"><b>#rp_plus_img a{color:#000;}</b></span></div>
<div style="text-align: left;">
<span style="color: red;"><b>#rp_plus_img .news-title{display:block;font-weight:bold !important;margin-bottom:4px;font-size:11px;}</b></span></div>
<div style="text-align: left;">
<span style="color: red;"><b>#rp_plus_img .news-text{display:block;font-size:10px;font-weight:normal !important;color:#282828;text-align:justify;}</b></span></div>
<div style="text-align: left;">
<span style="color: red;"><b>#rp_plus_img img{float:left;margin-right:14px;padding:4px;border:solid 0px #585858;width:55px;height:55px;}</b></span></div>
<div style="text-align: left;">
<span style="color: red;"><b></style></b></span></div>
<div style="text-align: left;">
<span style="color: red;"><b><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script></b></span></div>
<div style="text-align: left;">
<span style="color: red;"><b><script
type="text/javascript"
src="http://rizki-khaizir.googlecode.com/files/recentpostslidethumbnails.js"></script></b></span></div>
<div style="text-align: left;">
<span style="color: red;"><b><script type="text/javascript"></b></span></div>
<div style="text-align: left;">
<span style="color: red;"><b>var speed = 400;</b></span></div>
<div style="text-align: left;">
<span style="color: red;"><b>var pause = 2500;</b></span></div>
<div style="text-align: left;">
<span style="color: red;"><b>$(document).ready(function(){</b></span></div>
<div style="text-align: left;">
<span style="color: red;"><b>rpnewsticker();</b></span></div>
<div style="text-align: left;">
<span style="color: red;"><b>interval = setInterval(rpnewsticker, pause);</b></span></div>
<div style="text-align: left;">
<span style="color: red;"><b>});</b></span></div>
<div style="text-align: left;">
<span style="color: red;"><b></script></b></span></div>
<div style="text-align: left;">
<span style="color: red;"><b><ul id="rp_plus_img"></b></span></div>
<div style="text-align: left;">
<span style="color: red;"><b><script style="text/javascript"></b></span></div>
<div style="text-align: left;">
<span style="color: red;"><b>var numposts = 25;</b></span></div>
<div style="text-align: left;">
<span style="color: red;"><b>var numchars = 75;</b></span></div>
<div style="text-align: left;">
<span style="color: red;"><b></script></b></span></div>
<div style="text-align: left;">
<span style="color: red;"><b><script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt"></script></b></span></div>
<div style="text-align: left;">
<div style="text-align: left;">
<span style="color: red;"><b></ul></b></span></div>
</div>
<div style="text-align: left;">
</div>
5. Klik Simpan<br />
6. Lihat hasilnya.<br />
<br />
<div style="text-align: justify;">
Keterangan dan Catatan :</div>
<div style="text-align: justify;">
<br />
Untuk membuat halaman menjadi lebih tinggi, gantilah nilai height:282px sesuai keinginan;<br />
Untuk mengganti kecepatan, rubahlah nilai var speed = 400; sesuai keinginan sobat;<br />
Rubahlah nilai var numposts = 25; untuk menampilkan jumlah postingan;<br />
Rubahlah nilai var numchars = 75; untuk mempilkan jumlah karakter;<br />
Feed sobat harus diset "Penuh" melalui "Pengaturan - Feed Situs -
Izinkan Feed Blog : Penuh" atau sobat bisa langsung masukkan feeds sobat
dalam script tersebut.<br />
Selamat mencoba, sobat juga bisa meng-otak-atik script sesuai kehendak
sobat asalkan sobat mengerti. Semoga berhasil dan bermanfaat.<br />
rating 4.5</div>
<div style="background-color: white; border: medium none; color: black; overflow: hidden; text-align: left; text-decoration: none;">
</div>siti ma'wahttp://www.blogger.com/profile/10494514607494160315noreply@blogger.com0tag:blogger.com,1999:blog-1478045503386211722.post-82969038245371054242012-01-22T11:57:00.000-08:002012-01-22T11:57:26.978-08:00Cara Mengganti Gambar Kursor di Blog<div style="text-align: justify;">
<a href="http://ojelhtc.blogspot.com/2011/12/cara-mengganti-gambar-kursor-di-blog.html"><strong>Cara Mengganti Kursor di Blog Dengan Gambar</strong></a> atau <strong>Cara Mengubah Tampilan Kursor Blog</strong> or key <strong> <strong>Cara Mengganti Tampilan Kursor Di Blog</strong> and keyword Google <strong>Cara Mengubah Tampilan Kursor Pada Blog</strong> tutorial kali ini membahas Cara Mengubah Tampilan Kursor Blog sobat tentunya bagi yang ingin blog nya berbeda dari segi kursor.</strong></div>
<div style="text-align: justify;">
<strong><br />Secara
default, tampilan cursor pada blog adalah berbentuk panah namun bagi
anda yang merasa bosan dengan tampilan tersebut atau ingin memberi decak
kagum bagi pengunjung. Anda bisa menggantinya dengan icon gambar
sehingga jika ada pengunjung yang datang ke blog anda, tampilan
kursornya akan berubah sesuai dengan icon yang anda gunakan. Agar lebih
jelas anda bisa lihat disini.<br /> <a href="http://ojelhtc.blogspot.com/2011/12/hotel-murah-di-jakarta-via-klikhotelcom.html"><strong></strong></a><strong> </strong></strong></div>
<div style="text-align: justify;">
<strong><strong>Cara Mengganti Kursor di Blog Dengan Gambar</strong> atau <a href="http://ojelhtc.blogspot.com/"><strong>Cara Mengubah Tampilan Kursor Di Blog</strong></a> or key <strong> <strong>Cara Mengganti Tampilan Kursor Di Blog</strong> and keyword Google <strong>Cara Mengubah Tampilan Kursor Pada Blog</strong>, caranya sangat mudah. Berikut langkah-langkahnya:</strong></strong></div>
<div style="text-align: justify;">
<strong><strong><br />1. Login ke Blogger. Masuk ke menu Design->Edit HTML<br />2. Cari kode </head><br />3. Letakkan kode css berikut diatasnya<br /><br /><style type="text/css"><br />HTML,BODY{cursor:url("http://downloads.totallyfreecursors.com/thumbnails/cool1.gif"), auto;}<br /></style><br /><br /><br />Keterangan:<br />Teks yang berwarna merah adalah alamat url kursor. Silahkan ganti dengan alamat url kursor yang ingin anda gunakan.<br />4. Setelah itu, simpan template anda. Selesai<br /><br />Jika
anda tidak memiliki icon kursor, coba kunjungi
http://www.totallyfreecursors.com. Situs tersebut menyediakan ratusan
hingga ribuan icon kursor menarik yang bisa anda pilih sesuai selera.
tinggal pilih gambar mana yang anda suka<br /><br />Source = http://m-wali.blogspot.com/<br /><br />semoga artikel Tutorial Blog <a href="http://ojelhtc.blogspot.com/2011/12/cara-mengganti-gambar-kursor-di-blog.html"><strong>Cara Mengganti Kursor di Blog Dengan Gambar</strong></a> atau <strong>Cara Mengubah Tampilan Kursor Blog</strong> or key <strong> <strong>Cara Mengganti Tampilan Kursor Di Blog</strong> and keyword Google <strong>Cara Mengubah Tampilan Kursor Pada Blog</strong> Bermanfaat buat sobat semua...</strong></strong></strong></div>
<div style="background-color: white; border: medium none; color: black; overflow: hidden; text-align: justify; text-decoration: none;">
<br /> </div>siti ma'wahttp://www.blogger.com/profile/10494514607494160315noreply@blogger.com0tag:blogger.com,1999:blog-1478045503386211722.post-8480742262122272722012-01-22T08:17:00.000-08:002012-01-22T12:07:26.106-08:00Cara Cepat Mencari Kata di HTML TEMPLATE<div style="text-align: justify;">
Sebenar nya ini adalah cara yang sangat sederhana,tapi sangat penting.<br />
<br />
Mungkin hampir semua blogger sudah tau cara ini,tapi untuk yang benar-benar pemula belum tau cara cepat mencari kode HTML.<br />
<br />
Kode HTML bisa kita akses melalui LAYOUT-->EDIT HTML<br />
<br />
Disana anda akan melihat semua kode HTML dari blog kita</div>
<div class="fullpost" style="text-align: justify;">
.Terdiri dari banyak bagian.<br />
<br />
Kode HTML diperlukan untuk mengutak atik blog kita agar menjadi lebih menarik.<br />
Nah cara cepat untuk mengetahui letak kode HTML yang kita cari adalah dengan cara:<br />
<br />
1.Klik CTRL+F secara bersamaan.Maka akan muncul kotak kecil di bawah.<br />
<br />
2.Kamu ketik kode HTML yang kamu cari,atau kamu copy paste saja<br />
<br />
3.Maka otomatis kode HTML yang kamu cari akan keluar<br />
<br />
4.Untuk memunculkan kembali kode HTML yang anda cari,maka anda tinggal klik saja kata PREVIOUS<br />
<br />
5.Selesai.<br />
<br />
Gimana?sangat sederhana bukan?</div>siti ma'wahttp://www.blogger.com/profile/10494514607494160315noreply@blogger.com0tag:blogger.com,1999:blog-1478045503386211722.post-83913778141167162272012-01-22T07:50:00.000-08:002012-01-22T07:52:38.055-08:00Cara Membuat Button Share di Postingan Blog<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjX7C1X02qSJ9ILjRtdF9A-dWGpYHEFy9NuLHN-d2hgtKqMXqf3jxyyYMa51ke7pQ3W083XpW7IU43gIQYnyc5Qq4Yc1reRcFfmSGm7m5ITxHS5nLm2k8wv3H7hthVYOn_USwjWzsY8Aceg/s1600/Share+Button-Alfan+dx.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="104" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjX7C1X02qSJ9ILjRtdF9A-dWGpYHEFy9NuLHN-d2hgtKqMXqf3jxyyYMa51ke7pQ3W083XpW7IU43gIQYnyc5Qq4Yc1reRcFfmSGm7m5ITxHS5nLm2k8wv3H7hthVYOn_USwjWzsY8Aceg/s320/Share+Button-Alfan+dx.jpg" width="320" /></a></div>
<div style="text-align: justify;">
Share Button (tombol bagi) merupakan
widget untuk membagi postingan ke acount lain yang ingin dibagi. Seperti
halnya share button facebook. Akan tetapi yang saya tawarkan menurut
pengalaman saya yaitu bentuk share button yang memiliki banyak acount
pilihan.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Sebenarnya bila Anda memakai
template default yang ditawarkan oleh blogger.com, share button ini
sudah ada. Akan tetapi jika anda ingin menambah atau menggantinya,
inilah caranya:</div>
<div style="text-align: justify;">
<br /></div>
<ol style="text-align: justify;">
<li>Kunjungi situs <a href="http://addthis.com/">addthis.com</a> lalu lakukan registrasi (gratis dan tidak banyak aplikasi yang diisi alias simple)</li>
<li>Lalu pilih menu '<a href="https://www.addthis.com/get/sharing#.TvOSh1tTc9Q" target="_blank">GetAddThis</a>'</li>
<li>Pilih jenis situs Anda (untuk otomatis pemasangan di template dan Untuk blogger, silakan klik logo blogger.com)</li>
<li>Setelah itu pilih 'style' yang di inginkan.</li>
<li>klik 'Instal blogger widget' (dengan sebelumnya Anda sudah login di blog Anda)</li>
<li>Atur tata letak dan selesai. [<span style="font-size: xx-small;"><b><a href="https://www.addthis.com/help/blogger#.TvOQW1tTc9S" target="_blank">Read support from AddThis.com</a></b></span>]</li>
</ol>
<div style="text-align: justify;">
<b>Catatan.</b></div>
<ul style="text-align: justify;">
<li>Jika ada permasalahan, silakan lakukan pemasangan manual (dengan copy-paste kode script yang ditawarkan.</li>
<li>Adapun cara memasangnya yaitu:Login di blog/pilih 'Design'/'Edit
HTML'/letakkan kode yang tadi di copy di bawah tag <div
class='post-footer'>. [<span style="font-size: xx-small;"><b><a href="https://www.addthis.com/help/blogger#.TvOQW1tTc9S" target="_blank">Read support from AddThis.com</a></b></span>]</li>
<li>Untuk tata letaknya, silakan sesuaikan dengan keinginan Anda.</li>
</ul>siti ma'wahttp://www.blogger.com/profile/10494514607494160315noreply@blogger.com0tag:blogger.com,1999:blog-1478045503386211722.post-85855477052140839012012-01-22T07:42:00.000-08:002012-01-22T07:42:01.360-08:00Cara Tambahkan Pesan Informasi dibawah Komentar Posting Blog<div style="text-align: justify;">
Kotak komentar merupakan salah satu yang dicari para pengunjung untuk
menanyakan sesuatu atau hal-hal info lainnya, dan ini menarik bila
pemilik blog ingin menyertakan informasi pesan khusus dibawah kotak <b>POSKAN KOMENTAR</b> seperti info untuk tidak melakukan pesan atau info lainnya.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Nah, sekarang bagaimana cara membuat itu ?<br />
<br />
</div>
<ol>
<li>Login ke akun <b>Blogger</b></li>
<li>Pilih <b>Tata Letak</b></li>
<li>Klik <b>Edit HTML</b></li>
<li>Klik centang <b>Expand Template Widget</b><br />
<br />
<img alt="Centang Expand Template Widget" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaDaASVUj0rmbw5BESiwZ5sxB2VwzWbU2rzJeQnRXWemW8UJJ6CvE78stDvvW-Zgzz9bXtj68CD9HBRAuskbpv1iImnpyDm5kF-S9ImQbC0nbvqLF81P_X1MvOn4oME3TKzzXDPvgpofc/s1600/centang.jpg" title="Centang Expand Template Widget" /></li>
<li>Cari kode persis seperti ini:<br />
<br />
<b><p><data:blogCommentMessage/></p></b><br />
</li>
<li>Masukkan pesan info anda tepat dibawah koda tersebut</li>
<li>Simpan Templatenya</li>
<li>Selesai</li>
</ol>
<div style="text-align: justify;">
<br /></div>siti ma'wahttp://www.blogger.com/profile/10494514607494160315noreply@blogger.com0tag:blogger.com,1999:blog-1478045503386211722.post-61852674583899120962012-01-22T06:28:00.000-08:002012-01-23T02:23:19.552-08:00Cara Pasang Google Translate di Blog<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1k_esNo3SgtO-zINMiDVZK12miAuZvjvX54Xc9AXQ_EXVfYKdE7S2oPXewFh-RAIWNmiS0WgqXwTrZfUcL6ijj4bhZo_j7MEFnixYCU70aTqkxCn9AfM2yQew9TWbOScjtZ655TeY8xip/s1600/images.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="121" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1k_esNo3SgtO-zINMiDVZK12miAuZvjvX54Xc9AXQ_EXVfYKdE7S2oPXewFh-RAIWNmiS0WgqXwTrZfUcL6ijj4bhZo_j7MEFnixYCU70aTqkxCn9AfM2yQew9TWbOScjtZ655TeY8xip/s200/images.jpg" width="200" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Pasang google translate di blog jika ingin blog bisnis online anda go
international. Agar tulisan dibaca lebih banyak orang dari penjuru
dunia. Google Translate otomatis menerjemahkan isi blog ke dalam bahasa
yang di pilih.
<br />
<br />Cara pasang google translate di blog blogspot sangat mudah. Ikuti langkah pasang Google Translate berikut ini :
<br />
<br />1. Pergi ke halaman Google Translate dengan alamat http://translate.google.com/translate_tools?hl=en
<br />
<br />2. Atur tampilan Google Translate sesuai keinginan, lalu copy kode script Google Translate
<br />
<br />3. Login ke blogger.com dan klik "Design"
<br />
<br />4. Pada tab "Page Elements" klik "Add a Gadget" lalu klik "HTML/Javascript atau tanda plus (+)
<br />
<br />5. Paste kode script Google Translate pada bagian Content dalam HTML/Javascript
<br />
<br />6. Lalu simpan dengan klik "Save", selesai.
<br />
<br />Itulah cara pasang Google Translate di Blog Blogspot. Siap-siap
dapat komentar dari blogger luar negeri. Apakah anda merasa perlu
memasang translator di blog?
</div>
<div style="float: left; padding-left: 10px;">
</div>siti ma'wahttp://www.blogger.com/profile/10494514607494160315noreply@blogger.com0tag:blogger.com,1999:blog-1478045503386211722.post-69561473350317681282012-01-22T06:14:00.000-08:002012-01-23T02:22:53.354-08:00Cara Membuat Tulisan Judul Blog Berjalanlangsung saja bro..,,hahahaha..pengen tau caranya membuat
tulisan judul blog berjalan, ikuti langkah-langkahnya sebagai berikut:<br />
<br />
1. Mauk ke Design > Edit HTML<br />
2. setelah itu cari code </head> [CATATAN: tekan CTRL + F untuk mempermudah pencarian]<br />
3. Jika sudah ketemu, copy paste code dibawah ini tepat diatas code </head><br />
<br />
<blockquote>
<span style="color: #f1c232;"><script type='text/javascript'><br />
//<![CDATA[<br />
msg = " </span><span style="color: #3d85c6;">--- <b>Elang Ajib</b></span><span style="color: #f1c232;"> ";<br />
msg = "</span><span style="color: #3d85c6;"> | <b>Elang Ajib Blogger Jogja Berhati Nyaman</b> ---</span><span style="color: #f1c232;"> " + msg;pos = 0;<br />
function scrollMSG() {<br />
document.title = msg.substring(pos, msg.length) + msg.substring(0, pos); pos++;<br />
if (pos > msg.length) pos = 0<br />
window.setTimeout("scrollMSG()",100);<br />
}<br />
scrollMSG();<br />
//]]><br />
</script></span></blockquote>
<blockquote style="color: lime;">
<span style="color: orange;"> </span></blockquote>
<b>CATATAN</b>: Ganti tulisan berwarna biru dengan tulisan sesuka mu bro..biar lebih maksimal.^^<br />
Oke, selamat mencoba <b><a href="http://ajib-elang.blogspot.com/2011/12/cara-membuat-tulisan-judul-blog.html">Cara Membuat Tulisan Judul Blog Berjalan</a></b>siti ma'wahttp://www.blogger.com/profile/10494514607494160315noreply@blogger.com1tag:blogger.com,1999:blog-1478045503386211722.post-41872544940165540712012-01-22T05:51:00.000-08:002012-01-23T02:22:35.411-08:00Membuat Link Hover Dengan Bintang Berpijar Diblogspot<div style="text-align: justify;">
<b>Cara Membuat Link Hover Dengan Bintang Berpijar Diblogspot</b>,<b>Link Hover Dengan Bintang Berpijar</b> mungkin mendengar judulnya saja anda mungkin sudah banyak yang tahu, karena saya mengira masih banyak yang belum tau <u>Cara Membuat Link Hover Dengan Bintang Berpijar</u> ini maka saya share aja. Supaya anda tidak suntuk dan mengantuk, coba langsung terapkan diblog anda dengan cara berikut :<br />
</div>
<ul>
<li>Masuk ke blogger.</li>
<li>Pilih Rancangan - Edit Html </li>
<li>Kemudian anda cari kode a:hover {</li>
<li>Tambahkan kode berikut kedalamnya :</li>
</ul>
<br />
<div style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-size: auto auto; background-attachment: scroll; background-color: white; background-image: none; background-position: 0% 0%; background-repeat: repeat; border: 3px groove rgb(0, 0, 0); padding: 4px;">
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6eGyOAbyJYcPNHuF8jMFO5O_JLqfQolkEobg4Y2fkRCwHm4KKS-mok0HS0p5MitJ-KqZrzp-5jt0fGIpxWOoE1Ap96h2vUCCojit0ONcTEyPYfh84TdcUn1U0q19zHl2jQ5eoj9fAjcqL/s1600/stars.gif); </div>
<br />
<ul>
<li>sehingga susunanya menjadi seperti ini :</li>
</ul>
<blockquote>
a:hover { background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6eGyOAbyJYcPNHuF8jMFO5O_JLqfQolkEobg4Y2fkRCwHm4KKS-mok0HS0p5MitJ-KqZrzp-5jt0fGIpxWOoE1Ap96h2vUCCojit0ONcTEyPYfh84TdcUn1U0q19zHl2jQ5eoj9fAjcqL/s1600/stars.gif);}</blockquote>
<ul>
<li>Lalu Save Template.</li>
</ul>
Semoga <u><b>Cara Membuat Link Hover Dengan Bintang Berpijar Diblogspot</b></u> berguna dan bermanfaat bagi anda. siti ma'wahttp://www.blogger.com/profile/10494514607494160315noreply@blogger.com0tag:blogger.com,1999:blog-1478045503386211722.post-86317349611565675692012-01-22T05:31:00.000-08:002012-01-23T02:22:19.155-08:00cara membuat menambahkan tombol reply pada komentar blog<div style="text-align: justify;">
<br />
Oia buat sobat yang ingin mengganti template blog, mungkin bagi sobat ada yang bosan dengan template lama. Langsung aja yukh bagi yang ingin Membuat / Menambahkan Tombol Reply
Pada Komentar Blog, silahkan ikuti langkah-langkahnya dibawah ini:<br />
<br />
1. Login Menggunakan account Blogger Sobat.<br />
<br />
2. Pada bagian Dasbor pilih tab Rancangan.<br />
<br />
3. Setelah itu pilih tab Edit HTML.<br />
<br />
4. Jangan lupa Centang tulisan Expand Template Widget.<br />
<br />
5. Cari kode dibawah ini. (gunakan Ctrl + f pada browser sobat untuk mempermudah pencarian). <br />
<data:commentPostedByMsg/></div>
<div style="text-align: justify;">
6. Setelah ketemu kode seperti di atas, Copy kode dibawah ini.</div>
<div style="text-align: left;">
<b:if cond='data:blog.pageType !=
&quot;static_page&quot;'> <a
expr:href='&quot;https://www.blogger.com/comment.g?blogID=4378893982374898150&amp;postID=&quot;
+ data:post.id +
&quot;&amp;isPopup=true&amp;postBody=%40%3C%61%20%68%72%65%66%3D%22%23&quot;
+ data:comment.anchorName + &quot;%22%3E&quot; +
data:comment.author + &quot;%3C%2F%61%3E%3A%20#form&quot;'
onClick='javascript:window.open
(this.href,&quot;bloggerPopup&quot;,&quot;toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=450,height=450,&quot;);return
false;' style='padding:0px 5px; border:1px solid #ddd;
float:right'>Reply Comment</a><br />
</b:if><br />
</div>
<div style="text-align: justify;">
7. Kemudian Paste kode diatas, Tepat dibawah kode<br />
<data:commentPostedByMsg/><br />
</div>
<div style="text-align: justify;">
</div>
<div style="text-align: justify;">
8. Perhatikan angka yang berwarna merah pada kode diatas
(blogID=4378893982374898150), ganti angka tersebut dengan angka blogID
sobat.</div>
<div style="text-align: justify;">
Hayoo dapet dari mana tuh angka blogID nya? tenang, cara mendapatkan
angka blogID sobat gampang kok, Lihat langkah No.2 diatas, kemudian
lihat pada address bar browser sobat, nah pasti kelihatan tuh angka
blogID nya, copy angka blogID sobat, kemudian ganti angka yang berwarna
merah tersebut dengan angka blogID sobat. Supaya lebih jelas lihat
gambar dibawah ini.</div>
<br />
9. Langkah terakhir Save Template. dan lihat hasilnya, Tarrraaa...
<br />
<div style="background-color: white; border: medium none; color: black; overflow: hidden; text-align: justify; text-decoration: none;">
<br /></div>siti ma'wahttp://www.blogger.com/profile/10494514607494160315noreply@blogger.com0tag:blogger.com,1999:blog-1478045503386211722.post-70979345541684426872012-01-21T23:14:00.000-08:002012-01-23T02:22:01.305-08:005 Cara Alami Memerangi Jerawat Membandel<m:smallfrac m:val="off">
<m:dispdef>
<m:lmargin m:val="0">
<m:rmargin m:val="0">
<m:defjc m:val="centerGroup">
<m:wrapindent m:val="1440">
<m:intlim m:val="subSup">
<m:narylim m:val="undOvr">
</m:narylim></m:intlim>
</m:wrapindent><span style="font-family: "Calibri","sans-serif"; font-size: 11pt; line-height: 115%;"> <br />
</span>
<m:smallfrac m:val="off">
<m:dispdef>
<m:lmargin m:val="0">
<m:rmargin m:val="0">
<m:defjc m:val="centerGroup">
<m:wrapindent m:val="1440">
<m:intlim m:val="subSup">
<m:narylim m:val="undOvr">
</m:narylim></m:intlim>
</m:wrapindent>
</m:defjc></m:rmargin></m:lmargin></m:dispdef></m:smallfrac></m:defjc></m:rmargin></m:lmargin></m:dispdef></m:smallfrac><br />
<div style="text-align: justify;">
<br />
Timbulnya jerawat di wajah sering kali menganggu penampilan serta
menghilangkan kepercayaan diri. Namun tak jarang, produk perawatan yang
ditawarkan di pasaran tak mampu menghentikan timbulnya jerawat.<br />
</div>
<div style="text-align: justify;">
<div style="text-align: justify;">
<span style="font-family: "Calibri","sans-serif"; font-size: 11pt; line-height: 115%;"></span><br />
<span style="font-family: "Calibri","sans-serif"; font-size: 11pt; line-height: 115%;">
</span><br />
<span style="font-family: "Calibri","sans-serif"; font-size: 11pt; line-height: 115%;">
Daripada mengobati, lebih baik mencegah timbulnya jerawat tersebut dengan cara
alami. Kuncinya ada di gaya hidup kita. Simak caranya dalam enam langkah yang
dikutip dari <i>Carefair.com</i> berikut ini. </span></div>
<span style="font-family: "Calibri","sans-serif"; font-size: 11pt; line-height: 115%;"></span></div>
<span style="font-family: "Calibri","sans-serif"; font-size: 11pt; line-height: 115%;">
<br />
<b>1. Perbanyak makan bawang putih</b></span><br />
<span style="font-family: "Calibri","sans-serif"; font-size: 11pt; line-height: 115%;"><b> </b><br />
Bawang putih dapat menghancurkan bakteri merugikan di pori-pori kulit. Selain
itu bawang putih juga berfungsi meningkatkan sistem kekebalan tubuh, temasuk
kulit. Sehingga timbulnya jerawat pun dapat dicegah.<br />
<b><br />
2. Sinari kulit dengan matahari</b></span><br />
<br />
<div style="text-align: justify;">
<div style="text-align: justify;">
<span style="font-family: "Calibri","sans-serif"; font-size: 11pt; line-height: 115%;">
Kulit memerlukan sinar matahari supaya terjaga kesehatannya sehingga sel-selnya
dapat aktif secara sempurna. Biarkan kulit terkena sinar matahari pagi paling
tidak 15 menit setiap harinya.</span></div>
<span style="font-family: "Calibri","sans-serif"; font-size: 11pt; line-height: 115%;"></span></div>
<span style="font-family: "Calibri","sans-serif"; font-size: 11pt; line-height: 115%;">
<br />
<b>3. Olahraga dan tidur cukup</b></span><br />
<br />
<div style="text-align: justify;">
<div style="text-align: justify;">
<span style="font-family: "Calibri","sans-serif"; font-size: 11pt; line-height: 115%;">
Stres yang Anda alami setiap hari juga akan memicu ketidakseimbangan hormon dan
berakhir pada timbulnya jerawat. Olahraga dan tidur yang cukup akan membantu
tubuh menstabilkan kembali hormon-hormon Anda.</span></div>
<span style="font-family: "Calibri","sans-serif"; font-size: 11pt; line-height: 115%;"></span></div>
<span style="font-family: "Calibri","sans-serif"; font-size: 11pt; line-height: 115%;">
<br />
<b>4. Cuci muka dengan air hangat</b></span><br />
<br />
<div style="text-align: justify;">
<div style="text-align: justify;">
<span style="font-family: "Calibri","sans-serif"; font-size: 11pt; line-height: 115%;">
Jerawat bisa timbul karena kotoran yang mengendap di pori-pori. Air hangat akan
membuat pori-pori terbuka untuk sementara, sehingga sabun khusus wajah Anda
bisa membersihkan kulit secara maksimal. Setelah bersih, basuh kembali wajah
Anda dengan air biasa, agar pori-pori kembali menutup.</span></div>
<span style="font-family: "Calibri","sans-serif"; font-size: 11pt; line-height: 115%;"></span></div>
<span style="font-family: "Calibri","sans-serif"; font-size: 11pt; line-height: 115%;">
<br />
<b>5. Bersihkan tubuh dari racun</b></span><br />
<br />
<div style="text-align: justify;">
<div style="text-align: justify;">
<span style="font-family: "Calibri","sans-serif"; font-size: 11pt; line-height: 115%;">
Makanan yang kurang bersih dan polusi yang kita alami setiap hari dapat menjadi
racun dan merangsang timbulnya jerawat di kulit. Cara membuang racun
(detoksifikasi) yang alami adalah dengan meminum air putih yang cukup setiap
hari. Racun-racun yang mengendap di dalam tubuh akan keluar bersama kotoran dan
keringat, sehingga jerawat pun tak timbul.</span></div>
<span style="font-family: "Calibri","sans-serif"; font-size: 11pt; line-height: 115%;"></span></div>
<span style="font-family: "Calibri","sans-serif"; font-size: 11pt; line-height: 115%;">
<br />
</span><br />
<br />siti ma'wahttp://www.blogger.com/profile/10494514607494160315noreply@blogger.com0