Fitur Baru Threaded Comment Blogger

Membuat Thread kommen blogger - beberapa blogger tidak bisa menikmati Thread comment bloggerini entah karena apa aku juga gak tau, template yang gak muncul Thread comment nya setau saya Template modifikasi sama template klasik, tapi template modern yang di keluarkan oleh blogger itu sudah otomatis ada, jadi perlu di hack kode nya biar muncul di template - template kita, ok langsung saja ya ke cara pembuatannya,

Centang Expand template widget

<b:if cond='data:blog.pageType == &quot;static_page&quot;'> <b:include data='post' name='comments'/> </b:if> <b:if cond='data:blog.pageType == &quot;item&quot;'> <b:include data='post' name='comments'/> </b:if>

Perhatikan baik - baik baris kode nya, jangan sampai salah, setelah ketemu kode nya silahkan hapus dan ganti dengan kode di bawah ini.

<b:include data='post' name='post'/>

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>

<b:if cond='data:post.showThreadedComments'>

<b:include data='post' name='threaded_comments'/>

<b:else/>

<b:include data='post' name='comments'/>

</b:if>

</b:if>

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<b:if cond='data:post.showThreadedComments'>

<b:include data='post' name='threaded_comments'/>

<b:else/>

<b:include data='post' name='comments'/>

</b:if>

</b:if>

Setelah itu cari kode seperti ini

<div class='post-footer-line post-footer-line-2'>

Di bawah kode tersebut ada kode seperti ini kurang lebihnya

<b:if cond='data:blog.pageType == &quot;item&quot;'> <b:include data='post' name='comments'/> </b:if>

Hapus kode tersebut dan ganti dengan Kode html komen threaded

Lalu klik simpan template, dan selesai silahkan cek komentar2 di blog anda.

Sekarang kita bahas beberapa masalah, bukan masalah komentar nya tapi masalah kode nya, soalx kode di setiap template berbeda, ok anda lihat kan kode seperti di bawah ini.

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>

<b:include data='post' name='comments'/>

</b:if>

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<b:include data='post' name='comments'/>

</b:if>

Jika kode seperti itu ada 2 ( dua ) di template anda maka anda tidak usah lagi mencari kode yang ke dua yaitu kode yang di bawah 

<div class='post-footer-line post-footer-line-2'> jadi anda tinggal ganti saja kode nya dengan Kode html komen threaded nya ( yang di atas itu ). Semoga bermanfaat, postingan Cara membuat Threaded komen blogger ini. Masih bingung. . .?? langsung saja ke SUMBER nya.

Membuat Threaded Comment Blogger

Membuat threaded komen di blogger part 2 di harapkan kodenya yang akan dicari ada dan anda semua bisa menikmati threaded komen, karena model yang kedua ini agak beda seperti Threaded comments blogger yang lalu, yang part 2 ini saya temukan di blog bang U-sup disana saya liat kode nya berbeda seperti yang di publish mbah doyok, kalau yang part 2 ini simple banget kodenya.

1. Masuk di blog anda
2. Klik Rancangan
3. Klik Edit HTML
4. Centang Expand template widget
5. Cari kode di bawah ini

<b:include data='post' name='comments'/>

6. Biasanya kode tersebut ada 4 atau 2 pokokX ada berapapun kodenya silahkan hapus dan ganti dengan kode di bawah ini

<b:if cond='data:post.showThreadedComments'>

<b:include data='post' name='threaded_comments'/>

<b:else/>

<b:include data='post' name='comments'/>

</b:if>

7. Setelah itu klik Pratinjau jika ok maka klik SIMPAN TEMPLATE.

Mengganti Newer Post dengan Judul Posting

Mengganti older post dan newer post dengan judul postingan pastinya akan sangat beda ya dari yang lain, kalau di WP itu memang sudah ada fasilitas tersendirinya tapi kalau di blogger perlu di hack baru bisa menampilkan seperti ini, itu dll. nah saya nemu postingan ini di blog master yabtb dia orang finlandia kayaknya setau saya sih gitu dari profil blogger nya, ok jadi gini, kalau biasanya kita sedang membaca postingan pasti di bagian akhir ( di bawah kotak komentar ) ada Older Post dan Newer Postnah sekarang Older Post dan Newer Post akan berganti dengan judul postingan, emmmm pasti beda dan mantap ya hehehee nih aku ambilih ScreenShot nya aja ya, soalx kalau demo aku gak punya, tapi aku udah coba di blogQ yang lain dan trik ini berhasil.

Nah begitulah bentuk pergantian dari newer post dan older post menjadi judul postingan hemmm baiklah langsung saja ke tahap pembuatannya.

