Tampilkan postingan dengan label SEO. Tampilkan semua postingan
Tampilkan postingan dengan label SEO. Tampilkan semua postingan

Threaded Comment styles dengan CSS

Threaded Comment styles dengan CSS , wah udah lama gak posting nih semenjak ikutan kontes Sumber Berita Cerita Inspirasi Motivasi Dunia Terbaru - Beritama.com jadi kangen sebarin Tutorial Blogger lagi. Nah pasti kalian udah pada tau tentang Threaded Comment Blogger yang baru baru ini diluncurkan .

Tentunya ini memberi kesan decak kagun kepada pengguna blogger. dengan adanya Threaded Comment jadi komentar lebih agak keren dibanding yang standar dulu. Tapi tadi setelah nemu salah satu Blogger Prayag Verma dan menemukan arsip keren bin ajaib tentang Prayag Verma dan sudah saya terapkan pada blog ini, liat bagian bawah dan test dengan komentar kalian :


  • Masuk ke Blogger
  • Rancangan - Edit Html - Centang Expand Widget Template.
  • Kemudian letakkan kode berikut ini diatas kode ]]></b:skin>


.comment-content{white-space: pre-wrap;width: 95%;word-wrap: break-word;}
.comments .comments-content .comment {background: white;position: relative;border-radius: 0px 100px 120px;padding:5px;}
span.comment-actions, .continue {width:120px;background: #F1F1F1;border-radius: 20px 20px;text-align:center;font-weight:bold;text-decoration:none !important;}
span.comment-actions:hover, .continue:hover {background: #EBDDE2;text-decoration:none !important;}
.secondary-text{padding: 6px 12px 6px;text-decoration:none !important;}
.comments .comment .comment-actions a:hover{text-decoration:none !important;}
.comment-replies span div ol div li span {display:none !important;}
.comments .thread-toggle {background: #F3F3F3;border-radius: 20px;padding: 6px 12px 6px;font-weight: bold;}
.comments .thread-toggle:hover {background: #EBDDE2;}
.comments .comment-block {padding: 11px !important;margin-left: 48px;position: relative;left: 60px;background:#F1F1F1;border-radius: 10px;width: 400px;}
.comments .avatar-image-container img {overflow:visible !important;width:40px !important;}
.comments .avatar-image-container {width:40px !important;background: #F1F1F1;padding: 5px;border-radius: 100px;}
.avatar-image-container img,.avatar-image-container a img, .avatar-image-container {border-radius:20px;position:relative;height:40px;width:40px;background-clip:padding-box;}
.comments .avatar-image-container {max-height:50px !important;}
.comments .comments-content .comment-header {width: 450px;background:#F1F1F1;position: relative;left: -73px;}
.comments .comments-content .user {font-style: normal;font-weight: bold;position: relative;left: 80px;}
.comments .comments-content .datetime {position: absolute;left: 270px;}
.comment-thread ol div.continue {display:none !important;}

Save Template dan lihat hasilnya.

Sekian dulu ya tutorial Threaded Comment styles dengan CSS.

Sumber : Threaded Comment styles

Tempat Layanan Ping Blog Terbaik (Gratis)


Tips dalam ber Ping yang baik dan benar :

  • Lakukan ping jika kamu telah mengupdate blog anda
  • Lakukan ping jika anda melakukan posting terbaru
  • Jangan lakukan ping terlalu sering karna ini bisa dikatakan sebagai spam
  • Lakukan ping seperlunya dan jangan berlebihan
Berikut ini adalah daftar Ping untuk Blog anda :
  1. Ping-O-Matic
  2. Feed Shark
  3. PingMyBlog
  4. AutoPingler
  5. Pingates
  6. Ping.In
  7. Feed Ping
  8. Pingler
  9. TotalPing
  10. My Pagerank
  11. Pingoat 
  12. GooglePing
Cukup Sekian Dulu Daftar Ping Service kali ini dan perlu anda ketahui daftar ping diatas cuma beberapa dari situs penyedia jasa layanan Ping Gratis, kalau mau yang lebih komplit bisa langsung tanya ke Guru saya namanya Mbah Google.semoga trik kali ini bisa bermanfaat bagi anda .

Mengedit Template Blog Agar Seo Friendly

Cara Mengedit Template Blog Agar Lebih Seo Friendly - Template Seo Friendly ,Setiap blogger pasti mengharapkannya,bagaimana tidak ? Template Yang Seo Friendly pasti banyak mendatangkan pengunjung dari Mbah Google maupun dari SE yang lain seperti Tante Yahoo, Paman Bing dll.Template bawaan blogspot ada yang belum SEO Friendly, jadi kita perlu Mengedit Template Blog Agar Seo Friendly , langkah langkahnya sebagai berikut :


1. Mengganti Tag Title

Tag Title blog standar adalah seperti ini :


<title><data:blog.pageTitle/></title>

Kemudian anda hapus kode tersebut lalu ganti dengan kode berikut :

<b:if cond='data:blog.pageType == "item"'>
<title><data:blog.pageName/> | <data:blog.title/></title>
<b:else/>
<title><data:blog.pageTitle/></title>
</b:if>

2. Memasang Meta Deskripsi dan Meta Keyword

Tujuan Memasang Meta Deskripsi dan Meta Keyword adalah agar SE ( Search Engine) mudah mengindex,Crawl,blog anda.

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta name="description" content="Deskripsi Blog Anda" />
<meta name="keywords" content="Tutorial And Sharing" />
<b:else/>
<meta name="description" expr:content=’data:blog.PageName "- Deskripsi Blog anda"’ />
<meta name="keywords" expr:content=’data:blog.PageName ", Tutorial And Sharing"’ />
</b:if>

Letakkan Meta Tag Deskripsi dan Meta Keyword tersebut dibawah kode No. 1 tadi.

3. Mengganti Tag Heading Menjadi H1

Template yang standar biasanya memakai Tag H2 atau H3 jadi anda harus ganti.
cari kode berikut :

<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>

Kemudian hapus kode tadi lalu ganti dengan kode berikut :

<b:if cond='data:post.title'>
<h1 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>
</h1>
</b:if>

Kemudian tambahkan kode berikut diatas kode ]]></b:skin>

h1.post-title, .post h1 #Blog1 h1, #Blog2 h1 { font-size:1.5em; }

4. Memasang Related Post
  Bisa juga Related post yang biasa :

<b:if cond='data:blog.pageType == "item"'>
<div class='similiar'>
<div class='widget-content'>
<h3>Related Posts by Categories</h3>
<div id='data2007'/><br/><br/>
<script type='text/javascript'>
var homeUrl3 =
&quot;<data:blog.homepageUrl/>&quot;;
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;
maxNumberOfPostsPerLabel = 100;
maxNumberOfLabels = 3;
function listEntries10(json) {
var ul = document.createElement
(&#39;ul&#39;);
var maxPosts = (json.feed.entry.length &lt;=
maxNumberOfPostsPerLabel) ?
json.feed.entry.length :
maxNumberOfPostsPerLabel;
for (var i = 0; i &lt; maxPosts; i++) {
var entry = json.feed.entry[i];
var alturl;
for (var k = 0; k &lt; entry.link.length; k++) {
if (entry.link[k].rel == &#39;alternate&#39;) {
alturl = entry.link[k].href;
break;
}
}
var li = document.createElement
(&#39;li&#39;);
var a = document.createElement
(&#39;a&#39;);
a.href = alturl;
if(a.href!=location.href) {
var txt = document.createTextNode(entry.title.
$t);
a.appendChild(txt);
li.appendChild(a);
ul.appendChild(li);
}
}
for (var l = 0; l &lt; json.feed.link.length; l++) {
if (json.feed.link[l].rel == &#39;alternate&#39;)
{
var raw = json.feed.link[l].href;
var label = raw.substr(homeUrl3.length+13);
var k;
for (k=0; k&lt;20; k++) label = label.replace
(&quot;%20&quot;, &quot; &quot;);
var txt = document.createTextNode(label);
var h = document.createElement
(&#39;b&#39;);
h.appendChild(txt);
var div1 = document.createElement
(&#39;div&#39;);
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById
(&#39;data2007&#39;).appendChild(div1);
}
}
}
function search10(query, label) {
var script = document.createElement
(&#39;script&#39;);
script.setAttribute(&#39;src&#39;, query +
&#39;feeds/posts/default/-/&#39;
+ label +
&#39;?alt=json-in-
script&amp;callback=listEntries10&#39;);
script.setAttribute(&#39;type&#39;,
&#39;text/javascript&#39;);
document.documentElement.firstChild.appendChild
(script);
}
var labelArray = new Array();
var numLabel = 0;
<b:loop values='data:posts' var='post'>
<b:loop values='data:post.labels' var='label'>
textLabel = &quot;<data:label.name/>&quot;;
var test = 0;
for (var i = 0; i &lt; labelArray.length; i++)
if (labelArray[i] == textLabel) test = 1;
if (test == 0) {
labelArray.push(textLabel);
var maxLabels = (labelArray.length &lt;=
maxNumberOfLabels) ?
labelArray.length : maxNumberOfLabels;
if (numLabel &lt; maxLabels) {
search10(homeUrl3, textLabel);
numLabel++;
}
}
</b:loop>
</b:loop>
</script>
</div>
</div>
</b:if>


5. Memasang Breadcrumbs

Untuk Membuat dan Memasang Breadcrumbs Navigation klik Cara Membuat Breadcrumbs Di Blog

 6. Memasang‘rel=canonical’ dan Menonaktifkan Archive Blog

Tujuannya adalah menghindari blog anda dari duplicate content.
Tambahkan kode berikut dibawah kode <head> :

<link expr:href='data:blog.url' rel='canonical' />

Nonaktifkan Archive dengan cara :
Pada Dashboard klik - Setting - Archive - No Archive.
Lalu Save Template.

Nah Dengan Cara  Mengedit Template Blog Agar Seo Friendly, membuat blog anda akan dibanjiri pengunjung, tapi bukan dalam waktu yang singkat. jadi pada intinya anda harus berusaha.

Cara Ampuh Menurunkan Berat Badan Alexa yang Gemuk

Ok, pertama" ada yang tau apa itu alexa rank ? kalo belum tau lihat ulasan berikut :



Peringkat lalu lintas didasarkan pada tiga bulan agregasi data lalu lintas historis dari jutaan Alexa Toolbar pengguna dan data yang diperoleh dari yang lain, sumber lalu lintas data yang beragam, dan merupakan ukuran gabungan tampilan halaman dan pengguna (mencapai). Sebagai langkah awal, Alexa menghitung jangkauan dan jumlah tampilan halaman untuk semua situs di Web setiap hari. Peringkat Alexa trafik utama adalah berdasarkan nilai yang berasal dari kedua jumlah rata-rata dari waktu ke waktu (sehingga peringkat situs mencerminkan baik jumlah pengguna yang mengunjungi situs tersebut serta jumlah halaman di situs dilihat oleh para pengguna ). Perubahan tiga bulan ditentukan dengan membandingkan peringkat saat ini situs dengan peringkat dari tiga bulan lalu. Sebagai contoh, pada tanggal 1 Juli, perubahan tiga bulan akan menunjukkan perbedaan antara peringkat berdasarkan trafik selama kuartal pertama tahun dan peringkat berdasarkan trafik selama kuartal kedua.


*definisi itu saya kutip langsung dari alexa yang sudah di terjemahkan google translate .
kalau definisi sudah diketahui , kita lanjut ke Topik utama "Cara Ampuh Menurunkan Berat Badan Alexa yang Gemuk" saya memilih judul ini karena unik. hehe.
langsung aja kita lihat Trik" berikut :


  • Pasang widget alexa di blog anda untuk memantau keadaan blog anda.
  • Cara paling mudah dan murah meriah adalah dengan Blogwalking dan meninggalkan komentar di Blog-blog dengan Alexa Rank yang lebih tinggi dari Blog anda .
  • Daftar Blog ke Search Engine Terutama Google, Yahoo dan MSN                                         
Ini dilakukan agar blog kita cepat terindek di mesin pencari terutama yang sudah terkenel dan besar seperti Google, Yahoo, MSN dll, baru setelah itu ke search engine lainnya.
  • Daftar Blog ke Technorati                                                                                               Technorati  merupakan salah satu direktori blog yang sudah terkenal, bia juga berfungsi sebagai  blogsearch, tags aggregator, online bookmarks, juga bisa mengetahui  blog mana saja yg memasang link blog kita..  
  • Cari Backlink
    Cari backlink sebanyak-banyaknya dan berkualitas sebaiknya sih sesuai kategori blog, karena google menilai berdasarkan kuantitas dan kualitas link, tapi akhirnya mana saja yang mau bertukar link.. saya terima.
  • Bookmark  Blog Sebagai Homepage Browser 
    Bookmark blog sebagai homepage di komputer yang sering digunakan untuk browsing ini juga baru kemarin saya lakukan di komputer rumah sebenarnya sih ini bisa juga dikantor, diwarnet atau dimana saja, makin banyak tentu semakin baik. 
  • Update blog 2 hari sekali , 1 minggu 2 kali atau 1 bulan sekali . bila perlu setiap hari justru lebih bagus lagi.
  • Tulis artikel Tentang Alexa
    Tulis artikel tentang Alexa misalnya seperti yang sedang sobat baca tentang Cara Meningkatkan Alexa Rank ini dan ajak para pembaca untuk men-download Alexa Toolbar.  Jangan lupa saat membuat artikel tentang Alexa, selalu gunakan label atau kategori dengan keyword :  Alexa, Alexa rank, Alexa traffic rank, Rangking Alexa, dsb. Intinya ada kata ' Alexa ' , ini akan membuat senang si tante yang genit ini.

  • Melakukan Ping
    Lakukan ping secara berkala , saya baru lakukan ini dua kali , ping ini untuk merefresh blog kita di data base mesin pencari.
  • Minta teman untuk mereview dan merating profil blog Anda di Alexa. Memang belum ada bukti, namun mungkin saja cara ini berguna.
  • Belajar Ilmu seo yang mudah dan cara yang benar. Ilmu apakah itu ? ya SEO ala kadarnya saja. Cuman berbekal Blogwalking, Comment, dan terus update blog anda selama 1 minggu 7 kali saja dijamin tidak lama lagi anda akan menyandang seleb blog. Siapa contohnya ? banyak banget kali. Bahkan Blog para master pun bisa kalah tersaingi oleh Blog macam begini. Tanpa harus tau  “ILMU SEO” ? secara detail dan ilmu SEO yang tinggi, SEO Ala Kadarnya tidak bisa dianggap remeh oleh siapapun dan dimana pun. Mungkin SEO ala kadarnya lebih optimal jika dipake dalam optimisasi BLOG PRIBADI.
  • Dan yang gak kalah penting adalah berdoa .





Semoga Cara" diatas dapat bermanfaat bagi teman" semua dan perlu anda ketahui cara diatas sudah terbukti ampuh. hehe.kalau masih kurang searh aja di Google . dan jangan lupa berkomentar

Courtesy tanpa-isi.blogspot.com
Free SEO tools
 
Yahoo Messenger
Send Me IM!
Google Plus
Add Me To Your Circle!
Twitter
Follow Me!
Facebook
Add My Facebook

Mari Join

blog-indonesia.com

Komunitas

ASEAN Blogger
Cyber-PML Blog
Copyright 2012 Arsha Wijaya powered by Blogger - All Rights Reserved - Best View Using Nightly Build