Solutions For You

logo
close
Blog ini akan Saya hapus soalnya banyak masalah di Webmaster. Maklum dulunya blog gado - gado, isinya copasan haha. Mungkin nanti muncul blog baru pengganti Blog Saeful13 dan tentunya pake TLD biar terlihat professional gitu haha..

Sebentar, ente tahu TLD gak ? Kalau gak tahu TLD itu Top Level Domain :) Masih belum ngerti juga ? Ane jelasin lagi ya, TLD merupakan akhiran pada suatu nama domain yang mengindikasikan pemilik tingkatan tertinggi Domain tersebut dan jenis domain tersebut. Kayak .com, .net dan kawan - kawannya :)

#JustKiddingBro
close
menu

Membuat Relateds Posts dan Random Posts

Relateds Posts and Random Posts - Membuat sebuat Artikel Terkait dan Artikel Acak tentunya sangat diperlukan. Widget ini untuk memberikan informasi kepada pengunjung mengenai artikel - artikel yang ada pada blog kita. Disini saya akan memberikan Widget tersebut.
Related Posts
Simpan kode dibawah diatas kode ]]></b:skin>
  /*Artikel Terkait and Random*/
.related-post h4 {margin:0;display:none;}  
.syang1{float:left;margin:0;display:block;width:50%;}
.syang2{margin:0;float:right;display:block;width:50%;}
.sedunia1 {padding:0;margin-bottom:5px;height:155px;overflow:hidden;border-left:1px solid #ccc;border-right:1px solid #ccc;border-bottom:1px solid #ccc;}
.sedunia2 {padding:0;margin-bottom:5px;height:155px;overflow:hidden;border-right:1px solid #ccc;border-bottom:1px solid #ccc;}
.judul1 h3 {background:#E6E9F1;border-bottom:1px solid #ccc;border-left:1px solid #ccc;border-right:1px solid #ccc;border-top:1px solid #ccc;font-family:Coda;margin:0;font-weight:bold;color:#000;text-shadow:none;text-align:center;}
.judul2 h3 {background:#E6E9F1;border-bottom:1px solid #ccc;border-right:1px solid #ccc;border-top:1px solid #ccc;font-family:Coda;margin:0;font-weight:bold;color:#000;text-shadow:none;text-align:center;}
.sedunia1 ul {padding:0px !important;background:#f2f2f2; margin:0}
.sedunia1 ul li {border-bottom: 1px solid #ccc;  border-top: 1px solid #FFFFFF;list-style:none;line-height: 1.4em;padding:3px 10px;transition:all 0.7s ease-out;white-space:nowrap;text-overflow:ellipsis; overflow:hidden}
.sedunia1 li:hover, .sedunia a:hover {background:#fafafa; color:#000; display:block;text-decoration:none;white-space:nowrap;text-overflow:ellipsis; overflow:hidden}
.sedunia1 a {color:#777 }
.sedunia2 ul {padding:0px !important;background:#f2f2f2; margin:0}
.sedunia2 ul li {border-bottom: 1px solid #ccc;  border-top: 1px solid #FFFFFF;list-style:none;line-height: 1.4em;padding:3px 10px;transition:all 0.7s ease-out;white-space:nowrap;text-overflow:ellipsis; overflow:hidden}
.sedunia2 li:hover, .sedunia a:hover {background:#fafafa; color:#000; display:block;text-decoration:none;white-space:nowrap;text-overflow:ellipsis; overflow:hidden}
.sedunia2 a {color:#777 }
Kemudian simpan kode ini dibawah kode <div class='post-footer-line post-footer-line-1'>.
<div class='syang1'>
<div class='judul1'>
<h3>Related Posts</h3>
<div class='sedunia1'>
<div class='related-post' id='related-post'/>
<script type='text/javascript'>
  var labelArray = [<b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'>
          &quot;<data:label.name/>&quot;<b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
      </b:loop></b:if>];
  var relatedPostConfig = {
      homePage: &quot;<data:blog.homepageUrl/>&quot;,
      widgetTitle: &quot;&lt;h4&gt;Related Post:&lt;/h4&gt;&quot;,
      numPosts: 6,
      summaryLength: 370,
      titleLength: &quot;auto&quot;,
      thumbnailSize: 80,
      noImage: &quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAA3NCSVQICAjb4U/gAAAADElEQVQImWOor68HAAL+AX7vOF2TAAAAAElFTkSuQmCC&quot;,
      containerId: &quot;related-post&quot;,
      newTabLink: false,
      moreText: &quot;Read More&quot;,
      widgetStyle: 1,
      callBack: function() {}
  };
  </script>
  <script src='http://blogger-json-experiment.googlecode.com/svn/resources/related-post/related-post.min.js' type='text/javascript'/>
</div>
</div>
</div>
<div class='syang2'>
<div class='judul2'>
<h3>Random Posts</h3>
<div class='sedunia2'>
<div id='random-post-container'>Loading...</div>
<script>
//<![CDATA[
// Feed configuration
var homePage = 'http://saeful13.blogspot.com',
    maxResults = 6,
    containerId = 'random-post-container';
// Function to generate random number limited from `min` to `max`
// Used to create a valid and safe random feed `start-index`
function getRandomInt(min, max) {
    return Math.floor(Math.random() * (max - min + 1)) + min;
}
// Function to shuffle arrays
// Used to randomize order of the generated JSON feed
function shuffleArray(arr) {
    var i = arr.length, j, temp;
    if (i === 0) return false;
    while (--i) {
        j = Math.floor(Math.random() * (i + 1));
        temp = arr[i];
        arr[i] = arr[j];
        arr[j] = temp;
    }
    return arr;
}
// Get a random start index
function createRandomPostsStartIndex(json) {
    var startIndex = getRandomInt(1, (json.feed.openSearch$totalResults.$t - maxResults));
    // console.log('Get the post feed start from ' + startIndex + ' until ' + (startIndex + maxResults));
    document.write('<scr' + 'ipt src="' + homePage + '/feeds/posts/summary?alt=json-in-script&orderby=updated&start-index=' + startIndex + '&max-results=' + maxResults + '&callback=randomPosts"></scr' + 'ipt>');
}
// Widget's main function
function randomPosts(json) {
    var link, ct = document.getElementById(containerId),
        entry = shuffleArray(json.feed.entry),
        skeleton = "<ul>";
    for (var i = 0, len = entry.length; i < len; i++) {
        for (var j = 0, jen = entry[i].link.length; j < jen; j++) {
            link = (entry[i].link[j].rel == "alternate") ? entry[i].link[j].href : '#';
        }
        skeleton += '<li><a href="' + link + '">' + entry[i].title.$t + '</a></li>';
    }
    ct.innerHTML = skeleton + '</ul>';
}
document.write('<scr' + 'ipt src="' + homePage + '/feeds/posts/summary?alt=json-in-script&max-results=0&callback=createRandomPostsStartIndex"></scr' + 'ipt>');
//]]>
</script>  
</div>
</div>
</div>
Random and Related Posts

Setting

Ganti URL saeful13.blogspot.com dengan URL blog anda..

Semoga bermanfaat...
Previous
Posting Lama

63 Komentar

avatar

pertama nih, keren kang :) oh iya gimana ya blog-pager biar diatas komentar, bosen dibawah terus :(

BalasHapus
avatar

widihh mantap gan, lebih simpel dan manfaatnya banyak, memaksimalkan space tentunya :)

BalasHapus
avatar

Saya cuma memanfaatkan tag kondisional. Ini adalah kode bawaan #blog-pager
<b:includable id='nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
</span>
</b:if>
<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
</span>
</b:if>
<div class='mobile-link-button' id='blog-pager-home-link'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</div>
<div class='mobile-desktop-link'>
<a class='home-link' expr:href='data:desktopLinkUrl'><data:desktopLinkMsg/></a>
</div>
</div>
<div class='clear'/>
</b:includable>

Kemudian saya tambahkan tag kondisional jadinya seperti ini.
<b:includable id='nextprev'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
</span>
</b:if>
<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
</span>
</b:if>
<div class='mobile-link-button' id='blog-pager-home-link'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</div>
<div class='mobile-desktop-link'>
<a class='home-link' expr:href='data:desktopLinkUrl'><data:desktopLinkMsg/></a>
</div>
</div>
</b:if>
</b:if>
<div class='clear'/>
</b:includable>

Tag kondisional diatas mengartikan, #blog-pager tidak muncul pada halaman post dan statis
Kemudian saya tambahkan HTML #blog-pager dibawah halaman post pada template. :D

BalasHapus
avatar

gan mau tanya cara membuat hanya random post gimana? sama buat about me kayak blog agan???

BalasHapus
avatar

Akhirnya dishare juga kang hehehe...keyyeenn... :-bd :-bd

BalasHapus
avatar

izin mempraktekkan, thx master. ^^

BalasHapus
avatar

mas boleh gak bantu buat responsive dibagian menu seperti blog ini? :(

BalasHapus
avatar

Random Posts

CSS
/*Random Posts*/
.syang2{margin:0;float:left;display:block;width:100%;}
.sedunia2 {padding:0;margin-bottom:5px;height:155px;overflow:hidden;border-left:1px solid #ccc;border-right:1px solid #ccc;border-bottom:1px solid #ccc;}
.judul2 h3 {background:#E6E9F1;border-bottom:1px solid #ccc;border-right:1px solid #ccc;border-top:1px solid #ccc;border-left:1px solid #ccc;font-family:Coda;margin:0;font-weight:bold;color:#000;text-shadow:none;text-align:center;}
.sedunia2 ul {padding:0px !important;background:#f2f2f2; margin:0}
.sedunia2 ul li {border-bottom: 1px solid #ccc; border-top: 1px solid #FFFFFF;list-style:none;line-height: 1.4em;padding:3px 10px;transition:all 0.7s ease-out;white-space:nowrap;text-overflow:ellipsis; overflow:hidden}
.sedunia2 li:hover, .sedunia a:hover {background:#fafafa; color:#000; display:block;text-decoration:none;white-space:nowrap;text-overflow:ellipsis; overflow:hidden}
.sedunia2 a {color:#777 }}

JavaScript
<div class='syang2'>
<div class='judul2'>
<h3>Random Posts</h3>
<div class='sedunia2'>
<div id='random-post-container'>Loading...</div>
<script>
//<![CDATA[
// Feed configuration
var homePage = 'http://saeful13.blogspot.com',
maxResults = 6,
containerId = 'random-post-container';
// Function to generate random number limited from `min` to `max`
// Used to create a valid and safe random feed `start-index`
function getRandomInt(min, max) {
return Math.floor(Math.random() * (max - min + 1)) + min;
}
// Function to shuffle arrays
// Used to randomize order of the generated JSON feed
function shuffleArray(arr) {
var i = arr.length, j, temp;
if (i === 0) return false;
while (--i) {
j = Math.floor(Math.random() * (i + 1));
temp = arr[i];
arr[i] = arr[j];
arr[j] = temp;
}
return arr;
}
// Get a random start index
function createRandomPostsStartIndex(json) {
var startIndex = getRandomInt(1, (json.feed.openSearch$totalResults.$t - maxResults));
// console.log('Get the post feed start from ' + startIndex + ' until ' + (startIndex + maxResults));
document.write('<scr' + 'ipt src="' + homePage + '/feeds/posts/summary?alt=json-in-script&orderby=updated&start-index=' + startIndex + '&max-results=' + maxResults + '&callback=randomPosts"></scr' + 'ipt>');
}
// Widget's main function
function randomPosts(json) {
var link, ct = document.getElementById(containerId),
entry = shuffleArray(json.feed.entry),
skeleton = "<ul>";
for (var i = 0, len = entry.length; i < len; i++) {
for (var j = 0, jen = entry[i].link.length; j < jen; j++) {
link = (entry[i].link[j].rel == "alternate") ? entry[i].link[j].href : '#';
}
skeleton += '<li><a href="' + link + '">' + entry[i].title.$t + '</a></li>';
}
ct.innerHTML = skeleton + '</ul>';
}
document.write('<scr' + 'ipt src="' + homePage + '/feeds/posts/summary?alt=json-in-script&max-results=0&callback=createRandomPostsStartIndex"></scr' + 'ipt>');
//]]>
</script>
</div>
</div>
</div>

BalasHapus
avatar

CSS.gambar{float:left;width:75px;height:75px;margin:4px 2px 0 0;border-radius:90em;opacity:0.8;border-top:2px solid #cf2031;border-right:2px solid #0f7dc8;border-bottom:2px solid #2eb31a;border-left:2px solid #eab823}
.tentang{width:auto;padding:1%;font-family:Coda;margin:-70px 0 0 110px;font-size:11px;color:#222}
.fb,.gp,.tw{color:#fff!important;display:block;font-weight:bold;line-height:14px;height:14px;width:14px;border:3px solid #444;text-align:center;padding:3px;border-radius:15px;font-size:13px;text-decoration:none!important;margin:1px;position:relative;margin-right:0}
.fb{background:#3B5998;margin-left:73px}
.fb:hover{border-color:#4F77CC;box-shadow:0 0 3px #4F77CC}
.gp{background:#D34836;font-size:11px;margin-left:85px}
.gp:hover{border-color:#EB503C;box-shadow:0 0 3px #EB503C}
.tw{background:#4099FF;margin-left:73px}
.tw:hover{border-color:#36D0FF;box-shadow:0 0 3px #36D0FF}

HTML<h2 class='title'>About Me</h2>
<div class='widget-content'>
<img alt='Saeful Rahman' src='URL GAMBAR' class='gambar' />
<a class='fb' href='URL FACEBOOK' rel='nofollow'>f</a>
<a class='gp' href='URL G+' rel='nofollow'>G</a>
<a class='tw' href='URL Twitter' rel='nofollow'>t</a>
<div class='tentang'>
Kalimat
</div>

BalasHapus
avatar

Wah, masalah Responsive menu saya kurang begitu mahir mas. Mungkin mas bisa gunakan responsive menu blog ala MDF atau liat aja Source Code menu blog ini.
Menu responsive ini juga dapat dari template punya MKR
CSS
/* Navigation by MDF Blog*/
#navxnya{background-color:#00CF08; padding:0 10px 0 0; position:relative}
#navxnya ul, #navxnya li{margin:0; padding:0; list-style:none; height:40px}
#navxnya li{float:left; display:inline; position:relative; height:auto}
#navxnya a{display:block; line-height:40px; color:white; text-decoration:none; padding:0 10px 0 10px; text-shadow:none}
#navxnya li ul{background-color:#01dbe3; border:0; position:absolute; top:100%; left:0; width:180px; height:auto; z-index:88;display:none}
#navxnya li.submenu > a::after,#navxnya li.submenu > a::after { content:" " ; width:0; height:0; border-width:5px 3px; border-style:solid; border-color:#fff transparent transparent transparent; position:absolute; top:18px; right:0 }
#navxnya li li{float:none; display:block; border-bottom:1px solid #fcfcfc}
#navxnya li ul a{color:#333; height:40px; line-height:40px; padding:0 15px; text-shadow:none}
#navxnya li ul a:hover{color:#fff}
#navxnya li a:hover, #navxnya li a:focus, #navxnya li:hover>a{background:#00A8FF}
#navxnya li:hover ul.hidden{display:block}
@media screen and (max-width:480px) {
#navxnya{background-color:#eee; padding:0}
#navxnya li{border-top:1px solid #2980b9; float:none; display:block; width:100%}
#navxnya, #navxnya ul{height:auto}
#navxnya{padding-bottom:2px}
#navxnya li{border-top:1px solid #ccc; padding:0}
#navxnya li a{color:#333; padding:0 1.2em; border:none}
#navxnya li a:hover, #navxnya li a:focus, #navxnya li:hover>a{color:#2980b9}
#navxnya>ul>li.submenu:before, #navxnya>ul>li.submenu:after{display:block; pointer-events:none}
#navxnya li.submenu > a::after,#navxnya li.submenu > a::after { content:" " ; width:0; height:0; border-width:5px 3px; border-style:solid; border-color:#fff transparent transparent transparent; position:absolute; top:18px; right:5px }
#navxnya li.submenu{background-color:#dcdcdc}
#navxnya li ul{position:static; width:auto}
#navxnya li ul li, #navxnya li ul li a{border:none}
#navxnya li ul li a{border-top:1px solid #ccc; background-color:#f8f8f8}
#navxnya li ul li a:active{background-color:white; color:inherit}
#navxnya li .float-right{display:none}

HTML
<nav id='navxnya' itemscope='itemscope' itemtype='http://schema.org/SiteNavigationElement'>
<ul>
<li class='navhome'><a href='/'>Home</a></li>
<li><a href='/' target='_blank' title='Daftar Isi'>Daftar Isi</a></li>
<li class='submenu'><a href='#'>Tools</a>
<ul class='hidden'>
<li><a href='http://flatuicolors.com/' target='_blank' title='Flat UI Color | Kumpulan Warna-warna Keren'>Flat UI Color</a></li>
<li><a href='http://css3maker.com/' target='_blank' title='CSS3 Maker'>CSS3 Maker</a></li>
<li><a href='/' target='_blank' title='Kode Warna Hexa'>Kode Warna</a></li>
</ul>
</li>
</ul>
</nav>

Demonya : http://o-am.blogspot.com/

BalasHapus
avatar

haha iya kang. Ada yang nanyain.. :D

BalasHapus
avatar

hahaha, dibilang master. Saya ini masih newbie mas, dalam tahap pembelajaran.. :D

BalasHapus
avatar

makasih gan.. kapan2 boleh dicoba :)

BalasHapus
avatar

bagus ya ternyata related post dan random postnya :D :D

BalasHapus
avatar

Suer ini yg saya cari2 mas. :D
akhirnya nemu disini :)

BalasHapus
avatar

ditunggu tips n trik yang lainnya sob :)

BalasHapus
avatar

memang banyak yang baru disini gkgkgkgk @@,

BalasHapus
avatar

CSS na lokal abisss... moal laku go international geura,... wkwkkwkkwk

BalasHapus
avatar

Biasa aja mas, ini juga hasil modifikasi dari Related dan Random Posts yang mas imron kasih. :D

BalasHapus
avatar

Syukur deh kalau udah ketemu. haha

BalasHapus
avatar

wkwkw salah mas justru banyak yang jadul. :D

BalasHapus
avatar

hahah kudu ku bahasa inggris geura meh laku mah..

Maklum kang b. inggrisnya masih sd wkwkwkw

BalasHapus
avatar

umum bilang ga umum... :) urang indihe bingungeun aya class 'sedunia' ;)
btw.. ning etah cekdur 'deleted comena' :-bd

BalasHapus
avatar

haha, bener kang. Cenah diajar b. Indonesia @@,

Di acak-caka heula kang janten weh cekdur. haha :D

BalasHapus
avatar

oh iya kang, saya binggung kok kalo komentar dihapus kan seharusnya "div deleted-comment" kalo di threaded comments saya masih "comment_body" ? :( saya pengen modif kayak DTE gitu :D

BalasHapus
avatar

div: .deleted-comment itu buat smooth scrolling, kalau manipulasi .deleted-comment tag kondisionalnya dibawa keluar
<b:if cond='data:comment.isDeleted'>
<div class='message'>Komentar ini telah dihapus.</div>
<b:else/>
<div class='comment-body'>
Kode avatar, kode meta dan tombol komentar di sini...
</div>
</b:if>


Terkait : http://www.dte.web.id/2011/08/tag-kondisional-tingkat-lanjut.html?showComment=1380000724043#c4693405689050976746

BalasHapus
avatar
avatar

menghilangkan Avatar, date, nama dan headernya gimana kang? kalo gini ditaruh dimana?

.comment_avatar, .comment_name, .comment_date, .comment_header {display:none}

BalasHapus
avatar

kalau itu bakalan ilang semuanya. Manfaatkan tag kondisional ini mas, pindahkan kode dibawah ini </b:if>
<b:if cond='data:comment.isDeleted'>
<div class='deleted-comment'><data:comment.body/> - <a class='comment-hapus' expr:href='&quot;http://www.blogger.com/delete-comment.g?blogID=&quot; + data:blog.blogId + &quot;&amp;amp;postID=&quot; + data:comment.id' expr:title='data:top.deleteCommentMsg'>Hapus</a></div>
<b:else/>
dibawah kode
<div id='comment_block'>
<b:loop values='data:post.comments' var='comment'>
<div class='data:comment.adminClass' expr:id='data:comment.anchorName'>
<b:if cond='data:post.adminClass == data:comment.adminClass'>
&lt;div class=&#39;comment_inner comment_admin&#39;&gt;
<b:else/>
&lt;div class=&#39;comment_inner&#39;&gt;
</b:if>

Lalu pindahkan tag penutup </b:if> dibawah tag penutup comment-body ..

BalasHapus
avatar

kalo saya kayak gini kodenya :(

<div class='comment_body'>
<b:if cond='data:comment.isDeleted'>
<div class='deleted-comment' style='.comment_avatar, .comment_name, .comment_date, .comment_header {display:none}'>Komentar ini telah dihapus.</div>
<b:else/>

<p><data:comment.body/></p>
<a class='comment_reply' expr:href='&quot;#r_&quot;+data:comment.anchorName' expr:id='&quot;r&quot;+data:comment.anchorName' onclick='javascript:Display_Reply_Form(this)'>Balas</a>
<a class='comment-delete' expr:href='&quot;http://www.blogger.com/delete-comment.g?blogID=&quot; + data:blog.blogId + &quot;&amp;amp;postID=&quot; + data:comment.id' expr:title='data:top.deleteCommentMsg'>Hapus</a> <div class='clear'/>
</b:if> </div>

BalasHapus
avatar

hahaha .. tapi bagus sob lucu hihi

BalasHapus
avatar

kode ini pindahkan diatas code <div class='comment_header'>
<b:if cond='data:comment.isDeleted'>
<div class='deleted-comment' style='.comment_avatar, .comment_name, .comment_date, .comment_header {display:none}'>Komentar ini telah dihapus.</div>
<b:else/>
Kemudian tambahkan class pada CSS..

BalasHapus
avatar

bener mas, biar kelihatan original Made In Indonesia wkwkwk

BalasHapus
avatar

nyerah deh masih gini

http://bravoseo.blogspot.com/2013/08/efek-smooth-scrolling-pada-komentar-blog.html?showComment=1376397815862#c9204419759438999807

BalasHapus
avatar

Pelajari HTML Komentar saya aja gan. <div id='comment_block'>
<b:loop values='data:post.comments' var='comment'>
<div class='data:comment.adminClass' expr:id='data:comment.anchorName'>
<b:if cond='data:post.adminClass == data:comment.adminClass'>
&lt;div class=&#39;comment_inner comment_admin&#39;&gt;
<b:else/>
&lt;div class=&#39;comment_inner&#39;&gt;
</b:if>
<b:if cond='data:comment.isDeleted'>
<div class='deleted-comment'><data:comment.body/> - <a class='comment-hapus' expr:href='&quot;http://www.blogger.com/delete-comment.g?blogID=&quot; + data:blog.blogId + &quot;&amp;amp;postID=&quot; + data:comment.id' expr:title='data:top.deleteCommentMsg'>Hapus</a></div>
<b:else/>
<div class='comment_header'><span class='adminnya'>Admin</span>
<div class='comment_avatar'>
<img alt='avatar' expr:src='data:comment.authorAvatarSrc' expr:title='data:comment.author'/>
</div>
<div class='comment_name'>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow' target='_blank'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
</div>
<div class='comment_service'>
<a expr:href='data:comment.url' rel='nofollow' title='Permalink'><span class='comment_date'><data:comment.timestamp/></span></a>
</div>
<div class='clear'/>
</div>
<div class='comment_body'>
<p><data:comment.body/></p>
<a class='comment_reply' expr:href='&quot;#r_&quot;+data:comment.anchorName' expr:id='&quot;r&quot;+data:comment.anchorName' onclick='javascript:Display_Reply_Form(this)'>Balas</a>
<a class='comment-delete' expr:href='&quot;http://www.blogger.com/delete-comment.g?blogID=&quot; + data:blog.blogId + &quot;&amp;amp;postID=&quot; + data:comment.id' expr:title='data:top.deleteCommentMsg'>Hapus</a> <div class='clear'/>
</div></b:if>
<div class='clear'/>
&lt;/div&gt;
<div class='clear'/>
<div class='comment_child'/>
<div class='comment_reply_form' expr:id='&quot;r_f_&quot;+data:comment.anchorName'/>
</div>
</b:loop>
</div>

BalasHapus
avatar

terimakasih mas linknya di cek ya ..

http://bravoseo.blogspot.com/p/disclaimer.html

BalasHapus
avatar

mantep sob.. jgn lupa kunjungan balik :)

BalasHapus
avatar

Pas na mah made in Garut ya hhahahaha moal pabeulit sareng dodol kang? :D

BalasHapus
avatar

haha, moal kang. Ngke mah geura class na pake Dodol sareng Domba meh katinggal orang garut wkwkwk

BalasHapus
avatar

sama - sama mas. Haduh sampe dimasukan dalam Disclaimer hehe.

Terima Kasih mas. :D

BalasHapus
avatar

manteb sob

*kunjungan balik hehehe :D

BalasHapus
avatar

Wah tampilannya simpel tapi menarik mas. Keren nih.. :)

BalasHapus
avatar

Kang ngirim nganggo trik kanggo blog pagerna nu di komentar luhur hehehehe...hatur nuhun :-bd

BalasHapus
avatar

wew keren blognnya gan :)
mantab :) artikelnya juga keren!
- Blogwalking -

BalasHapus
avatar

sob mau tanya? template dasar blog ini apa?
_ Blogwalking _

BalasHapus
avatar

Template yang saya pakai template hasil gabungan dan dasarnya pake template punya Kang Kapuk. :)
[url=http://saeful13.blogspot.com/2013/08/sulitnya-mendesain-template-blogger.html]Sulitnya Mendesain Template Blogger[/url]

BalasHapus
avatar

mantab kang, semoga sukses :)
- Blogwaking yuk! -

BalasHapus
avatar

sama - sama sob, sukses juga buat blog sobat. :D

BalasHapus
avatar

Makasih kang atas tutornya ijin bookmark dulu, barangkali besok membutuhkan

BalasHapus
avatar

silakan mas, biar gk ilang xixixi :D

BalasHapus

Catatan:
• Dilarang menulis link aktif!
• Dilarang ngiklan di kolom komentar!
• Untuk menyisipkan kode pendek, gunakan tag <i rel="code"> ... KODE ... </i>
• Untuk menyisipkan kode panjang, gunakan tag <i rel="pre"> ... KODE ... </i>
• Untuk menyisipkan catatan, gunakan tag <b rel="quote">.. TEKS ... </b>
• Untuk menyisipkan gambar, gunakan tag <i rel="image"> ... URL GAMBAR ... </i>

Sebelum menyisipkan kode silahkan gunakan Tool Konversi Kode terlebih dahulu untuk menampilkan kode tersebut pada kolom komentar

Konversi Kode OOT

About | Contact | Forum | Sitemap | Privacy
© Copyright 2013 Saeful13 | Asuransi Kesehatan Terbaik Indonesia - All Rights Reserved