tag:blogger.com,1999:blog-77150728002413704702024-03-13T19:07:46.140+07:00Notes & Lifeanitasitushttp://www.blogger.com/profile/14377825013279121701noreply@blogger.comBlogger16125tag:blogger.com,1999:blog-7715072800241370470.post-71814219740845680082015-08-21T15:30:00.000+07:002015-08-21T15:55:57.817+07:00Notes & Life<div style="text-align: justify;">
<blockquote class="tr_bq">
Ini posting pertama yang isinyanya materi cantik. Ini posting pertama
yang isinyanya materi cantik. Ini posting pertama yang isinyanya materi
cantik. Ini posting pertama yang isinyanya materi cantik, Ini posting
pertama yang isinyanya materi cantik. Ini posting pertama yang
isinyanya materi cantik. Ini posting pertama yang isinyanya materi
cantik. Ini posting pertama yang isinyanya materi cantik. Ini posting
pertama yang isinyanya materi cantik. Ini posting pertama yang isinyanya
materi cantik. Ini posting pertama yang isinyanya materi cantik. Ini
posting pertama yang isinyanya materi cantik. Ini posting pertama yang
isinyanya materi cantik. Ini posting pertama yang isinyanya materi
cantik. Ini posting pertama yang isinyanya materi cantik. Ini posting
pertama yang isinyanya materi cantik. </blockquote>
</div>
anitasitushttp://www.blogger.com/profile/14377825013279121701noreply@blogger.com1tag:blogger.com,1999:blog-7715072800241370470.post-51612876607833353872015-03-29T10:30:00.000+07:002015-08-27T21:54:11.572+07:00Tantangan<div style="text-align: justify;">
Tantangan untuk membuat blog dengan judul Notes & Life
pada tanggal 9 Maret 2015 dari Mbak Lala Mira Julia di facebook. Tantangan untuk membuat blog dengan judul Notes & Life
pada tanggal 9 Maret 2015 dari Mbak Lala Mira Julia di facebook. Tantangan untuk membuat blog dengan judul Notes & Life
pada tanggal 9 Maret 2015 dari Mbak Lala Mira Julia di facebook. Tantangan untuk membuat blog dengan judul Notes & Life
pada tanggal 9 Maret 2015 dari Mbak Lala Mira Julia di facebook. Tantangan untuk membuat blog dengan judul Notes & Life
pada tanggal 9 Maret 2015 dari Mbak Lala Mira Julia di facebook. Tantangan untuk membuat blog dengan judul Notes & Life
pada tanggal 9 Maret 2015 dari Mbak Lala Mira Julia di facebook. Tantangan untuk membuat blog dengan judul Notes & Life
pada tanggal 9 Maret 2015 dari Mbak Lala Mira Julia di facebook.</div>
<br />
<div align="center">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUx-R44DefTryXeR1vx4sW1r6RU7KFvJ7zzyTcyH1mY3xRxIp9HYTSdpOVQRr4nmIkzAFb5-LsNPKw7cyIVGVZhie97uZCR83PIX9n2-qT_xH6sqFRbQdyl_6OT_aYhKEZ4aZxEqu5cR9l/s1600/notesandpro_blogspot_com.jpg" imageanchor="1" style="font-size: 13.19px; line-height: 18.47px; margin-left: 1em; margin-right: 1em;"><img border="0" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUx-R44DefTryXeR1vx4sW1r6RU7KFvJ7zzyTcyH1mY3xRxIp9HYTSdpOVQRr4nmIkzAFb5-LsNPKw7cyIVGVZhie97uZCR83PIX9n2-qT_xH6sqFRbQdyl_6OT_aYhKEZ4aZxEqu5cR9l/s1600/notesandpro_blogspot_com.jpg" width="496" /></a></div>
</div>
<div data-mce-style="text-align: justify;" style="background-color: white; text-align: justify;">
<div style="text-align: center;">
<h3 style="color: #666666; font-family: "Trebuchet MS", Trebuchet, Verdana, sans-serif; font-size: 13.19px; line-height: 18.47px; margin: 0px; position: relative;">
<div style="color: black; font-family: "Times New Roman"; font-size: medium; font-weight: normal; line-height: normal; text-align: justify;">
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div style="text-align: center;">
<br />
<a name='more'></a></div>
</div>
<div style="font-size: 13.19px; font-weight: normal; line-height: 18.47px; text-align: justify;">
Kalau ini ide template lain yang sedang disiapkan untuk diunggah mungkin untuk minggu depan. Sekali-sekali bikin yang clean & pro. Ini pakai blogger lho, modif dikit dari Tutorial Basic Blogger. Ayoooo peserta basic blogger, kebayang nggak cara buatnya? Siapa yang bisa bikin sebelum aku unggah CSSnya dapet hadiah deh. Hehehehe.... :)</div>
</h3>
<div>
<div data-mce-style="text-align: justify;" style="text-align: justify;">
<div style="color: #666666; font-family: "Trebuchet MS", Trebuchet, Verdana, sans-serif; font-size: 13.19px; line-height: 18.47px;">
<a href="https://www.facebook.com/photo.php?fbid=10204714161751565&set=a.1108778557311.2017135.1162238435&type=1">https://www.facebook.com/photo.php?fbid=10204714161751565&set=a.1108778557311.2017135.1162238435&type=1</a></div>
</div>
<div data-mce-style="text-align: justify;" style="color: #666666; font-family: "Trebuchet MS", Trebuchet, Verdana, sans-serif; font-size: 13.19px; line-height: 18.47px; text-align: justify;">
ayo coba
desain dong, bikin CSSnya yang rapi, trus dikirim ke aku. Selain supaya bisa
dinikmati teman2 yang lain juga sebagai jam terbang biar tambah terasah sense
desainnya</div>
<div data-mce-style="text-align: justify;" style="color: #666666; font-family: "Trebuchet MS", Trebuchet, Verdana, sans-serif; font-size: 13.19px; line-height: 18.47px; text-align: justify;">
<a href="https://www.facebook.com/mira.julia">
https://www.facebook.com/mira.julia</a></div>
<div data-mce-style="text-align: justify;" style="color: #666666; font-family: "Trebuchet MS", Trebuchet, Verdana, sans-serif; font-size: 13.19px; line-height: 18.47px; text-align: justify;">
tantangannya kan bukan bikin yang persis setulisan2nya. Tapi coba bikin dengan
garis clean seperti ini. Elemen penting misal: Letak menu, bentuk tanggal yang
ada garisnya, title di bawah tanggal, tulisan readmore & social media share..
isinya mah beda gpp</div>
<div data-mce-style="text-align: justify;" style="color: #666666; font-family: "Trebuchet MS", Trebuchet, Verdana, sans-serif; font-size: 13.19px; line-height: 18.47px; text-align: justify;">
top menu
ada di atas header</div>
<div data-mce-style="text-align: justify;" style="color: #666666; font-family: "Trebuchet MS", Trebuchet, Verdana, sans-serif; font-size: 13.19px; line-height: 18.47px; text-align: justify;">
waktu di
perpanjang smp tgl 21maret yaaaa</div>
<div style="color: #666666; font-family: "Trebuchet MS", Trebuchet, Verdana, sans-serif; font-size: 13.19px; line-height: 18.47px;">
<br /></div>
<div data-mce-style="text-align: justify;" style="text-align: justify;">
<span style="color: #666666; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 13.19px; line-height: 18.47px;">Boleh
melakukan edit template htm</span><br />
<br />
<span style="color: #666666; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 13.19px; line-height: 18.47px;">Jawaban Tantangan dari saya, selesai 21 Maret 2014 jam 3 pagi:</span><br />
<br />
<div style="text-align: center;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBNi2rHbJA4WsjOZlDX2Lt0DKSdsRYNlgvyk_7jfDU0M-pfsyYbHEAVC9hpUm3D9Kja5PPgS9PwdF-7jD9nd8hWrnsPkcxv8KoSRFbKomQmxdH3-JC6_lG8er7rlujk2riG2KTc4Yi_ug/s1600/notes-and-pro_blogspot_com_800_pixel.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBNi2rHbJA4WsjOZlDX2Lt0DKSdsRYNlgvyk_7jfDU0M-pfsyYbHEAVC9hpUm3D9Kja5PPgS9PwdF-7jD9nd8hWrnsPkcxv8KoSRFbKomQmxdH3-JC6_lG8er7rlujk2riG2KTc4Yi_ug/s1600/notes-and-pro_blogspot_com_800_pixel.jpg" width="323" /></a></div>
<span style="color: #666666; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 13.19px; line-height: 18.47px;"><br /></span></div>
Edit Jawaban Tantangan tanggal 29 Maret 2015:<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEho3eqyj8FPEiIqQSJV36VnIL6K2iSGcWuBl5snBuU8c5ow2qmQ-Js44akP5-nWkwlT64XxSFTIj2dVfrvA34ZIqjB24loRKpN5gUQPni-NA9nIYVT1meWQ2jxzmBR0fD8OSM5Z9JRKpAY/s1600/image_garis_di_kiri_kanan_tanggalan_lihat_hasil_800_pixel.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEho3eqyj8FPEiIqQSJV36VnIL6K2iSGcWuBl5snBuU8c5ow2qmQ-Js44akP5-nWkwlT64XxSFTIj2dVfrvA34ZIqjB24loRKpN5gUQPni-NA9nIYVT1meWQ2jxzmBR0fD8OSM5Z9JRKpAY/s1600/image_garis_di_kiri_kanan_tanggalan_lihat_hasil_800_pixel.jpg" width="330" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Di edit lagi lebar footernya pada tanggal yang sama , yaitu 29 Maret 2015</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQkK55qKavJcqYdCeMaKI0cKhaC7ik4YW9Bd6myiDAqhzQ2DYgrb8FX6rSjpRW2bZQht7gHI49rcMitwJujB3F_dXWwUpRF0cyEX3Ke2JaU86sjiJGVeqMFQYhArbue-uIHlXg3HIUSgA/s1600/footer_atribusi_lihat_hasil_800_pixel.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQkK55qKavJcqYdCeMaKI0cKhaC7ik4YW9Bd6myiDAqhzQ2DYgrb8FX6rSjpRW2bZQht7gHI49rcMitwJujB3F_dXWwUpRF0cyEX3Ke2JaU86sjiJGVeqMFQYhArbue-uIHlXg3HIUSgA/s1600/footer_atribusi_lihat_hasil_800_pixel.jpg" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div style="text-align: center;">
<br /></div>
<br />
<div style="text-align: center;">
<br /></div>
</div>
</div>
</div>
</div>
anitasitushttp://www.blogger.com/profile/14377825013279121701noreply@blogger.com2tag:blogger.com,1999:blog-7715072800241370470.post-3308373350574834842015-03-23T20:10:00.001+07:002015-03-29T11:52:41.206+07:00Jawaban Tantangan<div style="text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3yZCfgrZuI6d46MvbveBP_6ppp5soBG7m5cqonGg8t-Eup2E-CShYMW7MfqUnuCFsOAKFtts5rglJs_ZKwSeTHAmnAw_L-RW4_jZ2mLl7Vom7KBuRWQ1ntor57hqI2Qdh4lWQTl-Qm7Q/s1600/lihat_hasil_notes_and_life_blogspot_com_600_pixel.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3yZCfgrZuI6d46MvbveBP_6ppp5soBG7m5cqonGg8t-Eup2E-CShYMW7MfqUnuCFsOAKFtts5rglJs_ZKwSeTHAmnAw_L-RW4_jZ2mLl7Vom7KBuRWQ1ntor57hqI2Qdh4lWQTl-Qm7Q/s1600/lihat_hasil_notes_and_life_blogspot_com_600_pixel.jpg" height="400" width="190" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div style="text-align: center;">
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
Ini adalah jawaban tantangan yang berhasil saya buat. <br />
Akhirnya saya bisa juga buat gambar garis di kiri kanan tanggalan, horeee!!!!<br />
dan tinggi background di footerpun sudah sesuai ukurannya.<br />
<br />
Yang harus dibuat adalah tampilan blog seperti ini:<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<a href="http://dmcontohtemplate02.blogspot.com/">http://dmcontohtemplate02.blogspot.com/</a><br />
TANTANGAN yang dibuat oleh Mb Lala Mira Julia<br />
9 Maret 2015<br />
<br /></div>
<div style="text-align: center;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPA2UTyvsxx136s3lGHx2G5kXSl_0Cv_Y1-vk_C-FcHbsatSK2Gg_I84-wfNpfVsL3SD8VCS5-V8q5LAXUUEH3h63TrypESPMb3Xy_yIA5E_WUJi7WyKX4eLjRK-HkXU0sFQCtRcsxeT0/s1600/blog_notes_and_life_nya_mb_lala_800_pixel.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPA2UTyvsxx136s3lGHx2G5kXSl_0Cv_Y1-vk_C-FcHbsatSK2Gg_I84-wfNpfVsL3SD8VCS5-V8q5LAXUUEH3h63TrypESPMb3Xy_yIA5E_WUJi7WyKX4eLjRK-HkXU0sFQCtRcsxeT0/s1600/blog_notes_and_life_nya_mb_lala_800_pixel.jpg" height="640" width="308" /></a></div>
<br /></div>
anitasitushttp://www.blogger.com/profile/14377825013279121701noreply@blogger.com0tag:blogger.com,1999:blog-7715072800241370470.post-50653061057623080532015-03-21T22:30:00.001+07:002015-03-21T02:39:11.990+07:00My Home Office<div data-mce-style="text-align: justify;" style="background-color: white; text-align: justify;">
<div style="text-align: center;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZb3MKhH-R74XXDGr2neaEoFo6026DAlRggn7CW3NOKsp8654LGyVcKDj48-pmjENu_Fdki1JlDAZ0njYvq3YSi2q2362TF7qzX3yvdAltGVxwADXPz-9qdW1YlOdPcCw2mizYuizW6Ns8/s1600/my_home_office.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZb3MKhH-R74XXDGr2neaEoFo6026DAlRggn7CW3NOKsp8654LGyVcKDj48-pmjENu_Fdki1JlDAZ0njYvq3YSi2q2362TF7qzX3yvdAltGVxwADXPz-9qdW1YlOdPcCw2mizYuizW6Ns8/s1600/my_home_office.jpg" height="300" width="400" /></a></div>
Source: homeideasfree.com<br />
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: justify;">
Sebagai seorang yang kerja dari rumah, suasana ruang kerja di rumah menjadi sangat penting dalam menjaga mood dan kreatifitas dalam berkarya. Berikut beberapa foto ide ruang kerja dari rumah yang cantik.</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<h3 style="color: #666666; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 13.1999998092651px; line-height: 18.4799995422363px; margin: 0px; position: relative;">
</h3>
<div>
<div data-mce-style="text-align: justify;" style="text-align: justify;">
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhj8cpBLxwfT-llXkbgrNMRtqxHFcR-UJIisu3bswyN6Goqh7_dTa6XWNKjyZfR3NWnBoLp4ZiEYq_2yZqDhIW0pkHW8j22JytfQlgf5DkAjFH_uP49dhudWJ9KsbxMz4BNGIQv52PtcCVX/s1600/home-office-decorating-ideas.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhj8cpBLxwfT-llXkbgrNMRtqxHFcR-UJIisu3bswyN6Goqh7_dTa6XWNKjyZfR3NWnBoLp4ZiEYq_2yZqDhIW0pkHW8j22JytfQlgf5DkAjFH_uP49dhudWJ9KsbxMz4BNGIQv52PtcCVX/s1600/home-office-decorating-ideas.jpg" height="286" width="400" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><br /></td></tr>
</tbody></table>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div style="text-align: center;">
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieUID3xc9ZeGP7de2JoLZCG7gpje-johqxrQGzbLAqPn64MJjwzo74iUafNX7xg91ytC_eEkB9HWHbucnqY2ZMXdRC7DWWtm1r3Hye9JggAZCqKHlIWjExIQbAXC899iaaLCjDJFScrXY/s1600/hallo.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieUID3xc9ZeGP7de2JoLZCG7gpje-johqxrQGzbLAqPn64MJjwzo74iUafNX7xg91ytC_eEkB9HWHbucnqY2ZMXdRC7DWWtm1r3Hye9JggAZCqKHlIWjExIQbAXC899iaaLCjDJFScrXY/s1600/hallo.jpg" /></a></div>
<br />
<br />
Source: free-home-decorating-ideas.com<br />
<br /></div>
</div>
</div>
</div>
</div>
anitasitushttp://www.blogger.com/profile/14377825013279121701noreply@blogger.com0tag:blogger.com,1999:blog-7715072800241370470.post-84436623084863508382015-03-21T02:34:00.004+07:002015-03-21T02:34:36.178+07:00Edit Tanggalan di CSS<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxC4LZ6gAGggGaQpT8KsVjdfW4eXd6vvpDyRhVePKnK9IqX6iAR8oNYyt_6LzZ-3OJB1fQEW12AIDHrMrkvauy9nlQlHXlfSbqLe9BDnfoTZpe3oRKxy12WgwM64cRZLsvotYQfOh6OPg/s1600/merubah_ukuran_font_tanggalan_600_pixel.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxC4LZ6gAGggGaQpT8KsVjdfW4eXd6vvpDyRhVePKnK9IqX6iAR8oNYyt_6LzZ-3OJB1fQEW12AIDHrMrkvauy9nlQlHXlfSbqLe9BDnfoTZpe3oRKxy12WgwM64cRZLsvotYQfOh6OPg/s1600/merubah_ukuran_font_tanggalan_600_pixel.jpg" height="213" width="320" /></a></div>
<div style="text-align: center;">
<br /></div>
Cara Edit Tanggalan di CSS:<br />
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<ol>
<li>Tampilkan dulu tanggalannya:<br /><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7KaL07X7MlfTvoGtjSw4bL3pzesKQ-X8LRQbX3ADS_RbF1WHg23dAtNSXqdL5VDY0gt06u2N0RfXRPTHGPrgBU-MUJBiB2ULpC7CsluwJ-JtSaoCDzYV4HDRWUmi9OyfEoVuSAsrlaE8/s1600/ganti_tanggalan_dan_pilih_read_more.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7KaL07X7MlfTvoGtjSw4bL3pzesKQ-X8LRQbX3ADS_RbF1WHg23dAtNSXqdL5VDY0gt06u2N0RfXRPTHGPrgBU-MUJBiB2ULpC7CsluwJ-JtSaoCDzYV4HDRWUmi9OyfEoVuSAsrlaE8/s1600/ganti_tanggalan_dan_pilih_read_more.jpg" height="400" width="347" /></a><br />Perhatikan kita pilih Pos, Read More<br />Settingan tanggaln yang kita pilih adalah: Saturday. March 14, 2015</li>
<li>Maka akan muncul seperti ini:<br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9co7k8SzZpJQK7DXKOU3SJkEuIpK8IflgdiSeYovQ0_i65rjKViIvAMCSmevn4CMyyrdVUMZcNnCMZ1k_aNt0lIfAcKmic9J6viwmYBlA8GPkrz8KHShlBQ2yMLQgu2k4gBRXlebLJKM/s1600/ganti_dikiri_komenatr_dikanan_label_taruh_dibawah_isi_postingan.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9co7k8SzZpJQK7DXKOU3SJkEuIpK8IflgdiSeYovQ0_i65rjKViIvAMCSmevn4CMyyrdVUMZcNnCMZ1k_aNt0lIfAcKmic9J6viwmYBlA8GPkrz8KHShlBQ2yMLQgu2k4gBRXlebLJKM/s1600/ganti_dikiri_komenatr_dikanan_label_taruh_dibawah_isi_postingan.jpg" height="320" width="278" /></a></li>
<li>Lihat hasil:<br /><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitGKN4JcnEkEsAMUehR76wPkJuFjm-k4h4t-BKLt5OrT6nHQ1IqDFzW0VsD_Nz4LvsAzuJZ1mKsjb-WmkW6ZcPc3g5k4B0t083AT_q7rcIjKR5rdlxut2u1q0hFLn1AjU1HVDq48FcCvM/s1600/lihat_hasil_setting_tanggalan_default_nya_600_pixel.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitGKN4JcnEkEsAMUehR76wPkJuFjm-k4h4t-BKLt5OrT6nHQ1IqDFzW0VsD_Nz4LvsAzuJZ1mKsjb-WmkW6ZcPc3g5k4B0t083AT_q7rcIjKR5rdlxut2u1q0hFLn1AjU1HVDq48FcCvM/s1600/lihat_hasil_setting_tanggalan_default_nya_600_pixel.jpg" height="201" width="320" /></a><br /></li>
<li>Masukkan script ini dalam CSS<br /><br /><span style="color: magenta;">/*Edit Tanggalan*/<br />
.date-header {text-align: center; text-transform: uppercase; border-left: 110px
solid lightgrey; border-right: 110px solid lightgrey; }<br />.date-header span{background-color: #fff; color: #000;}</span><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxC4LZ6gAGggGaQpT8KsVjdfW4eXd6vvpDyRhVePKnK9IqX6iAR8oNYyt_6LzZ-3OJB1fQEW12AIDHrMrkvauy9nlQlHXlfSbqLe9BDnfoTZpe3oRKxy12WgwM64cRZLsvotYQfOh6OPg/s1600/merubah_ukuran_font_tanggalan_600_pixel.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxC4LZ6gAGggGaQpT8KsVjdfW4eXd6vvpDyRhVePKnK9IqX6iAR8oNYyt_6LzZ-3OJB1fQEW12AIDHrMrkvauy9nlQlHXlfSbqLe9BDnfoTZpe3oRKxy12WgwM64cRZLsvotYQfOh6OPg/s1600/merubah_ukuran_font_tanggalan_600_pixel.jpg" height="213" width="320" /></a><br /></li>
<li><br /><br /><br /><br /><br /><br /><br /></li>
</ol>
anitasitushttp://www.blogger.com/profile/14377825013279121701noreply@blogger.com0tag:blogger.com,1999:blog-7715072800241370470.post-57481653624639364602015-03-21T01:50:00.002+07:002015-03-21T02:22:51.386+07:00Edit Judul Blog di CSS<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5HmMGa_P8HrJFxZDPa7PAb-4tStjuyA7i6G9SGjPBIoSeHjrOAwiF9jGfnfHf2B_-HFoXD9a4eIu1a4pxWhkL-SnzmreHQE4suPAYWvQBdmARVrVbvnLKEEdDaus_lw1U-_aZgS4Nbvk/s1600/edit_judul_blog_di_css_600_pixel.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5HmMGa_P8HrJFxZDPa7PAb-4tStjuyA7i6G9SGjPBIoSeHjrOAwiF9jGfnfHf2B_-HFoXD9a4eIu1a4pxWhkL-SnzmreHQE4suPAYWvQBdmARVrVbvnLKEEdDaus_lw1U-_aZgS4Nbvk/s1600/edit_judul_blog_di_css_600_pixel.jpg" height="255" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: justify;">
Cara Edit Judul Blog (header) di CSS:</div>
<ol>
<li><div style="text-align: justify;">
Tampilan pertama kali Judul Blog (header)<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLkt_-sVqnWNl25dW1kljBVKnMTj2tzJMiNUsURCOyNr6oslxh6mvk8uRV3SLxAEo5wiSR9oeQkFwJw3qTKOM7tGf3AN79XhtsEWTpkWkWqHZpc1E1mGLGK00B4k-IeXkKdjz1h0TUu98/s1600/font_text_header_semula_600_px.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLkt_-sVqnWNl25dW1kljBVKnMTj2tzJMiNUsURCOyNr6oslxh6mvk8uRV3SLxAEo5wiSR9oeQkFwJw3qTKOM7tGf3AN79XhtsEWTpkWkWqHZpc1E1mGLGK00B4k-IeXkKdjz1h0TUu98/s1600/font_text_header_semula_600_px.jpg" height="266" width="400" /></a></div>
</li>
<li><div class="separator" style="clear: both; text-align: center;">
</div>
Lalu Klik Judul Blog/Pilih jenis Font Times New Riman/ size80 pixel/warna hitam<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguv6wCP6LHUqshNCSSM2belF5GGGXSFKCEHbZEffyd3uxwoMIA4l4xe8StHhnu_13abH_9N3ZGYkcvygbcc-txdW7Ad-fRphQtLq4l3e6NWCR1fMEBPd-X99tg0_nZbJNqZBaAST3KW7g/s1600/edit_font_dan_size_judul_blog_600_pixel.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguv6wCP6LHUqshNCSSM2belF5GGGXSFKCEHbZEffyd3uxwoMIA4l4xe8StHhnu_13abH_9N3ZGYkcvygbcc-txdW7Ad-fRphQtLq4l3e6NWCR1fMEBPd-X99tg0_nZbJNqZBaAST3KW7g/s1600/edit_font_dan_size_judul_blog_600_pixel.jpg" height="255" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
</li>
<li><div class="separator" style="clear: both; text-align: center;">
</div>
Nah sekarang kita mau membuat nya menjadi center dan agak jauh dari top menu<br /><br />Simpan Script ini di CSS:<br /><br /><span style="color: magenta;">/*merubah warna Post TITLE dan membuatnya menjadi center*/<br />
.post-title {text-align: center;}<br />
.Header h1 {text-align: center;}<br />
<br />
/*header*/<br />
.Header h1 {<br />
margin: 30px 0px 1px 0px;<br />
}</span><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5HmMGa_P8HrJFxZDPa7PAb-4tStjuyA7i6G9SGjPBIoSeHjrOAwiF9jGfnfHf2B_-HFoXD9a4eIu1a4pxWhkL-SnzmreHQE4suPAYWvQBdmARVrVbvnLKEEdDaus_lw1U-_aZgS4Nbvk/s1600/edit_judul_blog_di_css_600_pixel.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5HmMGa_P8HrJFxZDPa7PAb-4tStjuyA7i6G9SGjPBIoSeHjrOAwiF9jGfnfHf2B_-HFoXD9a4eIu1a4pxWhkL-SnzmreHQE4suPAYWvQBdmARVrVbvnLKEEdDaus_lw1U-_aZgS4Nbvk/s1600/edit_judul_blog_di_css_600_pixel.jpg" height="255" width="400" /></a><br /><div class="separator" style="clear: both; text-align: center;">
<br /></div>
</li>
<li>Selesai</li>
</ol>
<br />
<br />
<div style="text-align: justify;">
<br /></div>
anitasitushttp://www.blogger.com/profile/14377825013279121701noreply@blogger.com0tag:blogger.com,1999:blog-7715072800241370470.post-80157329001352909232015-03-21T01:44:00.002+07:002015-03-21T02:17:49.557+07:00Button Image<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcWeKDL0LktVX_Ecn_beYYchNbKSn5YXq-9fZj8B-VyUHzikv4FcmnOSf74AfPE9YsoDH6-zhINd4V6fVNkSG1Mts5BOsfVomgMrxvqIxw6a1vzGEH_ajPnMj7F0DogmMU5i5WIglCfdA/s1600/botton_image_lihat_di_blog_600_pixel.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcWeKDL0LktVX_Ecn_beYYchNbKSn5YXq-9fZj8B-VyUHzikv4FcmnOSf74AfPE9YsoDH6-zhINd4V6fVNkSG1Mts5BOsfVomgMrxvqIxw6a1vzGEH_ajPnMj7F0DogmMU5i5WIglCfdA/s1600/botton_image_lihat_di_blog_600_pixel.jpg" height="259" width="320" /></a></div>
<div style="text-align: center;">
<br /></div>
Cara memasukkan Button Image ke Blog:<br />
<ol>
<li>Buat dulu button image di Adobe Photoshop<br />Ini saya buat di <a href="http://apps.pixlr.com/editor/">Pixlr Editor</a><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjq6-LABFs10nnpBcHGZ3Iqe7NmC3u5pSpCmK0NN65gPUKkSsfwJ1czxGPphOj9Pw5Mk3camLZgdk8A3NkJIKFIn3yjEC1r0vee_s_m6LWE6sdhRLf6tcUJY_oWYIHvLxh98BYbiYXlvUs/s1600/about_me_anita_handayani_bg_hitam.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjq6-LABFs10nnpBcHGZ3Iqe7NmC3u5pSpCmK0NN65gPUKkSsfwJ1czxGPphOj9Pw5Mk3camLZgdk8A3NkJIKFIn3yjEC1r0vee_s_m6LWE6sdhRLf6tcUJY_oWYIHvLxh98BYbiYXlvUs/s1600/about_me_anita_handayani_bg_hitam.png" /></a></li>
<li>Lalu simpan di draft Postingan</li>
<li>Tambahkan kata2, misalnya: ":i'm an web designer, here you will find my recent work of art"</li>
<li>Klik tab HTML lalu ambil Scriptnya<br /><br /><span style="color: magenta;"><img border="0"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgGWvEBGjHsYiBN00KTjxE5oSXpj_-kYonvxAngI60mMTgFM3eGvrYlYu7WawJW0hkKjmcbcQHDZHXQTz4VXzmdFJinDZYLbJVNPL6iKu9lV1TbHRgaznsx4b4sJ_coBb6u0ulP6gaDuE/s1600/about_me_anita_handayani_bg_hitam.png"
/><br /><br />i'm an web designer, here you will find my recent work of art<br /></span></li>
<li>Simpan script tsb di Dashboard/Klik Add Gadget paling kanan/Pilih gadget HTML Java Script</li>
<li>Lihat hasil:<br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxBynX_fRD22TmHh8_swguUdhHWew5NyKEgCITKuKMHCBXTsF4duPu7eLRUCqblGOtIxGhtaMk67nXM7rzc3suYvcD5s7fdTEzdyzsS2rRb5Dert6PPe6qHOo5qR14K2UzUPQAqnmnqGE/s1600/botton_image_lihat_di_blog_600_pixel.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxBynX_fRD22TmHh8_swguUdhHWew5NyKEgCITKuKMHCBXTsF4duPu7eLRUCqblGOtIxGhtaMk67nXM7rzc3suYvcD5s7fdTEzdyzsS2rRb5Dert6PPe6qHOo5qR14K2UzUPQAqnmnqGE/s1600/botton_image_lihat_di_blog_600_pixel.jpg" height="323" width="400" /></a></li>
</ol>
<!-- Blogger automated replacement: "https://images-blogger-opensocial.googleusercontent.com/gadgets/proxy?url=http%3A%2F%2F1.bp.blogspot.com%2F-jqjEpBWtBjM%2FVQxlDeMVwjI%2FAAAAAAAACcU%2F2XTraZhYr-Q%2Fs1600%2Fabout_me_anita_handayani_bg_hitam.png&amp;container=blogger&amp;gadget=a&amp;rewriteMime=image%2F*" with "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgGWvEBGjHsYiBN00KTjxE5oSXpj_-kYonvxAngI60mMTgFM3eGvrYlYu7WawJW0hkKjmcbcQHDZHXQTz4VXzmdFJinDZYLbJVNPL6iKu9lV1TbHRgaznsx4b4sJ_coBb6u0ulP6gaDuE/s1600/about_me_anita_handayani_bg_hitam.png" -->anitasitushttp://www.blogger.com/profile/14377825013279121701noreply@blogger.com1tag:blogger.com,1999:blog-7715072800241370470.post-14927759966471184092015-03-21T01:13:00.002+07:002015-03-21T01:13:23.044+07:00Edit Integrasi Media Sosial<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQiJwVIUODdjb41OBOMVLjHGE3t-OMdNIiM0Ub4KQ4yy42VuVmKHLtajghhXVwJExrDHe5JaQ2nBmGg9efiD8D9OlifPafbDkjGzztaRnhFq2Y_QBPFjOzDRqd6c7kzftBFLvEGs3gGD4/s1600/css_integrasi_media_sosial_menjadi_bulat_lihat_blog_600_pixel.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQiJwVIUODdjb41OBOMVLjHGE3t-OMdNIiM0Ub4KQ4yy42VuVmKHLtajghhXVwJExrDHe5JaQ2nBmGg9efiD8D9OlifPafbDkjGzztaRnhFq2Y_QBPFjOzDRqd6c7kzftBFLvEGs3gGD4/s1600/css_integrasi_media_sosial_menjadi_bulat_lihat_blog_600_pixel.jpg" height="137" width="320" /></a></div>
<div style="text-align: center;">
<br /></div>
Setelah kita menambahkan Integrasi Media Sosial dibawah postingan di blog kita, <a href="http://notes-and-life.blogspot.com/2015/03/integrasi-media-sosial.html">caranya lihat disini</a><br />
<br />
Nah sekarang kita mau merubah tampilannnya (Integrasi Media Sosial) yang kotak2 menjadi bundar, caranya:<br />
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<ol>
<li>Buka blog kita yang sudah ada Integrasi Media Sosialnya dibawah Postingan, lalu inspect element<br /><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEil2lB5S4wQVrUJpZjIRxw6djF3SBk82L3znJoa1eLbuwUj5HV3fC9MR_5WMo0bbwCHEdEy51zwUszg9wfLBtzOLgTyNiYOW1c8VSiNkkLbmL4zxhVXE-a93wDCswAMsG2miom9cpMmjwI/s1600/inspect_element_integrasi_media_sosial_600_pixel.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEil2lB5S4wQVrUJpZjIRxw6djF3SBk82L3znJoa1eLbuwUj5HV3fC9MR_5WMo0bbwCHEdEy51zwUszg9wfLBtzOLgTyNiYOW1c8VSiNkkLbmL4zxhVXE-a93wDCswAMsG2miom9cpMmjwI/s1600/inspect_element_integrasi_media_sosial_600_pixel.jpg" height="272" width="400" /></a></li>
<li>Disebelah kanan ada script ini: <span style="color: magenta;">.stButton .stLarge</span><br />
<br />Lalu paste di CSS<br /><br />dan tambahkan scriptnya untuk membuat tampilan menjadi bulat, seperti ini:<br /><br /><span style="color: magenta;">/*Membuat bundar Integrasi Media Sosial*/<br />
.stButton .stLarge { <br />
webkit-border-radius: 50px; <br />
-moz-border-radius: 50px; <br />
border-radius: 50px; <br />
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4); <br />
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4); <br />
box-shadow: 0 1px 3px rgba(0, 0, 0, .4); <br />
}</span><br /><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEPezeYL1kluEdyDta_d7yy4gHfQtm_Ui-Lz5VD7yd0Bfp_AjPllNtW1wA2qwgrrk3IbTo9txKFvdTqfa_eQDDhufLeIW2reMJCZvB-xXx4EDv2-FBEkQs8In3rDakgOtFKH5YyVSOINg/s1600/css_integrasi_media_sosial_menjadi_bulat.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEPezeYL1kluEdyDta_d7yy4gHfQtm_Ui-Lz5VD7yd0Bfp_AjPllNtW1wA2qwgrrk3IbTo9txKFvdTqfa_eQDDhufLeIW2reMJCZvB-xXx4EDv2-FBEkQs8In3rDakgOtFKH5YyVSOINg/s1600/css_integrasi_media_sosial_menjadi_bulat.jpg" height="168" width="400" /></a></li>
<li>Save</li>
<li>Lihat hasilnya:<br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQiJwVIUODdjb41OBOMVLjHGE3t-OMdNIiM0Ub4KQ4yy42VuVmKHLtajghhXVwJExrDHe5JaQ2nBmGg9efiD8D9OlifPafbDkjGzztaRnhFq2Y_QBPFjOzDRqd6c7kzftBFLvEGs3gGD4/s1600/css_integrasi_media_sosial_menjadi_bulat_lihat_blog_600_pixel.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQiJwVIUODdjb41OBOMVLjHGE3t-OMdNIiM0Ub4KQ4yy42VuVmKHLtajghhXVwJExrDHe5JaQ2nBmGg9efiD8D9OlifPafbDkjGzztaRnhFq2Y_QBPFjOzDRqd6c7kzftBFLvEGs3gGD4/s1600/css_integrasi_media_sosial_menjadi_bulat_lihat_blog_600_pixel.jpg" height="172" width="400" /></a><br /></li>
</ol>
<br />
<br />anitasitushttp://www.blogger.com/profile/14377825013279121701noreply@blogger.com0tag:blogger.com,1999:blog-7715072800241370470.post-15572824373482189582015-03-21T01:05:00.001+07:002015-03-21T01:05:15.755+07:00Integrasi Media Sosial<br />Cara membuat Integrasi Media Sosial yang biasa diletakkan dibawah postingan:<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<ol>
<li>Buka browser Firefox (Mozila), sebab hanya di browser ini kita bisa dapatkan
scriptnya</li>
<li>Buat dulu Integrasi Media Sosial Buttonnya di
<a href="http://www.sharethis.com/">http://www.sharethis.com/</a></li>
<li>Sign up dulu (daftar dulu)</li>
<li>Klik Get Sharing</li>
<li>Klik Blogger</li>
<li>Klik Tulisan Next yang ada dibawah tombol Blogger</li>
<li>Pilih yang paling kiri, klik Next</li>
<li>Pilih yang akan tampil, yaitu Facebook, Twitter, dan Pinterest</li>
<li>Klik Get The Code ! yang atas</li>
<li>Ambil Scriptnya, yaitu<br /><br /><span style="color: magenta;"><span id="st_finder"></span><script type="text/javascript"
src="http://w.sharethis.com/widget/stblogger2.js"></script><script
type="text/javascript">var switchTo5x=
true;stBlogger2.init("http://w.sharethis.com/button/buttons.js",{"facebook":["large","Facebook",""],"twitter":["large","Tweet",""],"googleplus":["large","Google
",""]}, "0fdeba48-2bc5-48d4-a1af-ef2e311b0ab7");var f =
document.getElementById("st_finder");var c =
f.parentNode.parentNode.childNodes;for (i=0;i<c.length;i++) { try {
c[i].style.display = "none"; } catch(err) {}}</script></span><br /></li>
<li>Sekarang Buka Dashboard/Add Gadget yang ada di bawah postingan/ Pastekan
script tersebut disini/Drug tepat kebawah Gadget Postingan</li>
<li>Hasilnya:<br /><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgk9xDIV9ocxbovJKFIGf-ZklK2HmBT2Ch18hJrV8GMmqXYVvCLl-in37xvsO_iSRmwAX4y_UMbQFn5SbEMmuqQTY9kkIxcnSUc8LwrJowzltrqZwjulOAIbpxHM6ADI3v-xQUH4cVdhGM/s1600/tantangan_notes-and-life_blogspot_com_integrasi_media_sosial_share_this.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgk9xDIV9ocxbovJKFIGf-ZklK2HmBT2Ch18hJrV8GMmqXYVvCLl-in37xvsO_iSRmwAX4y_UMbQFn5SbEMmuqQTY9kkIxcnSUc8LwrJowzltrqZwjulOAIbpxHM6ADI3v-xQUH4cVdhGM/s1600/tantangan_notes-and-life_blogspot_com_integrasi_media_sosial_share_this.jpg" height="301" width="320" /></a></li>
<li>Selesai<br /><br /></li>
</ol>
<br />anitasitushttp://www.blogger.com/profile/14377825013279121701noreply@blogger.com0tag:blogger.com,1999:blog-7715072800241370470.post-65048083172881706242015-03-20T21:05:00.000+07:002015-03-20T18:06:31.027+07:00Auto Read More<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div style="text-align: center;">
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFrj4D5bRI26VGQwZRrKB6uw-7eujquXwpQfyHVTc4iqhUNopOh-O4QjebBrct-h9rZbVkRnsuTKWeqCjsNiW5ifpTP14b5IBJs9x6zb5k-RHNrVu2eWLJ2neBNB83Id9UGfrhjYLPtR0/s1600/auto_read_more.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFrj4D5bRI26VGQwZRrKB6uw-7eujquXwpQfyHVTc4iqhUNopOh-O4QjebBrct-h9rZbVkRnsuTKWeqCjsNiW5ifpTP14b5IBJs9x6zb5k-RHNrVu2eWLJ2neBNB83Id9UGfrhjYLPtR0/s1600/auto_read_more.jpg" height="252" width="400" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
</div>
<div style="text-align: justify;">
Seringkali dengan membuat Read More yang default milik Blogspot, kita kerepotan karena setiap kali harus mengklik icon "insert jump break" dan kalau kelupaan maka isi postingan akan terlihat seluruhnya di homepage. Maka dari itu bersama ini saya tampilkan cara membuat Read More secara otomatis. Semoga bermanfaat, selamat mencoba. Pesan saya sebelum melakukan modifikasi ini sebaiknya simpan dulu tempalate yang sudah dibuat, agar kalau error bisa mengembalikan ke tampilannya semula.</div>
<br />
Cara Membuat Auto Read More:<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<ol>
<li>Buat dan upload image no thumbnail, contohnya seperti ini<br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4C2NUdoxEcqArqYGMipY66aXr0KQtui9hUiHshTVLQ-NeDSTzD1vNXb8Y9sGf6qf4yuMHoJCenngBiZBC8zWoqK9QKXqQCn_detbbeg2hUT5dQoiH9IQ54VdC1rPA22OzF07oRlQoL6Y/s1600/nothumbnail_notes-and-life_blogspot_com.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4C2NUdoxEcqArqYGMipY66aXr0KQtui9hUiHshTVLQ-NeDSTzD1vNXb8Y9sGf6qf4yuMHoJCenngBiZBC8zWoqK9QKXqQCn_detbbeg2hUT5dQoiH9IQ54VdC1rPA22OzF07oRlQoL6Y/s1600/nothumbnail_notes-and-life_blogspot_com.jpg" /></a><span style="color: magenta;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxm9uemw4gNlZxgTU3kcPPjHmCBXsmD5P-9mCqcT1bFWjwXfwednp6xZoz1A2f0uXzrmGrcUkDs_LknlEGcLT85gvKCMFfXtSzLi99m2NKafTHI9iv1QTY-FJsH_zYYaXpbrOpz3gDJ6c/s1600/nothumbnail_notes-and-life_blogspot_com.jpg">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxm9uemw4gNlZxgTU3kcPPjHmCBXsmD5P-9mCqcT1bFWjwXfwednp6xZoz1A2f0uXzrmGrcUkDs_LknlEGcLT85gvKCMFfXtSzLi99m2NKafTHI9iv1QTY-FJsH_zYYaXpbrOpz3gDJ6c/s1600/nothumbnail_notes-and-life_blogspot_com.jpg</a></span></li>
<li>Buka HTML lalu cari tulisan <span style="color: magenta;"></head></span><br /><br />letakkan script ini diatasnya, simpan script thumbnail setelah tulisan <span style="color: magenta;">defaultThumb:
&#39;</span><br /><br /><span style="color: magenta;"><script type='text/javascript'><br />
var summaryConf = {<br />
showImage: true,<br />
imgFloat: &#39;left&#39;,<br />
imgWidth: 120,<br />
imgHeight: 120,<br />
defaultThumb:
&#39;</span><span style="color: magenta;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxm9uemw4gNlZxgTU3kcPPjHmCBXsmD5P-9mCqcT1bFWjwXfwednp6xZoz1A2f0uXzrmGrcUkDs_LknlEGcLT85gvKCMFfXtSzLi99m2NKafTHI9iv1QTY-FJsH_zYYaXpbrOpz3gDJ6c/s1600/nothumbnail_notes-and-life_blogspot_com.jpg">
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxm9uemw4gNlZxgTU3kcPPjHmCBXsmD5P-9mCqcT1bFWjwXfwednp6xZoz1A2f0uXzrmGrcUkDs_LknlEGcLT85gvKCMFfXtSzLi99m2NKafTHI9iv1QTY-FJsH_zYYaXpbrOpz3gDJ6c/s1600/nothumbnail_notes-and-life_blogspot_com.jpg</a>&#39;,<br />
words: 100,<br />
wordsNoImg: 120,<br />
skip: 0,<br />
showHome: true,<br />
showLabel: true,<br />
};<br />
</script><br />
<script src='https://s3-us-west-2.amazonaws.com/js-mj/autoreadmore.js'
type='text/javascript'/><br />
<script type='text/javascript'><br />
//<![CDATA[<br />
(function() {<br />
var shr = document.createElement('script');<br />
shr.setAttribute('data-cfasync', 'false');<br />
shr.src = '//dsms0mj1bbhn4.cloudfront.net/assets/pub/shareaholic.js';<br />
shr.type = 'text/javascript'; shr.async = 'true';<br />
shr.onload = shr.onreadystatechange = function() {<br />
var rs = this.readyState;<br />
if (rs && rs != 'complete' && rs != 'loaded') return;<br />
var apikey = '3c7fdfbcafbc6b393fb6fe0d5d7cace1'<br />
try { Shareaholic.init(apikey); } catch (e) {}<br />
};<br />
var s = document.getElementsByTagName('script')[0];<br />
s.parentNode.insertBefore(shr, s);<br />
})();<br />
//]]><br />
</script></span><br />
</li>
<li>Lalu cari kata <span style="color: magenta;">itemprop</span><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMLN6wBppEgS2YM4R5UVN63Th5raqt1Z2_JS9DGu3X7ELd_XsP8Mlvg5wkEHqBSkGUGPLQDTLv6GhhwymW-kEcnTfXlgprptSRSv8yFyOQZwoHXmlhxMMPJ0abo5cyfucP7KKby7ec2F8/s1600/ganti_tulisan_data_post_body_yang_ada_dibawah_itemprop_600_pixel.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMLN6wBppEgS2YM4R5UVN63Th5raqt1Z2_JS9DGu3X7ELd_XsP8Mlvg5wkEHqBSkGUGPLQDTLv6GhhwymW-kEcnTfXlgprptSRSv8yFyOQZwoHXmlhxMMPJ0abo5cyfucP7KKby7ec2F8/s1600/ganti_tulisan_data_post_body_yang_ada_dibawah_itemprop_600_pixel.jpg" height="227" width="400" /></a></li>
<li> Lalu ganti script
<span style="color: crimson;"><data:post.body/></span> yang ada dibawah script
<span style="color: magenta;">itemprop</span><br />dengan scrip ini:<br />
<br />
<span style="color: magenta;"><span expr:id='data:post.id'><data:post.body/></span><br />
<b:if cond='data:blog.pageType == &quot;index&quot;'><br />
<script type='text/javascript'>summary(&quot;<data:post.id/>&quot;)</script><br />
<span class='read-more'><a expr:href='data:post.url'>Read-More»</a></span><br />
<b:else/><br />
<b:if cond='data:blog.pageType == &quot;archive&quot;'><br />
<script type='text/javascript'>summary(&quot;<data:post.id/>&quot;)</script><br />
<span class='read-more'><a expr:href='data:post.url'>Read-More»</a></span><br />
</b:if><br />
</b:if></span><br /><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3q3pvy85FjUVCX443-NRevxBoCPTPuaTcujVi-PQOGOY5D5Bglp1tSynPbWIh0fEzGsCXEeV5bOfXXU7n9IXJW3ogTqPR6_VyxTDEVMUewZ7nvkJ13drbjjy3aJWwqAj3LVeLkJh48JE/s1600/ganti_tulisan_data_post_body_yang_ada_dibawah_itemprop_dengan_script_in_600_pixel.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3q3pvy85FjUVCX443-NRevxBoCPTPuaTcujVi-PQOGOY5D5Bglp1tSynPbWIh0fEzGsCXEeV5bOfXXU7n9IXJW3ogTqPR6_VyxTDEVMUewZ7nvkJ13drbjjy3aJWwqAj3LVeLkJh48JE/s1600/ganti_tulisan_data_post_body_yang_ada_dibawah_itemprop_dengan_script_in_600_pixel.jpg" height="232" width="400" /></a></li>
<li>Tambahkan script ini di CSS:<br /><br /><span style="color: magenta;">/*auto read more ini yang dipakai*/<br />.read-more a {<br />float:right;<br />padding-top:40px;<br />font-family: 'Times New Roman';<br />font-size: 18px;<br />color: #000; <br />text-transform: uppercase;<br />}<br />
<br />.read-more a:hover {<br />text-decoration: none;<br />color: #BBB; <br />text-transform: uppercase;<br />}<br /><br />.read-more a {text-transform: uppercase; background-color: lightgrey;
background-repeat: repeat-x; margin: 10px 0px 0; padding: 6px 223px 5px 223px;
text-indent: -20px; }<br /> </span><br /><br /></li>
<li>Hidden tulisan <span style="color: magenta;">Read-More»</span> bawaan Blogspot<br /><br />dengan cara simpan script ini di CSS<br /><br /><span style="color: magenta;">/*Hilangkan Read More default*/<br />
.jump-link {display: none}</span><br /> </li>
<li>Lihat hasil:<br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaSZteUpnYsImw69zOyFcQYcynCQOXMFF_De4IX8zbeC-tNZRY4YrZSdwOieLBpznYe-RVUbOabPiqrn73tqkkAw9GbYHKFzcgB1xB0sS2sQXXyrbYaZmbmJ3ZC40L3WExvxS5gu1qk-k/s1600/auto_readmore_edit_600_pixel.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaSZteUpnYsImw69zOyFcQYcynCQOXMFF_De4IX8zbeC-tNZRY4YrZSdwOieLBpznYe-RVUbOabPiqrn73tqkkAw9GbYHKFzcgB1xB0sS2sQXXyrbYaZmbmJ3ZC40L3WExvxS5gu1qk-k/s1600/auto_readmore_edit_600_pixel.jpg" height="275" width="400" /></a><br /><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFrj4D5bRI26VGQwZRrKB6uw-7eujquXwpQfyHVTc4iqhUNopOh-O4QjebBrct-h9rZbVkRnsuTKWeqCjsNiW5ifpTP14b5IBJs9x6zb5k-RHNrVu2eWLJ2neBNB83Id9UGfrhjYLPtR0/s1600/auto_read_more.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFrj4D5bRI26VGQwZRrKB6uw-7eujquXwpQfyHVTc4iqhUNopOh-O4QjebBrct-h9rZbVkRnsuTKWeqCjsNiW5ifpTP14b5IBJs9x6zb5k-RHNrVu2eWLJ2neBNB83Id9UGfrhjYLPtR0/s1600/auto_read_more.jpg" height="252" width="400" /></a></li>
</ol>
anitasitushttp://www.blogger.com/profile/14377825013279121701noreply@blogger.com0tag:blogger.com,1999:blog-7715072800241370470.post-18804309635818716732015-03-20T17:30:00.002+07:002015-03-20T17:30:16.312+07:00Tampilan Thumbnail Read More Penuh<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgU1nGHcQmyCVMZz4da3DCELJ3JgnGONiA5mvrctQ97UIIeSYLamD5MuLC-dbjd6Fh_ss4OqG4UOatvxsysOAxonKy-0CXrkox8rw3uUzJbKotWfqDE4k2zwYdJr_SDfo2XQJs-CpfkIpA/s1600/tampilan_thumbnail_readmore_penuh_600_pixel.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgU1nGHcQmyCVMZz4da3DCELJ3JgnGONiA5mvrctQ97UIIeSYLamD5MuLC-dbjd6Fh_ss4OqG4UOatvxsysOAxonKy-0CXrkox8rw3uUzJbKotWfqDE4k2zwYdJr_SDfo2XQJs-CpfkIpA/s1600/tampilan_thumbnail_readmore_penuh_600_pixel.jpg" height="283" width="400" /></a></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: justify;">
Cara membuat tampilan thumbnail auto read mmore pebuh yaitu:<br />Setelah tadi kita berhasil mebuat Auto Read More, <a href="http://notes-and-life.blogspot.com/2015/03/auto-read-more.html">klik disini</a></div>
<div style="text-align: justify;">
Maka sekarang kita edit sedikiiitttt saja script yang ada di HTML, yang disimpan diatas </head> yaitu merubah angka di <span style="text-align: start;">imgWidth, </span><span style="text-align: start;">imgHeight, dan </span><span style="text-align: start;">words: 100</span><br /><br />Semula Scrtiptnya ini:<br /></div>
imgWidth: 120,<br />
imgHeight: 120,<br />
defaultThumb:
&#39;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxm9uemw4gNlZxgTU3kcPPjHmCBXsmD5P-9mCqcT1bFWjwXfwednp6xZoz1A2f0uXzrmGrcUkDs_LknlEGcLT85gvKCMFfXtSzLi99m2NKafTHI9iv1QTY-FJsH_zYYaXpbrOpz3gDJ6c/s1600/nothumbnail_notes-and-life_blogspot_com.jpg&#39;,<br />
words: 100,<br />
<br />
<br />
nah sekarang diubah menjadi sepertti ini:<br /><br />
<div style="text-align: justify;">
</div>
<span style="color: magenta;">imgWidth: 500,<br />
imgHeight: 350,</span><br />
defaultThumb:
&#39;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxm9uemw4gNlZxgTU3kcPPjHmCBXsmD5P-9mCqcT1bFWjwXfwednp6xZoz1A2f0uXzrmGrcUkDs_LknlEGcLT85gvKCMFfXtSzLi99m2NKafTHI9iv1QTY-FJsH_zYYaXpbrOpz3gDJ6c/s1600/nothumbnail_notes-and-life_blogspot_com.jpg&#39;,<br />
<span style="color: magenta;">words: 45,<br /><br /></span>anitasitushttp://www.blogger.com/profile/14377825013279121701noreply@blogger.com0tag:blogger.com,1999:blog-7715072800241370470.post-20753540683132829082015-03-19T20:47:00.000+07:002015-03-19T21:57:28.248+07:00Membuat Top Menu diatas Judul BlogCara Membuat Top Menu diatas Judul Blog:<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<ol>
<li>Siapkan text yang akan dibuat di Top Menu bersama URL nya, contohnya sbb:<br /><br /> <span lang="id"><span style="color: magenta;">Home</span></span>: <span lang="id"><span style="color: magenta;">http://notes-and-life.blogspot.com<br /><br />About: </span></span><span lang="id"><span style="color: magenta;">http://notes-and-life.blogspot.com/p/about.html<br /><br />Buat sub menu:<br />Anita-Handayani Blogspot: </span></span><span lang="id"><span style="color: magenta;">http://anita-handayani.blogspot.com</span></span><span lang="id"><span style="color: magenta;">Anita's
Personal Blog IPB: </span></span><span lang="id"><span style="color: magenta;">http://anitanet.staff.ipb.ac.id<br /><br />Article: </span></span><span lang="id"><span style="color: magenta;">http://notes-and-life.blogspot.com/search/label/Artike<br /><br />Tutorial: </span></span><span lang="id"><span style="color: magenta;">http://notes-and-life.blogspot.com/search/label/Tutorial</span></span></li>
<li>Buka Edit HTML lalu cari script <header><br />Letakkan script ini diatasnya <header><br /><br /><span lang="id"><span style="color: magenta;"><div id='cssmenu'><br />
<ul><br />
<li class='active'><a
href='http://notes-and-life.blogspot.com'><span>Home</span></a></li><br />
<li class='has-sub'><a
href='http://notes-and-life.blogspot.com/p/about.html'><span>About</span></a><br />
<ul><br />
<li><a href='http://anita-handayani.blogspot.com'><span>Anita-Handayani
Blogspot</span></a></li><br />
<li class='last'><a href='http://anitanet.staff.ipb.ac.id'><span>Anita's
Personal Blog IPB</span></a></li><br />
</ul><br />
</li><br />
<li><a
href='http://notes-and-life.blogspot.com/search/label/Artikel'><span>Article</span></a></li><br />
<li class='last'><a
href='http://notes-and-life.blogspot.com/search/label/Tutorial'><span>Tutorial</span></a></li><br />
</ul><br />
</div><br />
</span></span><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGKUmGLI6pNkdJDTvSxzCedYR0jl7fmqm5AxPY7Iq4f9tYCWsb1CWR1Ta7tDmlGmCMZAzJpzkyFEIljDbBEcnoDKkFckAzWMHgC5z51RvGDC7mnEj_ILqlaDp82O1p6RQxq49q7f9I5W4/s1600/membuat_top_menu_diatas_judul_blog_script_di_edit_html_600_pixel.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGKUmGLI6pNkdJDTvSxzCedYR0jl7fmqm5AxPY7Iq4f9tYCWsb1CWR1Ta7tDmlGmCMZAzJpzkyFEIljDbBEcnoDKkFckAzWMHgC5z51RvGDC7mnEj_ILqlaDp82O1p6RQxq49q7f9I5W4/s1600/membuat_top_menu_diatas_judul_blog_script_di_edit_html_600_pixel.jpg" height="257" width="400" /></a></li>
<li>Lalu simpan Script ini di CSS<br /><br /><span lang="id"><span style="color: magenta;">/Edit Top Menu diatas Header*/<br />
#cssmenu ul { margin: 0; padding: 0;}<br />
#cssmenu li { margin: 0; padding: 0; text-transform: lowercase;}<br />
#cssmenu a { margin: 0; padding: 0;}<br />
#cssmenu ul {list-style: none;}<br />
#cssmenu a {text-decoration: none;}<br />
#cssmenu {height: 40px; width: 100%; margin-left: 0px; background-color:
#eee; box-shadow: 0px 0px 0px rgba(0,0,0,.4); ; margin: -40px 5px 7px;}<br />
<br />
#cssmenu > ul > li {<br />
float: left;<br />
margin-left: 125px;<br />
position: relative;<br />
z-index: 20;<br />
}<br />
<br />
#cssmenu > ul > li > a {<br />
color: #000;<br />
font-family: "Times New Roman", Times, serif;<br />
font-size: 18px;<br />
line-height: 40px;<br />
padding: 15px 0px;<br />
-webkit-transition: color .15s;<br />
-moz-transition: color .15s;<br />
-o-transition: color .15s;<br />
transition: color .15s;}<br />
<br />
#cssmenu > ul > li > a:hover {color: #BBB;}<br />
<br />
#cssmenu > ul > li > ul {<br />
opacity: 0;<br />
visibility: hidden;<br />
padding: 16px 0 20px 0;<br />
background-color: rgb(250,250,250);<br />
text-align: left;<br />
position: absolute;<br />
top: 35px;<br />
left: 50%;<br />
margin-left: -90px;<br />
width: 180px;<br />
-webkit-transition: all .3s .1s;<br />
-moz-transition: all .3s .1s;<br />
-o-transition: all .3s .1s;<br />
transition: all .3s .1s;<br />
-webkit-border-radius: 5px;<br />
-moz-border-radius: 5px;<br />
border-radius: 5px;<br />
-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,.4);<br />
-moz-box-shadow: 0px 1px 3px rgba(0,0,0,.4);<br />
box-shadow: 0px 1px 3px rgba(0,0,0,.4);<br />
}<br />
<br />
#cssmenu > ul > li:hover > ul {<br />
opacity: 1;<br />
top: 45px;<br />
visibility: visible;<br />
}<br />
<br />
#cssmenu > ul > li > ul:before{<br />
content: '';<br />
display: block;<br />
border-color: transparent transparent rgb(250,250,250) transparent;<br />
border-style: solid;<br />
border-width: 10px;<br />
position: absolute;<br />
top: -20px;<br />
left: 50%;<br />
margin-left: -10px;<br />
}<br />
<br />
#cssmenu > ul ul > li { position: relative;}<br />
<br />
#cssmenu ul ul a{<br />
color: rgb(50,50,50);<br />
font-family: "Times New Roman", Times, serif;<br />
font-size: 15px;<br />
background-color: rgb(250,250,250);<br />
padding: 5px 8px 7px 16px;<br />
display: block;<br />
-webkit-transition: background-color .1s;<br />
-moz-transition: background-color .1s;<br />
-o-transition: background-color .1s;<br />
transition: background-color .1s;<br />
}<br />
<br />
#cssmenu ul ul a:hover {background-color: rgb(240,240,240);}<br />
<br />
#cssmenu ul ul ul {<br />
visibility: hidden;<br />
opacity: 0;<br />
position: absolute;<br />
top: -16px;<br />
left: 206px;<br />
padding: 16px 0 20px 0;<br />
background-color: rgb(250,250,250);<br />
text-align: left;<br />
width: 160px;<br />
-webkit-transition: all .3s;<br />
-moz-transition: all .3s;<br />
-o-transition: all .3s;<br />
transition: all .3s;<br />
-webkit-border-radius: 5px;<br />
-moz-border-radius: 5px;<br />
border-radius: 5px;<br />
-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,.4);<br />
-moz-box-shadow: 0px 1px 3px rgba(0,0,0,.4);<br />
box-shadow: 0px 1px 3px rgba(0,0,0,.4); <br />
}<br />
<br />
#cssmenu ul ul > li:hover > ul { opacity: 1; left: 196px; visibility:
visible;}<br />
<br />
#cssmenu ul ul a:hover{<br />
background-color: #eee;<br />
color: #000;<br />
font-family: "Times New Roman", Times, serif;<br />
font-size: 15px;<br />
}</span></span><br /><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQ9Naa43ltqakyawDfXDC0SCDin5CMOQ0dY6oGmaMie1MxD86N8qbIgJ2inL8OREPdp1B9gai8YCDzWSG18DowTb3_AFgcEi4tbEeAOVr8rW09O92MllL6PVNgD1cTVrjjVmTCGow43pw/s1600/membuat_top_menu_diatas_judul_blog_script_di_css_600_pixel.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQ9Naa43ltqakyawDfXDC0SCDin5CMOQ0dY6oGmaMie1MxD86N8qbIgJ2inL8OREPdp1B9gai8YCDzWSG18DowTb3_AFgcEi4tbEeAOVr8rW09O92MllL6PVNgD1cTVrjjVmTCGow43pw/s1600/membuat_top_menu_diatas_judul_blog_script_di_css_600_pixel.jpg" height="256" width="400" /></a></li>
<li>Sekarang tambahkan script ini untuk membuat background nya menjadi abu2<br /><br />/*background menu sidebar warna abu2 dengan text warna hitam dan border*/<br />
.sidebar .widget H2 {<br />
background: #eee;<br />
border-top: 0px solid #DDDDDD;<br />
border-bottom: 0px solid #DDDDDD;<br />
border-left: 0px solid #DDDDDD;<br />
border-right: 0px solid #DDDDDD;<br />
margin: 0px 0px 10px 0px;<br />
line-height: 1.25; <br />
<span style="color: magenta;">border: 2px solid #a1a1a1;<span lang="id">/*buat bikin
tepinya lengkung*/</span><br />
padding: 10px 40px; <br />
background: #dddddd;<br />
border-radius: 0px;<br />
}</span><br /><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEik5Qgk6PhE51ib5g6bjoSRAdyqn8IAIKC8nFLVuNrBIHKYPWr5YvJkjZ9O6_FxJ9H0UMAAhWyQztH6JfBsoVlFfeq5A2xtqdrDFXKkMB5ZB4xpbTAdy7TPz5arUxgxyYpD8kcz8YXkhNM/s1600/membuat_top_menu_diatas_judul_blog_script_di_css_background_abu2_600_pixel.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEik5Qgk6PhE51ib5g6bjoSRAdyqn8IAIKC8nFLVuNrBIHKYPWr5YvJkjZ9O6_FxJ9H0UMAAhWyQztH6JfBsoVlFfeq5A2xtqdrDFXKkMB5ZB4xpbTAdy7TPz5arUxgxyYpD8kcz8YXkhNM/s1600/membuat_top_menu_diatas_judul_blog_script_di_css_background_abu2_600_pixel.jpg" height="257" width="400" /></a></li>
</ol>
anitasitushttp://www.blogger.com/profile/14377825013279121701noreply@blogger.com0tag:blogger.com,1999:blog-7715072800241370470.post-52124273729540826422015-03-19T20:15:00.000+07:002015-03-19T20:24:29.516+07:00Edit Judul Blog - Header<div class="separator" style="clear: both; text-align: center;">
<br /></div>
Cara Edit Judul Blog (header):<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<ol>
<li>Mengganti Font Judul Blog (Header), lakukan di Perancangan Template Blogger/klik Tingkat Lanjut/klik Judul Blog/Pilih Times New Roman/ 80 pixel/pilih warna hitam #000000/klik Terapkan ke Blog<br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilrfHeELcXpLvEt_apjTLcOe9Ftn0krR7PxDA32v-TKio-9gcj9Eo_oFHyq1waf0UyFRIXzbcGDapoq1tFdQooUfFE6YS92BqfKu8jWB2pd3h9pJ8DU615UapKK4L-GOulJnCw6L6bD44/s1600/judul_blog_times_new_roman_80_px_600_pixel.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilrfHeELcXpLvEt_apjTLcOe9Ftn0krR7PxDA32v-TKio-9gcj9Eo_oFHyq1waf0UyFRIXzbcGDapoq1tFdQooUfFE6YS92BqfKu8jWB2pd3h9pJ8DU615UapKK4L-GOulJnCw6L6bD44/s1600/judul_blog_times_new_roman_80_px_600_pixel.jpg" height="251" width="400" /></a></li>
<li>Untuk mengatur jarak antara top menu dngan Judul Blog, tambahkan Script ini di CSS:<br /><br /><span style="color: magenta;">/*header*/<br />
.Header h1 {<br />
margin: 30px 0px 1px 0px;<br />
}</span><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgC97i7AUk_z_BKpy_9EjST4GN6bHsJkwvmuKCEIScbW8mW2vb-6ngeMhBRoEx3U8_W2rRYG9xdk7VdqxQ27_l59pCsleITx26aWkeNL-oUYC1Jsmr6VOqUhXHFZ_oZjT9mYmri-z0mYdc/s1600/mengatur_jarak_blog_dengan_top_menu_600_pixel.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgC97i7AUk_z_BKpy_9EjST4GN6bHsJkwvmuKCEIScbW8mW2vb-6ngeMhBRoEx3U8_W2rRYG9xdk7VdqxQ27_l59pCsleITx26aWkeNL-oUYC1Jsmr6VOqUhXHFZ_oZjT9mYmri-z0mYdc/s1600/mengatur_jarak_blog_dengan_top_menu_600_pixel.jpg" height="256" width="400" /></a></li>
</ol>
anitasitushttp://www.blogger.com/profile/14377825013279121701noreply@blogger.com0tag:blogger.com,1999:blog-7715072800241370470.post-86480558133866125582015-03-19T18:23:00.000+07:002015-03-20T22:10:23.712+07:00Edit Popular Post<div class="separator" style="clear: both; text-align: center;">
</div>
<div style="text-align: center;">
<br /></div>
Cara Edit Popular Post<br />
<ol>
<li>Buat dulu Popular Post<br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgp5Iky06XsiX3bnrNj0SiO0BnxUEFbnqwRvTsBvAmT03xB0PXwY5Xq7zIwaYtVqJbxMAhixgpjZ18kGAPXDyG2JOCA9XH39C8AQQIOx8r0C5rxLuDdyXfUAYby-DjBpuxOBZ29El9ynUg/s1600/tambahkan_widget_popular_post_400_pixel.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgp5Iky06XsiX3bnrNj0SiO0BnxUEFbnqwRvTsBvAmT03xB0PXwY5Xq7zIwaYtVqJbxMAhixgpjZ18kGAPXDyG2JOCA9XH39C8AQQIOx8r0C5rxLuDdyXfUAYby-DjBpuxOBZ29El9ynUg/s1600/tambahkan_widget_popular_post_400_pixel.jpg" height="320" width="279" /></a></li>
<li>Ketengahkan tulisan Popular Post<br />
<br />
Simpan Script ini di CSS<br />
<br />
<span style="color: magenta;">/*Judul Popular Posts menjadi Center an textnya huruf
besar semua*/<br />
#PopularPosts1 h2 {text-align: center; font-size: 13px; text-transform:
uppercase;}<br /> </span></li>
<li>Atur jenis font Judul Popular Postnya, Klik Gadget di Perancangan Template Blogger/Pilih Jebnis Font Times New Roman/Atur warna judul menjadi hitam dan warna alternatif menjadi abu2<br /><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7QmILWFsxM6eAlPNXZnLqrHtT2oAbDxyNVc5pgtrdGfzPWicNmML7gw2YdBbH8bwhhni2MPNgCZP1lFgcy2NPHRINpvvZ0dnS9o7y-7_It9xxCe2W2dYFuMG1dUfIdzKMx3uxX5BwTS4/s1600/gadget_font_times_new_roman_bold_12_pixe_600_pixel.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7QmILWFsxM6eAlPNXZnLqrHtT2oAbDxyNVc5pgtrdGfzPWicNmML7gw2YdBbH8bwhhni2MPNgCZP1lFgcy2NPHRINpvvZ0dnS9o7y-7_It9xxCe2W2dYFuMG1dUfIdzKMx3uxX5BwTS4/s1600/gadget_font_times_new_roman_bold_12_pixe_600_pixel.jpg" height="216" width="320" /></a></li>
<li>Sekarang tambahkan background warna abu2 judul menu di sidebar<br />Caranya simpan script ini di CSS<br /><br />/*background menu sidebar warna abu2 dengan text warna hitam dan border*/<br />
.sidebar .widget H2 {<br />
background: #eee;<br />
border-top: 0px solid #DDDDDD;<br />
border-bottom: 0px solid #DDDDDD;<br />
border-left: 0px solid #DDDDDD;<br />
border-right: 0px solid #DDDDDD;<br />
margin: 0px 0px 10px 0px;<br />
line-height: 1.25; <br />
<span style="color: magenta;">border: 2px solid #a1a1a1;<span lang="id">/*buat bikin
tepinya lengkung*/</span><br />
padding: 10px 40px; <br />
background: #dddddd;<br />
border-radius: 0px;<br />
}</span><br /> <div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicYVrprtsO_l-ziBW0ir5EdpncxW_0RNvrOqEbfElgshYErhfGDX5ESIMhed-M8AT7mINm-SXBDU_cMTFPOsoisudOoCikOGAdH5fuMyzUnRQV5AhitZyXoejXetCoHeBZ54IDvz0RMi8/s1600/tantangan_notes-and-life_blogspot_com_border_sidebar_bg_abu_600_pixel.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicYVrprtsO_l-ziBW0ir5EdpncxW_0RNvrOqEbfElgshYErhfGDX5ESIMhed-M8AT7mINm-SXBDU_cMTFPOsoisudOoCikOGAdH5fuMyzUnRQV5AhitZyXoejXetCoHeBZ54IDvz0RMi8/s1600/tantangan_notes-and-life_blogspot_com_border_sidebar_bg_abu_600_pixel.jpg" height="250" width="320" /></a></div>
</li>
<li>Lalu simpan Script Design Popular Post ini di CSS<br />
<br />
<span style="color: magenta;">/*edit Popular Post*/<br />
#PopularPosts1 h2{<br />
padding:7px 0 3px 0;<br />
width:100%;<br />
margin-bottom:10px;<br />
font-size:1.3em;<br />
text-indent:-12px;<br />
font-size:18px;<br />
text-align:center;<br />
color: #757575; /* Color of the widget's title<span lang="id"> warna abu2</span> */<br />
}<br />
#PopularPosts1 ul{<br />
list-style:none;<br />
counter-reset:li;<br />
padding:8px 0px 1px;<br />
left:-7px;<br />
width:290px;<br />
}<br />
#PopularPosts1 li{<br />
position:relative;<br />
margin:0 0 10px 0;<br />
padding: 3px 2px 0 17px;<br />
left:-5px;<br />
width:240px;<br />
}<br />
#PopularPosts1 ul li{<br />
background: #eee;<br />
position: relative;<br />
display: block;<br />
padding: .4em .2em .4em 2em;<br />
*padding: .2em;<br />
margin: .5em 0;<br />
background: #ddd;<br />
text-decoration: none;<br />
border-radius: .3em;<br />
transition: all .3s ease-out; <br />
}<br />
#PopularPosts1 ul li:before{<br />
content: counter(li);<br />
counter-increment: li;<br />
position: absolute; <br />
top: 50%;<br />
margin: -1.3em;<br />
height: 2em;<br />
width: 2em;<br />
line-height: 2em;<br />
font-size: 15px;<br />
color: #fff; /* text color of numbers */<br />
background: #FB8835; /* background color of numbers<span lang="id"> warna kuning</span> */<br />
border: .2em solid #fff; /* border color */<br />
-webkit-box-shadow: 0 8px 5px -7px #888;<br />
-moz-box-shadow: 0 8px 5px -7px #888;<br />
box-shadow: 0 8px 5px -7px #888;<br />
text-align: center;<br />
font-weight: bold;<br />
border-radius: 2em;<br />
position: absolute; <br />
left: 0;<br />
transition: all .3s ease-out;<br />
}<br />
#PopularPosts1 ul li:hover{<br />
background: #eee;<br />
}<br />
#PopularPosts1 ul li:hover:before{<br />
transform: rotate(360deg); <br />
}<br />
#PopularPosts1 ul li a{<br />
font: 14px Georgia, serif; /* font size of post titles */<br />
text-shadow: 0 -1px 2px #fff;<br />
color: #444;<br />
display:block;<br />
min-height:25px;<br />
text-decoration:none;<br />
text-transform: uppercase;<br />
}<br />
#PopularPosts1 ul li a:hover{<br />
color: #444;<br />
}</span><br />Sumber: Sumber:
<a href="http://www.thebloggerguide.com/2014/09/5-stylish-popular-post-widget-for.html">
http://www.thebloggerguide.com/2014/09/5-stylish-popular-post-widget-for.html</a><br /><br />
<br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigoGSvtHKGu0Q9iWPUIDDWs9vihj1r8tbgPQ7cPzYRjE180Z0k3-NGCCsqSHX2LAfaxh848tZO08nA-6zKvQ_g3pWGp2oOvtqQjDdx2xAfBCQkjm6XmSdR9a8qEYUffpgEPiUmj4V4ztQ/s1600/tantangan_notes-and-life_blogspot_com_edit_popular_post_600_pixel.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigoGSvtHKGu0Q9iWPUIDDWs9vihj1r8tbgPQ7cPzYRjE180Z0k3-NGCCsqSHX2LAfaxh848tZO08nA-6zKvQ_g3pWGp2oOvtqQjDdx2xAfBCQkjm6XmSdR9a8qEYUffpgEPiUmj4V4ztQ/s1600/tantangan_notes-and-life_blogspot_com_edit_popular_post_600_pixel.jpg" height="236" width="320" /></a><br /> </li>
<li>Edit lagi menjadi seperti ini Script diatas<br /><span lang="id">#PopularPosts1 ul li:before{<br />
content: counter(li);<br />
counter-increment: li;<br />
position: absolute; <br />
top: 50%;<br />
margin: -1.3em;<br />
height: 2em;<br />
width: 2em;<br />
line-height: 2em;<br />
font-size: 15px;<br />
color: #fff; /* text color of numbers */<br />
background: #000; /* background color of numbers warna hitam */<br />
border: .2em solid #fff; /* border color */<br />
-webkit-box-shadow: 0 8px 5px -7px #888;<br />
-moz-box-shadow: 0 8px 5px -7px #888;<br />
box-shadow: 0 8px 5px -7px #888;<br />
text-align: center;<br />
font-weight: bold;<br />
border-radius: 2em;<br />
position: absolute; <br />
left: 0;<br />
transition: all .3s ease-out;<br />
}<br /> </span><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitN-Z9DyEKlNyhumUBxsmwkOCKwbNUDnGUqLsj0BBwa0_uaEKMFRfdhElRXtOcJT3NZOkIZoCe9TNtODC13Z8b0Wlrhhs5m-Eu7PYDRuDUKev_Dl3_Hxk0NeiZ3Pl8WjXMn02e7Dtgza0/s1600/tantangan_notes-and-life_blogspot_com_popular_post_edit_di_css_bulatan_warna_hitam.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitN-Z9DyEKlNyhumUBxsmwkOCKwbNUDnGUqLsj0BBwa0_uaEKMFRfdhElRXtOcJT3NZOkIZoCe9TNtODC13Z8b0Wlrhhs5m-Eu7PYDRuDUKev_Dl3_Hxk0NeiZ3Pl8WjXMn02e7Dtgza0/s1600/tantangan_notes-and-life_blogspot_com_popular_post_edit_di_css_bulatan_warna_hitam.jpg" height="320" width="252" /></a></li>
<li>Untuk Memunculkan judulnya saja di link list Popular Post, pilih di widget nya<br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5MrOxvXsBw6k2zUV0CvSB3WlVPZ-VwHBlzn0p4MTysLHs3swQ_rgZTjUFfNHtD6YJ6WazgcP0t5YH6VJOikkAEFtWUS7igsb8QggiEo_yPk0AUTeonBYysn9ZNn7JWZH_OTh9rwFtaZA/s1600/popular_post_list_judul_linknya_saja.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5MrOxvXsBw6k2zUV0CvSB3WlVPZ-VwHBlzn0p4MTysLHs3swQ_rgZTjUFfNHtD6YJ6WazgcP0t5YH6VJOikkAEFtWUS7igsb8QggiEo_yPk0AUTeonBYysn9ZNn7JWZH_OTh9rwFtaZA/s1600/popular_post_list_judul_linknya_saja.jpg" height="320" width="281" /></a></li>
</ol>
anitasitushttp://www.blogger.com/profile/14377825013279121701noreply@blogger.com0tag:blogger.com,1999:blog-7715072800241370470.post-48477742013724176842015-03-19T18:00:00.000+07:002015-03-20T22:08:36.560+07:00Social Media Button<div class="separator" style="clear: both; text-align: center;">
</div>
<div style="text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsJuLPZWdDqG6PrlixsX1JDAgk0HgCMb5QbMl2EOKj-dyrNwTpRQuEHvipHOgi0r8DY3XZDtBqjtHTZBDmtM7lF5pvartpO9mpJsms7KYqULo49mTSTjYOZQu3UV5e0jribdHRqlcof-c/s1600/social_media_button_facebook_twitter_googleplus_pinterest_rss_di_blog_600_pixel.jpg" style="margin-left: 1em; margin-right: 1em; text-align: left;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsJuLPZWdDqG6PrlixsX1JDAgk0HgCMb5QbMl2EOKj-dyrNwTpRQuEHvipHOgi0r8DY3XZDtBqjtHTZBDmtM7lF5pvartpO9mpJsms7KYqULo49mTSTjYOZQu3UV5e0jribdHRqlcof-c/s1600/social_media_button_facebook_twitter_googleplus_pinterest_rss_di_blog_600_pixel.jpg" height="291" width="400" /></a></div>
Cara membuat Social Media Button:<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<ol>
<li>Siapkan icon sosial media button yang mau digunakan<br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLEsbY-CYqZWBzMEQI-kY3dqX52R_ofO1Vm2bhcYeYbPlfZs0VtOQJhSxKiDvtx2-JlXPTaCJDzYnF_NlQmUFpVDUuknWJvwe1xyJV2twIEeOdt5jf49wUULqVbSW_RUsQ7AdczuoZEsw/s1600/facebook.png"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLEsbY-CYqZWBzMEQI-kY3dqX52R_ofO1Vm2bhcYeYbPlfZs0VtOQJhSxKiDvtx2-JlXPTaCJDzYnF_NlQmUFpVDUuknWJvwe1xyJV2twIEeOdt5jf49wUULqVbSW_RUsQ7AdczuoZEsw/s1600/facebook.png" /></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9pYUtOS3DgR4BPYoAjYdp8MKac-dOcpv5H0f4RpeZtQjLcvCdKDrLsCShYwxiBIo-sQuUGN1kVKIVbe1t1xWu6TRavde_BP5yPhy-7vFM8g9LYtc-xk5TlLDHo-Oron15vbOAZnPRxJk/s1600/twitter.png"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9pYUtOS3DgR4BPYoAjYdp8MKac-dOcpv5H0f4RpeZtQjLcvCdKDrLsCShYwxiBIo-sQuUGN1kVKIVbe1t1xWu6TRavde_BP5yPhy-7vFM8g9LYtc-xk5TlLDHo-Oron15vbOAZnPRxJk/s1600/twitter.png" /></a><a href="https://plus.google.com/+AnitaHandayaniDepok"><img alt="anitasitus@gmail.com" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuxVl4h-R1kbqEkg3rBvyrX6iZEVvSIAsJODumrpz5W487RJI06uJG46W3TbV5enQmLMBsiVhdYBO0bMQSXKA6kpQ7iDqIdl7lCgCnlnIWVWiFZa7KzbeylVTAmEMSMz_NybvGWsJLKk4/s1600/googleplus.png" title="Google Plus" /></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjduDx_lWxDi7L4jojZdV-ojKlqEt3PkbOfJtM0fY5ifayDI7yC4ZmK2H_SgAfk14jUOGDxbvmUdd2owhR7Sm3OnGJcS-sThtmadi4UmG3teXKlPoMpL9Fgs7fdhNT28vy4wwdyEO5BC64/s1600/pinterest.png"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjduDx_lWxDi7L4jojZdV-ojKlqEt3PkbOfJtM0fY5ifayDI7yC4ZmK2H_SgAfk14jUOGDxbvmUdd2owhR7Sm3OnGJcS-sThtmadi4UmG3teXKlPoMpL9Fgs7fdhNT28vy4wwdyEO5BC64/s1600/pinterest.png" /></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgtAjz9MSan91cqW90N4QOQomAVsgg-_qRoYC4FS3VUQw9BBa4YdAsSL5mhI9tMM_0ORZbB8QaRj0vmT_0gSidkWXRadOMfkL0DlarN5CFs-DPh3Gywx2IKqcEbyHBefni83ScE30NTBc/s1600/rss.png"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgtAjz9MSan91cqW90N4QOQomAVsgg-_qRoYC4FS3VUQw9BBa4YdAsSL5mhI9tMM_0ORZbB8QaRj0vmT_0gSidkWXRadOMfkL0DlarN5CFs-DPh3Gywx2IKqcEbyHBefni83ScE30NTBc/s1600/rss.png" /></a></li>
<li>Upload di draf postingan</li>
<li>Klik Icon Remove Formating</li>
<li>Isikan Properties masing2 icon sosial media button tsb agar ada text yg muncul kalau ditunjuk</li>
<li>Copy scriptnya di tab html</li>
<li>Add Gadget HTML/Java Script</li>
<li>Pastekan Script sosial media button tersebut disini</li>
<li>Tambahkan diatas classnya yaitu: <span style="color: magenta;"><div class="medsos"></span><br />
dan di paling bawah ditutup dengan: <span style="color: magenta;"></div></span></li>
<li>Lalu di CSS tambahkan script ini:<br /><span style="color: magenta;">/* Media Sosial Button ada houvernya dan menjadi center */<br />
.medsos a:hover, .menu a:hover {<br />
opacity: 0.4;<br />
filter: alpha(opacity=40); /* msie */}<br />
.menu {text-align: center; }<br />
.medsos {text-align: center; }</span></li>
<li>Lihat hasil:<br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsJuLPZWdDqG6PrlixsX1JDAgk0HgCMb5QbMl2EOKj-dyrNwTpRQuEHvipHOgi0r8DY3XZDtBqjtHTZBDmtM7lF5pvartpO9mpJsms7KYqULo49mTSTjYOZQu3UV5e0jribdHRqlcof-c/s1600/social_media_button_facebook_twitter_googleplus_pinterest_rss_di_blog_600_pixel.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsJuLPZWdDqG6PrlixsX1JDAgk0HgCMb5QbMl2EOKj-dyrNwTpRQuEHvipHOgi0r8DY3XZDtBqjtHTZBDmtM7lF5pvartpO9mpJsms7KYqULo49mTSTjYOZQu3UV5e0jribdHRqlcof-c/s1600/social_media_button_facebook_twitter_googleplus_pinterest_rss_di_blog_600_pixel.jpg" height="291" width="400" /></a></li>
</ol>
<!-- Blogger automated replacement: "https://images-blogger-opensocial.googleusercontent.com/gadgets/proxy?url=http%3A%2F%2F3.bp.blogspot.com%2F-fF2kju1rCHk%2FVQmpPmcoZOI%2FAAAAAAAACU4%2FTL3KJ8U7Ycs%2Fs1600%2Fpinterest.png&container=blogger&gadget=a&rewriteMime=image%2F*" with "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjduDx_lWxDi7L4jojZdV-ojKlqEt3PkbOfJtM0fY5ifayDI7yC4ZmK2H_SgAfk14jUOGDxbvmUdd2owhR7Sm3OnGJcS-sThtmadi4UmG3teXKlPoMpL9Fgs7fdhNT28vy4wwdyEO5BC64/s1600/pinterest.png" --><!-- Blogger automated replacement: "https://images-blogger-opensocial.googleusercontent.com/gadgets/proxy?url=http%3A%2F%2F4.bp.blogspot.com%2F-lxozvOGSJks%2FVQsPYFvREiI%2FAAAAAAAACZI%2Fpo9H3dsrRSc%2Fs1600%2Fgoogleplus.png&container=blogger&gadget=a&rewriteMime=image%2F*" with "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuxVl4h-R1kbqEkg3rBvyrX6iZEVvSIAsJODumrpz5W487RJI06uJG46W3TbV5enQmLMBsiVhdYBO0bMQSXKA6kpQ7iDqIdl7lCgCnlnIWVWiFZa7KzbeylVTAmEMSMz_NybvGWsJLKk4/s1600/googleplus.png" --><!-- Blogger automated replacement: "https://images-blogger-opensocial.googleusercontent.com/gadgets/proxy?url=http%3A%2F%2F1.bp.blogspot.com%2F-3Sf6vSrpY24%2FVQmpQbbZcGI%2FAAAAAAAACVI%2F0gfMqJkiOBs%2Fs1600%2Frss.png&container=blogger&gadget=a&rewriteMime=image%2F*" with "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgtAjz9MSan91cqW90N4QOQomAVsgg-_qRoYC4FS3VUQw9BBa4YdAsSL5mhI9tMM_0ORZbB8QaRj0vmT_0gSidkWXRadOMfkL0DlarN5CFs-DPh3Gywx2IKqcEbyHBefni83ScE30NTBc/s1600/rss.png" --><!-- Blogger automated replacement: "https://images-blogger-opensocial.googleusercontent.com/gadgets/proxy?url=http%3A%2F%2F2.bp.blogspot.com%2F-OpAZ8N0YhA4%2FVQmpPJFl6NI%2FAAAAAAAACU0%2Ffx02AZMN9pU%2Fs1600%2Ffacebook.png&container=blogger&gadget=a&rewriteMime=image%2F*" with "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLEsbY-CYqZWBzMEQI-kY3dqX52R_ofO1Vm2bhcYeYbPlfZs0VtOQJhSxKiDvtx2-JlXPTaCJDzYnF_NlQmUFpVDUuknWJvwe1xyJV2twIEeOdt5jf49wUULqVbSW_RUsQ7AdczuoZEsw/s1600/facebook.png" --><!-- Blogger automated replacement: "https://images-blogger-opensocial.googleusercontent.com/gadgets/proxy?url=http%3A%2F%2F4.bp.blogspot.com%2F-E5E_ocV3ThI%2FVQmpQYUtaeI%2FAAAAAAAACVQ%2F4BAd9g8S59k%2Fs1600%2Ftwitter.png&container=blogger&gadget=a&rewriteMime=image%2F*" with "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9pYUtOS3DgR4BPYoAjYdp8MKac-dOcpv5H0f4RpeZtQjLcvCdKDrLsCShYwxiBIo-sQuUGN1kVKIVbe1t1xWu6TRavde_BP5yPhy-7vFM8g9LYtc-xk5TlLDHo-Oron15vbOAZnPRxJk/s1600/twitter.png" -->anitasitushttp://www.blogger.com/profile/14377825013279121701noreply@blogger.com0tag:blogger.com,1999:blog-7715072800241370470.post-32773082758635307702015-03-18T02:01:00.000+07:002015-03-20T02:02:07.287+07:00Tampilan Blog ini Pertama kali<div class="separator" style="clear: both; text-align: center;">
<br /></div>
Tampilannya putih saja seperti gambar dibawah ini:<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEin5kY8XES6UWy323i01_xbOOUs9-VDOsNYOBm4A-4KcPTsiKOSlv3NnWZ3X9e0WKkppKvV0qqkEAoITcunolXbL5ZzCt2vLIQIk-344i2GIJ7voWSNymIxYqS0jEqoafNYa0pTaYJ86Vg/s1600/tampilan_0_600_pixel.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEin5kY8XES6UWy323i01_xbOOUs9-VDOsNYOBm4A-4KcPTsiKOSlv3NnWZ3X9e0WKkppKvV0qqkEAoITcunolXbL5ZzCt2vLIQIk-344i2GIJ7voWSNymIxYqS0jEqoafNYa0pTaYJ86Vg/s1600/tampilan_0_600_pixel.jpg" height="372" width="640" /></a><br />
<ol>
<li>Mengganti Font Judul Blog (Header)<br />Buka Perancangan Template Blogger/Tingkat LAnjut/Judul Blog/Pilih Times New Roman/ 80 pixel/wrana hitam #000000/Terapkan ke Blog<br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilrfHeELcXpLvEt_apjTLcOe9Ftn0krR7PxDA32v-TKio-9gcj9Eo_oFHyq1waf0UyFRIXzbcGDapoq1tFdQooUfFE6YS92BqfKu8jWB2pd3h9pJ8DU615UapKK4L-GOulJnCw6L6bD44/s1600/judul_blog_times_new_roman_80_px_600_pixel.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilrfHeELcXpLvEt_apjTLcOe9Ftn0krR7PxDA32v-TKio-9gcj9Eo_oFHyq1waf0UyFRIXzbcGDapoq1tFdQooUfFE6YS92BqfKu8jWB2pd3h9pJ8DU615UapKK4L-GOulJnCw6L6bD44/s1600/judul_blog_times_new_roman_80_px_600_pixel.jpg" height="251" width="400" /></a><br />Untuk mengatur jarak antara top menu dngan Judul Blog, tambahkan Script ini di CSS:<br /><br /><span style="color: magenta;">/*header*/<br />
.Header h1 {<br />
margin: 30px 0px 1px 0px;<br />
}</span><br /><a href="http://4.bp.blogspot.com/-j_oS70cXnwA/VQrKbV7KZ5I/AAAAAAAACXE/ZwJ1BQBUWQM/s1600/mengatur_jarak_blog_dengan_top_menu_600_pixel.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img border="0" src="http://4.bp.blogspot.com/-j_oS70cXnwA/VQrKbV7KZ5I/AAAAAAAACXE/ZwJ1BQBUWQM/s1600/mengatur_jarak_blog_dengan_top_menu_600_pixel.jpg" height="255" width="400" /></a></li>
<li><br /></li>
</ol>
anitasitushttp://www.blogger.com/profile/14377825013279121701noreply@blogger.com0