Meta Tags Deskripsi/Keyword Otomatis for SEO Blogger | Blog SEO Test™

<div dir="ltr" style="text-align: left;" trbidi="on"><br /><div style="text-align: justify;"><br />Untuk urusan <b>SEO blog</b> khususnya blogger, terkadang kita harus melakukan uji coba(eksperimen). Dari hasil uji coba pemilik blog <a href="http://blogseotest.blogspot.com/">Blog SEO Test</a> pemilik blog menulis tips memasang <a href="http://blogseotest.blogspot.com/2012/03/meta-tags-deskripsikeyword-otomatis-for.html">meta tag deskripsi & keyword otomatis</a> buat SEO Blogger yg telah mereka terapkan untuk berbagi ilmu, pengalaman juga pengetahuan dengan teman-teman blogger agar blog kita semakin baik dalam peringkat search engine dan bisa bersaing (persaingan sehat) dgn blog/situs yg lebih dulu/lama melakukan blogging.</div><br /><div style="text-align: justify;"><br /><br /></div><br /><div style="text-align: justify;"><br />Tidak bisa dipungkiri, bahwa meta description atau meta keyword blog sangat penting untuk di pasang agar bisa memberikan penjelasan detil tentang misi, tujuan dan target dari blog kita kepada bot/crawler.</div><br /><div style="text-align: justify;"><br />Tetapi yg seringkali dilupakan adalah - bahwa meta deskripsi / kata kunci blog juga untuk membantu pengguna internet yg melakukan pencarian di mesin pencari agar mendapatkan penggalan informasi yg melengkapi sebuah judul posting blog lebih relevant, sehingga mereka akan melakukan klik untuk masuk dan melihat isi keseluruhan dari judul dan deskripsi(penjelasan) di search results.</div><br /><div style="text-align: justify;"><br /><br /></div><br /><div style="text-align: justify;"><br />Seringkali blogger hanya berfikir bagaimana cara blog berada pada posisi halaman pertama paling atas di mesin pencari, tapi sebenarnya tanpa didukung meta deskripsi yg relevan dan benar, itu tidak akan mengundang mereka (pengguna iternet) melakukan klik utk mengetahui sumber posting dari judul dan deskripsi yg di tampilkan search engine results.</div><br /><div style="text-align: justify;"><br /><br /></div><br /><div style="text-align: justify;"><br />Ok, mari kita pelajari lebih lanjut bagaimana meta description / keyword agar bekerja dgn baik pada blog. Berikut adalah contoh meta tags description/keyword yg sy gunakan pada awal membuat blog, pernah di posting <a href="http://blogseotest.blogspot.com/2012/02/cara-terbaik-memasang-meta-tag-blog-seo.html">cara terbaik memasang meta tag blogger SEO friendly</a>, di asumsikan, anda sudah tau & menggunakannya.</div><br /><br /><br />Kemudian kita tambahkan <i>meta tag</i><b><i>s</i> description / keyword </b>menjadi seperti berikut :<br /><br /><br /><br /><blockquote class="tr_bq"><br />    <b:include data='blog' name='all-head-content'/><br /><br /><!-- Start blogseotest.blogspot.com: Changing the Blogger Title Tag  --><br /><br />    <b:if cond='data:blog.pageType == &quot;item&quot;'><br /><br />    <title><data:blog.pageName/> | <data:blog.title/></title><br /><br />    <span style="color: orange;"><meta expr:content='data:blog.pageName + ", " + data:blog.title + ", " + data:blog.pageName' name='Description'/></span><br /><br />    <meta expr:content='data:blog.pageName + ", " + data:blog.title + ", " + data:blog.pageName' name='Keywords'/><br /><br />    <b:else/><br /><br />    <title><data:blog.pageTitle/></title><br /><br />    <meta name='DESCRIPTION' content='DESKRIPSI UNTUK BLOG ANDA'/><br /><br />    <meta name='KEYWORDS' content='KATA KUNCI/KEYWORD BLOG ANDA'/><br /><br />    </b:if><br /><br /><!-- End blogseotest.blogspot.com: Changing the Blogger Title Tag  --> </blockquote><br />Maka hasilnya di search result seperti ini :<br /><br /><br /><br />Untuk halaman posting : <br /><br /><div class="separator" style="clear: both; text-align: center;"><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGfnPDJZy5-P8wPjHE2souMf6n4GIAwm1CW_Zhh5Co-gxY_B8R2m7XhHhczm6xNuvlSnBRyPrBPRHFj6kvG_tvhzBb1QlG6f_HuBgrklIgo60xEAKsS0YBLMJ9Vh3t9H2Db4g8z0d_unw/s1600/meta+6.jpg" style="margin-left: 1em; margin-right: 1em;"><img alt="Meta Tags Deskripsi" border="0" height="65" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGfnPDJZy5-P8wPjHE2souMf6n4GIAwm1CW_Zhh5Co-gxY_B8R2m7XhHhczm6xNuvlSnBRyPrBPRHFj6kvG_tvhzBb1QlG6f_HuBgrklIgo60xEAKsS0YBLMJ9Vh3t9H2Db4g8z0d_unw/s400/meta+6.jpg" title="Meta Tags Deskripsi" width="400" /></a></div><br />Untuk halaman Beranda / Home :<br /><br /><div class="separator" style="clear: both; text-align: center;"><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMa71L1GdcvB4I27my9YyQxUeerJMi3ITQrYOI4xs_5doQO4z87L7plHl-fjyL5L2RCyiP2eJTtfpZQpPtI3sSrNiIIDrvQ4a5mLy-fYUcZMS1jsENBLXLZq1v7F0J2jzoXrRAsdJ3MAA/s1600/meta+5.jpg" style="margin-left: 1em; margin-right: 1em;"><img alt="Meta Tags Keyword Otomatis" border="0" height="67" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMa71L1GdcvB4I27my9YyQxUeerJMi3ITQrYOI4xs_5doQO4z87L7plHl-fjyL5L2RCyiP2eJTtfpZQpPtI3sSrNiIIDrvQ4a5mLy-fYUcZMS1jsENBLXLZq1v7F0J2jzoXrRAsdJ3MAA/s400/meta+5.jpg" title="Meta Tags Keyword Otomatis" width="400" /></a></div><br /><br /><br /><div style="text-align: justify;"><br />Nah, saat meneliti hasil dgn meta tags di atas, agaknya kurang cocok/sesuai dengan yang kita inginkan. Karena berdasarkan <b>optimasi SEO</b>, hasil di atas kurang <i>memberi deskripsi</i><br /> yang bisa melengkapi judul posting. Kecuali hanya menampilkan judul + <br />nama blog diulang 2 kali. Dan hasilnyapun kurang bagus di posisi search <br />engine juga kurang mengundang klik pengguna internet. Maka, penulis mencari <span class="IL_AD" id="IL_AD5">alternativ</span><span class="IL_AD" id="IL_AD8">terbaik</span> dgn menghilangkan <b>meta deskripsi</b> untuk halaman posting - <span style="color: orange;"><meta expr:content='data:blog.pageName + ", " + data:blog.title + ", " + data:blog.pageName' name='Description'/></span>, kenapa begitu ? :</div><br /><div style="text-align: justify;"><br />Alasannya karena walaupun tanpa <span class="IL_AD" id="IL_AD6">meta description</span>,<br /> Blogger sudah menyediakan fasilitas otomatis mengambil deskripsi dari <br />paragraf awal dan paragraf akhir dlm setiap posting artikel, kemudian <br />megambil setiap keyword/kata kunci dari keseluruhan artikel berupa <b>snippet</b> yg kita beri tanda dgn sengaja (huruf tebal/huruf miring) atau bot/crawler sendiri yg akan menentukan apa adanya.</div><br /><br /><br /><div style="text-align: justify;"><br />Lalu, setelah penulis mencoba hilangkan meta deskripsi utk halaman posting tapi masih tetap mempertahankan <b>meta keyword otomatis</b><br /> (kata kunci berbeda pada setiap posting, menyesuaikan dgn judul) - <br /><meta expr:content='data:blog.pageName + ", " + data:blog.title + ", "<br /> + data:blog.pageName' name='Keywords'/>, maka hasilnya seperti ini :</div><br /><br /><br /><div class="separator" style="clear: both; text-align: center;"><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEij0Kz0tU8UHzi8O2RXKMy-CUS7PNImrIaUHIiV6FBNXIfd3D5IMAkkel3Ulr-0zZxW0oZ64mFLIASClhIsBqfC7OMQolN_ab6v7eMg_RTQNLUeS34SD2YJrFdt7ohpBApCpx9FiuSixKE/s1600/meta+1.jpg" style="margin-left: 1em; margin-right: 1em;"><img alt="Meta Tags Deskripsi/Keyword Otomatis" border="0" height="162" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEij0Kz0tU8UHzi8O2RXKMy-CUS7PNImrIaUHIiV6FBNXIfd3D5IMAkkel3Ulr-0zZxW0oZ64mFLIASClhIsBqfC7OMQolN_ab6v7eMg_RTQNLUeS34SD2YJrFdt7ohpBApCpx9FiuSixKE/s400/meta+1.jpg" title="Meta Tags Deskripsi/Keyword Otomatis" width="400" /></a></div><br /><div style="text-align: justify;"><br />Silahkan lihat perbedaan judul dan deskripsi yg tertata rapi mulai dari <br />kata pengantar > kategori > tags > judul, tentu SEO friendly <br />(menurut penulis).</div><br /><div style="text-align: justify;"><br />Hasil di atas tentu saja perlu sentuhan kreatif saat proses menulis <br />artikel pada awal paragraf dan ahkir paragraf supaya menampilkan <br />deskripsi berkaitan dgn judul (relevant). Dan itu tergantung pada <br />pilihan dan cara anda utk menyesuaikannya agar <a href="http://blogseotest.blogspot.com/2012/03/meta-tags-deskripsikeyword-otomatis-for.html"><b>meta tags deskripsi</b> / <b>keyword otomatis untuk seo blogger</b></a> bekerja secara sempurna. Semoga berguna, sukses!</div><br /><br /><br />Terima kasih kepada penulis artikel ini, Saudara: <br /><br /><div class="left"><br /><a href="https://google.com/+AgiefIkhsan" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;" target="_blank"><br /><img alt="Author" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgq7fy_cT0ec24a_8B3717LjIsQojy1IgAHeHyxHiLPTSQ_KA9BOWcLokDs229Ce-6-73B5-yfRGPe_pL5ZkHpXQbteEZDiGhypZV0IKXK5G9ebdxPXVn9zzoBy4ImJ7FfGxixwdmDH_hk/s200/Author.jpg" style="background-color: #101116; height: 85px; padding: 8px; width: 85px;" title="Penulis Blog SEO Test" /><br /></a><br /><br /><h4><br /><span style="color: #eaeaea;"><br /> » <br /> </span><br /><span style="color: #cd6803;"><br /> Agief Ikhsan<br /> </span><br /></h4><br /></div><br /><br /><br /><a href="http://blogseotest.blogspot.com/2012/03/meta-tags-deskripsikeyword-otomatis-for.html">Meta Tags Deskripsi/Keyword Otomatis for SEO Blogger | Blog SEO Test™</a><br /><br /><br /><br /><br /><div class="zemanta-pixie" style="height: 15px; margin-top: 10px;"><br /><img alt="" class="zemanta-pixie-img" src="http://img.zemanta.com/pixy.gif?x-id=dd963a8f-7bf1-4b4f-962d-55d627e4d9a6" style="border: none; float: right;" /></div><br /></div><br />

