Me And My Bear Blogger Template is a simple blogger template that consists of 3 columns with two sidebars on the left side. This template is dominated by white and pink. This girly blogger template is a suitable template for personal blog.
Pada saat sobat berkomentar seringkali ingin mencantumkan url link.
Seperti bertukar link (link exchange),
Contoh seperti gambar di atas dann caranya sebagai berikut:
<a href='http://namablogsobat.blogspot.com'>link saya</a>
contoh:
<a href='http://www.cybermig.com'>Mig33 Eagle</a>
jadinya akan seperti berikut
Mudah bukan, seperti html link biasanya.
Selamat mencoba deh...
Semoga info cara membuat link pada komentar blog bermanfaat bagi sobaat semua.
Terkadang pada template tertentu, avatar pada komentar blog tidak muncul.
Jika kita ingin menampilkannya, dibawah ini caranya:
1. Pertama-tama masuk ke menu Setting->Comments.
Pilih lalu YES pada bagian "Show profile images" dan tekan Save.
2. Setelah itu, masuk ke menu Design > Edit HTML
3. Beri centang pada "Expand Widget Templates". Agar lebih aman backup template anda.
4. Cari kode berikut:
<dl id='comments-block'>
5. Ganti kode tersebut dengan kode ini
<dl expr:class='data:post.avatarIndentClass' id='comments-block'>
6. Setelah itu cari kode berikut,biasanya ada 2 dan pilih kode yang kedua
<a expr:name='data:comment.anchorName'/>
7. Ganti kode tersebut dengan kode berikut ini
<b:if cond='data:comment.favicon'><img expr:src='data:comment.favicon'/></b:if><a expr:name='data:comment.anchorName'/><b:if cond='data:blog.enabledCommentProfileImages'><div expr:class='data:comment.avatarContainerClass'><data:comment.authorAvatarImage/></div></b:if>
8. Setelah itu tambahkan kode css berikut diatas ]]></b:skin>
#comments-block .avatar-image-container img {background: #fff url(http://i37.photobucket.com/albums/e74/mrphoto16/Hermanblog/avatar.gif) no-repeat left top;width:32px;height:32px}
Semoga infonya bermanfaat.
DEMO | DOWNLOAD
Password : om-dayz.blogspot.com
Template Name : Dark Himajie Style v.2 SEO Blogspot HTML5 Template
Template Converted : Juragan / Blog Juragan
Edited : Om-Dayz
Descriptions : This template modification from the previous template, must already know about this one template, Thesis Faster Blogger Templates. Still as before except that the addition of the navigation menu, footer and colour.
Properties : Template 2 Column, SEO Friendly, Dynamic Meta Tags, Faster Loading, Auto Readmore, Cool navigation, Social Network Buttons, Qucklink to Box Comments, As set Dofollow Blog.
Password : om-dayz.blogspot.com
Template Name : Dark Himajie Style v.2 SEO Blogspot HTML5 Template
Template Converted : Juragan / Blog Juragan
Edited : Om-Dayz
Descriptions : This template modification from the previous template, must already know about this one template, Thesis Faster Blogger Templates. Still as before except that the addition of the navigation menu, footer and colour.
Properties : Template 2 Column, SEO Friendly, Dynamic Meta Tags, Faster Loading, Auto Readmore, Cool navigation, Social Network Buttons, Qucklink to Box Comments, As set Dofollow Blog.
Template Name : Simple SEO Red Blogger Template
Template Author : Devy Setiawan / devbook.net
Edited : Ricky Rizaldi / Naughtyric Blog
Descriptions : Simple SEO Red Blogger Themplate is faster blogger templates blogspot that created with minimalist style, SEO friendly and Ads Ready, this template use several images with a small size that makes this template loading faster. Header kept simple so google bot can faster and easier to index content. This Free Blogger Template is equipped with 2 adsense in the header and sidebar, can be edited easily through "edit HTML" page on blogspot account. Enjoy.
Properties : 2 Right Sidebar, 3 Column, Blogger, Elegant, Fixed, SEO Ready, Simple, Red, White, Ads Ready, Valid HTML Related Post
Contoh tab view komentar blog berdampingan dengan komentar facebook
seperti gambar di atas sob.
Jika anda penasaran ingin membuatnya,
berikut ini langkah2nya:
- Login ke account blogger
- rancangan
- Edit HTML
- Download template
- centang Expand Template Widget
- masukkan kode berikut ini di atas kode ]]></b:skin>
.comments-page { background-color: #ffffff;}
#blogger-comments-page { padding: 0px 5px; display: none;}
.comments-tab { float: left; padding: 5px; margin-right: 3px;
cursor: pointer; background-color: #ffffff;}
.comments-tab-icon { height: 14px; width: auto; margin-right: 3px;}
.comments-tab:hover { background-color: #eeeeee;}
.inactive-select-tab { background-color: #d1d1d1;}
ganti kode warna sesuai keinginan
Masukkan kode berikut ini tepat di atas kode </head>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
<script src='http://code.jquery.com/jquery-latest.js'/>
<meta content='ID FB Sobat disini' property='fb:admins'/>
<script type='text/javascript'>
function commentToggle(selectTab) {
$(".comments-tab").addClass("inactive-select-tab");
$(selectTab).removeClass("inactive-select-tab");
$(".comments-page").hide();
$(selectTab + "-page").show();
}
</script>
copy dan pastekan kode berikut ini di bawah kode <div class='comments' id='comments'> yg ke2
<div class='comments-tab' id='fb-comments' onclick='javascript:commentToggle("#fb-comments");' title='Comments made with Facebook'>
<img class='comments-tab-icon' src='http://static.ak.fbcdn.net/rsrc.php/v1/yH/r/eIpbnVKI9lR.png'/>
<fb:comments-count expr:href='data:post.url'/> Comments
</div>
<div class='comments-tab inactive-select-tab' id='blogger-comments' onclick='javascript:commentToggle("#blogger-comments");' title='Comments from Blogger'>
<img class='comments-tab-icon' src='http://www.blogger.com/img/icon_logo32.gif'/> <data:post.numComments/> Comments
</div><div class='clear'/>
</div>
<div class='comments-page' id='fb-comments-page'>
<b:if cond='data:blog.pageType == "item"'>
<div id='fb-root'/>
<fb:comments expr:href='data:post.url' num_posts='2' width='400'/>
</b:if>
</div>
save template...
Selamat mencoba komentar blog berdampingan dengan komentar facebook
Bagi blogger holic yg ingn mengubah template lebih seo friendly.
Styline dark seo blogger template dapat menjadi refrensi.
Alamat feed ini juga berguna untuk mendaftarkan blog ke berbagai directory seperti yahoo, tehcnorati dan yang lainnya. Dan juga untuk memasang widget posting terbaru. Pada blogger.com alamat feed ini ada dua jenis, yaitu Atom dan RSS. Meskipun nama dan alamatnya berbeda tapi begitu dibuka maka tampilan halamannya juga sama. Untuk mengetahui alamat feed blog ini sangat mudah.
Dengan menambahkan alamat Atom di belakang alamat blog.
Sebagai contoh alamat blog ini adalah http://www.mig33eagle.com.
Maka alamat feed Atomnya adalah http://www.mig33eagle.com/feeds/posts/default
Dengan menambahkan alamat RSS di belakang alamat blog.
Sebagai contoh alamat blog ini adalah http://www.mig33eagle.com
Maka alamat feed RSSnya adalah http://www.mig33eagle.com /feeds/posts/default?alt=rss