Berkarya & Berkreasi

Cara Mengatur Posisi Gambar Header Rata Tengah, Kiri, dan Kanan

<p><b><a href="http://micvoster.blogspot.com/2013/05/cara-mengatur-posisi-gambar-header-rata.html">Cara Mengatur Posisi Gambar Header Rata Tengah, Kiri, dan Kanan</a> - </b>Alhamdulillah kali ini saya bisa posting lagi yang dimana sebelumnya saya posting tentang <a href="http://micvoster.blogspot.com/2013/05/cara-mengubah-nama-menunavigasi-blog.html" style="background-color: white; color: black; display: inline !important; font-family: 'Segoe UI', Arial; font-size: 13px; font-weight: bold; line-height: 16.890625px; text-decoration: none;" title="Cara Mengubah Nama Menu/Navigasi Blog">Cara Mengubah Nama Menu/Navigasi Blog</a>. Dan untuk kali ini <a href="http://micvoster.blogspot.com/" target="_blank">Micvoster</a> akan berbagi trik tentang <i>Cara Mengatur Posisi Gambar Header Rata Tengah, Kiri, dan Kanan.</i><br />
<i><br /></i>
<b><a href="http://micvoster.blogspot.com/2013/05/cara-mengatur-posisi-gambar-header-rata.html">Header blog</a></b>
 bisa diartikan sebagai kepala blog yang dimana Header blog ini sangat 