• 
• 
• 
• 
• 

1. 1
2. 2
3. 3
4. 4
5. 5

• Previous
• Next

Meta Tags Deskripsi/Keyword Otomatis for SEO Blogger | Blog SEO Test™

Untuk urusan SEO blog khususnya blogger, terkadang kita harus melakukan uji coba(eksperimen). Dari hasil uji coba pemilik blog Blog SEO Test pemilik blog menulis tips memasang meta tag deskripsi & key…

Read more »

efek animasi loading halaman dengan css3 pada blogger

<div dir="ltr" style="text-align: left;" trbidi="on"><br /><div class="post-header"><br /><br /></div><br /><div dir="ltr" style="text-align: left;"><br /><div class="separator" style="clear: both; text-align: center;"><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiK2sUzXSs9jp19KrTDNCOGdHgn5iEHPz-JfQdZD-fIXL2reEWunshTmkY29Qwo-sDDNLwUWykTB8v6JSyjEJLeuPG858h9CTYNjTL19CGklGdXoeI8VtLM146Os-cpppgQfQH4NCWGLLA/s1600/animasi+loading+halaman+blogger.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="182" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiK2sUzXSs9jp19KrTDNCOGdHgn5iEHPz-JfQdZD-fIXL2reEWunshTmkY29Qwo-sDDNLwUWykTB8v6JSyjEJLeuPG858h9CTYNjTL19CGklGdXoeI8VtLM146Os-cpppgQfQH4NCWGLLA/s400/animasi+loading+halaman+blogger.png" width="400" /></a></div><br /><div style="text-align: center;"><br /></div><br /> efek loading ini hanya dibuat dengan <a class="zem_slink" href="http://en.wikipedia.org/wiki/Cascading_Style_Sheets" rel="wikipedia" title="Cascading Style Sheets">CSS</a>, untuk menambahkan efek menarik ini di blog anda, silahkan ikuti <br />langkah-langkah berikut:<br /><br /><br /><br />1. Untuk menampilkan efek load diatas pada halaman Anda, letakkan kode berikut sebelum tag <code>]]></b:skin></code> dalam template blog anda<br /><br /><br /><br /><pre><code class="css"><span class="id">#loadhalaman</span> <span class="rules">{<span class="rule"><span class="attribute">position</span>:<span class="value">fixed;</span></span><span class="rule"><span class="attribute">opacity</span>:<span class="value"><span class="number">0.93</span>;</span></span><span class="rule"><span class="attribute">top</span>:<span class="value"><span class="number">0</span>;</span></span><span class="rule"><span class="attribute">left</span>:<span class="value"><span class="number">0</span>;</span></span><span class="rule"><span class="attribute">background-color</span>:<span class="value"><span class="hexcolor">#000</span>;</span></span><span class="rule"><span class="attribute">z-index</span>:<span class="value"><span class="number">9999</span>;</span></span><span class="rule"><span class="attribute">text-align</span>:<span class="value">center;</span></span><span class="rule"><span class="attribute">width</span>:<span class="value"><span class="number">100</span>%;</span></span><span class="rule"><span class="attribute">height</span>:<span class="value"><span class="number">100</span>%;</span></span><span class="rule"><span class="attribute">padding-top</span>:<span class="value"><span class="number">20</span>%;</span></span><span class="rule"><span class="attribute">color</span>:<span class="value"><span class="hexcolor">#000</span>;</span></span><span class="rule"><span class="attribute">display</span>:<span class="value">none;</span></span><span class="rule">}</span></span><br /><span class="class">.loadball</span> <span class="rules">{<span class="rule"><span class="attribute">background-color</span>:<span class="value"> transparent;</span></span><span class="rule"><span class="attribute">border</span>:<span class="value"><span class="number">5</span>px solid <span class="function">rgb(<span class="number">240</span> ,<span class="number">0</span> , <span class="number">0</span>)</span>;</span></span><span class="rule"><span class="attribute">border-right</span>:<span class="value"><span class="number">5</span>px solid transparent;</span></span><span class="rule"><span class="attribute">border-left</span>:<span class="value"><span class="number">5</span>px solid transparent;</span></span><span class="rule"><span class="attribute">border-radius</span>:<span class="value"><span class="number">50</span>px;</span></span><span class="rule"><span class="attribute">box-shadow</span>:<span class="value"> <span class="number">0</span> <span class="number">0</span> <span class="number">35</span>px <span class="function">rgb(<span class="number">255</span> ,<span class="number">0</span> , <span class="number">0</span>)</span>;</span></span><span class="rule"><span class="attribute">width</span>:<span class="value"><span class="number">50</span>px;</span></span><span class="rule"><span class="attribute">height</span>:<span class="value"><span class="number">50</span>px;</span></span><span class="rule"><span class="attribute">margin</span>:<span class="value"><span class="number">0</span> auto;</span></span><span class="rule"><span class="attribute">-moz-animation</span>:<span class="value">spinPulse <span class="number">1</span>s infinite ease-in-out;</span></span><span class="rule"><span class="attribute">-webkit-animation</span>:<span class="value">spinPulse <span class="number">1</span>s infinite linear;</span></span><span class="rule">}</span></span><br /><span class="class">.loadball-2</span> <span class="rules">{<span class="rule"><span class="attribute">background-color</span>:<span class="value"> transparent;</span></span><span class="rule"><span class="attribute">border</span>:<span class="value"><span class="number">5</span>px solid <span class="function">rgb(<span class="number">240</span> ,<span class="number">0</span> , <span class="number">0</span>)</span>;</span></span><span class="rule"><span class="attribute">border-left</span>:<span class="value"><span class="number">5</span>px solid transparent;</span></span><span class="rule"><span class="attribute">border-right</span>:<span class="value"><span class="number">5</span>px solid transparent;</span></span><span class="rule"><span class="attribute">border-radius</span>:<span class="value"><span class="number">50</span>px;</span></span><span class="rule"><span class="attribute">box-shadow</span>:<span class="value"> <span class="number">0</span> <span class="number">0</span> <span class="number">15</span>px <span class="function">rgb(<span class="number">255</span> ,<span class="number">0</span> , <span class="number">0</span>)</span>;</span></span><span class="rule"><span class="attribute">width</span>:<span class="value"><span class="number">30</span>px;</span></span><span class="rule"><span class="attribute">height</span>:<span class="value"><span class="number">30</span>px;</span></span><span class="rule"><span class="attribute">margin</span>:<span class="value"><span class="number">0</span> auto;</span></span><span class="rule"><span class="attribute">position</span>:<span class="value">relative;</span></span><span class="rule"><span class="attribute">top</span>:<span class="value">-<span class="number">50</span>px;</span></span><span class="rule"><span class="attribute">-moz-animation</span>:<span class="value">spinoffPulse <span class="number">1</span>s infinite linear;</span></span><span class="rule"><span class="attribute">-webkit-animation</span>:<span class="value">spinoffPulse <span class="number">1</span>s infinite linear;</span></span><span class="rule">}</span></span><br /><span class="at_rule">@-moz-keyframes spinPulse </span>{0% <span class="rules">{ <span class="rule"><span class="attribute">-moz-transform</span>:<span class="value"><span class="function">rotate(<span class="number">160</span>deg)</span>;</span></span> <span class="rule"><span class="attribute">opacity</span>:<span class="value"><span class="number">0</span>;</span></span> <span class="rule"><span class="attribute">box-shadow</span>:<span class="value"><span class="number">0</span> <span class="number">0</span> <span class="number">1</span>px <span class="function">rgb(<span class="number">255</span>, <span class="number">0</span>, <span class="number">0</span>)</span>}</span></span></span>50% <span class="rules">{ <span class="rule"><span class="attribute">-moz-transform</span>:<span class="value"><span class="function">rotate(<span class="number">145</span>deg)</span>;</span></span> <span class="rule"><span class="attribute">opacity</span>:<span class="value"><span class="number">1</span>;</span></span> <span class="rule">}</span></span>100% <span class="rules">{ <span class="rule"><span class="attribute">-moz-transform</span>:<span class="value"><span class="function">rotate(-<span class="number">320</span>deg)</span>;</span></span> <span class="rule"><span class="attribute">opacity</span>:<span class="value"><span class="number">0</span>;</span></span> <span class="rule">}</span></span>}<br /><span class="at_rule">@-moz-keyframes spinoffPulse </span>{0% <span class="rules">{ <span class="rule"><span class="attribute">-moz-transform</span>:<span class="value"><span class="function">rotate(<span class="number">0</span>deg)</span>;</span></span> <span class="rule">}</span></span> 100% <span class="rules">{ <span class="rule"><span class="attribute">-moz-transform</span>:<span class="value"><span class="function">rotate(<span class="number">360</span>deg)</span>;</span></span> <span class="rule">}</span></span>}<br /><span class="at_rule">@-webkit-keyframes spinPulse </span>{0% <span class="rules">{ <span class="rule"><span class="attribute">-webkit-transform</span>:<span class="value"><span class="function">rotate(<span class="number">160</span>deg)</span>;</span></span> <span class="rule"><span class="attribute">opacity</span>:<span class="value"><span class="number">0</span>;</span></span> <span class="rule"><span class="attribute">box-shadow</span>:<span class="value"><span class="number">0</span> <span class="number">0</span> <span class="number">1</span>px <span class="function">rgb(<span class="number">255</span>, <span class="number">0</span>, <span class="number">0</span>)</span>}</span></span></span> 50% <span class="rules">{ <span class="rule"><span class="attribute">-webkit-transform</span>:<span class="value"><span class="function">rotate(<span class="number">145</span>deg)</span>;</span></span> <span class="rule"><span class="attribute">opacity</span>:<span class="value"><span class="number">1</span>;</span></span><span class="rule">}</span></span> 100% <span class="rules">{ <span class="rule"><span class="attribute">-webkit-transform</span>:<span class="value"><span class="function">rotate(-<span class="number">320</span>deg)</span>;</span></span> <span class="rule"><span class="attribute">opacity</span>:<span class="value"><span class="number">0</span>;</span></span> <span class="rule">}</span></span>}<br /><span class="at_rule">@-webkit-keyframes spinoffPulse </span>{0% <span class="rules">{ <span class="rule"><span class="attribute">-webkit-transform</span>:<span class="value"><span class="function">rotate(<span class="number">0</span>deg)</span>;</span></span> <span class="rule">}</span></span> 100% <span class="rules">{ <span class="rule"><span class="attribute">-webkit-transform</span>:<span class="value"><span class="function">rotate(<span class="number">360</span>deg)</span>;</span></span> <span class="rule">}</span></span>}</code></pre><br /><br /><br />2. Masukkan kode di bawah ini sebelum kode tag <code></body></code><br /><br /><br /><br /><pre><code class="xml"><span class="tag"><<span class="title">div</span> <span class="attribute">id</span>=<span class="value">'loadhalaman'</span>></span><br /><span class="tag"><<span class="title">div</span> <span class="attribute">class</span>=<span class="value">'loadball'</span>></span><span class="tag"></<span class="title">div</span>></span><br /><span class="tag"><<span class="title">div</span> <span class="attribute">class</span>=<span class="value">'loadball-2'</span>></span><span class="tag"></<span class="title">div</span>></span><br /><span class="tag"></<span class="title">div</span>></span><br /><span class="tag"><<span class="title">script</span> <span class="attribute">type</span>=<span class="value">'text/javascript'</span>></span><span class="javascript"><br />$(<span class="keyword">function</span>() {<br /> <span class="keyword">var</span> siteURL = <span class="string">"http://"</span> + top.location.host.toString();<br /> <span class="keyword">var</span> $internalLinks = $(<span class="string">"a[href^='"</span>+siteURL+<span class="string">"'], a[href^='/'], a[href^='./'], a[href^='../']"</span>);<br /> $internalLinks.click(<span class="keyword">function</span>() {<br /> $(<span class="string">'#loadhalaman'</span>).fadeIn(<span class="number">1500</span>).delay(<span class="number">6000</span>).fadeOut(<span class="number">1000</span>);<br /> });<br /><br /> <span class="comment">// Hilangkan overlay saat diklik untuk mengatasi gangguan, terutama jika link internal diset dengan target='_blank'</span><br /> $(<span class="string">'#loadhalaman'</span>).click(<span class="keyword">function</span>() {<br /> $(<span class="keyword">this</span>).hide();<br /> });<br />});<br /></span><span class="tag"></<span class="title">script</span>></span></code></pre><br /><br /><br />demikian semoga berguna dan bisa membuat blog anda lebih menarik....</div><br /><div class="zemanta-pixie" style="height: 15px; margin-top: 10px;"><br /><img alt="" class="zemanta-pixie-img" src="http://img.zemanta.com/pixy.gif?x-id=18d007e9-435b-4d21-a6a4-0b9c8507938e" style="border: none; float: right;" /></div><br /></div><br />

