Sign up for PayPal and start accepting credit card payments instantly.



Saturday, December 27, 2008

Solving 'Dilectio' BloggerTemplate

Dilectio Template


Latest updates: David, BlogMaster of eBlog Templates has acknowledged this post and he has already fixed the problem so that future Bloggers who gonna download Dilectio Template will not have such problem. Thank you David from the bottom of my heart.

Updates: As a way to say 'Thank You' the said blogger has published a post with my name on it. You heard me right. No hyperlink, just my name. Well, I guess it's the thought that really counts. At least he has the courtesy to say thank you and I accept it heartily.

Elena Gafita, the creative mind behind Design Disease team, has designed a number of free WordPress themes as the Smashing WordPress Theme they (SmashingMagazine) released as a present for their readers during their One-Year-Anniversary in September ’07. Satisfied with her works, they’ve contacted Elena and asked her if it’s possible to design another Wordpress theme for their readers. And of course Elena agreed heartily.

After discussing the details of the design and the main aims Smashing Magazine wanted to achieve, Elena started to do her magic. The result is a fresh, clean, user-friendly and playful Wordpress theme “Dilectio” — a smashing Christmas present for Smashing Magazine readers.”

And now Blog*Spot users are able to use and download this amazing template thanks to the works of Francisco of Blog and Web. You're able to download it here and here.

Dilectio template for Blog*Spot user is also available to download on eBlog Templates.

Text-Wrap Problem


A forummer at CARI, was having a problem with his Dilectio Template. It has got to do with some text-wrap script making all images on his blog uncontrollable, making words to wrap around the images as you can see on the image below.




Words wrapping around the images


He doesn't want that looked. He wanted the images to look like this - see image below;

Wonderful sight, better than the above

I guess he was busy with his day-time job and has no time to look at the template to fix the problem. So he posted it on CARI Forum giving others the chance to prove their understanding of HTML, XHTML's script.

I took the challenge hoping I can solve his problem. I've never used Dilectio template's before. So I downloaded Dilectio template and uploaded it on my test blog. All through the night I've been working on it, tweaking the script here and there. At last, at two AM, "Eureka, I found it!"

This is what I do. Login to your Blogger account and you will be taken to your Dashboard --->Layout --->Edit HTML and searched for this line of code (see below) and deleted the red coloured line of scripts.

A word of caution, before you do anything please backup your template. I couldn't emphasis the importance of that small gesture.

