Cara Merubah / Mengedit Judul Posting Blog Lebih SEO Friendly

7 komentar

Cara Merubah / Mengedit Judul Posting Blog Lebih SEO Friendly Cara Merubah / Mengedit Judul Posting Blog Lebih SEO Friendly
Siapa yang tidak ingin postingan blog-nya masuk di jajaran 10 besar Google ? Pastinya semua blogger mengonginkannya dan begitu pula dengan kita. Karena secara default judul posting yang ada dalam blogspot dirasa kurang mendukung seo dan segala optimasinya, kita harus merubah-nya agar lebih seo. Bagaimana cara-nya ? Yups, kita ulas khusus dalam posting ini. Berikut tutorial cara merubah / mengedit judul posting blog supaya lebih SEO Friendly

Cara Merubah / Mengedit Judul Posting Blog Lebih SEO Friendly

Seperti biasa, masuk di akun blogger.com dan pilih opsi template
Cara Merubah / Mengedit Judul Posting Blog Lebih SEO Friendly Cara Merubah / Mengedit Judul Posting Blog Lebih SEO Friendly

Menuju di halaman berikutnya, pilih tombol Edit HTML

Cara Merubah / Mengedit Judul Posting Blog Lebih SEO Friendly Cara Merubah / Mengedit Judul Posting Blog Lebih SEO Friendly

Selanjutnya ada peringatan semacam ini, langsung saja klik tombol Lanjutkan

Cara Merubah / Mengedit Judul Posting Blog Lebih SEO Friendly Cara Merubah / Mengedit Judul Posting Blog Lebih SEO Friendly

Sebelum mengedit template blogspot, jangan lupa centang kotak Expand Template Widget,

Cara Merubah / Mengedit Judul Posting Blog Lebih SEO Friendly Cara Merubah / Mengedit Judul Posting Blog Lebih SEO Friendly

Lalu cari kode di bawah ini,
<title><data:blog.pageTitle/></title>

Hapus semua kode tersebut dan ganti dengan kode berikut
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<title><data:blog.pageName/> | <data:blog.title/></title>
<b:else/>
<title><data:blog.pageTitle/></title>
</b:if>

Terakhir tinggal meyimpan hasil edit, klik tombol Simpan Template dan Tutup. Selesai...
Cara Merubah / Mengedit Judul Posting Blog Lebih SEO Friendly Cara Merubah / Mengedit Judul Posting Blog Lebih SEO Friendly

Tambahan :
Bila teman semua menemukan kendala saat mencari kode html di atas silakan pergunakan Ctrl+F untuk menemukan kode html yang dicari.

OK, semoga sukses :)
Continue Reading... Label: blog, blogger, blogspot, cara, judul, mengedit, merubah, posting, seo


Cara Mengedit / Merubah Struktur Tag Heading Agar SEO Friendly

2 komentar

Teman semua pasti sudah tahu manfaat dari tag heading pada blog, tag heading ini sangat mudah dibaca oleh spider bot karena itulah pemanfaatannya untuk mengoptimalkan isi halaman blog. Biasanya dipergunakan untuk memperkuat keyword yang sedang dibidik.
Cara Merubah Struktur Tag Heading Agar SEO Friendly Cara Merubah Struktur Tag Heading Agar SEO Friendly

Pada template blogspot tag heading ini strukturnya sedikit berantakan, maksudnya tidak tersusun rapi seperti ini h1 untuk judul blog dan h2 untuk judul posting. Karena itulah teman semua bisa mengedit struktur tag heading agar lebih tersusun rapi khususnya pada judul posting yang selama ini menggunakan h3 dan bukan h2.

Cara Mengedit / Merubah Struktur Tag Heading Agar SEO Friendly

Mengganti Tag Heading pada Judul Blog
Seperti biasa, masuk di akun blogger.com dan pilih opsi template
Cara Merubah Struktur Tag Heading Agar SEO Friendly Cara Merubah Struktur Tag Heading Agar SEO Friendly


Menuju di halaman berikutnya, pilih tombol Edit HTML

Cara Merubah Struktur Tag Heading Agar SEO Friendly Cara Merubah Struktur Tag Heading Agar SEO Friendly


Selanjutnya ada peringatan semacam ini, langsung saja klik tombol Lanjutkan

Cara Merubah Struktur Tag Heading Agar SEO Friendly Cara Merubah Struktur Tag Heading Agar SEO Friendly


Sebelum mengedit template blogspot, jangan lupa centang kotak Expand Template Widget,

