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

Manipulasi Komentar Admin Melalui URL

jQuery
Manipulation Admin Comment With jQuery - Membuat komentar admin berbeda dengan pengunjung tentunya bisa dilakukan dengan CSS. Nah, saya mencoba memanfaatkan jQuery yang digunakan untuk banned spammer yang di bahas di blog +Kang Ismet. Setelah gagal percobaan beberapa kali, ujungnya konsultasi sama mas +Taufik Nurrohman. Dengan memanfaatkan jQuery ini kita bisa menggunakan beberapa url yang bisa dijadikan komentar admin, misalnya link OpenId. Kinerja dari jQuery ini adalah memanfaatkan url target untuk dijadikan acuan manipulasi. Langsung saja bagaimana caranya :D .
Silakan simpan kode ini diatas kode </body>.
<script type='text/javascript'>
//<![CDATA[
var urlAdmin = [
  "URL ADMIN PERTAMA", // Admin 1
  "URL ADMIN KEDUA",  // Admin 2
  "URL ADMIN KETIGA"  // Admin 3
];
$.each(urlAdmin, function(i) {
  $('a[href="' + urlAdmin[i] + '"]').closest('.comment_inner').css('border-top', '5px solid #ED1C24');
});
//]]>
</script>
Dari kode diatas saya memberi efek border pada .comment_inner. Silakan kalian kembangkan kembali untuk memberikan efek yang kalian inginkan pada komentar admin..comment_inner adalah Class/Id yang akan diberi efek, sedangkan .cssefek yang akan diberika. Bila ada masalah bisa ditanyakan pada kolom komentar. Semoga bermanfaat .. :D
Previous
Posting Lama

46 Komentar

avatar

waah keren, sekarang serba ada yaa. jaman udh semakin canggih

BalasHapus
avatar

iya mba, jaman sudah canggih jadi semuanya bisa di manipulasi. :D

BalasHapus
avatar

fungsi js ini untuk membedakan warna background komentar admin dengan pengunjung lain gt ya mas? boleh jg ni :)

BalasHapus
avatar

ya betul, tapi untuk menggantinya jadi background background editnya css nya. :)

BalasHapus
avatar

sip mas, sudah saya praktekan..... makasih, sukses slalu :)

BalasHapus
avatar

wah.. hebat nih mas, sangat bermanfaat buat newbie seperti saya :)

walau sedikt oot, ada sedikit pertanyaan mas :)

saya menggunakan Js ini memblok komentar link aktif..

<script type='text/javascript'>
//<![CDATA[
function blockLinks(parentID, children) {
var parent = document.getElementById(parentID),
content = parent.getElementsByTagName(children);
for(var i = 0; i < content.length; i++) {
if(content[i].innerHTML.indexOf('</a>') !== -1) {
content[i].innerHTML = "<mark>Ops..!!!</mark> Dilarang nyepam broo..!!!";
content[i].className = "spammer-detected";
}
}
}
blockLinks('comment_block', 'p');
//]]>
</script>


tapi yang menjadi kendala adalah saya tidak dapat menyertakan link aktif (admin), ada solusinya mas kalau komentar admin bisa mernggunakan link aktif?

BalasHapus
avatar

Keren mas .. :) Bisa beda-beda ternyata ya .. :D

BalasHapus
avatar

mantab memang ya kalau tutorial dari kang saeful rahman. makasih ilmunya bang

BalasHapus
avatar

mas ajarin dong cara membuat pampilan post di homepage kayak blog ini, dimana judul dan label berserta isi posting berada di samping gambar. saya menggunakan template BCalm disini http://biggoblogs.blogspot.com

BalasHapus
avatar

Dengan Manipulasi jadi lebih keren ya Mas, jd bisa membedakan komentar admin sama yang lainnya. :)

BalasHapus
avatar

jangan bilang kalo mau nyoba hikihikihik :D

keren mas Saeful

BalasHapus
avatar

Mantap kang ... jadi bisa lihat saeful2 yg lainnya hehe

BalasHapus
avatar

Wahh mantab...thanks dech shared ilmunya!

BalasHapus
avatar

