logo
Wrong email address or username
Wrong email address or username
Incorrect verification code
back to top
Search tags: customization
Load new posts () and activity
Like Reblog Comment
show activity (+)
text 2015-09-14 22:54
Booklikes Customisation Question ...

Once upon a time (Banned Books Week 2013), there were a lot of how-to's and tutorials posted.

 

Anyone remember one that had a how-to for changing how the stars on your review looked on your blog view (not on dashboard display) or know how to do?  Customize color of background ribbon/banner and of the star character?  Change what graphic/icon was used for the star?

Like Reblog Comment
show activity (+)
text 2014-06-15 05:12
[Masterpost] Customizing BookLikes

There are quite a few tutorials on how to change the layout of your BookLikes blog. I figured it's good to have them all in one post, and I'd like to thank all who put a lot of work into making them so others can enjoy BookLikes. 

 

Let's start with the customization blogs posted by BookLikes: 

 

 

 

Tutorials made by BookLikers for BookLikers: 

 

 

 

 

Note: All links open in a new window and take you to the original posts and their creators. Leave comments, likes and reblog the hell out of them so others can see it too :) 

 

Source: j4n3m3.booklikes.com/post/351682/-masterpost-customizing-booklikes
Like Reblog Comment
show activity (+)
text 2013-12-16 22:36
Changing fonts in a post.

If it is one of the "browser safe" fonts(list) I believe you can just do this:

 

I'll use Tahoma for this example.

 

"Someday, I'm going to meet some supernatural creature who tells me everything I should know up front and in a forthright manner - but I'm not going to hold my breath." - Patricia Briggs (River Marked)

 

Here is what is going on in my HTML code:

 

 

If you want to use Google Fonts you need to add the bit of code they give you to your blog HTML.

 

I'll use Electrolize for this example.

 

First, I took this code Google Fonts gave me:

 

and put it right bellow the < head > tag in my Blog HTML:

 

 

 

Now it's possible to use Electrolize as a font-family:

 

"Someday, I'm going to meet some supernatural creature who tells me everything I should know up front and in a forthright manner - but I'm not going to hold my breath." - Patricia Briggs (River Marked)

 

Here's what's in the HTML:

 

Don't forget to capitalize the font name. 

 

I hope this is understandable. :)

 

 

Like Reblog Comment
text 2013-12-15 04:07
Cursor Fun!!!

Go to your Settings - Blog - Then Click Theme:customize and then on each page you want follow (blog, timeline, etc) follow these directions:

 

STEP 1: Copy and paste the code below so that it sits between the <head> and </head> tags at the top of your web-page:

 

<script type="text/javascript">
// <![CDATA[
var sparks=75; // how many sparks per clicksplosion
var speed=33; // how fast - smaller is faster
var bangs=5; // how many can be launched simultaneously (note that using too many can slow the script down)
var colours=new Array('#03f', '#f03', '#0e0', '#93f', '#0cf', '#f93', '#f0c');
// blue red green purple cyan orange pink

/****************************
* Clicksplosion Effect *
*(c)2012-3 mf2fm web-design *
* http://www.mf2fm.com/rv *
* DON'T EDIT BELOW THIS BOX *
****************************/
var intensity=new Array();
var Xpos=new Array();
var Ypos=new Array();
var dX=new Array();
var dY=new Array();
var stars=new Array();
var decay=new Array();
var timers=new Array();
var swide=800;
var shigh=600;
var sleft=sdown=0;
var count=0;

function addLoadEvent(funky) {
var oldonload=window.onload;
if (typeof(oldonload)!='function') window.onload=funky;
else window.onload=function() {
if (oldonload) oldonload();
funky();
}
}

addLoadEvent(clicksplode);

function clicksplode() { if (document.getElementById) {
var i, j;
window.onscroll=set_scroll;
window.onresize=set_width;
document.onclick=eksplode;
set_width();
set_scroll();
for (i=0; i<bangs; i++) for (j=sparks*i; j<sparks+sparks*i; j++) {
stars[j]=createDiv('*', 13);
document.body.appendChild(stars[j]);
}
}}