Cara Merubah Struktur Tag Heading Agar SEO Friendly Cara Merubah Struktur Tag Heading Agar SEO Friendly

Lalu cari kode di bawah ini,
<b:if cond='data:post.title'>
<h3 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>

bila setelah ketemu ubah tag heading h3 menjadi tag heading h2 seperti di bawah
<b:if cond='data:post.title'>
<h2 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h2>
</b:if>

Langkah untuk mengedit struktur tag heading pada judul posting tidak selesai sampai disini soalnya kita mesti ubah css dari h3 ke h2, caranya cari semua kode .post h3 {... dan ubah h3 tersebut menjadi h2 misal dari
.post h3 {
color: #FF7800;
font: 20px Georgia, "Times New Roman", Times, serif;
font-weight: normal;
margin: 0 0 5px;
padding: 10px 0 0;
}
.post h3 a, #content h1 a:visited {
color: #FF7800;
font: 20px Georgia, "Times New Roman", Times, serif;
font-weight: normal;
margin: 0 0 5px;
padding: 10px 0 0;
}
.post h3 a:hover {
color: #FF7800;
text-decoration: underline;
}

Menjadi
.post h2 {
color: #FF7800;
font: 20px Georgia, "Times New Roman", Times, serif;
font-weight: normal;
margin: 0 0 5px;
padding: 10px 0 0;
}
.post h2 a, #content h1 a:visited {
color: #FF7800;
font: 20px Georgia, "Times New Roman", Times, serif;
font-weight: normal;
margin: 0 0 5px;
padding: 10px 0 0;
}
.post h2 a:hover {
color: #FF7800;
text-decoration: underline;
}

Nah barulah kita selesai mengedit struktur tag heading, tinggal meyimpan hasil edit, klik klik tombol Simpan Template dan Tutup
Cara Merubah Struktur Tag Heading Agar SEO Friendly Cara Merubah Struktur Tag Heading Agar SEO Friendly

Catatan :
Bila teman semua kesulitan mencari kode - kode diatas di dalam menu edit template blogspot pergunakan bantuan dari browser untuk mencarinya. Tinggal klik menu find atau tekan Ctrl+F dan masukkan beberapa bagian yang dicari pada kotak yang tersedia.

Gimana teman, apakah kalian menemui kesulitan ? moga saja tidak ya Selamat mencoba tutorial ini...
Continue Reading... Label: cara, header tag, mengedit, seo, struktur, tag heading


Cara Mengedit Template Blog Agar Seo Friendly

0 komentar

Cara Mengedit Template Blog Agar Seo Friendly Cara Mengedit Template Blog Agar Seo Friendly
Sebenarnya template blogspot sudah sangat friendly bagi google tapi agar lebih friendly lagi baik template default atau template yang kita pakai dari pihak ketiga, bolehlah kita mengedit-nya dan mengikuti arahan para webmaster dan anjuran langsung dari Google seperti memasang meta tag dinamik, menu breadcrumbs dan lainya serta ada beberapa bagian dari template blogspot yang mesti di edit dan disesuaikan dengan optimasi SEO saat ini, diantaranya...

Cara Mengedit Template Blog Agar Seo Friendly

Mengedit Title Page / Judul Halaman Blog
Biasanya kan setting default dari title page / judul halaman blog yang muncul dalam browser adalah Judul blog: Judul halaman blog, suatu contoh : Tutorial Template Blogger: Cara Mengedit Template Blogspot. Untuk lebih SEO setting tersebut dapat diubah dengan setting yang terbukti sangat friendly :
Judul halaman blog | Judul blog
Tutorial :
Cara Merubah / Mengedit Judul Posting Blog Lebih SEO Friendly

Memasang Meta Tag Dynamic
meta tag memiliki arti yang sangat penting, setiap halaman blog harus memiliki sebuah meta tag terutama meta tag description dan meta tag keywords sebab kedua meta tag ini sering di crawl spider bot dan dijadikan sebagai deskripsi di halaman pencarian Google dan search engine lainnya. Bagaimana cara mengedit template blog kita dan memasang meta tag ini ? Silakan baca tutorialnya di postingan ini
Cara Memasang Meta Tag Dinamis di Blogspot | Blogger

Mengedit Struktur Tag Heading
Banyak webmaster menyatakan struktur tag heading yang bagus mempermudah spider bot dalam mengcrawl isi blog. Nah, sayangnya pada blogspot diperkirakan struktur tag heading-nya masih kurang sempurna. Ada beberapa bagian yang membutuhkan edit secara manual. Untuk itu bila ingin blog teman semua memiliki template yang seo sepertinya kita perlu mengedit struktur tag heading pada template blogspot yang kita pergunakan.
Cara Mengedit / Merubah Struktur Tag Heading Agar SEO Friendly

