Alnect Computer's Contest


Cara Membuat Related Post di Blogger

 Cara Membuat Related Post di BloggerRelated Post sangat berpengaruh pada traffic blog Anda. Tapi di blogger belum ada widget related post. Tapi tenang saya sudah dapat ilmunya dari bloggertemplates.itmag.org dan sudah saya buktikan. Caranya ikuti petunjuk di bawah :

Masuk ke layout, masuk ke edit html, download full template, lalu klik Expand Widget Template

Paste kode di bawah ini dalam tag <head>, taruh saja di bawah tag itu

<script type="text/javascript">
//<![CDATA[
var relatedTitles = new Array();
var relatedTitlesNum = 0;
var relatedUrls = new Array();
function related_results_labels(json) {
for (var i = 0; i < json.feed.entry.length; i++) {
var entry = json.feed.entry[i];
relatedTitles[relatedTitlesNum] = entry.title.$t;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
relatedUrls[relatedTitlesNum] = entry.link[k].href;
relatedTitlesNum++;
break;
}
}
}
}
function removeRelatedDuplicates() {
var tmp = new Array(0);
var tmp2 = new Array(0);
for(var i = 0; i < relatedUrls.length; i++) {
if(!contains(tmp, relatedUrls[i])) {
tmp.length += 1;
tmp[tmp.length - 1] = relatedUrls[i];
tmp2.length += 1;
tmp2[tmp2.length - 1] = relatedTitles[i];
}
}
relatedTitles = tmp2;
relatedUrls = tmp;
}
function contains(a, e) {
for(var j = 0; j < a.length; j++) if (a[j]==e) return true;
return false;
}
function printRelatedLabels() {
var r = Math.floor((relatedTitles.length - 1) * Math.random());
var i = 0;
document.write('<ul>');
while (i < relatedTitles.length && i < 20) {
document.write('<li><a href="' + relatedUrls[r] + '">' + relatedTitles[r] + '</a></li>');
if (r < relatedTitles.length - 1) {
r++;
} else {
r = 0;
}
i++;
}
document.write('</ul>');
}
//]]>
</script>

Scrool ke bawah dan temukan kode di bawah ini

<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop>
</b:if>

Ganti kode di atas dengan ini

<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
<b:if cond='data:blog.pageType == "item"'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels&max-results=10"' type='text/javascript'/>
</b:if>

</b:loop>
</b:if>

Setelah itu masuk ke page elements, klik add a page element, pilih yang html/javascript. Dan copas kode di bawah ini :

<script type="text/javascript">
removeRelatedDuplicates();
printRelatedLabels();
</script>

Simpan dengan judul Related Posts (bisa diganti)

Klik Edit HTML lagi, expand widget template, perhatikan kode di bawah ini :

<b:widget id='HTML25' locked='false' title='Related Posts' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType == "item"'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div><b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>

Sisipkan kode yang dicetak tebal di atas. Perhatikan juga pada title, bila Anda menggunakan judul lain pada elemen halaman tadi, maka bukan related posts tetapi itu adalah judul Anda.

Sekarang simpan, dan preview. Anda bisa lihat contohnya di SINI. Ada yang ingin menambahkan?

Baca juga yang ini :

  
Posted by widhian on May 14th, 2008 and filed under HTML Tutorial, Internet, SEO, Tips dan Trik, Tutorial Blog. You can follow any responses to this entry through the RSS 2.0. You can leave a response by filling following comment form or trackback to this entry from your site

9 Responses for “Cara Membuat Related Post di Blogger”

  1. afieNo Gravatar says:

    di wordpress gimana ya?

  2. widhianNo Gravatar says:

    yup sama2 Grin

  3. gratisanNo Gravatar says:

    Kalo untuk blog engine lain bisa tidak ??? seperti punya aku

    gratisans last blog post..Kontes "Kampanye Damai Pemilu Indonesia 2009"

    • widhianNo Gravatar says:

      Wuaduh.. maaf mas kelewat… hmmm ngomong2 mas pake apa ya.. kemungkinan si ga bisa mas.. hmmm tapi tetep semangad!!

  4. Red GearNo Gravatar says:

    Nice tips, thanx…

    Red Gears last blog post..Freewarefiles.com; Solusi Software Gratis Anda

Leave a Reply

CommentLuv Enabled

Click to Insert Smiley

SmileBig SmileGrinLaughLOLFrownBig FrownWinkKissRazzAngelAngryReally AngryConfusedNeutralThinkingChicCoolNerdSillyDrunken RazzMad RazzEvil GrinMeanPissed OffReally PissedCurseShoutGrit TeethCryWeepSide FrownWiltSmugDisdainRoll EyesSarcasmLoserTalk to the HandShyBeat UpPainShameBeautyBlushCuteLashesKissingKiss BlowKissedHeh!SmirkSnickerGiggleIn LoveDroolEek!ShockSickSuspenseTrembleDazedHypnotizedFoot in MouthMoney MouthQuietShut MouthDOH!IDKQuestionLyingStruggleSweatStopByeGo AwayWavingTime OutCall MeOn the PhoneMeetingSecretHandshakeHigh FiveHug LeftHug RightClapDanceJumpFingers CrossedVictoryYawnSleepyPrayWorshipWaitingAlienClownCowboyCyclopsDevilDoctorFemale FighterMale FighterMohawkMusicPartyPirateSkywalkerSnowmanSoldierGhostSkeletonEatStarvingVampireZombie KillerBunnyCatCat 2ChickChickenChicken 2CowCow 2DogDog 2DuckGoatHippoKoalaLionMonkeyMonkey 2MousePandaPigPig 2SheepSheep 2ReindeerSnailTigerTurtleFemaleMaleHeartBroken HeartRoseDead RosePeaceYin YangUS FlagMoonStarSunCloudyRainThunderUmbrellaRainbowMusic NoteYesNoAirplaneCarIslandAnnouncebrbBeerDrinkLiquorCakeCoffeePizzaWatermelonBowlPlateCanMailCellPhoneCameraFilmTVClockLampSearchCoinsComputerConsolePresentSoccerCloverPumpkinBombHammerKnifeHandcuffsPillPoopCigarette