penting untuk kebaikan blog kita sendiri. Beberapa blogger membuat 
header blog dengan sebuah gambar namun ada juga hanya dengan tulisan. 
Untuk Header blog dengan gambar biasanya mengalami penempatan yang 
kurang sesuai dengan keinginan kita, biasanya setelah mengganti header 
blog dengan sebuah gambar maka header blog berada di bagian tengah 
padahal keinginan kita header blog berada di bagian kiri dan begitu pun 
lainnya.<br />
<br />
Dengan pernyataan diatas saya punya solusinya yang semoga dapat bermanfaat. Nah, mengatasi itu perhatikan di bawah ini :<br />
<br />
1. Anda harus login di blogger.com<br />
2. Kemudian pilih Template --> Edit HTML<br />
3. Cari kata <span style="color: red;">#header-wrapper</span> atau<span style="color: red;"> #header-inner</span> atau <span style="color: red;">#header img.</span> Gunakan Ctrl + F untuk mempermudah mencarinya.<br />
4. Jika sudah ketemu biasanya akan tampak seperti ini (gambar header berada di tengah) :<br />
<br />
<br />
<blockquote class="tr_bq">
#header-wrapper{background:#fff; margin:0 auto; width:970px; overflow:hidden}<br />#header-inner{background-position:center; margin-left:auto; margin-right:auto}<br />#header{padding-left:20px; font-family:arial; width:900px; text-align:left; float:left; height:70px; color:#000}<br />#header h1{font:25px "Segoe UI",Arial; font-weight:bold; color:#000; text-align:left; margin-top:5px; padding:6px 0 8px}<br />#header a{text-decoration:none; color:#000; border:0}<br />#header .description{font-size:1em}<br />#header img{<span style="color: red;">margin-left:auto; margin-right:auto</span>}<br />#outer-wrapper{background:#fff; box-shadow:0 0 20px #6d5d96;</blockquote>
Perlu anda ketahui kode diatas berbeda-beda untuk setiap blog cari cari yang hampir sama diatas.<br />
5. Untuk mengatur <a href="http://micvoster.blogspot.com/2013/05/cara-mengatur-posisi-gambar-header-rata.html">posisi gambar header</a> berada di tengah, anda tinggal ubah kode :<br />
<blockquote class="tr_bq">
#header img{<span style="color: red;">margin-left:auto; margin-right:auto</span>}</blockquote>
<b>menjadi </b><br />
<blockquote class="tr_bq">
#header img{<span style="color: red;">margin-left:auto; margin-right:auto</span>} </blockquote>
maka hasilnya seperti ini :<br />
<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/AVvXsEinDmwR4wJ9lhUZDrszbEHamuXUGYss1Cpv5o2RAzWZ6KQsgMLFtYJLV7ONL-U1hawItR4awxpyspMKXh5T0-6ELYAkyBUFdSQZtfsIK_eF-zZXfIS8zl9vBbb_pOboitiz9FalmddbMmQ/s1600/posisi+tengah.png" style="margin-left: auto; margin-right: auto;"><img alt="Cara Mengatur Posisi Gambar Header Rata Tengah, Kiri, dan Kanan" border="0" height="51" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinDmwR4wJ9lhUZDrszbEHamuXUGYss1Cpv5o2RAzWZ6KQsgMLFtYJLV7ONL-U1hawItR4awxpyspMKXh5T0-6ELYAkyBUFdSQZtfsIK_eF-zZXfIS8zl9vBbb_pOboitiz9FalmddbMmQ/s400/posisi+tengah.png" title="Cara Mengatur Posisi Gambar Header Rata Tengah, Kiri, dan Kanan" width="400" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Posisi Tengah/Center</td></tr>
</tbody></table>
6. Untuk mengatur <a href="http://micvoster.blogspot.com/2013/05/cara-mengatur-posisi-gambar-header-rata.html">posisi gambar header</a> berada di sebelah kiri, anda tinggal ubah kode :<br />
<blockquote class="tr_bq">
#header img{<span style="color: red;">margin-left:auto; margin-right:auto</span>}</blockquote>
<b>menjadi</b><br />
<blockquote class="tr_bq">
#header img{<span style="color: red;">text-align:left</span>}</blockquote>
maka hasilnya seperti ini :<br />
<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/AVvXsEivIHbrKD44J7dPqQIYbTmgb2l2G3jBUFvjS6N4mvB2xee_64JIBXTLEK83CX_N0pBeGsibqMcxRBlspnYwaQPItnDca_ZXxPz8ebbN6CLYiAg6La8QMTL2j5MyEvwh8E-e9vtXWhV73cs/s1600/posisi+kiri.png" style="margin-left: auto; margin-right: auto;"><img alt="Cara Mengatur Posisi Gambar Header Rata Tengah, Kiri, dan Kanan" border="0" height="50" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivIHbrKD44J7dPqQIYbTmgb2l2G3jBUFvjS6N4mvB2xee_64JIBXTLEK83CX_N0pBeGsibqMcxRBlspnYwaQPItnDca_ZXxPz8ebbN6CLYiAg6La8QMTL2j5MyEvwh8E-e9vtXWhV73cs/s400/posisi+kiri.png" title="Cara Mengatur Posisi Gambar Header Rata Tengah, Kiri, dan Kanan" width="400" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Posisi Kiri/Left</td></tr>
</tbody></table>
7. Untuk mengatur <a href="http://micvoster.blogspot.com/2013/05/cara-mengatur-posisi-gambar-header-rata.html">posisi gambar header</a> berada di sebalah kanan, anda tinggal ubah kode :<br />
<br />
<blockquote class="tr_bq">
#header img{<span style="color: red;">margin-left:auto; margin-right:auto</span>}</blockquote>
<b>menjadi</b><br />
<blockquote class="tr_bq">
#header img{<span style="color: red;">margin-left:auto</span>}</blockquote>
maka hasilnya seperti ini :<br />
<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/AVvXsEhv21QtPllUbv6ZPwhHsQOAQyMKgQggMUFBhtAdslUgvDmR79OZkPsvKr7An2aagkCHCZONygaqWV384DmGMvBnsVyQeekknYE-rhk7zHxPy0c8FFJuag6QKY_zl31y7XI8hul604QnMqc/s1600/posisi+kanan.png" style="margin-left: auto; margin-right: auto;"><img alt="Cara Mengatur Posisi Gambar Header Rata Tengah, Kiri, dan Kanan" border="0" height="48" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhv21QtPllUbv6ZPwhHsQOAQyMKgQggMUFBhtAdslUgvDmR79OZkPsvKr7An2aagkCHCZONygaqWV384DmGMvBnsVyQeekknYE-rhk7zHxPy0c8FFJuag6QKY_zl31y7XI8hul604QnMqc/s400/posisi+kanan.png" title="Cara Mengatur Posisi Gambar Header Rata Tengah, Kiri, dan Kanan" width="400" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Posisi Kanan/Right</td></tr>
</tbody></table>
8. Setelah itu anda tinggal save dan lihat hasilnya. Mudah kan ?<br />
<br />
Demikian artikel saya tentang <i><a href="http://micvoster.blogspot.com/2013/05/cara-mengatur-posisi-gambar-header-rata.html">Cara Mengatur Posisi Gambar Header Rata Tengah, Kiri, dan Kanan</a> </i>semoga dapat bermanfaat dengan baik. <span style="background-color: white; color: #222222; line-height: 22.390625px;"><span style="font-family: Times, Times New Roman, serif;"></span></span></p>