function createDiv(char, size) {
var div, sty;
div=document.createElement('div');
sty=div.style;
sty.font=size+'px monospace';
sty.position='absolute';
sty.backgroundColor='transparent';
sty.visibility='hidden';
sty.zIndex='101';
div.appendChild(document.createTextNode(char));
return (div);
}

function bang(N) {
var i, Z, A=0;
for (i=sparks*N; i<sparks*(N+1); i++) {
if (decay[i]) {
Z=stars[i].style;
Xpos[i]+=dX[i];
Ypos[i]+=(dY[i]+=1.25/intensity[N]);
if (Xpos[i]>=swide || Xpos[i]<0 || Ypos[i]>=shigh+sdown || Ypos[i]<0) decay[i]=1;
else {
Z.left=Xpos[i]+'px';
Z.top=Ypos[i]+'px';
}
if (decay[i]==15) Z.fontSize='7px';
else if (decay[i]==7) Z.fontSize='2px';
else if (decay[i]==1) Z.visibility='hidden';
decay[i]--;
}
else A++;
}
if (A!=sparks) timers[N]=setTimeout('bang('+N+')', speed);
}

function eksplode(e) {
var x, y, i, M, Z, N;
set_scroll();
y=(e)?e.pageY:event.y+sdown;
x=(e)?e.pageX:event.x+sleft;
N=++count%bangs;
M=Math.floor(Math.random()*3*colours.length);
intensity[N]=5+Math.random()*4;
for (i=N*sparks; i<(N+1)*sparks; i++) {
Xpos[i]=x;
Ypos[i]=y-5;
dY[i]=(Math.random()-0.5)*intensity[N];
dX[i]=(Math.random()-0.5)*(intensity[N]-Math.abs(dY[i]))*1.25;
decay[i]=16+Math.floor(Math.random()*16);
Z=stars[i].style;
if (M<colours.length) Z.color=colours[i%2?count%colours.length:M];
else if (M<2*colours.length) Z.color=colours[count%colours.length];
else Z.color=colours[i%colours.length];
Z.fontSize='13px';
Z.visibility='visible';
}
clearTimeout(timers[N]);
bang(N);
}

function set_width() {
var sw_min=999999;
var sh_min=999999;
if (document.documentElement && document.documentElement.clientWidth) {
if (document.documentElement.clientWidth>0) sw_min=document.documentElement.clientWidth;
if (document.documentElement.clientHeight>0) sh_min=document.documentElement.clientHeight;
}
if (typeof(self.innerWidth)=='number' && self.innerWidth) {
if (self.innerWidth>0 && self.innerWidth<sw_min) sw_min=self.innerWidth;
if (self.innerHeight>0 && self.innerHeight<sh_min) sh_min=self.innerHeight;
}
if (document.body.clientWidth) {
if (document.body.clientWidth>0 && document.body.clientWidth<sw_min) sw_min=document.body.clientWidth;
if (document.body.clientHeight>0 && document.body.clientHeight<sh_min) sh_min=document.body.clientHeight;
}
if (sw_min==999999 || sh_min==999999) {
sw_min=800;
sh_min=600;
}
swide=sw_min-7;
shigh=sh_min-7;
}

function set_scroll() {
if (typeof(self.pageYOffset)=='number') {
sdown=self.pageYOffset;
sleft=self.pageXOffset;
}
else if (document.body && (document.body.scrollTop || document.body.scrollLeft)) {
sdown=document.body.scrollTop;
sleft=document.body.scrollLeft;
}
else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
sleft=document.documentElement.scrollLeft;
sdown=document.documentElement.scrollTop;
}
else {
sdown=0;
sleft=0;
}
}
// ]]>
</script>

 

STEP 2: If you wish, change the colours at the start of the script you just copied to be the colour of fireworks you require.

 

THAT'S IT When your page loads, the fireworks should begin to explode on the screen, just like it is on this page.

 

 

Source: www.mf2fm.com/rv/dhtmlclicksplosion.php
Like Reblog Comment
show activity (+)
text 2013-11-28 20:28
Do you have a see-through or colored comment section?

Does this bother you about it?

It's been bothering me for a while now.

 

Why does the text have to go all the way to the border of the comment section? Well, it doesn't!

 

I think I found the code that controls it:

Read more
More posts
Your Dashboard view:
Need help?