Validasi Template Blogspot

Lagi - lagi ni teman, html template blogspot banyak yang tidak valid struktur html-nya apalagi bila teman semua memakai template bawaan blogspot pasti errornya akan lebih banyak. Untuk mendukung SEO dibutuhkan template yang valid karena itu wajib pula bagi kita semua untuk mengedit template blogspot yang kita pakai supaya bisa valid html-nya.
Cara Membuat Template Blog Valid XHTML

Memasang Menu Breadcrumbs
Menu breadcrumbs wajib banget untuk di pasang soalnya menu ini bisa muncul di hasil pencarian google. Siapa tahu dengan adanya link dari breadcrumbs bisa menghasilkan klik dari pengunjung yang menyelami search engine Google. Jadi akan sangat menguntungkan bila bisa memasangnya.
Cara Membuat / Memasang Menu Navigasi Breadcrumbs Bisa Terindex Google

Memasang Author Blog
Agar postingan dan tulisan kita dipercaya oleh Google, kita harus memasang script khusus yang dapat memunculkan nama kita sebagai author blog di halaman SERP Google. Pastinya blog akan tampil keren kalau bisa memasangnya, benar kan..?
Cara Memasang / Menampilkan Author Blog di Google SERP

Memasang Rich Snippets
Bila teman semua ingin memasang Rich Snippets berupa rating bintang di blog, nanti hasilnya pada halaman SERP google nilai rating tersebut akan dimunculkan dan ini akan memberi nilai plus bagi postingan kita. Sayangnya template dari pihak ketiga banyak yang tidak menambahkan Rich Snippets di template blogspot buatan mereka, jadi kita sendiri harus mengedit dan memasukkan script Rich Snippets sendiri.
Cara Membuat / Memasang Rating Bintang Rich Snippet Google di Blogger

Kalau teman semua telah sukses mengedit template blog seperti yang disebutkan pada poin - poin di atas tadi, Insya Allah akan membuahkan hasil yang baik di mesin pencari..
Continue Reading... Label: blog, blogger, blogspot, edit, langkah, mengedit, seo, template


Cara Memasang Meta Tag Dinamis di Blogspot | Blogger

0 komentar

Cara Memasang Meta Tag Dinamis di Blogspot | Blogger Cara Memasang Meta Tag Dinamis di Blogspot | Blogger
Meta tag merupakan sebuah tag html yang dibuat khusus untuk spider bot supaya mudah dalam menganalisa isi halaman suatu blog dan adanya meta tag ini akan semakin mempermudah blog untuk tampil di halaman utama search engine. Gimana teman, kepengen tidak blognya masuk halaman search engine ? Kalau saya pengen banget, makanya saya pasang juga meta tag blogger yang dinamis dan friendly ini.


Cara Memasang Meta Tag Dinamis di Blogspot | Blogger


Pertama masuk di Blogger.com dan pilih opsi Template
Cara Memasang Meta Tag Dinamis di Blogspot | Blogger Cara Memasang Meta Tag Dinamis di Blogspot | Blogger

Menuju di halaman berikutnya, pilih tombol Edit HTML
Cara Memasang Meta Tag Dinamis di Blogspot | Blogger Cara Memasang Meta Tag Dinamis di Blogspot | Blogger

Selanjutnya ada peringatan semacam ini, langsung saja klik tombol Lanjutkan
Cara Memasang Meta Tag Dinamis di Blogspot | Blogger Cara Memasang Meta Tag Dinamis di Blogspot | Blogger

Sebelum mengedit template blogspot, jangan lupa centang kotak Expand Template Widget, baru kemudian teman semua bisa menaruh script berbagai Meta tag penting disini
Cara Memasang Meta Tag Dinamis di Blogspot | Blogger Cara Memasang Meta Tag Dinamis di Blogspot | Blogger
Letakkan script meta tag di bawah ini pada bagian bawah tag title
<meta content='Deskripsi singkat tentang blog' name='Description'/>
<meta content='keywords1,keywords2,keywords3, keywords4' name='keywords'/>
<meta content='index,follow' name='robots'/>
<meta content='index,follow' name='googlebot'/>
<meta content='all' name='Slurp'/>
<meta content='1 days' name='revisit-after'/>
<meta content='Ramzi Ebaz' name='Author'/>
<meta content='Ramzi Rbaz' name='publisher'/>