1. Masuk di dasbor blogger
2. Klik Rancangan / Template
3. Klik Edit HTML
4. Klik Proceed / Lanjutkan ( jika editor baru )
5. Cari kode </head>
6. Setelah ketemu simpan kode di bawah ini di atas kode </head>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'/>

7. Kemudian cari kode </body>
8. Setelah ketemu simpan kode di bawah ini di atas kode </body>

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<script type='text/javascript'>

//<![CDATA[

var urlToNavTitle = {};

function getTitlesForNav(json) {

for(var i=0 ; i < json.feed.entry.length ; i++) {

var entry = json.feed.entry[i];

var href = "";

for (var k=0; k<entry.link.length; k++) {

if (entry.link[k].rel == 'alternate') {

href = entry.link[k].href;

break;

}

}

if(href!="") urlToNavTitle[href]=entry.title.$t;

}

}

document.write('<script type="text/javascript" src="http://'+window.location.hostname+'/feeds/posts/summary?redirect=false&max-results=500&alt=json-in-script&callback=getTitlesForNav"></'+'script>');

function urlToPseudoTitle(href) {

var title=href.match(/\/([^\/_]+)(_.*)?\.html/);

if(title) {

title=title[1].replace(/-/g," ");

title=title[0].toUpperCase() + title.slice(1);

if(title.length > 28) title=title.replace(/ [^ ]+$/, "...")

}

return title;

}

$(window).load(function() {

window.setTimeout(function() {

var href = $("a.blog-pager-newer-link").attr("href");

if(href) {

var title=urlToNavTitle[href];

if(!title) title=urlToPseudoTitle(href);

if(title) $("a.blog-pager-newer-link").html("&lt;&lt; " + title);

}

href = $("a.blog-pager-older-link").attr("href");

if(href) {

var title=urlToNavTitle[href];

if(!title) title=urlToPseudoTitle(href);

if(title) $("a.blog-pager-older-link").html(title + " &gt;&gt;");

}

}, 500);

});

//]]>

</script>

</b:if>

9. Cari lagi kode ]]></b:skin>
10. Setelah ketemu simpan kode di bawah ini di atas kode ]]></b:skin>

.blog-pager-newer-link {

background-color: transparent !important;

padding: 0 !important

}

.blog-pager-older-link {

background-color: transparent !important;

padding: 0 !important

}

#blog-pager-newer-link {

padding: 5px;

font-size: 90%;

width: 200px;

text-align: left

}

#blog-pager-older-link {

padding: 5px;

font-size: 90%;

width: 200px;

text-align: right

}

Nah Abis itu klik SIMPAN TEMPLATE. dan coba anda buka salah satu postingan anda dan lihat Older Post atau Newer Post nya udah berganti dengan judul postingannya belum, semoga Trik Mengganti Older post dan Newer Post dengna judul postingan berhasil.

Download Template SEO X-Green CSS Free

Udah lama saya ( Andi X-Gen ) gak sharing template dikarenakan belum ada waktu untuk membuat template-template tersebut. Dan untungnya setelah idul fitri kemarin saya diberi waktu libur dan saya manfaatkan untuk membuat project template lagi :D. Dan posting saya yang berjudul Download Template  Seo ini akan saya share project template baru saya tersebut yang saya beri nama X-Gen Green CSS V.2.

Oke langsung aja yang mau mencicipi template ini bisa langsung mendownload pada link yang telah saya sediakan dibawah.

check this on:
Template name: X-Gen Green CSS V.2
Template Designer: Andi X-Gen
Template Demo: http://green-x-gen2.blogspot.com
Fitur Template:

- Meta tag SEO friendly
- Auto Read More Ready (with transition effect)
- Navigation Dropdown menu
- 2 Sidebar di kiri dan kanan
- Widget di header  (bisa untuk meletakkan banner / iklan)
- Tombol Social Network (with transition effect)
- Breadcrumbs ready (seo friendly)
- Elegant Image Slider
- Tripple Tab View
- Struktur desain elegant dan Simpel

- Transition Effect on Hover

- Search Form

- 3 Elemen Widget diatas Footer

- Scrollbar sudah di modifikasi

Download:

Via 4Shared: Klik Disini | Via Ziddu: Klik Disini

Password file: andi-techno.blogspot.com

Perhatian: dikarenakan artikel dan template ini dibuat dengan terburu-buru, maka saya mohon jika ada struktur widget yang kurang pas harap di maklumi atau diperbaiki, dan jika ada broken link harap beritahukan kepada admin

Dan saya juga telah membuat beberapa variant warna untuk template ini yaitu:

X-Gen Blue CSS Template

X-Gen Red CSS Template

X-Gen Golden CSS Template

Dan ketiga template tersebut akan saya share dalam waktu dekat :D