tag:blogger.com,1999:blog-21997508655463453872024-03-12T20:36:26.254-07:00Blog Walking ManiaAnonymoushttp://www.blogger.com/profile/15214247966176649558noreply@blogger.comBlogger8125tag:blogger.com,1999:blog-2199750865546345387.post-28462090012911797712013-03-16T06:54:00.001-07:002013-03-16T06:54:09.602-07:00Cara Membuat Tulisan Keren yang Mengikuti Cursor Mouse di Blog<div class="separator" style="clear: both; text-align: center;">
<img alt="Cara Membuat Tulisan Keren yang Mengikuti Cursor di Blog Mouse" height="236" src="http://4.bp.blogspot.com/-o5vbn6Vd0uk/UPj0sjki6ZI/AAAAAAAAEgQ/QccKp2V_MTE/s1600/Tulisan+Mengikuti+Cursor+di+Blog.jpg" title="Cara Membuat Tulisan Keren yang Mengikuti Cursor di Blog Mouse" width="320" /></div>
<b> Cara Membuat Tulisan Keren yang Mengikuti Cursor Mouse di Blog</b>
| Halo agan-agan semua , saya capek nih habis pulang sekolah :D .
Baiklah , saya akan memberikan sesuatu yang keren nih dan dapat
mempercantik tampilan blog kalian semua . Yaitu tutorial tentang "Cara
Membuat Tulisan Keren yang Mengikuti Cursor Mouse di Blog" , langsung
saja CHECK THIS OUT !!!<br />
<ol>
<li>Login Ke Akun Blogger ;</li>
<li>Pilih Tata Letak > Tambahkan Gadget > HTML/JavaScript ; </li>
<div class="separator" style="clear: both; text-align: center;">
<img alt="Cara Membuat Tulisan Keren yang Mengikuti Cursor di Blog Mouser" height="236" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhZlWly4qpf2LV0vC6FmC-F_KrFYeGmnAXi-BCYt9Zs6RNls-aqzH1s5N66dfSNPHmpEsgR_qVPScTQ3zH3hOw09KA67yOg99sOlF5Q59Ff1CevCewEO-oRyF1SLAMj0mBKpLuciqYj64/s320/Gadget+HTML+JavaScript.jpg" title="Cara Membuat Tulisan Keren yang Mengikuti Cursor di Blog Mouse" width="320" />
</div>
<li>Lalu masukkan kode dibawah ini :<br /><div style="text-align: center;">
<blockquote class="tr_bq">
<script><br />
//mouse<br />
//Circling text trail- Tim Tilton<br />
//Kunjungi http://dikyandrean15a.blogspot.com/ untuk script seperti ini dan lainnya<br />
function cursor_text_circle(){<br />
// pesan kalian dibawah ini<br />
var msg=’<span style="color: red;">Diky Andrean Saputra itu Ganteng Loh</span>‘.split(”).reverse().join(”);<br />
var font=’Verdana,Arial’;<br />
var size=3; // up to seven<br />
var color=’#ff0000&#8242;;<br />
// This is not the rotation speed, its the reaction speed, keep low!<br />
// Set this to 1 for just plain rotation w/out drag<br />
var speed=.3;<br />
// This is the rotation speed, set it negative if you want<br />
// it to spin clockwise<br />
var rotation=-.2;<br />
// Alter no variables past here!, unless you are good<br />
//—————————————————<br />
var ns=(document.layers);<br />
var ie=(document.all);<br />
var dom=document.getElementById;<br />
msg=msg.split(”);<br />
var n=msg.length;<br />
var a=size*13;<br />
var currStep=0;<br />
var ymouse=0;<br />
var xmouse=0;<br />
var props=”<font face=”+font+” size=”+size+” color=”+color+”>”;<br />
if (ie)<br />
window.pageYOffset=0<br />
// writes the message<br />
if (ns){<br />
for (i=0; i < n; i++)<br />
document.write(‘<layer name=”nsmsg’+i+’” top=0 left=0 height=’+a+’
width=’+a+’><center>’+props+msg[i]+’</font></center></layer>’);<br />
}<br />
else if (ie||dom){<br />
document.write(‘<div id=”outer”
style=”position:absolute;top:0px;left:0px;z-index:30000;”><div
style=”position:relative”>’);<br />
for (i=0; i < n; i++)<br />
document.write(‘<div id=”iemsg’+(dom&&!ie? i:”)+’”
style=”position:absolute;top:0px;left:0;height:’+a+’px;width:’+a+’px;text-align:center;font-weight:normal;cursor:default”>’+props+msg[i]+’</font></div>’);<br />
document.write(‘</div></div>’);<br />
}<br />
(ns)?window.captureEvents(Event.MOUSEMOVE):0;<br />
function Mouse(evnt){<br />
ymouse = (ns||(dom&&!ie))?evnt.pageY+20-(window.pageYOffset):event.y; // y-position<br />
xmouse = (ns||(dom&&!ie))?evnt.pageX+20:event.x-20; // x-position<br />
}<br />
if (ns||ie||dom)<br />
(ns)?window.onMouseMove=Mouse:document.onmousemove=Mouse;<br />
var y=new Array();<br />
var x=new Array();<br />
var Y=new Array();<br />
var X=new Array();<br />
for (i=0; i < n; i++){<br />
y[i]=0;<br />
x[i]=0;<br />
Y[i]=0;<br />
X[i]=0;<br />
}<br />
var iecompattest=function(){<br />
return (document.compatMode && document.compatMode!=”BackCompat”)? document.documentElement : document.body;<br />
}<br />
var makecircle=function(){ // rotation properties<br />
if (ie) outer.style.top=iecompattest().scrollTop+’px’;<br />
currStep-=rotation;<br />
for (i=0; i < n; i++){ // makes the circle<br />
var d=(ns)?document.layers['nsmsg'+i]:ie? iemsg[i].style:document.getElementById(‘iemsg’+i).style;<br />
d.top=y[i]+a*Math.sin((currStep+i*1)/3.8)+window.pageYOffset-15+(ie||dom? ‘px’ : ”);<br />
d.left=x[i]+a*Math.cos((currStep+i*1)/3.8)*2+(ie||dom? ‘px’ : ”); // remove *2 for just a plain circle, not oval<br />
}<br />
}<br />
var drag=function(){ // makes the resistance<br />
y[0]=Math.round(Y[0]+=((ymouse)-Y[0])*speed);<br />
x[0]=Math.round(X[0]+=((xmouse)-X[0])*speed);<br />
for (var i=1; i < n; i++){<br />
y[i]=Math.round(Y[i]+=(y[i-1]-Y[i])*speed);<br />
x[i]=Math.round(X[i]+=(x[i-1]-X[i])*speed);<br />
}<br />
makecircle();<br />
// not rotation speed, leave at zero<br />
setTimeout(function(){drag();},10);<br />
}<br />
if (ns||ie||dom)<br />
if ( typeof window.addEventListener != “undefined” )<br />
window.addEventListener( “load”, drag, false );<br />
else if ( typeof window.attachEvent != “undefined” )<br />
window.attachEvent( “onload”, drag );<br />
else {<br />
if ( window.onload != null ) {<br />
var oldOnload = window.onload;<br />
window.onload = function ( e ) {<br />
oldOnload( e );<br />
drag();<br />
};<br />
}<br />
else<br />
window.onload = drag;<br />
}<br />
}</blockquote>
</div>
cursor_text_circle();<br />
</script></li>
<li>Simpan , dan lihat hasilnya .</li>
</ol>
Untuk tulisan yang berwarna <span style="color: red;">merah</span> dapat diganti dengan sesuka hati kalian .<br />
Semoga bermanfaat ^_^ .
Anonymoushttp://www.blogger.com/profile/15214247966176649558noreply@blogger.com0tag:blogger.com,1999:blog-2199750865546345387.post-18287786019435489062013-03-16T06:52:00.003-07:002013-03-16T06:52:45.559-07:00How To Make Elegant Notice On The Blogspot<div class="separator" style="clear: both; text-align: center;">
<img alt="How To Make Elegant Notice On The Blogspot" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieJSnXqEThuMVxycyr1wuabx7rXu3lIVlkABl3Q43wTqurLysn2ZsWAClLydY3v6hJycutGiKNYjYQqo_5o9auQ47ObvVmh-pZ7s7_3OIteWZn0p8DdqSDuWjeywv4IBszEMDb4irQo6gO/s1600/notice+blog.jpg" title="How To Make Elegant Notice On The Blogspot" /></div>
<br />
<a href="http://dikyandrean15a.blogspot.com/2013/03/how-to-make-elegant-notice-on-blogspot.html"><b>How To Make Elegant Notice On The Blogspot</b></a> | Maybe <i>notice</i> is very useful for you , if you wanna to tell your visitors . Now , I want to share <a href="http://dikyandrean15a.blogspot.com/2013/03/how-to-make-elegant-notice-on-blogspot.html"><b>How To Make Elegant Notice On The Blogspot</b></a> , check this out !!!<br />
<div class="separator" style="clear: both; text-align: center;">
<img alt="How To Make Elegant Notice On The Blogspot" height="40" src="http://img43.imageshack.us/img43/568/f21d489a3a404d4e941bd27.png" title="How To Make Elegant Notice On The Blogspot" width="640" /></div>
<br />
Step by step :<br />
<ol>
<li>Login to Blogger :</li>
<li>Go to Layout > Add Gadget :</li>
<li>Choose <u>HTML/Javascript </u>, and <span style="background-color: black; color: #f3f3f3;">Copy Paste</span> this code :<br /><a href="<span style="color: blue;">Your Link</span>"
target='_blank'><div style="background:#ffd000;border:2px solid
#d19700;border-radius:10px;padding:10px;margin:10px;font-size:16px;">
<span style="color: red;">Pasang Iklan di</span> <span style="color:GREEN;font-weight:bold;"> <span style="color: red;">DIEKY'S BLOG</span> </span></div></a><br />
<ul>
<li><span style="color: blue;">Blue Text</span> just you edit with your link choose ;</li>
<li><span style="color: red;">Red Text</span> just you edit with your Text want .</li>
<div class="separator" style="clear: both; text-align: center;">
<img alt="How To Make Elegant Notice On The Blogspot" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEwXFODVuq1LqtzQBYTe2-6Dx1v3a9ybF0EHZauI0t1ty1u1EebaiWfnAzU_QOpCVfhmZ3EnaTtlcpl-3HKqXtBwYfoNqKJjs165hNV6qoJ5FqEARfa3WY8VUKvg6wclLO6ZiYpMyhyphenhyphen2s2/s320/lightshot.png" title="How To Make Elegant Notice On The Blogspot" width="281" /></div>
</ul>
</li>
<li>Click save</li>
</ol>
Thanks for you attention at <a href="http://dikyandrean15a.blogspot.com/2013/03/how-to-make-elegant-notice-on-blogspot.html"><b>How To Make Elegant Notice On The Blogspot</b></a>Anonymoushttp://www.blogger.com/profile/15214247966176649558noreply@blogger.com0tag:blogger.com,1999:blog-2199750865546345387.post-68323073795407857892013-03-16T06:51:00.003-07:002013-03-16T06:51:49.231-07:00Cara Memasang Robots.txt Yang Cepat Terindex Google<div class="separator" style="clear: both; text-align: center;">
<img alt="Cara Memasang Robots.txt Yang Cepat Terindex Google" height="236" src="http://www.websitepromotion101.com/wp-content/uploads/2012/09/robottxt.png" title="Cara Memasang Robots.txt Yang Cepat Terindex Google" width="320" /></div>
<a href="http://dikyandrean15a.blogspot.com/2013/02/cara-memasang-robots.txt-paling-seo.html" target="_blank"><b>Cara Memasang Robots.txt Yang Cepat Terindex Google</b></a> | <i><a href="http://dikyandrean15a.blogspot.com/2013/02/cara-memasang-robots.txt-paling-seo.html" target="_blank">Robots.txt</a></i> itu berperan sangat besar dalam pengindexan suatu blog terhadap search Engine seperti <u>Google</u>. Oleh karena itu , sebaiknya kalian memasang<a href="http://dikyandrean15a.blogspot.com/2013/02/cara-memasang-robots.txt-paling-seo.html" target="_blank"><i> Robots.txt </i></a>diblog kalian . Akan tetapi , dalam memasang <a href="http://dikyandrean15a.blogspot.com/2013/02/cara-memasang-robots.txt-paling-seo.html" target="_blank"><i>Robots.txt</i></a>
harus dengan hati-hati ya , karena kesalahan sedikit dalam memasang
robots.txt pada blog dapat mempengaruhi blog tersebut . Tetap tenang ,
karena yang akan saya berikan kali ini adalah <a href="http://dikyandrean15a.blogspot.com/2013/02/cara-memasang-robots.txt-paling-seo.html" target="_blank"><i>Robots.txt</i></a> yang benar . Silahkan ikuti tutorial berikut :<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<img alt="Cara Memasang Robots.txt Yang Cepat Terindex Google" height="142" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgf3wwfiLwAZzkxk1KX_lTXBuxOWebya0flf_DJ9QCUzkXI6qE0hcypwep7AcF9OY4cAKQ9L5f1C0XDZPy7ENA4OujulzVcL7odaQ_G3j-h3-LHABB9pV-dBHf2vNVCZSUZThzm_bmUZ4Dd/s320/robots.txt+DIEKY%27S+BLOG.png" title="Cara Memasang Robots.txt Yang Cepat Terindex Google" width="320" /></div>
<ol>
<li>Login Blogger ;</li>
<li>Masuk ke menu Setelan ;</li>
<li>Pilih Prefensi Penelusuran dan pilih yang <a href="http://dikyandrean15a.blogspot.com/2013/02/cara-memasang-robots.txt-paling-seo.html" target="_blank"><i>robots.txt Khusus</i></a> ;<br /> </li>
<li>Aktifkan konten <a href="http://dikyandrean15a.blogspot.com/2013/02/cara-memasang-robots.txt-paling-seo.html" target="_blank">robots.txt khusus</a> ? pilih <b>YA</b> ;</li>
<li>Masukkan kode robots.txt nya :<br />Untuk mengambil <a href="http://dikyandrean15a.blogspot.com/2013/02/cara-memasang-robots.txt-paling-seo.html" target="_blank"><i>robots.txt </i></a>nya , silahkan masuk ke link <a href="http://url.blogspot.com/robots.txt" rel="nofollow" target="_blank">ini</a> .</li>
<li>Setelah mencopy robots.txt yang tadi , silahkan ganti tulisan yang berwarna <span style="color: blue;">biru</span><br /><pre>http://<span style="color: blue;">url.blogspot.com</span>/feeds/posts/default?orderby=UPDATED , <span style="font-family: inherit;"><span style="font-size: x-small;">dengan URL blog kalian . </span></span></pre>
<span style="color: black; font-size: x-small;"><span style="font-family: inherit;"></span></span></li>
<li>Setelah itu , silahkan klik Simpan Perubahan ;</li>
<li><a href="http://dikyandrean15a.blogspot.com/2013/02/cara-memasang-robots.txt-paling-seo.html" target="_blank"><i>Robots.txt</i> </a>yang semula nonaktif , menjadi aktif . </li>
</ol>
<br />
Semoga Bermanfaat ^_^
Anonymoushttp://www.blogger.com/profile/15214247966176649558noreply@blogger.com0tag:blogger.com,1999:blog-2199750865546345387.post-45860812749156620852013-03-16T06:50:00.000-07:002013-03-16T06:50:38.176-07:00 Mengedit Blog agar Lebih SEO Friendly <div class="separator" style="margin-left: 1em; margin-right: 1em; text-align: center;">
<img alt="Mengedit Blog agar Lebih SEO Friendly" height="223" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtdp_NanbyT9uXUxAe4UXK5APVtm7iBOWpT5QiaiKgSv_LT-iOjnIumZYpgcKWyM1ERmivp4aRNt3_PSc7q30uUCAtVldv3pqG4d2_FcQOyXLKkN1WMywIFi00ToxoMmQ_rqxPqQIRmMlj/s400/SEO+7.jpg" title="Mengedit Blog agar Lebih SEO Friendly" width="400" /></div>
<br />
<br />
<br />
<br />
<b>Mengedit Blog agar Lebih SEO Friendly</b> | Mengubah template blog
menjadi SEO Friendly adalah keinginan kalian semua kan pastinya ? .
Bagi kalian yang ingin blognya lebih SEO Friendly , silahkan ikuti
beberapa tekhnik dari saya berikut ini :<br />
<br />
1. <b><u>Meng-<i>edit </i>Page Title</u></b> .<br />
Contoh page Title adalah seperti ini : Mengedit Blog agar Lebih SEO Friendly | Cyb3r meTr0 (<span style="color: #cccccc;">blog saya yg lain , yang saya pakaikan Page Title ini</span>) .<br />
Itulah yang dinamakan Page Title , letaknya ada di Title bar browser anda .<br />
Cara mengubahnya agar SEO Friendly yakni seperti berikut :<br />
Login Blogger > Template > Edit HTML .<br />
Terus cari kode ini <span style="background-color: black; color: #eeeeee;"><title><data:blog.pageTitle/></title></span> , agar lebih mudah tekan saja Ctrl+F atau F3 .<br />
Kalau sudah ketemu , hapus kode tersebut dan ganti dengan ini :<br />
<br />
<blockquote class="tr_bq">
<div style="color: black;">
<b:if cond='data:blog.pageType == "item"'></div>
<div style="color: black;">
<title><data:blog.pageName/> | <data:blog.title/></title></div>
<div style="color: black;">
<b:else/></div>
<div style="color: black;">
<title><data:blog.pageTitle/></title></div>
<div style="color: black;">
</b:if></div>
</blockquote>
Bila anda ingin menambahkan beberapa keyword juga bisa , tapi pakai kode yang ini :<br />
<br />
<blockquote class="tr_bq">
<div style="color: black;">
<b:if cond='data:blog.pageType == "item"'></div>
<div style="color: black;">
<title><data:blog.pageName/> | <data:blog.title/></title></div>
<div style="color: black;">
<b:else/></div>
<div style="color: black;">
<title><data:blog.pageTitle/> | <span style="color: blue;">Keyword</span> | <span style="color: blue;">Keyword</span> </title></div>
<div style="color: black;">
</b:if></div>
</blockquote>
Ganti teks yang berwarna <span style="color: blue;">biru</span> dengan Keyword anda , dan bila ingin menambahkan lebih tinggal tambahkan saja lagi ini { | } .<br />
<br />
2. <u><b>Menambahkan Keyword <i>dan juga</i> Deskripsi .</b></u><br />
<br />
Kalian pasti tau dong , mbah google itu sangat menyukai blog yang
jelas tentang tema dan juga artikel / konten yang disediakan . Oleh
sebab itu , kalian harus menambahkan Meta Tag . Yaitu dengan menambahkan
kode dibawah ini diatas kode <b><b:skin><![CDATA[</b> .<br />
<br />
<br />
<blockquote class="tr_bq">
<div style="color: black;">
<b:if cond='data:blog.url == data:blog.homepageUrl'></div>
<div style="color: black;">
<meta name="description" content="<span style="color: blue;">Deskripsi Blog</span>" /></div>
<div style="color: black;">
<meta name="keywords" content="<span style="color: blue;">Keyword , Keyword , Keyword</span>" /><br />
</b:if></div>
</blockquote>
Ganti tulisan <span style="color: blue;">Deskripsi Blog <span style="color: black;">dan </span></span><span style="color: blue;">Keyword</span><span style="color: blue;"> <span style="color: black;">sesuai perintah disitu .</span></span><br />
<br />
<span style="color: blue;"><span style="color: black;">3. <b><u>Menambahkan <i>Bread</i>crumbs</u></b> . </span></span><br />
<br />
<span style="color: blue;"><span style="color: black;"> Banyak yang
menyepelekan fungsi breadcrumbs , padahal breadcrumbs itu sangat
bermanfaat untuk SEO . Soalnya , breadcrumbs itu memiliki fungsi
layaknya </span></span><span style="color: black;">denah menuju lokasi . Sebab , breadcrumbs itu adalah </span>menu
navigasi berurutan di atas artikel posting atau istilahnya . Yang
berfungsi untuk memudahkan pengunjung agar mengetahui termasuk dalam
kategori apakah artikel yang sedang ia baca . Cara untuk memasang
breadcrumbs , silahkan klik <b><a href="http://dikyandrean15a.blogspot.com/2013/01/membuat-breadcrumbs-seo-friendly.html" target="_blank">disini</a> </b>.<br />
<br />
<span style="color: blue;"><span style="color: black;">4. <b><u>Menambahkan <i>Widget</i> Related Post </u></b>. </span></span><br />
<span style="color: blue;"><span style="color: black;"><br /></span></span>
<span style="color: blue;"><span style="color: black;"> Widget related post ? sangat berguna dong pastinya ! karena bagus untuk SEO blog dan juga Pengunjung. Cara memasangnya , klik<b> <a href="http://dikyandrean15a.blogspot.com/2013/01/membuat-related-post-yang-seo-friendly.html" target="_blank">disini</a></b> .</span></span><br />
<span style="color: blue;"><span style="color: black;"><br /></span></span>
<span style="color: blue;"><span style="color: black;">5.<b><u> Mengedit <i>Tag </i>Heading </u></b>.</span></span><br />
<span style="color: blue;"><span style="color: black;"><br /></span></span>
<span style="color: blue;"><span style="color: black;"> Si embah ntuh
paling demen ame sebuah tulisan yang menggunakan Tag Heading h1 . Oleh
karena itu , sebaiknya blog kalian diubah Tag Headingnya menjadi h1 .
Bagus loh untuk SEO . Nih caranya :<br /> Cari kode yang mirip seperti dibawah ini (<b><span style="background-color: black; color: red;">AWAS SALAH</span></b>) :</span></span><br />
<blockquote class="tr_bq">
<div style="color: black;">
<b:if cond='data:post.title'></div>
<div style="color: black;">
<<span style="color: blue; font-weight: bold;">h3</span> class='post-title entry-title'></div>
<div style="color: black;">
<b:if cond='data:post.link'></div>
<div style="color: black;">
<a expr:href='data:post.link'><data:post.title/></a></div>
<div style="color: black;">
<b:else/></div>
<div style="color: black;">
<b:if cond='data:post.url'></div>
<div style="color: black;">
<a expr:href='data:post.url'><data:post.title/></a></div>
<div style="color: black;">
<b:else/></div>
<div style="color: black;">
<data:post.title/></div>
<div style="color: black;">
</b:if></div>
<div style="color: black;">
</b:if></div>
<div style="color: blue;">
</<span style="font-weight: bold;">h3</span>><br />
<div style="color: black;">
</b:if></div>
</div>
</blockquote>
<span style="color: blue;"><span style="color: black;"> Ganti <span style="color: blue;"><b>h3</b> <span style="color: black;">menjadi</span> <b><span style="color: black;">h1 </span></b><span style="color: black;">. Trus Cari kode ini </span></span></span></span><b>]]></b:skin></b><span style="color: blue;"><span style="color: black;"><span style="color: blue;"><span style="color: black;"></span></span> , dan paste-kan kode dibawah ini tepat di atas kode </span></span><b>]]></b:skin> .</b><br />
<b><br /></b>
h1.post-title, .post h1 #Blog1 h1, #Blog2 h1 { font-size:1.5em; }<br />
<br />
6. <b><u>Mematikan <i>fungsi</i> widget arsip . </u></b><br />
<br />
Kenapa harus dimatikan ? karena si embah google itu sangat gak suka blog yang duplikat konten , dan itu dapat merusak SEO
blog kita . Caranya adalah ke tab setting > Archiving
> pada bagian Archiving frequency ubah menjadi no archive
> selesai simpan setting . Atau bila kalian tidak ingin mematikan
fungsi arsip , bisa juga dengan menambahkan kode berikut tepat di bawah <span style="color: lime;"><b><span style="color: black;"><head> .</span></b></span><br />
<br />
<br />
<blockquote class="tr_bq" style="color: black;">
<div>
<b:if cond='data:blog.pageType == &quot;archive&quot;'><meta content='noindex' name='robots'/></b:if></div>
</blockquote>
<br />
Menurut saya cukup sampai disini , bila masih ada , silahkan tambahkan sendiri di kolom komentar .
Anonymoushttp://www.blogger.com/profile/15214247966176649558noreply@blogger.com0tag:blogger.com,1999:blog-2199750865546345387.post-13533016744942598342013-03-16T06:47:00.001-07:002013-03-16T06:47:03.901-07:00Cara Terbaru Agar Template Blog Menjadi Valid HTML5 2013<div class="separator" style="clear: both; text-align: center;">
<img alt="Cara Terbaru Agar Template Blog Menjadi Valid HTML5 2013" height="236" src="http://www.w3.org/html/logo/downloads/HTML5_Logo_512.png" title="Cara Terbaru Agar Template Blog Menjadi Valid HTML5 2013" width="320" /></div>
<b>Cara Terbaru Agar Template Blog Menjadi Valid HTML5 2013</b> | Kali ini saya akan membagikan sebuah tips terbaru agar template blog kalian menjadi <i>Valid HTML5</i> . Emang apa sih keuntungannya kalo template blog itu<i> Valid HTML5</i> ?<br />
Keuntungannya yaitu :<br />
<br />
1. Dapat ditulis dalam sintaks HTML (dengan tipe media teks/html) dan XML ;<br />
2. Integrasi yang lebih baik dengan aplikasi web dan pemrosesannya ;<br />
3. Integrasi (’inline’) MathML dan SVG dengan doctype yang lebih sederhana ;<br />
4. Penulisan kode yang lebih efisien ;<br />
5. Dapat dimengerti oleh peramban lawas (backwards compatible) , Sehingga istilah ‘deprecated’ tidak akan diperlukan lagi .<br />
<br />
Pengen langsung Valid HTML5 ? Ikuti tutorial dibawah ini :<br />
<br />
<ol>
<li>Login ke akun <a href="http://blogger.com/" rel="nofollow" target="_blank">Blogger </a>kalian ;</li>
<li>Masuk ke Template > Edit HTML ;</li>
<li>Setelah itu Klik Lanjutkan dan jangan lupa Centang "Expand Template Widget" ;</li>
<li>Hapus kode yang berada diatas kode <head> , lalu ganti dengan kode berikut :<br /><blockquote class="tr_bq">
<?xml version="1.0" encoding="UTF-8" ?><br />
<!DOCTYPE html><br />
<HTML> </blockquote>
</li>
<li>Jangan lupa ganti </html> dengan </HTML> ;</li>
<li>Bila kalian menemukan kode seperti ini :<br /><blockquote class="tr_bq">
<b:skin><![CDATA[<span style="color: black;">/*</span><br />
<span style="color: black;"><span style="color: red;">-----------------------------------------------</span></span><br />
<span style="color: black;">Blogger : Oppa Gangnam Style</span><br />
<span style="color: black;">Name : Sexy Lady</span><br />
<span style="color: black;">Date : 03 Feb 2013</span><br />
<span style="color: black;"><span style="color: red;">----------------------------------------------</span>*/</span><br />
<span style="color: black;"></span></blockquote>
<span style="color: black;"><br />hapus tanda "-" , sehingga menjadi :</span><b:skin><![CDATA[/*<br /><br /><blockquote class="tr_bq">
Blogger : Oppa Gangnam Style<br />
Name : Sexy Lady<br />
Date : 03 Feb 2013<br />
<br />
*/ </blockquote>
</li>
<li>Hapus semua kode seperti berikut :<br /><ul>
<li><b><b:include name='quickedit'/></b> [Hapuslah kode ini setiap kali kalian menambahkan widget baru] , dan ;</li>
<li><b><a expr:name='data:post.id'/> </b>.</li>
</ul>
</li>
<li>Masukkan kode dibawah ini tepat <u>DIBAWAH</u> kode <i></head></i><br /><b><!-- <body><div></div> --></b></li>
<li>Simpan templatenya .</li>
<li>Apabila kalian mempostingan sesuatu yang memuat gambar didalamnya , selalu gunakan kode ini :<br /><blockquote class="tr_bq">
<div class="separator" style="clear: both; text-align: center;"><br />
<img alt="<span style="color: lime;">Keyword Gambar</span>" <a href="http://www.blogger.com/blogger.g?blogID=889482806930409204" id="Y3270192S3" style="color: black; text-decoration: underline;">height</a>="<span style="color: yellow;">236</span>" src="<span style="color: blue;">URL GAMBAR</span>" title="<span style="color: red;">JUDUL Gambar</span>" width="<span style="color: yellow;">320</span>" /></div></blockquote>
</li>
</ol>
<br />
Setelah itu, silahkan kalian cek blog kalian <a href="http://validator.w3.org/" rel="nofollow" target="_blank"><b>disini</b></a> .<br />
Sekian tips dari saya , semoga bermanfaat .
Anonymoushttp://www.blogger.com/profile/15214247966176649558noreply@blogger.com0tag:blogger.com,1999:blog-2199750865546345387.post-54457947328398674162013-03-16T06:46:00.000-07:002013-03-16T06:46:14.592-07:00Lorem Ipsum<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="tengah" style="margin-left: 1em; margin-right: 1em;">
<img alt="Unit Test Data Untuk Template blogspot" height="265" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgljEqGyJ_I3GzTY0CBf2VYyLkqy0SXxYVgEx4uLTTC79QMMSEZJY2ILTRQagnGFBT5StBO8jm2ZdlgqyChr5uuBhkHqIRrpOtbXYS4hSGMJCv5mXHuKPkGDqYJfwTYnxGK_eSTAdLR3Nc/s400/test-image-landscape-900.jpg" title="Unit Test Data Untuk Template blogspot " width="400" /></div>
<br />
<div itemprop="articleBody">
This is a sticky post!!! Make sure it sticks!<br />
This should then split into other pages with layout, images, HTML tags, and other things.<br />
<h2>
Paragraph Alignment Tests</h2>
<h3>
Default Paragraph</h3>
Lorem Ipsum is simply dummy text
of the printing and typesetting industry. Lorem Ipsum has been the
industry's standard dummy text ever since the 1500s, when an unknown
printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five
centuries, but also the leap into electronic typesetting, remaining
essentially unchanged. It was popularised in the 1960s with the release
of Letraset sheets containing Lorem Ipsum passages, and more recently
with desktop publishing software like Aldus PageMaker including versions
of Lorem Ipsum.<br />
<br />
<h3>
Left align</h3>
<div style="text-align: left;">
Lorem ipsum dolor sit amet, consectetuer
adipiscing elit. Sed odio nibh, tincidunt adipiscing, pretium nec,
tincidunt id, enim. Fusce scelerisque nunc vitae nisl. Quisque quis urna
in velit dictum pellentesque. Vivamus a quam. Curabitur eu tortor id
turpis tristique adipiscing. Morbi blandit. Maecenas vel est. Nunc
aliquam, orci at accumsan commodo, libero nibh euismod augue, a
ullamcorper velit dui et purus. Aenean volutpat, ipsum ac imperdiet
fermentum, dui dui suscipit arcu, vitae dictum purus diam ac ligula.
Praesent enim nunc, pretium eget, tincidunt in, semper at, mauris. Etiam
nec ligula. Aenean purus pede, sagittis at, blandit a, dignissim nec,
elit. Etiam nunc. Praesent molestie consectetuer leo. Etiam blandit leo
mollis velit. Aenean varius. Maecenas in magna nec justo ornare feugiat.
Mauris elit. Nunc volutpat lectus fermentum nibh.</div>
<h3>
Center Align</h3>
<div style="text-align: center;">
Aenean a turpis eu augue luctus
vulputate. Ut nonummy arcu in est. Nulla facilisi. Fusce at est
sollicitudin pede gravida luctus. Sed ut dolor non nulla luctus aliquam.
Phasellus sodales dapibus turpis. Nulla malesuada. In sed quam. Donec
sollicitudin convallis nisl. Donec nunc. Suspendisse malesuada libero in
nisi. Etiam vitae metus non arcu gravida tincidunt. Duis accumsan purus
et orci. Curabitur volutpat. Nulla quis purus id enim dapibus
malesuada. Nam egestas luctus arcu. Praesent iaculis massa.</div>
<h3>
Right Align</h3>
<div style="text-align: right;">
Aenean tempor, risus nec eleifend
tristique, sem orci aliquam urna, eget iaculis tortor mauris ut lorem.
Aenean eu tellus. Sed at mauris at nisl ultricies lobortis. Vivamus
lacinia, lorem vel congue facilisis, leo leo sodales leo, vitae euismod
velit ante a ligula. Vivamus sit amet turpis ut eros molestie porttitor.
Nam erat lacus, auctor vel, dictum a, suscipit sed, orci. Quisque est
lorem, facilisis consequat, sagittis a, ullamcorper at, ante. Nullam
ultricies gravida dui. Nunc mauris. Quisque neque. Quisque eu sem.</div>
<h3>
Justified</h3>
<div style="text-align: justify;">
Vivamus volutpat, arcu sed venenatis
consequat, nulla pede blandit neque, quis ultrices ligula mauris ut leo.
Proin iaculis. Pellentesque vulputate magna at lectus. Etiam semper
aliquet lectus. Nullam turpis. Vivamus sed lacus. Integer metus arcu,
adipiscing sed, vehicula et, vulputate sit amet, massa. Sed lobortis
tempus lectus. In lacus. Duis nibh. Donec molestie libero ut neque. In
sollicitudin aliquam felis. Sed molestie libero ac mi. Curabitur magna
nunc, feugiat sed, sodales vitae, pretium a, leo. Sed ut ante. Integer
turpis ante, facilisis sed, dignissim vitae, consectetuer sed, dui. Sed
ultricies.</div>
<h1>
Header one</h1>
<h2>
Header two</h2>
<h3>
Header three</h3>
<h4>
Header four</h4>
<h5>
Header five</h5>
<h6>
Header six</h6>
<h2>
Blockquote Tests</h2>
<blockquote>
Here's a one line quote.</blockquote>
This part isn't quoted. Here's a longer quote:
<br />
<blockquote>
It’s like a language. You learn the alphabet, which are the
scales. You learn sentences, which are the chords. And then you talk
extemporaneously with the horn. It’s a wonderful thing to speak
extemporaneously, which is something I’ve never gotten the hang of. But
musically I love to talk just off the top of my head. And that’s what
jazz music is all about.<cite>Stan Getz</cite></blockquote>
And some trailing text.
<br />
<h2>
Table Layout Test</h2>
<table class="statsDay">
<tbody>
<tr>
<th>Title</th>
<th class="views">Views</th>
<th><br /></th>
</tr>
<tr class="alternate">
<td class="label">About Test User</td>
<td class="views">1</td>
<td class="more">More</td>
</tr>
<tr>
<td class="label">260</td>
<td class="views">1</td>
<td class="more">More</td>
</tr>
<tr class="alternate">
<td class="label">Archives</td>
<td class="views">1</td>
<td class="more">More</td>
</tr>
<tr>
<td class="label">235</td>
<td class="views">1</td>
<td class="more">More</td>
</tr>
</tbody>
</table>
<h2>
List Type Tests</h2>
<h3>
Definition List</h3>
<dl>
<dt>Definition List Title</dt>
<dd>This is a definition list division.</dd>
<dt>Definition</dt>
<dd>An exact statement or description of the nature, scope, or meaning of something: <i>our definition of what constitutes poetry.</i></dd>
<dt>Gallery</dt>
<dd>A feature introduced with WordPress 2.5, that is specifically an
exposition of images attached to a post. In that same vein, an upload is
"attached to a post" when you upload it while editing a post.</dd>
<dt>Gravatar</dt>
<dd>A globally recognized avatar (a graphic image or picture that
represents a user). A gravatar is associated with an email address, and
is maintained by the Gravatar.com service. Using this service, a blog
owner can configure their blog so that a user's gravatar is displayed
along with their comments.</dd></dl>
<h3>
Unordered List (Nested)</h3>
<ul>
<li>List item one
<ul>
<li>List item one
<ul>
<li>List item one</li>
<li>List item two</li>
<li>List item three</li>
<li>List item four</li>
</ul>
</li>
<li>List item two</li>
<li>List item three</li>
<li>List item four</li>
</ul>
</li>
<li>List item two</li>
<li>List item three</li>
<li>List item four</li>
</ul>
<h3>
Ordered List</h3>
<ol>
<li>List item one
<ol>
<li>List item one
<ol>
<li>List item one</li>
<li>List item two</li>
<li>List item three</li>
<li>List item four</li>
</ol>
</li>
<li>List item two</li>
<li>List item three</li>
<li>List item four</li>
</ol>
</li>
<li>List item two</li>
<li>List item three</li>
<li>List item four</li>
</ol>
<h2>
HTML Element Tag Tests</h2>
All other HTML tags listed in the <a href="http://dark-responsive.blogspot.com/code/">FAQ</a>:<br />
Here is the address for Automattic, using the <code><address></code> tag:
<br />
<br />
<address>
355 1st Street Suite 202
San Francisco, CA 94105
United States</address>
This is an example of <a href="http://example.com/">an <code><anchor></code></a> (otherwise known as a link). This <abbr title="abbreviation">abbr.</abbr> is an example of an <abbr> tag in the middle of a sentence. Here is a TLA showing off the <code><acronym></code> tag. What, you want to see some over-sized text using the <code><big></code> tag? Can you <cite>cite a reference</cite> for that, using the <code><cite></code> tag? Have you noticed that all of the tag names are displayed <code>in code-form</code>, using the <code><code></code> tag? Similarly, I could <kbd>emulate keyboard text</kbd>, using the <code><kbd></code> text tag, or emulate teletype text using the <code><tt></code> tag.
Oh no! I wrote something incorrectly. <br />
<del>I'd better delete it</del>, using the <code><del></code> tag. I could alternately <span style="text-decoration: line-through;">strike something out</span> using the <code><strike></code> tag, or strike something out using the <code><s></code> tag. <i>So many choices</i>, which I emphasize using the <code><em></code> tag. Just to clarify, <br />
<ins>this is some inserted text</ins>, that I'll highlight using the <code><ins></code> tag.
Need to display completely unformatted text, such as a large block of code? Use the <code><pre></code> tag, which lets you display:
<br />
<pre>#container {
float: left;
margin: 0 -240px 0 0;
width: 100%;
}</pre>
Want to quote the WordPress tagline <q>Code is Poetry</q>? Use the <code><q></code> tag to add quotes around it. <b>This is strong text</b> (otherwise known as bold), using the <code><strong></code> tag.
Need to write H<sub>2</sub>O or E = MC<sup>2</sup>? You may find great use for <sub>subscripting</sub> text using the <code><sub></code> tag, or for <sup>superscripting</sup> text using the <code><sup></code> tag. Need to call out a <var>variable</var>? Use the <code><var></code> tag.
<br />
<h2>
Div and Span Tests</h2>
<div>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
<br />
<div class="myclass">
<b>This is a div with "myclass" class, inside of another div, using the <code><div></code> tag.</b></div>
Sed odio nibh, tincidunt adipiscing, pretium nec, tincidunt id, enim. Fusce scelerisque nunc vitae nisl.
</div>
</div>
Anonymoushttp://www.blogger.com/profile/15214247966176649558noreply@blogger.com0tag:blogger.com,1999:blog-2199750865546345387.post-47502894801454149292013-03-05T00:02:00.001-08:002013-03-16T06:46:39.698-07:00Lorem Ipsum Nabillah<br />
<div class="separator" style="background-color: white; border: 0px; clear: both; color: #222222; font-family: arial, sans-serif; margin: 0px; outline: 0px; padding: 0px; text-align: center; vertical-align: baseline;">
<img alt="Lorem Ipsum Nabillah" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgy9GIjzgan9o2UIP1lyoaNf_KdQzh45KGsab7rgFxo3fYNmpZYGZpmd2Pz7_x8rLxE3ecpxMxMrkXoM5F0a8RdDwN59KYpz3jboQrsR1wWXwdIYjai-wdL01n9Yq9qyqGQwls2ZOdZSuO7/s320/Nabila+JKT48+4.jpg" style="background-color: transparent; background-position: initial initial; background-repeat: initial initial; border: 0px; margin: 0px; max-width: 100%; outline: 0px; padding: 0px; vertical-align: baseline;" title="Lorem Ipsum Nabillah" width="240" /></div>
<div class="separator" style="background-color: white; border: 0px; clear: both; color: #222222; font-family: arial, sans-serif; margin: 0px; outline: 0px; padding: 0px; text-align: center; vertical-align: baseline;">
</div>
<br style="background-color: white; color: #222222; font-family: arial, sans-serif; text-align: justify;" /><span style="background-color: white; color: #222222; font-family: arial, sans-serif; text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</span><br style="background-color: white; color: #222222; font-family: arial, sans-serif; text-align: justify;" /><ul style="background-color: white; border: 0px; color: #222222; font-family: arial, sans-serif; margin: 0px 0px 13px 28px; outline: 0px; padding: 0px; text-align: justify; vertical-align: baseline;">
<li style="background-color: transparent; background-position: initial initial; background-repeat: initial initial; border: 0px; margin: 0px; outline: 0px; padding: 0px 0px 3px; vertical-align: baseline;">Lorem Ipsum list menu</li>
<li style="background-color: transparent; background-position: initial initial; background-repeat: initial initial; border: 0px; margin: 0px; outline: 0px; padding: 0px 0px 3px; vertical-align: baseline;">Lorem ipsum list menu</li>
<li style="background-color: transparent; background-position: initial initial; background-repeat: initial initial; border: 0px; margin: 0px; outline: 0px; padding: 0px 0px 3px; vertical-align: baseline;">Lorem ipsum list menu</li>
</ul>
<ol style="background-color: white; border: 0px; color: #222222; font-family: arial, sans-serif; margin: 0px 0px 13px 28px; outline: 0px; padding: 0px; text-align: justify; vertical-align: baseline;">
<li style="background-color: transparent; background-position: initial initial; background-repeat: initial initial; border: 0px; margin: 0px; outline: 0px; padding: 0px 0px 3px; vertical-align: baseline;">Lorem Ipsum list menu</li>
<li style="background-color: transparent; background-position: initial initial; background-repeat: initial initial; border: 0px; margin: 0px; outline: 0px; padding: 0px 0px 3px; vertical-align: baseline;">Lorem ipsum list menu</li>
<li style="background-color: transparent; background-position: initial initial; background-repeat: initial initial; border: 0px; margin: 0px; outline: 0px; padding: 0px 0px 3px; vertical-align: baseline;">Lorem ipsum list menu</li>
</ol>
<h1 style="background-color: white; border: 0px; color: #222222; font-family: arial, sans-serif; margin: 0px; outline: 0px; padding: 0px; text-align: justify; vertical-align: baseline;">
<span style="font-size: small;">Heading1</span></h1>
<h2 style="background-color: white; border: 0px; color: #222222; font-family: arial, sans-serif; margin: 0px; outline: 0px; padding: 0px; text-align: justify; vertical-align: baseline;">
<span style="font-size: small;">Heading2</span></h2>
<h3 style="background-color: white; border: 0px; color: #222222; font-family: arial, sans-serif; margin: 0px; outline: 0px; padding: 0px; text-align: justify; vertical-align: baseline;">
<span style="font-size: small;">Heading3</span></h3>
<h4 style="background-color: white; border: 0px; color: #222222; font-family: arial, sans-serif; margin: 0px; outline: 0px; padding: 0px; text-align: justify; vertical-align: baseline;">
Heading4</h4>
<h5 style="background-color: white; border: 0px; color: #222222; font-family: arial, sans-serif; margin: 0px; outline: 0px; padding: 0px; text-align: justify; vertical-align: baseline;">
<span style="font-size: small;">Heading5</span></h5>
<h6 style="background-color: white; border: 0px; color: #222222; font-family: arial, sans-serif; margin: 0px; outline: 0px; padding: 0px; text-align: justify; vertical-align: baseline;">
<span style="font-size: small;">Heading6</span></h6>
<blockquote style="background-color: white; border-left-color: rgb(204, 204, 204); border-left-style: dotted; border-width: 0px 0px 0px 3px; color: #222222; font-family: arial, sans-serif; font-style: italic; margin: 0px 28px 13px 18px; outline: 0px; padding: 0px 0px 0px 10px; vertical-align: baseline;">
Lorem ipsum blockquote. Lorem ipsum blockquote. Lorem ipsum blockquote. </blockquote>
Anonymoushttp://www.blogger.com/profile/15214247966176649558noreply@blogger.com0tag:blogger.com,1999:blog-2199750865546345387.post-13566391584966620762013-03-05T00:00:00.002-08:002013-03-05T00:00:46.332-08:00Lorem Ipsum Cut Syifaa<br />
<div class="separator" style="background-color: white; border: 0px; clear: both; color: #222222; margin: 0px; outline: 0px; padding: 0px; text-align: center; vertical-align: baseline;">
<span style="font-family: inherit;"><img alt="Gue Love You" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIlRs_W3Tx4bYrJnLxJfHt4LZ_jFWfPMIcqeaS7BcKp1UREw1JG01uheRJMyLL2KSR3MNf1c8DJW_CFslwOXXnLOP6FIhw2Yf6c9lrVfnDv8wW48dvmT6ylG-OjuQU-RN7RQfFRKk1i3iO/s320/166038_101625529978937_1959656860_n.jpg" style="background-color: transparent; background-position: initial initial; background-repeat: initial initial; border: 0px; margin: 0px; max-width: 100%; outline: 0px; padding: 0px; vertical-align: baseline;" title="Gue Love You" width="320" /></span></div>
<span style="font-family: inherit;"><br style="background-color: white; color: #222222; text-align: justify;" /><span style="background-color: white; color: #222222; text-align: justify;">Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod Lorem ipsum dolor sit amet Lorem mgmgag mgag gag hah gagah gagagah hnb bm2 amamama bmagtpat bd.agjptpap ipsum dolor sit amet, aga consectetuer adipiscing elit, sed diam nonummy nibh euismod. Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod Lorem ipsum dolor.</span></span><ul style="background-color: white; border: 0px; color: #222222; margin: 0px 0px 13px 28px; outline: 0px; padding: 0px; text-align: justify; vertical-align: baseline;">
<li style="background-color: transparent; background-position: initial initial; background-repeat: initial initial; border: 0px; margin: 0px; outline: 0px; padding: 0px 0px 3px; vertical-align: baseline;"><span style="font-family: inherit;">Lorem Ipsum list menu</span></li>
<li style="background-color: transparent; background-position: initial initial; background-repeat: initial initial; border: 0px; margin: 0px; outline: 0px; padding: 0px 0px 3px; vertical-align: baseline;"><span style="font-family: inherit;">Lorem ipsum list menu</span></li>
<li style="background-color: transparent; background-position: initial initial; background-repeat: initial initial; border: 0px; margin: 0px; outline: 0px; padding: 0px 0px 3px; vertical-align: baseline;"><span style="font-family: inherit;">Lorem ipsum list menu</span></li>
</ul>
<ol style="background-color: white; border: 0px; color: #222222; margin: 0px 0px 13px 28px; outline: 0px; padding: 0px; text-align: justify; vertical-align: baseline;">
<li style="background-color: transparent; background-position: initial initial; background-repeat: initial initial; border: 0px; margin: 0px; outline: 0px; padding: 0px 0px 3px; vertical-align: baseline;"><span style="font-family: inherit;">Lorem Ipsum list menu</span></li>
<li style="background-color: transparent; background-position: initial initial; background-repeat: initial initial; border: 0px; margin: 0px; outline: 0px; padding: 0px 0px 3px; vertical-align: baseline;"><span style="font-family: inherit;">Lorem ipsum list menu</span></li>
<li style="background-color: transparent; background-position: initial initial; background-repeat: initial initial; border: 0px; margin: 0px; outline: 0px; padding: 0px 0px 3px; vertical-align: baseline;"><span style="font-family: inherit;">Lorem ipsum list menu</span></li>
</ol>
<h1 style="background-color: white; border: 0px; color: #222222; margin: 0px; outline: 0px; padding: 0px; text-align: justify; vertical-align: baseline;">
<span style="font-family: inherit; font-size: small;">Heading1</span></h1>
<h2 style="background-color: white; border: 0px; color: #222222; margin: 0px; outline: 0px; padding: 0px; text-align: justify; vertical-align: baseline;">
<span style="font-family: inherit; font-size: small;">Heading2</span></h2>
<h3 style="background-color: white; border: 0px; color: #222222; margin: 0px; outline: 0px; padding: 0px; text-align: justify; vertical-align: baseline;">
<span style="font-family: inherit; font-size: small;">Heading3</span></h3>
<h4 style="background-color: white; border: 0px; color: #222222; margin: 0px; outline: 0px; padding: 0px; text-align: justify; vertical-align: baseline;">
<span style="font-family: inherit;">Heading4</span></h4>
<h5 style="background-color: white; border: 0px; color: #222222; margin: 0px; outline: 0px; padding: 0px; text-align: justify; vertical-align: baseline;">
<span style="font-family: inherit; font-size: small;">Heading5</span></h5>
<h6 style="background-color: white; border: 0px; color: #222222; margin: 0px; outline: 0px; padding: 0px; text-align: justify; vertical-align: baseline;">
<span style="font-family: inherit; font-size: small;">Heading6</span></h6>
<blockquote style="background-color: white; border-left-color: rgb(204, 204, 204); border-left-style: dotted; border-width: 0px 0px 0px 3px; color: #222222; font-style: italic; margin: 0px 28px 13px 18px; outline: 0px; padding: 0px 0px 0px 10px; vertical-align: baseline;">
<span style="font-family: inherit;">Lorem ipsum blockquote. Lorem ipsum blockquote. Lorem ipsum blockquote. </span></blockquote>
Anonymoushttp://www.blogger.com/profile/15214247966176649558noreply@blogger.com0