Kemudian klik tombol Simpan Template dan Tutup
Cara Memasang Meta Tag Dinamis di Blogspot | Blogger Cara Memasang Meta Tag Dinamis di Blogspot | Blogger

Kelebihan masing - masing meta tag di atas diantaranya :
Meta tag description : untuk mendeskripsikan secara ringkas tantang blog kita.
Meta tag keywords : untuk memilih keyword yang akan dibidik.
Meta tag robots : untuk memerintahkan spider bot agar mengindex atau tidak halaman blog.
Meta tag search engine : untuk memerintahkan spider bot melakukan pengindexan khusus misal bagi googlebot sebuah search engine dari Google atau bisa meminta spider bot mengunjungi blog untuk setiap jangka waktu tertentu.
Meta tag author : untuk nama penulis blog.
Meta tag  publisher : untuk nama pemilik blog.

Mungkin masih banyak jenis meta tag lainnya, silakan teman tambahkan sendiri sesuai dengan kebutuhan.
Selamat mempraktekkan...
Continue Reading... Label: blogger, blogspot, cara, dinamis, memasang, meta tag, otomatis


Cara Membuat dan Memasang Blockquote di Blogger

1 komentar

Posting kali ini akan membahas soal cara membuat blockquote dan memasang-nya di blogger - blogspot agar postingan jadi lebih menarik. Buat teman - teman yang masih belum tahu apa itu blockquote, silakan lihat deh contoh dibawah ini :
Blockquote dipergunakan untuk memberi tanda pada bagian konten tertentu, bisa untuk menyimpan kode script atau kalimat tertentu yang perlu mendapat perhatian khusus seperti paragraf ini.

Blockquote di buat menggunakan script CSS yang akan kita pasang di dalam template blogger - blogspot kita teman, langkah - langkahnya sebenarnay sama dengan saat kita mengedit template blogspot untuk membuat drop cap yang telah kita bahas di posting sebelumnya.

Baiklah langsung deh kita bahas cara membuat dan memasang blochquote di blogger - Blogspot...

Cara Membuat dan Memasang Blockquote di Blogger


Pertama masuk Blogger.com dan pilih opsi Template
Cara Membuat dan Memasang Blockquote di Blogger Cara Membuat dan Memasang Blockquote di Blogger

Menuju di halaman berikutnya, pilih tombol Edit HTML
Cara Membuat dan Memasang Blockquote di Blogger Cara Membuat dan Memasang Blockquote di Blogger

Selanjutnya ada peringatan semacam ini, langsung deh klik Lanjutkan
Cara Membuat dan Memasang Blockquote di Blogger Cara Membuat dan Memasang Blockquote di Blogger

sebelum mengedit template blogspot, jangan lupa centang kotak Expand Template Widget, baru kemudian teman semua bisa menaruh script Drop Cap
Cara Membuat dan Memasang Blockquote di Blogger Cara Membuat dan Memasang Blockquote di Blogger