• 
• 

1. 1
2. 2

• Previous
• Next

efek animasi loading halaman dengan css3 pada blogger

 efek loading ini hanya dibuat dengan CSS, untuk menambahkan efek menarik ini di blog anda, silahkan ikuti langkah-langkah berikut:1. Untuk menampilkan efek load diatas pada halaman Anda, letakkan kod…

Read more »

Meta Tag Generator

<div dir="ltr" style="text-align: left;" trbidi="on"><br /><!-- BEGIN Developer Shed™ Network's Meta Tag Generator --><br /><!-- Copyright 2001 Developer Shed™, LLC All Rights Reserved --><br /><br /><br /><br /><br /><table border="0" cellpadding="0" cellspacing="0"><br /> <tbody><br /><tr><br /> <td valign="top"><table border="0" cellpadding="0" cellspacing="0" style="width: 300px;"><br /> <tbody><br /><tr><br /> <td height="16" width="16"><img height="16" src="http://images.devshed.com/sc/seotools/image_01.gif" width="16" /></td><br /> <td background="http://images.devshed.com/sc/seotools/bckg06.gif" height="16" width="130"><img height="16" src="http://images.devshed.com/sc/seotools/spacer.gif" width="130" /></td><br /> <td background="http://images.devshed.com/sc/seotools/bckg06.gif" height="16" width="118"><img height="16" src="http://images.devshed.com/sc/seotools/spacer.gif" width="150" /></td><br /> <td background="http://images.devshed.com/sc/seotools/bckg06.gif" width="40"><img height="16" src="http://images.devshed.com/sc/seotools/spacer.gif" width="40" /></td><br /> <td height="16" width="18"><img height="16" src="http://images.devshed.com/sc/seotools/image_02.gif" width="16" /></td><br /> </tr><br /><tr><br /> <td background="http://images.devshed.com/sc/seotools/bckg07.gif" height="30"></td><br /> <td bgcolor="#CCCCCC" class="toolbox" colspan="2" valign="top" width="*"><b><span>Meta Tag Generator Tool</span></b> © <a href="http://www.seochat.com/">SEO Chat™</a><br /> <span style="font-family: Courier New, Courier, mono; font-size: x-small;"><br /> </span><br /><br /><form action="http://www.seochat.com/seo-tools/meta-tag-generator?tool=3?tool=3&code=1/?tool=3" class="tool-form" method="POST" name="form"><br /><span style="font-family: Courier New, Courier, mono; font-size: x-small;"><input name="go" type="hidden" value="1" /></span><br /><br /><br /><br /><h5><br /><span style="font-family: Courier New, Courier, mono; font-size: x-small;">Keywords</span></h5><br /><span style="font-family: Courier New, Courier, mono; font-size: x-small;">List of relevant keywords<textarea cols="30" name="keywords" rows="5" tabindex="1">

