Hiding Blog & Message Icons

GuildPortal admin site link to original post

Paste the code below into the footer or into a free form text/HTML content box near the bottom of the page. Increasethe number in red (time in milliseconds) if you have a long page load time (lots of images).

• The CSS in green hides the message and blog icons in the shout box, remove this if you want to show the message icons.
• The CSS in blue hides the message and blog icons in the forums, remove this if you want to show the message icons.
• The javascript hides the blog icons only on every page (news boxes, forums and shoutbox)

Footer or Content Box (Free Form Text/HTML) at the bottom of the page

<style type="text/css">
.hide { display: none; }
#jqShoutCb a { display: none; }
.MessageAuthorInfoCell1 a {display: none;}
</style>
<script type="text/javascript">
function hideBlog() {
var x = document.getElementsByTagName("img");
var blogImg = "BlogViewBubble.png";
 try {
  for (j=0; j < x.length; j++) {
   if( x[j].src.match(blogImg) ) {
    x[j].className = "hide";
   }
  }
 } catch (err) {}
}
setTimeout("hideBlog();", 1000);
</script>

---

It is possible to combine the above script with the script to hide the admin "Edit" buttons. It is included below for completeness sake 

<style type="text/css">
.hide { display: none; }
#jqShoutCb a { display: none; }
.MessageAuthorInfoCell1 a {display: none;}
</style>
<script type="text/javascript">
function hideEditButtons() {
// true = hide all edit buttons
// false = show all edit buttons
var hideButtons = true;

// Don't change anything below!
// *****************************
if (!hideButtons) return;
x = document.getElementsByTagName("input");
  try {
   for (j=0; j < x.length; j++) {
    if( x[j].value == "Edit" ) {
     x[j].className = "hide";
    }
   }
  } catch (err) {}
}
function hideBlog() {
var x = document.getElementsByTagName("img");
var blogImg = "BlogViewBubble.png";
 try {
  for (j=0; j < x.length; j++) {
   if( x[j].src.match(blogImg) ) {
    x[j].className = "hide";
   }
  }
 } catch (err) {}
}
setTimeout("hideBlog();", 1000);
setTimeout("hideEditButtons();", 1);
</script>

Edit: Corrected my error where the timeout is actually in millisecondand not seconds. Increase the time to 1000 and it'll hide all your blogicons.