Ini dia script CSS untuk membuat blockquote, pasang tepat di atas ]]></b:skin>
blockquote.style1 {
font: 14px/20px italic Times, serif;
padding: 8px;
background-image: url(http://4.bp.blogspot.com/-mwvg6lWGYEM/T9vc6bXh67I/AAAAAAAAADc/Uk1jLy_WqZU/s1600/paper.jpg);
border-top: 1px solid #e1cc89;
border-bottom: 1px solid #e1cc89;
margin: 5px;
background-image: url(http://2.bp.blogspot.com/-WKmBBqo9iSw/T9vdYjifQHI/AAAAAAAAADs/ssztRG6YaxM/s1600/open.gif);
background-position: top left;
background-repeat: no-repeat;
text-indent: 23px;
}
blockquote.style1 span {
display: block;
background-image: url(http://1.bp.blogspot.com/-Az0hQTJP6mU/T9vdRko9v-I/AAAAAAAAADk/b5iYkfU7vm4/s1600/close.gif);
background-repeat: no-repeat;
background-position: bottom right;
}

Kemudian klik tombol Simpan Template dan Tutup
Cara Membuat dan Memasang Blockquote di Blogger Cara Membuat dan Memasang Blockquote di Blogger

Selanjutnya saat akan menampilkan blockquote di dalam posting blog, bagian yang mendapat blockquote disisipi script berikut :
 <blockquote class="style1"><span>   ..... </span></blockquote>
Misal :
<blockquote class="style1"><span>  Blockquote dipergunakan untuk memberi tanda pada bagian konten tertentu, bisa untuk menyimpan kode script atau kalimat tertentu yang perlu mendapat perhatian khusus seperti paragraf ini.</span></blockquote>

Hasilnya akan seperti blockquto yang ada dalam posting ini

Selamat mencoba dan semoga berhasil teman..
Continue Reading... Label: blockquote, blogger, blogspot, cara, memasang, membuat, template


Cara membuat Drop Cap / Huruf Besar di Posting Blogger

0 komentar

Cara membuat Drop Cap / Huruf Besar di Posting Blogger Cara membuat Drop Cap / Huruf Besar di Posting Blogger
Drop Caps / Huruf Besar diletakkan di awal paragraf awal dan biasanya terletak pada paragraf pembuka sebuah artikel entah itu di majalah, koran ataupun newsletter seperti contoh di bawah ini :
Cara membuat Drop Cap / Huruf Besar di Posting Blogger Cara membuat Drop Cap / Huruf Besar di Posting Blogger

Kalau teman semua pengen membuat drop cap / huruf besar ini di blog, caranya tidak terlalu rumit kok, kita hanya sekedar menambahkan kode css di dalam template blog dan kode span class yang diletakkan di dalam postingan supaya drop cap nantinya bisa muncul di blog kita. Lebih jelasnya ini dia tutorialnya

Cara membuat Drop Cap / Huruf Besar di Posting Blogger


Masuk di Dasbor Blogger.com dan kemudian pilih opsi Template
Cara membuat Drop Cap / Huruf Besar di Posting Blogger Cara membuat Drop Cap / Huruf Besar di Posting Blogger

Menuju dihalaman berikutnya, pilih tombol Edit HTML
Cara membuat Drop Cap / Huruf Besar di Posting Blogger Cara membuat Drop Cap / Huruf Besar di Posting Blogger

Selanjutnya ada peringatan semacam ini, langsung deh klik Lanjutkan
Cara membuat Drop Cap / Huruf Besar di Posting Blogger Cara membuat Drop Cap / Huruf Besar di Posting Blogger

sebelum melakukan edit template blogspot, jangan lupa centang kotak Expand Template Widget, baru kemudian teman semua bisa menaruh script Drop Cap
Cara membuat Drop Cap / Huruf Besar di Posting Blogger Cara membuat Drop Cap / Huruf Besar di Posting Blogger

Ini dia script CSS Drop Cap-nya, pasang di atas ]]></b:skin>
.drop_cap {
float:left;
color:#003399;
line-height:60px;
padding-right:5px;
font-family:trebuchet ms,verdana;
font-size:60px;
background-color:#e69138;
}

Kemudian klik tombol Simpan Template dan Tutup
Cara membuat Drop Cap / Huruf Besar di Posting Blogger Cara membuat Drop Cap / Huruf Besar di Posting Blogger
Saat memposting jangan lupa teman semua mesti menambahkan sebuah kode berikut pada huruf yang akan di perbesar ukurannya
<span class="drop_cap">D</span>

Sebagai contoh seperti berikut :
<span class="drop_cap">D</span>rop Cap adalah sebuah text yang mempunyai ukuran lebih besar dari pada huruf lainnya, dan biasanya digunakan untuk memulai sebuah paragraf. Pada postingan ini kita akan membahas tutorial cara menampilkan huruf besar / drop cap dengan menggunakan CSS sederhana.

Hasilnya nanti seperti ini :
Drop Cap adalah sebuah text yang mempunyai ukuran lebih besar dari pada huruf lainnya, dan biasanya digunakan untuk memulai sebuah paragraf. Pada postingan ini kita akan membahas tutorial cara menampilkan huruf besar / drop cap dengan menggunakan CSS sederhana.

Moga - moga mudah dimengerti ni soalnya tutorial yang saya buat agak amburadul teman..
Semoga proses membuat drop cap berjalan lancar...
Continue Reading... Label: blogger, blogspot, cara, drop cap, huruf besar, membuat, posting


Cara Membuat Tombol Share Social Bookmark Yang Melayang

0 komentar

Cara Membuat Tombol Share Social Bookmark Yang Melayang Cara Membuat Tombol Share Social Bookmark Yang Melayang
Banyak banget teman keuntungan yang bakal kita dapatkan bila bisa menampilkan tombol share berbagai social bookmark maupun jejaring sosial seperti facebook, twitter, google+, dan lainnya sebab tak sedikit pula bila ada seseorang menyukai postingan kita mereka akan dengan suka rela menshare postingan kita dan membagikannya ke teman mereka yang lain di jejaring sosial ini. Pastinya, blog akan mendapat kunjungan yang lebih banyak dari biasanya, teman semua jadi tertarik untuk memasangnya ? tidak sulit kok apalagi membuat tombol share social bookmark yang menarik yang bisa melayang di dalam template blogspot kita. Berikut ni beberapa langkah membuat tombol share social bookmark yang bisa melayang...

Cara Membuat Tombol Share Social Bookmark Yang Melayang


Masuk di Dasbor Blogger.com dan kemudian pilih opsi Template
Cara Membuat Tombol Share Social Bookmark Yang Melayang Cara Membuat Tombol Share Social Bookmark Yang Melayang

Klik link Tambah Gadget dan pilih HTML/Javascript agar kode share social bookmark ini dapat di parse dengan baik.
Cara Membuat Tombol Share Social Bookmark Yang Melayang Cara Membuat Tombol Share Social Bookmark Yang Melayang

Masuk di widget / gadget HTML/Javascript, seperti gambar di bawah..
Cara Membuat Tombol Share Social Bookmark Yang Melayang Cara Membuat Tombol Share Social Bookmark Yang Melayang

Kosongkan bagian judulnya dan masukkan script / kode share social bookmark di bawah ini ke dalam kotak konten.
<!-- Floating Share Buttons Start RaviSaive.in--> <style> #pageshare {position:fixed; bottom:15%; margin-left:-71px; float:left; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#fff;padding:0 0 2px 0;z-index:10;} #pageshare .sbutton {float:left;clear:both;margin:5px 5px 0 5px;} .fb_share_count_top {width:48px !important;} .fb_share_count_top, .fb_share_count_inner {-moz-border-radius:3px;-webkit-border-radius:3px;} .FBConnectButton_Small, .FBConnectButton_RTL_Small {width:49px !important; -moz-border-radius:3px;/*bs-fsmsb*/-webkit-border-radius:3px;} .FBConnectButton_Small .FBConnectButton_Text {padding:2px 2px 3px !important;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:8px;} </style> <div id='pageshare' title="Get this from BloggerSentral.com"> <div class='sbutton' id='fb'> <a name="fb_share" type="box_count" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script> </div> <div class='sbutton' id='rt'> <script src="http://tweetmeme.com/i/scripts/button.js" type='text/javascript'></script> </div> <div class='sbutton' id='su'> <script src="http://www.stumbleupon.com/hostedbadge.php?s=5"></script> </div> <div class='sbutton' id='digg' style='margin-left:3px;width:48px'> <script src='http://widgets.digg.com/buttons.js' type='text/javascript'></script> <a class="DiggThisButton DiggMedium"></a> </div> <div class='sbutton' id='gb'> <a class='google-buzz-button' data-button-style='normal-count' href='http://www.google.com/buzz/post' title='post on google buzz'> <script src='http://www.google.com/buzz/api/button.js' type='text/javascript'></script> </a></div> <div class='sbutton' id='gplusone'> <script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script> <g:plusone size="tall"></g:plusone> </a></div> <div style="clear: both;font-size: 9px;text-align:center;">Get <a href="http://creatingtemplate.blogspot.com">widget</a></div> </div> <!-- floating page sharers End -->
Selanjutnya kita tinggal klik saja tombol Simpan yang berwarna kuning dibagian bawah...
Langkah berikutnya hanya tinggal menyimpan perubahan yang telah dilakukan tadi di template blogspot kita, klik tombol Simpan Setelan.

Terakhir lihat hasilnya, apakah telah sesuai atau belum dan apabila lokasinya kurang ke bawah atau di atas silakan deh teman ganti posisinya, tinggal menggeser widget dimana script tersebut disimpan ke tempat yang tepat kemudian kembali ulangi klik tombol Simpan Setelan.
Yups, semoga berhasil ya dan teman semua juga dapat menambahkan script share social bookmark yang lainnya..

Selamat mencoba dan semoga sukses !!!
Continue Reading... Label: blog, cara, memasang, membuat, social bookmark, tombol share


Daftar Situs Penyedia Template Blogger Gratis Yang SEO Friendly

0 komentar

Daftar Situs Penyedia Template Blogger Gratis Yang SEO Frienldy Daftar Situs Penyedia Template Blogger Gratis Yang SEO Frienldy
Kalau kita pakai template default dari blogspot sepertinya kurang memuaskan sebab tidak banyak juga fitur yang ada dalam template ini dan untuk membuatnya makin keren kita sendiri harus mengutak - atik template tersebut dan menambahkan beberapa yang kurang. Namun kita tidak perlu repot lagi untuk melakukannya teman biar tampilan  blogspot kita makin keren, soalnya diluar sana ada banyak sekali penyedia template blogger yang memberikan secara cuma - cuma buat kita alias gratis. Kita bisa cari di search engine, kalau mau cepat disini saya tampilkan rekomendasi situs - situs penyedia template blogger yang keren dan seo friendly tentunya, diantaranya

Daftar Situs Penyedia Template Blogger Gratis Yang SEO Friendly


btemplates.com
Salah satu situs favorit untuk mencari template gratis terbaik adalah di btemplates.com, situs ini setiap hari selalu menerima template - template blogger yang terbaru dari pembuatnya, jadinya pasti sangat up to date dan kita sendiri bisa melihat mana - mana template blogger yang saat ini banyak disukai blogger lain, bisa kita lihat dari jumlah downloadernya disana...

Blogtemplate4u.com
Kalau teman semua ingin memperoleh jenis template yang berbeda beda saya rasa Blogtemplate4u.com tempatnya, soalnya di situs ini kita akan mendapati banyak jenis template disini yang dibuat oleh blogger yang berbeda beda - beda.

Zoomtemplate.com
Zoomtemplate.com merupakan kumpulan template - template blogger yang keren dan seo frienldy, teman semua bisa mencari template kesujaan kalian disini, dijamin deh akan bakal ada yang bisa menarik minat kalian soalnya templatenya selalu update setiap saat dan selalu ada yang terbaru disini jadinya kita tidak akan bakal ketinggalan mengikuti trend template blogger..

deluxetemplates.net
deluxetemplates.net seperinya satu - satunya situs penyedia template gratis yang menawarkan template dengan konsep atau jenis yang berbeda sesuai dengan niche yang ada. Suatu misal, kalau blog kita berisi tentang dunia gadget, kita bisa memilih - milih template bertema gadget disana, dijamin banyak pilihan yang menarik.

borneotemplates.com
Selain  deluxetemplates.net, situs penyedia template blogger gratis lainnya yang memberikan tema pada templatenya adalah borneotemplates.com. Silakan ni pilih - pilih jenis template yang pas dengan niche blog teman disini dijamin kalian akan bingung mau gunakan yang mana..

templatesdoctor.com
Template - template keren yang ada di templatesdoctor.com menurut saya ni sebagian besar memiliki header blog yang sangat bagus dan ditambah pula dengan images, maupun flash didalamnya semakin mengesankan koleksi template dari templatesdoctor.com sangat menarik.

dzignine.com
Semua template yang ada di dzignine.com bernuansa lembut yang dipadukan dengan tampilan yang simple dan desain maupun latar yang menawan. Sebagian besar tempate yang ada kesannya sangat kalem namun beberapa template-nya ada yang memakai warna menantang juga.

blogitemplate.com
Bagi teman semua yang menyukai template yang didominasi dengan warna hitam, kayaknya blogitemplate.com bisa dijadikan tempat mencari template yang seperti ini soalnya disana banyak di dominasi dengan warna hitam walalupun ada warna lainnya setidaknya biru dan hijau

bloggerstyles.com
Keunikan dari template yang ada di  bloggerstyles.com terletak pada headernya yang unik, coba saja cek satu per satu pasti tampilannya berbeda dan unik - unik, salah satunya dibagian header template-nya.

Kayaknya dah banyak saya memberi daftar situs penyedia template - template blogger yang gratis, menarik dan seo friendly disini. Untuk lebih mantapnya, silakan diamati satu per satu daftar template di masing - masing situs di atas, siapa tahu ada yang kecantol, hihihi.. Kalau mau cari tutorial memasang template blogger maupun mengedit template blogger silakan deh teman baca postingan dibawah :
Cara Mengganti Template di Blogspot Versi Terbaru
Cara Mengedit Template Blogspot

Salam persahabatan...
Continue Reading... Label: blogger, blogspot, gratis, keren, penyedia, seo, situs, template, unik


Cara Mengganti Template di Blogspot Versi Terbaru

0 komentar

Banyak dari kita lebih memilih menggunakan template blogspot yang ada di luar sana, yang disedikaan oleh beberapa blogger yang ahli mendesain template blogspot. Alasannya mungkin karena lebih menarik, lebih ringan diakses atau bahkan lebih SEO sebab telah diedit sedemikian rupa supaya bisa friendly dimata search engine.
Cara Mengedit Template Blogspot | Blogger Cara Mengedit Template Blogspot | Blogger

Beberapa tahap yang harus dilakukan dalam mengganti template blogspot yang lama akan saya ulas dalam posting ini teman, tutorial ini mengikuti langkah - langkah penggantian template blog yang ada dalam versi terbaru tampilan Blogger.com.

Cara Mengganti Template di Blogspot Versi Terbaru Template :


Masuk di Dasbor Blogger.com dan kemudian pilih opsi Template
Cara Mengedit Template Blogspot | Blogger Cara Mengedit Template Blogspot | Blogger

Cari tombol Cadangkan / Pulihkan, letaknya dibagian kanan atas, dan klik tombol ini untuk melakukan proses penggantian template blogspot.
Cara Mengedit Template Blogspot | Blogger Cara Mengedit Template Blogspot | Blogger

Selanjutnya kita akan dibawa ke halaman seperti di bawah :
Cara Mengedit Template Blogspot | Blogger Cara Mengedit Template Blogspot | Blogger

Sebelum mengganti template baru, kita simpan dulu template lama supaya bila terjadi masalah pada template baru tersebut kita bisa menggantinya dengan template lama tadi.
Untuk menyimpan template sebelumnya / template lama klik tombol Unduh Template Lengkap, baru deh siap - siap mengganti template blogspot dengan cara klik kotak browser dan cari file template yang akan dijadikan sebagai template blog yang baru di PC kita. Usahakan format file template tersebut berupa .xml kalau tidak perintah penggantian template blogspot di versi terbaru ini tidak akan berjalan begitu pula dengan versi lama-nya, sama saja..
Setelah selesai klik tombol Unggah. Setelahnya bisa kita lihat template blogspot kita sekarang dah berubah.
Tidak sulit juga kan mengganti template blogspot di versi blogspot yang terbaru ini ?

Selamat mencoba dan semoga sukses, teman....
Continue Reading... Label: baru, blogger, blogspot, cara, mengganti, template, terbaru, versi


Cara Mengedit Template Blogspot

0 komentar

Blogspot selalu identik dengan aktivatias edit mengedit template soalnya kita sangat leluasa diberikan kebebasan oleh Blogger.com untuk mengedit template blogspot kesayangan kita. Melalui langkah edit template blogspot kita semua akan mendapatkan banyak keuntungan, selain bisa memodifikasi template blog sesuai keinginan, kita juga bisa menambahkan beberapa script maupun css yang dapat mempercantik template blog. Tidak sulit untuk melakukannya dan caranya cukup mudah..
Bagi teman - teman yang masih kesulitan, silakan deh baca tutorial di bawah ini dan semoga benar - benar bisa membantu kalian. Lanjut...

Cara Mengedit Template Blogspot :


Masuk di Dasbor Blogger.com dan kemudian pilih opsi Template
Cara Mengedit Template Blogspot | Blogger Cara Mengedit Template Blogspot | Blogger

Menuju dihalaman berikutnya, pilih tombol Edit HTML
Cara Mengedit Template Blogspot | Blogger Cara Mengedit Template Blogspot | Blogger

Selanjutnya ada peringatan semacam ini, langsung deh klik Lanjutkan
Cara Mengedit Template Blogspot | Blogger Cara Mengedit Template Blogspot | Blogger

Saat melakukan edit template blogspot, jangan lupa buat centang kotak Expand Template Widget, baru kemudian kita bisa mulai mengedit template blogspot kita.
Cara Mengedit Template Blogspot | Blogger Cara Mengedit Template Blogspot | Blogger

Setelah proses edit – mengedit template blogspot sudah kelar, kita simpan hasilnya dengan menekan tombol Simpan Template.

Catatan :
Bila kita ingin melihat hasil pengeditan seblum dipublikasikan silakan deh dilihat lewat Pratinjau atau bila mengurungkan niat untuk mengedit template, kita dapat mengklik tombol Tutup untuk menutup halaman Edit Template Blogger.
Cara Mengedit Template Blogspot | Blogger Cara Mengedit Template Blogspot | Blogger


Karena tutorialnya sudah selesai, kita akhiri sampai disini dulu dan semoga teman - teman semua bisa mengerti penjelasan yang sedikit amburadul di atas...

Salam Blogging...
Continue Reading... Label: blogger, blogspot, cara, edit, mengedit, template


 
Return to top of page Copyright © 2010 | Bloggers - Meet Millions of Bloggers