coba pake ini
$("#comment_block").each(function () {
$('i[rel="anchor"]', this).replaceWith(function () {
return $('<a href="' + $(this).text() + '" rel="nofollow" target="_blank">[Link]</a>')
});


Penggunaannya <i rel="anchor">/2013/12/manipulasi-komentar-admin-melalui-url.html</i> hasilnya kayak gini /2013/12/manipulasi-komentar-admin-melalui-url.html

atau pake
if (a) {
b = a.getElementsByTagName("div");
for (i = 0; i < b.length; i++) {
if (b.item(i).getAttribute('CLASS') == 'comment_body') {
ki_comm = ki_comm.replace(/\[url\=('|")?(.*?)('|")?\](.*?)\[\/url\]/ig, "<a class='allow' href='$2' rel='nofollow' target='_blank'>$4</a>");
b.item(i).innerHTML = ki_comm
}
}
}


Caranya [url="saeful13.blogspot.com/2013/12/manipulasi-komentar-admin-melalui-url.html"]Manipulasi Komentar[/url] jadinya seperti ini [url="saeful13.blogspot.com/2013/12/manipulasi-komentar-admin-melalui-url.html"]Manipulasi Komentar[/url]

BalasHapus
Komentar ini telah dihapus oleh pengarang. - Hapus
avatar
avatar

pindahkan posisi html gambar berada di halaman post, kemudian tambahkan tag kondisional agar tidak muncul pada halaman post dan statis . Kodenya kayak gini.
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<div class='thumb-nail'>
<b:if cond='data:post.firstImageUrl'>
<a expr:href='data:post.url' expr:title='data:post.title'><img expr:alt='data:post.title' expr:src='data:post.firstImageUrl'/></a>
<b:else/>
<b:if cond='data:post.thumbnailUrl'>
<a expr:href='data:post.url' expr:title='data:post.title'><img expr:alt='data:post.title' expr:src='data:post.thumbnailUrl'/></a>
<b:else/>
<a expr:href='data:post.url' expr:title='data:post.title'><img expr:alt='data:post.title' src='http://1.bp.blogspot.com/-GgunCKS0efc/UqHfrCNm75I/AAAAAAAAChw/tipMtdnDUuE/s1600/NO+IMAGE.jpg'/></a>
</div>
</b:if>
</b:if>

BalasHapus
avatar

siip mas :) uji coba dulu..

BalasHapus
avatar

iya mas, apalagi bisa menambahkan admin yang lain. :D

BalasHapus
avatar

hehe orangnya cuman ada satu kok. Akunnya aja yang banyak xixi

BalasHapus
avatar
avatar

kok tidak berhasil mas?

$("#comment_block").each(function () {
$('i[rel="anchor"]', this).replaceWith(function () {
return $('<a href="' + $(this).text() + '" rel="nofollow" target="_blank">[Link]</a>')
});


saya simpan js ini di </body> apa ada kesalahan?

BalasHapus
avatar

saya lupa, pakai js yang ini block spammernya. Soalnya kalau yang diatas akan berfungsi apabila pada komentar ada link yang memiliki tag akhiran </a>
<script type='text/javascript'>
//<![CDATA[
function blockLinks(parentID, children) {
var parent = document.getElementById(parentID),
content = parent.getElementsByTagName(children);
for(var i = 0; i < content.length; i++) {
if (content[i].innerHTML.indexOf('<a href="http') !== -1) {
content[i].innerHTML = "<mark>Ops..!!!</mark> Dilarang nyepam broo..!!!";
content[i].className = "spammer-detected";
}
}
}
blockLinks('comment_block', 'p');
//]]>
</script>



penulisan yang benar seperti ini
<i rel="anchor">/2013/12/contoh.html</i>
tidak kayak gini
<i rel="anchor">http://contoh.blogspot.com/2013/12/contoh.html</i>

BalasHapus
avatar

sorry mas saya kurang mengerti yg mas maksud {pindahkan posisi html gambar berada di halaman post, kode script nya seperti apa dan di pindahkan ke mana} bisa mas ajarin step by step. saya ingn tampilan nya persis kayak blog mas ini. terimakasih sebelum nya dan maaf kalau saya terlalu merepotkan.

BalasHapus
avatar

langsung dicoba deh , makasih mas :D

BalasHapus
avatar

wow salut.. pada pinter jQuery nih :-bd

BalasHapus
avatar

saya coba dulu mas, ntar kalau ada yg kurang jelas tanya ya...

BalasHapus
avatar

keren gan saeful :)
gan tau gak cara pasang fb,tw,g+ sama komentar di blog agan ke blog ane (atas menu samping kanan) gimana yah?
*coba liat blog ane.. makasih yah

BalasHapus
Komentar ini telah dihapus oleh pengarang. - Hapus
avatar

masih binggung dengan...

http://saeful13.blogspot.com/2013/11/membuat-widget-google-plus-author.html?showComment=1386778261214#c8117503836000405340

Soalnya gak ada.. Kodenya seperti ini..

<i rel="pre"><span class='comment_service'>
<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'>
<img alt='delete' src='http://2.bp.blogspot.com/-d-5BS0YCkho/UOKe2UIw0rI/AAAAAAAAC4w/md_iYNVHaHk/s1600/delete4.png' title='Hapus Komentar'/>
</a>
<span class='comment_date'><a expr:href='data:comment.url' rel='nofollow' title='comment permalink'>
<data:comment.timestamp/>
</a></span>
</span></div>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p></i>

BalasHapus
Komentar ini telah dihapus oleh pengarang. - Hapus
avatar

mas ,, cara membuat blog-pager (previous) itu ada nama postingannya bagaimana mas ??? :)

BalasHapus
avatar

Nih gan
ul.socialz{float:right;margin:.9em auto;padding:0;position:absolute;top:10px;right:10px}
.socialz li{list-style:none;display:inline-block;margin:auto 0}
a.sociali{list-style:none;background-image:url(http://2.bp.blogspot.com/-_hj53DIWtBU/UoolkhEpq6I/AAAAAAAACeY/WcbXR7Is_Lk/s1600/o.png);background-color:#F3F4F5;height:29px;float:left;width:29px;transition:all 0.15s ease}
a.sociali.twitter{background-position:-1px -1px}
a.sociali.facebook{background-position:-32px -1px}
a.sociali.googleplus{background-position:-63px -1px}
.sociali.lonceng{background-position:-94px -1px}
.admin13{color:#000;text-decoration:none;float:right;margin-right:10px;font-size:15px;padding:0}
a.sociali.admins{background-position:-125px -1px;margin-left:20px}
a.sociali.twitter:hover{background-position:-1px -32px}
a.sociali.facebook:hover{background-position:-32px -32px}
a.sociali.googleplus:hover{background-position:-63px -32px}
.sociali.lonceng:hover{background-position:-94px -32px}
a.sociali.admins:hover{background-position:-125px -32px;opacity:0.4}

<ul class='socialz'>
<li><a class='sociali twitter' href='https://twitter.com/Saefulr13' target='_blank' title='Twitter'></a></li>
<li><a class='sociali facebook' href='https://www.facebook.com/Saeful.r13' target='_blank' title='Facebook'></a></li>
<li><a class='sociali googleplus' href='https://plus.google.com/+SaefulRahman' target='_blank' title='Google +'></a></li>
<li><a class='sociali admins' href='#' title='Admin'></a></li></ul>

BalasHapus
avatar

pake pengecualian mas, kurang lebih strukturnya begini.

<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
Disini itu nantinya ada comment_header, comment_avatar, comment_body dll.
</b:if>


Jadi deleted-comment nya ditarik keluar.

BalasHapus
avatar

ini gan kodenya. :D
<script type='text/javascript'>
$(document).ready(function(){
var olderLink = $(&quot;a.blog-pager-older-link&quot;).attr(&quot;href&quot;);
$(&quot;a.blog-pager-older-link&quot;).load(olderLink+&quot; .post-title:first&quot;, function() {
var olderLinkTitle = $(&quot;a.blog-pager-older-link&quot;).text();
$(&quot;a.blog-pager-older-link&quot;).text(olderLinkTitle);//rgt
});
var newerLink = $(&quot;a.blog-pager-newer-link&quot;).attr(&quot;href&quot;);
$(&quot;a.blog-pager-newer-link&quot;).load(newerLink+&quot; .post-title:first&quot;, function() {
var newerLinkTitle = $(&quot;a.blog-pager-newer-link:first&quot;).text();
$(&quot;a.blog-pager-newer-link&quot;).text(newerLinkTitle);
});
});
</script>

BalasHapus
avatar

mau lihaat demonya dulu ..nnti aku coba..thanks

BalasHapus
avatar

Katanya kalau sering berkomentar pakai link OpenID malah bisa dianggap spam Mas ... ?

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