Description

Short description of page

Enter Captcha To Continue

To prevent spamming, please enter in the numbers and letters in the box below



Report Problem with Tool.

Marquee Codes Images and Text

<div dir="ltr" style="text-align: left;" trbidi="on"><br /><div dir="ltr" style="text-align: left;" trbidi="on"><br /></div><br />Images and Text<br /><br /><!--<br /> Codes by http://ajabingung.blogspot.com/ --><br /><marquee behavior="scroll" direction="left"><br /><div style="text-align: center;"><br /><img alt="Flying bat in a marquee" height="82" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYpdlS8VQvP093MGaWlqt-dTM14eXNUjeW4ttlLs7eD7h8nfB6dzG3LJ0GfBlIYgCVGjsnWDtUHdrjibjYwROBTHIGb1lj7-_2SyeZzDDj-Ntsc2fmstJTUhpFvsULPGCZVlZNqOJW_Gb_/s1600/flying_bat.gif" width="125" /><br /><br />Bruce the Bat<br /></div><br /></marquee><br /><br /><br /><br /><div class="separator" style="clear: both; text-align: center;"><br /><a href="http://www.quackit.com/" style="margin-left: 1em; margin-right: 1em;"></a></div><br />There's nothing to stop you putting more than one HTML element inside your HTML marquee codes. Doing so will make both scroll.<br /><br /><table border="0" cellspacing="0" class="example"><br /> <tbody><br /><tr><th>Source Code</th><th>Result</th></tr><br /><tr><td><textarea class="exampleCode" cols="40" name="bodyText" onclick="this.focus();this.select()" rows="3"><!-- Codes by http://ajabingung.blogspot.com/ --><br /><marquee behavior="scroll" direction="left"><br /><div style="text-align:center;"><br /><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYpdlS8VQvP093MGaWlqt-dTM14eXNUjeW4ttlLs7eD7h8nfB6dzG3LJ0GfBlIYgCVGjsnWDtUHdrjibjYwROBTHIGb1lj7-_2SyeZzDDj-Ntsc2fmstJTUhpFvsULPGCZVlZNqOJW_Gb_/s1600/flying_bat.gif" width="125" height="82" alt="Flying bat in a marquee" /><br />Bruce the Bat<br /></div><br /></marquee><br />