Cara Mengatur Posisi Gambar Header Rata Tengah, Kiri, dan Kanan - Alhamdulillah kali ini saya bisa posting lagi yang dimana sebelumnya saya...

Claritas est etiam processus dynamicus

<p><div class="post-body entry-content" id="post-body-2969899466118994270">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam 
nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat 
volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation 
ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.<br /><br /><center>
<img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJnMsaNOZvbvULg5H7aAyFtlhixBK1c7BS0KGfdsnQ_FfxrmwoN1R6SDszm2NRAPSkSN-zbte0mI6q_vSVj9NGIMyJgVDzZGzDmHxvXlmO_qVUZBibkNZytxc0o2qVyxCVltzARdgvRuc/s1600/neighborhood.jpg" /></center>
<br /><ol>
<li>Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat</li>
<li>vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio </li>
<li>dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.</li>
</ol>
<br />Nam
 liber tempor cum soluta nobis eleifend option congue nihil imperdiet 
doming id quod mazim placerat facer possim assum. Typi non habent 
claritatem insitam; est usus legentis in iis qui facit eorum claritatem.
 Investigationes demonstraverunt lectores legere me lius quod ii legunt 
saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem
 consuetudium lectorum.<br /><br />Mirum est notare quam littera gothica, 
quam nunc putamus parum claram, anteposuerit litterarum formas 
humanitatis per seacula quarta decima et quinta decima. Eodem modo typi,
 qui nunc nobis videntur parum clari, fiant sollemnes in futurum.</div>
</p>

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat vo...

cara meningkatkan website blog di urutan teratas google

<p>

<br />
<div class="breadcrumbs">
<span itemscope="" itemtype="http://data-vocabulary.org/Breadcrumb"><a href="http://goserpindo.blogspot.com/" itemprop="url"><span itemprop="title">Home</span></a></span> » <span itemscope="" itemtype="http://data-vocabulary.org/Breadcrumb"><a href="http://goserpindo.blogspot.com/search/label/cara?&max-results=8" itemprop="url"><span itemprop="title">cara</span></a></span> » 
<span itemscope="" itemtype="http://data-vocabulary.org/Breadcrumb"><a href="http://goserpindo.blogspot.com/search/label/google?&max-results=8" itemprop="url"><span itemprop="title">google</span></a></span>
 » <span>cara meningkatkan website blog di urutan teratas google</span>
</div>
<h1 class="post-title entry-title" itemprop="name">
<a href="http://goserpindo.blogspot.com/2014/07/cara-meningkatkan-website-blog-di.html" title="cara meningkatkan website blog di urutan teratas google">cara meningkatkan website blog di urutan teratas google</a>
</h1>
<div class="post-header">

</div>
<div class="post-info" style="border-bottom: none !important; border-top: none !important; margin: 0 0 15px 0 !important; padding: 0 0 0 0 !important;">
<div class="post-info-icon admin">
</div>
<div class="post-info-icon label">

Label:  <a href="http://goserpindo.blogspot.com/search/label/cara" rel="tag nofollow">cara</a>,

Label:  <a href="http://goserpindo.blogspot.com/search/label/google" rel="tag nofollow">google</a>
</div>
</div>
bagaimana cara supaya blog terlihat di paling awal atau cara untuk meningkatkan rating suatu website di dunia internet, yaitu <a href="http://goserpindo.blogspot.com/2014/07/cara-meningkatkan-website-blog-di.html" target="_blank">membuat web di page 1 google</a> dengan cara :<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsbZEQNKIP-u9h6RoRNbGIgUmHxB4MtTdZE-b1Tay9GhpnbFtWmVTxcb6YPt_u66-ioOODvyp_w1wjlzJLA0SjWlHaCqtKjh69hRPjQ2HQmbg8QQe9F7aQx1QVDCDhMOwTSgm-L_h3d4zF/s1600/be+numbe+1+on+google.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsbZEQNKIP-u9h6RoRNbGIgUmHxB4MtTdZE-b1Tay9GhpnbFtWmVTxcb6YPt_u66-ioOODvyp_w1wjlzJLA0SjWlHaCqtKjh69hRPjQ2HQmbg8QQe9F7aQx1QVDCDhMOwTSgm-L_h3d4zF/s1600/be+numbe+1+on+google.png" /></a></div>
<br />
<br />
<ul>
<li>Tulislah <a href="http://goserpindo.blogspot.com/2014/07/kualitas-link-ke-situs-anda.html" target="_blank">artikel yang bagus</a> dan berbeda dari blog orang lain.</li>
<li>Masukan gambar dengan format PNG yang sudah di kompres sehingga 
sizenya (bukan ukuran cm/incinya) kecil. Pergunakan https://tinypng.com/
 atau software riot untuk membuat file gambar anda terkompres secara 