/postcontentliicotr2.png) no-repeat left top; font-size: 12px; line-height: 15px; color:#63565f; }
.post-body blockquote { padding: 10px; margin: 0px; color:#993366; background: #eaf7ff;}
.post-body blockquote p { font-size: 12px; padding: 0px; margin: 0px; line-height: 15px;}
.post-body blockquote li { padding: 2px 0px 2px 15px; list-style-type: none; font-size: 12px; line-height: 15px;}
.post-body blockquote a { color:#336699;}
.post-body blockquote a:visited { color:#336699;}
.post-body blockquote a:hover { color:#000033;}

/**/ * html .post-body p img {} /* */
.post-body p img { max-width: 420px;}
.post-body p img { width:expression(this.width > 420 ? "420px" : this.width); }
.post-body img { margin: 0px 10px 10px 0px; float: left; border:solid 1px #495b6b;}

.PostHead small {display:block; font-size:11px; font-weight:bold; line-height:14px; margin:0px; padding:0px; }

/**/ * html #fecha { left: -70px;} /**/

#fecha { padding: 0px; margin: 0px; position: absolute; left: -15px; top: 3px; background: url(http://i254.photobucket.com/albums/hh92/eblogtemplates/dilectio/PostTimeBkg.gif) no-repeat; height: 71px; width: 67px; text-align: center; color:#fff; }

#fecha strong { display: block; line-height: 9px; font-family: 'Verdana';}

That's all for now until we meet again on another useful information's post.

Oops! Before I take my leave I would like to credit to this fine Blogger Hackers from whom I learned a lot about hacking Blogger's templates. Annie of BlogU, Johann of Beautiful Beta, Ramani of Hackosphere, to name a few.

But there's one girl who claimed I did learned something from her too, telling the world about it in her blog and in some forums. Sorry, her link not worth mentioning, but unwittingly she has given a great many linky loves to Web Direction, a blog full of useful information. I doubt if she had known about it. What? No, she's not local.






Subscribe to My Journey To Recovery

A candle loses nothing by sharing its flame.

54 Responses to "Solving 'Dilectio' BloggerTemplate"

norzyy said...

Assalamualaikum... just knowing you from Cari Forum. TQ for anwsering my question in Cari. As newbie there is a lot of thing I need to learn. This site really show how huge I have to learn. However currently I'm working with my own blog. Translate internet term from English to Malay. Just try & error.... not 100% complete. Feel free to visit

Lieza said...

slm ArahMan7..
tadi tinggal kt komen kene buat backup blog! tp sy tak phm lah nak backup camner.

blog nie boleh di tutup bebila masa ker tanpa kebenaran tuan pya blog? atas alasan aper blog tur kene tutup erk???

he3 byk tanya bab tak tau... he3..

abuyon said...

Salam bro, I have same problem with Abdullah. When I click post a comment, nothing happen.

abuyon said...

I also follow your step but there was an error "More than one widget was found with id: LinkList1. Widget IDs should be unique."

ArahMan7 said...

Salam kembali abuyon,

I see that you can leave a comment before this. What did you do last before comment was unable? Maybe you can refer to my last post, Comment Form Placement.

Say abuyon. Please sent me an email telling me in details what's wrong actually. You can reach me by clicking eMail Me on the menubar above.

Greetings and lots of love from Kuale Kangsor.

@ngel said...

thank you so much!!! that image alignment problem was driving me NUTS, and I'm not a developer, so there was no way I could fix it myself - again,. thanks. I enjoy my template a lot more now :)

ArahMan7 said...
This comment has been removed by the author.
ArahMan7 said...

Oops! Sorry about that @ngel. Guess I've misread your comment.

Anyway, I'm glad you got the image alignment problem solved.

Do come back again. You're always welcome here.

Greetings and lots of love from Malaysia.

gatodiakritikos said...

thanks a lot. i have had this problem since june, when i decided to change my template.
Again thx and lot of love from GREECE!!!!

ArahMan7 said...

Hola Gatodiakritikos,

I'm glad you had your problem solved.

Anyway, I noticed that you've so many blogs on Blog*Spot. Which one is your main blog?

Do come back again.

Greetings and lots of love from Malaysia.

~ ArahMan7

gatodiakritikos said...

The first is the main. The others below are blogs which only i follow to. I have only one blog. Thx again!!

ArahMan7 said...

Hola Gatodiakritikos,

Oops, sorry about that! Guess I must be getting old. I should have looked more clearly. My bad!

Anyway, thank you for coming back and making things clear. I shall visit your blog and see whether Google Translation is up to par to Greek's language.

See you around, my friend.

Greetings and lots of love from Malaysia.

gatodiakritikos said...

Hi again!!
I'd like to change my second column's colour. The "recent post & comment" section, and the below of it. Will i have to edit my html?? Because i think it doesn't change at all. Could you show me the specific html code which will be changed? As far as the "colour" is concerned. i want to try different colours!!
Tnx..

ArahMan7 said...

Hola Gatodiakritikos,

On 'Edit HTML' search for #sidebar-wrapper. There will be a bunch of CSS codes. The background color you wanna change is #fff3e2. Find #fff3e2 and change it to any color that suit your fancy.

Below is the complete line of code;
#sidebar-wrapper {
width: 320px; float: right; position: relative; padding: 0px;
}
#sidebar-itz { width: 320px; float: left; position: relative;}
#sidebar-izq { width: 320px; float: left; position: relative;}
#sidebar-izq .widget { background: #fff3e2 url(http://i254.photobucket.com/albums/hh92/eblogtemplates/dilectio/SRL-widgetbkg.gif) repeat-x left top; padding: 10px; margin-bottom: 10px;}
#sidebar-izq .widget h2 { color:$colortituloslateral; font-size: 14px; border-bottom: solid 1px #ffe0bf; padding: 0px 0px 5px 0px; margin: 0px;}
#sidebar-izq .widget ul { margin: 0px; padding: 0px;}
#sidebar-izq .widget li { margin: 0px; padding: 0px; list-style-type: none; }
#sidebar-izq .widget a { color:$colortextolateral;}
#sidebar-izq .widget a:visited { color:#cc0000;}
#sidebar-izq .widget a:hover { color:#ff6600; text-decoration: none;}

Change only the bold #fff3e2

If you need any help just shoot me an email - you can find my email address on the tab menu.

Greetings and lots of love from Malaysia.

ArahMan7 said...

Oh yeah, you've to change your AdSense background color as well.

Josh Kitlas said...

Thanks for this post. I have been troubled by the alignment issue as well. Unfortunately the fix you suggest did not work for me. I am using Dilectio theme on a self hosted web host. Does this make a difference? Any advice would be very welcome...thanks! My website is http://kitlas.com

ArahMan7 said...

Hola Josh,

I'm sorry but the above tweak is for Blogger template only, not for WordPress like yours.

If you like, will you sent me the Dilectio template for WordPress so that I can take a look and see what can be done to solve the alignment problem?

Greetings and lots of love from Malaysia.

Rizaro said...

Nice tips, But I have another problem using "Dilectio blogger template". As for your information, Now I've put some code inside my HTML to make "read more" sign. But..as you see that on the timestamp not show up as good as demo tempalte. in another say it's only good for my very last post and not for previous post. Some suggest very appreciated.

My Blog: guaranteed-makemoney.blogspot.com

ArahMan7 said...

Hola Rizaro,

Thanks for your comments. After reading it several times and seeing your blog, I think I understand what you're trying to say.

I did published two posts about 'Read More' long long time ago. You can read the posts here, Summary Expandable Post and here, Another Summary Expandable Post.Read it and apply the HTML codes given. Give it a shot and tell me how it goes?

That's all for now. Hopefully you will get the date back.

Greetings and lots of love from Malaysia.

ArahMan7 said...

Hola Rizaro,

Check your comment's link. There's something wrong, I can't leave you a comment. To solve the problem you better read this post, Something Wrong With Your Comment Form Placement?Greetings and lots of love from Malaysia.

Ron said...

Hi ArahMan7,

Its me Ron, hope you remember me.

Your site really rocks and you, yourself is indeed a great guy and very helpful too. Thanks!

ArahMan7 said...

Hola Ron,

Ron? The Philippine's Wedding expert?Of course I remember you. Thanks for your kind words - am I blushing? Nah!

How are you my friend? Hope you're in the best of health.

Do come and visit me again.

Greetings and lots of love from Malaysia.

Rizaro said...

Haloo Mr ArahMan, Thanks for your nice respond about my problem using dilectio template. Sorry if my english not so good and make you have to read in several time to understand it..heheheheh. Unfortunately, it's look like we got misunderstanding. My problem is about :timestamp format. Just focus to see my home page. then see on the left of my each articles...You got it? Yes..the time format is just showing on my last post...

Rizaro said...

Sorry...(revision) : just see the time format on the left of my title post.....tank you

Regard

Riza Rohman

ArahMan7 said...

Yeah, I understood what you meant. What I was trying to say was that you read and applied the given codes above. Maybe there was something wrong with the coding you used.

I really don't know. Hopefully using my coding will solve your timestamp. Give it a try and do write again telling me the result.

If the coding still didn't solve the problem, I shall have to look closely at your HTML.

See you again. O by the way, you can write me an email by clicking the button 'eMail Me' above (at the menu bar above).

Greetings and lots of love from Malaysia.

RonCavitenio said...

ArahMan7, its me again Ron,

I can't perfect my adsense color blending with my dilectio blogger template. Kindly help.

Michelle said...

Dear ArahMan7,

I've noticed that in the last few days there have been small changes happening in my blog's designs. First, the wave design on the About widget was gone, then I noticed that the time stamp also disappeared. I tried to download and install the template again on my test blog it the wave designs on the background are also gone, the search box is gone and the time stamp. Hope you can help me with this.

Also, is there a limit to the Gadgets that I can add in the template? Recently, when I'm adding gadgets, the templates seem to be rejecting it.

Here is my blog:

www.beyondsilverandgold.blogspot.com

Thanks in advance.

Michelle

Mommy Koz said...
This comment has been removed by the author.
Mommy Koz said...

Michelle,

I have the exact same problem... the time/date stamp is still there but has lost its blue color so it can't be seen unless I physically drag my mouse across and highlight it. My search bar has vanished as well. Any other changes I haven't figured out yet, but it does have an incomplete look now.

And I haven't made any recent changes to my template so can't figure out what's happened or how to fix it.

Mommy Koz
marvelousmedley.com

Mommy Koz said...

I think I figured it out - all the missing features are on the same photobucket account. I can see them individually but am not sure why they are no longer showing on my site.

here is one of the links to one of the missing features:

http://i254.photobucket.com/albums/hh92/eblogtemplates/dilectio/Search.gif

These images are viewable directly but not on the site. Maybe we should we host them ourselves on our own sites?

Mommy Koz
marvelousmedley.com

Michelle said...

Thanks Mommy Koz,

That's what I figured out also. But the hosting on their photobucket is one of the things that they are bragging about. So I hope they can fix this.

Michelle

Michelle said...

Hello ArahMan7!

I've looked at the others here that use the dilectio template and most are having the same problems as I am. The wave design is gone, the timestamp is gone, so is the search box. Wonder what happened. Hope you can help fix this because I really like this template.

www.beyondsilverandgold.blogspot.com

Michelle said...

Well, it looks like the problem I've been having has already resolved itself. The time stamp is back, the search box and the wave design is all there.

Thanks!

www.beyondsilverandgold.blogspot.com

Web Design Quote said...

I really like this template but i am also facing same problem which are mention in the michelle first comment. How you solve this problem.

ArahMan7 said...

Hola Web Design Quote,

I've left a comment on Michelle's blog and I hope she will answer your question soon.

I see that you're a Web Designer. Will it be a problem to design a BlogSpot's template for my own use?

Nah! I was just kidding. Anyway, see you around.

Greetings and lots of love from Malaysia.

Michelle said...

Hello ArahMan7!

Thanks for taking the time to visit my blog. I appreciate your comments.

Well, the strange thing is that without even doing anything about it, the problem has resolved itself in just a few days. So I'm sorry that I cannot be of help.

But thanks for the time!

Michelle

Anonymous said...

It's awesome to pay a quick visit this site and reading the views of all mates about this post, while I am also eager of getting experience.
My homepage ... Loans for Bad Credit

Anonymous said...

Mу brοtheг ѕuggesteԁ I might liκе this ωebsitе.
He was onсe entirely right. Thiѕ publіsh actually made my ԁay.
You сann't imagine simply how much time I had spent for this information! Thanks!

Look into my homepage ... Eternity rings
Also see my web page > Eternity rings

Anonymous said...

Ιt's perfect time to make some plans for the future and it is time to be happy. I'vе read this pоst anԁ if I
could I desire to suggest уou feω interesting thіngs or suggestions.
Maybe you can write next aгticles referгing to this article.
I ωаnt to read more things about it!


Mу web site: payday loan
My website: payday loan

Anonymous said...

That іs геally faѕcinаting, You're a very skilled blogger. I've ϳoined уour гsѕ feeԁ and lοok fοrωard
to іn searсh of more of your wonderful pοѕt.
Alѕo, I've shared your site in my social networks

My webpage ... instant cash loans
my webpage :: instant cash loans

Anonymous said...

Неy! Thiѕ іs my 1st comment here so I juѕt wanted tо give
а quiсk shout out and tell you I truly еnjοy reаding thгough
your articles. Сan you геcommend any othеr blogѕ/websites/forums that
go over the same subjects? Thank you!

Τakе a looκ at my blog; free

Anonymous said...

With haѵіn ѕo much cοntent ԁo уou ever run intо any iѕsueѕ of
plаgorism or copyrіght viοlаtion?
My site has a lоt of cοmpletеly
unique cоntent I've either authored myself or outsourced but it seems a lot of it is popping it up all over the web without my authorization. Do you know any ways to help prevent content from being ripped off? I'd really aρpreсiatе it.


Μу site :: lose belly fat fast

Anonymous said...

Right now it appears like Drupal is thе preferreԁ blogging plаtform availаble right noω.
(from what I've read) Is that what you are using on your blog?

Review my page: natural breast enlargement pills

Anonymous said...

Hеy! I'm at work browsing your blog from my new iphone 4! Just wanted to say I love reading your blog and look forward to all your posts! Keep up the great work!

Also visit my blog post :: Make Breasts Larger

Anonymous said...

Wow! This blog looks exactly liκe my old
one! It's on a completely different topic but it has pretty much the same page layout and design. Superb choice of colors!

Feel free to surf to my web-site ... click through the up coming website page

Anonymous said...

I lоve youг blog.. ѵery nice colors & theme.
Did уou cгeate thіs wеbsite yourѕelf
оr did уou hire ѕοmeοnе to do іt
fοr you? Plz аnswеr baсk as I'm looking to construct my own blog and would like to know where u got this from. thanks a lot

Here is my homepage: Breast Enlargement

Anonymous said...

Whoa! Τhіs blog looks eхactlу like
my old one! It's on a completely different topic but it has pretty much the same layout and design. Superb choice of colors!

Also visit my blog post - quick way to lose belly fat

Anonymous said...

I was suggested this website by means of my
cousin. I'm now not certain whether this publish is written by means of him as no one else understand such targeted about my trouble. You are incredible! Thank you!

Here is my web site - Dragon City Cheat Engine

jhansi joe said...

Thanks for this valid information Actually Without website no one can run their business effectively through online, Good Web design helps to attract the user in good way, & it should be looking neat and very professionals, your article describe everything as clear…
Regards,
Web design course in Chennai

Fangyaya said...

ray ban sunglasses
cheap air jordans
nike blazers shoes
nike air max 90
true religion jeans
gucci handbags
gucci outlet
gucci belts
ray ban sunglasses uk
louis vuitton outlet
replica rolex watches
louis vuitton purses
true religion jeans
oakley sunglasses
ray ban sunglasses
kate spade
jordan retro 11
burberry handbags
kobe 9
oakley outlet
kevin durant shoes 7
coach outlet
louis vuitton purses
toms shoes
christian louboutin shoes
louis vuitton outlet
nike uk
nike trainers uk
nike store
nike sb janoski
20150507chenenen

dada24 Xu said...

discount oakley sunglasses
cheap air max
louis vuitton outlet
michael kors uk
adidas nmd r1
adidas superstars
nike tn pas cher
ugg boots outlet
timberland shoes
yeezy boost 750
skechers outlet
black timberland boots
nike air max 95
christian louboutin outlet
coach outlet online
coach factory outlet online
babyliss hair dryer
ugg outlet online
oakley sunglasses for sale
oakley vault sunglasses
tiffany and co outlet
ugg outlet online
designer handbags wholesale
coach factory outlet online
nike trainers
nike air max
coach outlet online
lacoste polo shirts
jimmy choo outlet store
oakley sunglasses outlet
polo ralph lauren outlet
coach factory outlet
nike store uk
rolex daytona
burberry outlet online
michael kors outlet online
louis vuitton purse
tory burch outlet online
2016826caiyan

spencermeyer said...

This is extremely affordable with other wixsite.com/ premium light-weight backpacking bags, with Visit This Link the Patagonia evaluating an ounce as well as change more than The Best Blenders For Smoothies the Feathered Buddies Swallow Nano as well as a few ounces more than Western Mountaineering Ultralite.

spencermeyer said...
This comment has been removed by the author.
spencermeyer said...

its loft as well as warmth-trapping doattend.com/ homes, got a bonus. We likewise checked out whether a Visit This Link bag used a DWR long lasting water resistant Top Best Sleeping Bags in 2017 treatment on.

Post a Comment

I loves to receive comments from everybody and I tried to make everything easier for my readers to comments. So please, be nice even though you totally disagree with me. No comment moderation and whatnot here. So, please respect the privileges given.

God's willing, all comments will be followed and replied.

p/s Please leave your URL so that I can follow it and leave comments on yours. No URL = No Comments. It is as simple as that. Thank you in advance.


~ ArahMan7

PS - Word verification has been enable. Sorry about that [Sept 3rd, 2013].



Back To Top