Bruce the Bat

Marquee Codes Images and Text

<div dir="ltr" style="text-align: left;" trbidi="on"><div dir="ltr" style="text-align: left;" trbidi="on"></div>Images and Text<br /><!-- Codes by http://ajabingung.blogspot.com/ --><marquee behavior="scroll" direction="left"><div style="text-align: center;"><img alt="Flying bat in a marquee" height="82" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYpdlS8VQvP093MGaWlqt-dTM14eXNUjeW4ttlLs7eD7h8nfB6dzG3LJ0GfBlIYgCVGjsnWDtUHdrjibjYwROBTHIGb1lj7-_2SyeZzDDj-Ntsc2fmstJTUhpFvsULPGCZVlZNqOJW_Gb_/s1600/flying_bat.gif" width="125" /><br />Bruce the Bat </div></marquee> <br /><div class="separator" style="clear: both; text-align: center;"><a href="http://www.quackit.com/" style="margin-left: 1em; margin-right: 1em;"></a></div>There's nothing to stop you putting more than one HTML element inside your HTML marquee codes. Doing so will make both scroll.<br /><table border="0" cellspacing="0" class="example"> <tbody><tr><th>Source Code</th><th>Result</th></tr><tr><td><textarea class="exampleCode" cols="40" name="bodyText" onclick="this.focus();this.select()" rows="3"><!-- Codes by http://ajabingung.blogspot.com/ --><marquee behavior="scroll" direction="left"><div style="text-align:center;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYpdlS8VQvP093MGaWlqt-dTM14eXNUjeW4ttlLs7eD7h8nfB6dzG3LJ0GfBlIYgCVGjsnWDtUHdrjibjYwROBTHIGb1lj7-_2SyeZzDDj-Ntsc2fmstJTUhpFvsULPGCZVlZNqOJW_Gb_/s1600/flying_bat.gif" width="125" height="82" alt="Flying bat in a marquee" /><br />Bruce the Bat </div></marquee>

Bruce the Bat