Postingan

Blogspot Seo Meta Description

Ada beberapa cara agar template blogspot menjadi lebih seo friendly, salahsatunya adalah dengan memasang meta deskripsi otomatis pada bagian header template. Script Automatic Seo Meta Description Ini diletakkan dibawah <head> <!-- :[ META SEO DESCRIPTION START ]: --> <b:if cond='data:blog.metaDescription != &quot;&quot;'> <meta expr:content='data:blog.metaDescription' name='description'/> <b:else/> <meta expr:content='data:blog.pageName + &quot; &quot; + data:blog.title + &quot; &quot; + &quot;Type Your Additional Description Here!&quot;' name='description'/> </b:if> <!-- :[ META SEO DESCRIPTION END ]: -->
Posting Komentar
Baca selengkapnya

Blogspot Seo Title

Gambar
Merancang Seo Title Pada Blogspot Title atau judul pada blogspot pada dasarnya disusun secara umum dengan kode: <title><data:blog.pageTitle/></title> Kode diatas bersifat statis untuk setiap jenis halaman blog, baik halaman beranda, halaman artikel dan halaman arsip serta halaman-halaman lainnya pada blogspot. Agar title blogspot menjadi lebih Seo Friendly, maka susunan kode harus dimodifikasi sehingga susunan judul blog lebih berfariasi. Image Name: Charity Seo - Image Source:  http://www.catalystdesignsolutions.com Kode Seo Friedly Title Blogspot Title yang cukup memenuhi standar seo ( search engine optimization ) akan menghasilkan blog yang baik pula, berikut ini adalah kode judul blog yang seo: Letakkan kode ini diantara <head> dan </head> <!-- :[ META SEO TITLE START ]: --> <b:if cond='data:blog.url == data:blog.homepageUrl'> <title><data:blog.pageTitle/></title> <meta content='Tulis Keywords Anda Disini, ...
Posting Komentar
Baca selengkapnya

Related Posts Widget Simple Dan Stylish Untuk Blogger

Gambar
Related Post Widget For Blogspot ini merupakan salahsatu bagian terpenting bagi blog. Dengan adanya artikel terkait yang berhubungan dengan setiap post, maka akan menambah Page Rank Flow pada blog. Widget Artikel Terkait yang menarik, bagus,indah, cepat, simple dan stylist akan memudahkan pengunjung blog untuk memilih tulisan lain yang mungkin saja bermanfaat dan berhubungan dengan apa yang mereka butuhkan. Related Post Widget For Blogger Untuk membuat Related Post Widget yang Simple namun Stylist untuk blogspot, dapat mengikuti panduan sederhana berikut: 1. Edit Template - Expand - Ctrl+F  <div class='post-footer'> 2. Letakkan script Related Posts Widget tepat dibawahnya: <div class='post-footer'> <div class='post-footer-line post-footer-line-1'> [DISINI ADALAH ISI DARI post-footer-line-1] </div> <div class='post-footer-line post-footer-line-2'> [DISINI ADALAH ISI DARI post-footer-line-2] </div> <div class='p...
Posting Komentar
Baca selengkapnya

Recent Posts Dan Recent Comments Feeds Blogspot

Gambar
Menampilkan Recent Posts (artikel terbaru) dan Recent Comments (komentar terbaru) dengan menggunakan Widget Feed Blogspot adalah sebuah teknik yang sangat sederhana dan mampu mengurangi waktu load blog apabila dibandingkan dengan menggunakan teknik lainnya yang menggunakan javascript. RSS Feed Logo - Image Source: http://www.infobarrel.com Untuk menampilkan Widget Recent Post dan Widget Recent Comment pada sidebar atau footer, dapat dilakukan dengan cara: 1. Add A Gadget dan pilih Feed Widget rss feed blogger widget 2. Isikan feed url untuk Recent Posts http://alamat-blog-anda.blogspot.com/feeds/posts/default dan feed url untuk Recent Comments http://alamat-blog-anda.blogspot.com/feeds/comments/default 3. Widget Recent Posts dan Widget Recent Comments telah selesai dipasang, dan selanjutnya tambahkan CSS agar tampilannya menjadi sedikit berbeda :D Tambahkan CSS ini di atas  ]]></b:skin> .Feed ul li{list-style:none;position:relative;counter-increment:num;margin:5px} ....
Posting Komentar
Baca selengkapnya

Logo Google Chrome Dengan CSS3

Gambar
Sebuah inovasi dalam pemanfaatan CSS3 oleh  Rajendra Patil  sangat luar biasa, Beliau telah membuat sebuah eksperimen yang cukup mengesankan dan menghasilkan karya yang fantastis :D Rajendra Patil mampu membuat Logo Google Chrome hanya denga CSS3 tanpa menggunakan image/ gambar. Logo Google Chrome Logo tersebut dibuat dengan CSS3 teknik tinggi: CSS3 Style: <style type="text/css"> .leaf{ height:350px; width:272px; background: #edcf17; -webkit-border-radius:55px 30px 245px 0px; -moz-border-radius:55px 30px 245px 0px; -o-border-radius:55px 30px 245px 0px; border-radius:55px 30px 245px 0px; position: absolute; opacity:0.97; -webkit-transform: rotate(0deg) translate(64px,-0.9258em); -moz-transform: rotate(0deg) translate(64px,-0.9258em); -o-transform: rotate(0deg) translate(64px,-0.9258em); transform: rotate(0deg) translate(64px,-0.9258em); } #yellow{ z-index:-97; background:-webkit-gradient(radial, 64 64, 279, -147 99, 100, from(#d9a919), to(white), color-s...
Posting Komentar
Baca selengkapnya

Pasang Iklan Adsense Pada Artikel Pertama (FirstPost)

Gambar
Untuk memasang sebuah iklan adsense pada bagian bawah artikel pertama dihalaman depan atau homepage/ index dapat digunakan teknik penempatan menggunakan Conditional Tags Blogspot . Dengan cara ini, sebuah iklan adsense akan tampil dihalaman depan tepat dibawah atau diatas artikel tanpa merusak tampilan blog. Adsense Logo Langkah untuk memasang iklan adsense pada artikel pertama di blogspot , sebagai berikut: 1. Edit Template - Expand - Cari <b:include data='post' name='post'/> 2. Copy-Paste dan letakkan script ini diatas/ dibawah <b:include data='post' name='post'/> <!--:[ START ADSENSE ]:--> <b:if cond='data:blog.pageType == &quot;index&quot;'> <b:if cond='data:post.isFirstPost'> <span class='iklan-dalam' style="text-align:center;margin:0 auto;padding:10px"> <!--:[ PLACE YOUR PARSED ADSENSE HERE! ]:--> </span> </b:if> </b:if> <!--:[ END ADSENSE ]:--...
Posting Komentar
Baca selengkapnya

Old City of Sana'a in Yaman

Gambar
Islamic Architecture In Yemen: Old City of Sana'a in Yaman Old City of Sana'a in Yemen
Posting Komentar
Baca selengkapnya