maximal. Jika ingin mendapatkan sofwarenya masukan email anda di 
“DAPATKAN BERITA TERBARU, MASUKAN EMAIL ANDA DI BAWAH INI” yang ada di 
sebelah kanan atas blog ini agar anda dapat hal baru yang bisa membantu 
anda menjadikan web atau blog anda menjadi bagus di <a href="http://goserpindo.blogspot.com/search/label/serp" target="_blank">SERP</a>.</li>
<li>Jangan sampai nulis yang kebanyakan salah spelling/grammar atau 
salah ketik atau typo. Baca dulu baik-baik artikel anda sebelum di 
publikasikan.</li>
<li>Jangan sampai artikel hasil copas (copy paste) atau di copas oleh 
orang lain. Cara agar artikel tidak bisa di copy orang lain baca disini.</li>
<li>Fokus ke topik tulisan atau ulasan yang di buat. Jangan banyak “cincong” alias basa basi.</li>
<li>Jika tulisan anda kepanjangan, bikin sub judul yang terorganisasi 
agar pembaca gampang nyari kata kunci yang dicari dan makin ngerti sama 
tulisan anda.</li>
<li>Contoh Judul : “<a href="http://goserpindo.blogspot.com/" target="_blank">Google Serp Indonesia (goserpindo) adalah Situs Tips Trik Terbaik SEO, Terhebat dan Terpercaya di Indonesia</a>”.
 Maka Letakan H1 atau Judulnya adalah : “Google Serp Indonesia 
(goserpindo) adalah Situs Tips Trik Terbaik SEO, Terhebat dan Terpercaya
 di Indonesia”. Kemudian Paragraf. Kemudian pembahasan “Google Serp 
Indonesia (goserpindo)”. Kemudian Pembahasan “Google Serp Indonesia 
(goserpindo) adalah Situs Tips Trik Terbaik SEO”. Kemudian Pembahasan “<a href="https://www.google.co.id/" target="_blank">Google</a>
 Serp Indonesia (goserpindo) adalah Situs Terbaik, Terhebat dan 
Terpercaya”. Kemudian Pembahasan “Google Serp Indonesia (goserpindo) 
adalah Situs Indonesia”</li>
<li>Setidaknya buatlah artikel lebih dari 2500 karakter tanpa di hitung spasi, sehingga <a href="http://goserpindo.blogspot.com/2014/07/kualitas-link-ke-situs-anda.html" target="_blank">artikel berkualitas</a>.</li>
<li>Jangan membuat Paragraf awut-awutan, sub heading awut-awutan, dan layout tulisan yang bikin pusing.</li>
<li>Buatlah anchor text. Anchor text adalah text yang terhubung ke link.
 Bisa dibilang hyperlink. Jadi, anchor text yang ada dari artikel yang 
anda buat makin membuat pembaca ngerti mengenai tulisan yang sedang di 
baca.</li>
<li>Bold/Italic pada keyword yang tepat bisa naekin traffic juga. 
Contohnya jika saat ini anda menjual keahliah SEO, agar cepat muncul di 
Google di urut atas, maka buat Keahlian SEO atau SEO dengan Bold/Italic.</li>
<li>Share Artikel anda di berbagai social bookmark, Google Plus (G+) atau Bikin akun sosial  di blog atau web anda.</li>
<li>Dapatkan Backlink dari top domain seperti .co.id atau .edu atau .gov atau .go.id dan domain yang memiliki <a href="http://goserpindo.blogspot.com/2014/07/situs-direktori-pr-tinggi.html" target="_blank">Page Rank yang tinggi</a>.</li>
<li>Sering-sering juga bergabung di web forum yang ramai di kunjungi visitor website.</li>
</ul>
</p>

Home » cara » google » cara meningkatkan website blog di urutan teratas google cara meningkatkan website blog di urutan te...