Crimson Kioku

Crimson Kioku
fader satu fader dua
HomeRandom Post Log From Making This Site

Log From Making This Site

####The slider!!!!!####

I still confused about how this javascript actually works in the html doc. I got many scripts for main picture effect but all of them fail to work, did I make mistake?

 

####those main navigation bar make me sick####

The slider work!!! looks cool eventhough there is nothing in my website beside those image that fading and changing :)

I am not gonna upload any article here until I finished the design, I have spent 2 days trying to figure out how to make those each of main navigation box to have same width and aligned at center but still no result T_T .

 

####problem solved####

I found a trick to align those 4 box.:D , but I doubt it will work when the total width of screen resolution below 400px because when the box start to find room by move up or below each other, the second level menu will be a mess.

 

#####New problem come#####

1. now I am trying to figure out how to make map level on top of the artice that look like = "home -> hobbies -> idol -> other idol" and all the word are click-able, I know how to make it but do I need to write it the code in each of the page? cause definitely I can not put that code on the template cause each page has uniq address.

2. Same problem as number 1, how to make facebook, twitter, and g+ button appear on every page without entering 1 by 1 on every page, because I just know that the those button have href link that embedded inside the code, why they don't make it automatically read the page address as the href link -_-

Edit: problem number 2 solved :D , I found that third party javascript can automatically read the page address and use it in the social media share button.

But still, can not find a way to solve those navigation map trick... I think I must make those code in every page T_T . maybe I do that tonight when I have time. semangat semangat.

 

##### finally ####

woah, I complete to write those navigation map in each page. Actually I made mistake at first, I think "../" is refering to root, but It is actually mean to up one folder. So, I must redone it all because they do not work at first.

after two weeks of trial and error my website finally taking shape :D

Now, I have to check all the link in each page and search for error. After that I can move my blog content and write some article here \^_^/ . I upload test article about fatal frame on the game to see how fast the load actually load with all these script. Im a bit afraid those social media script slowing down the load because the script alone almost 70KB.

about the empty space at the right of this article, I still have no Idea what to put. I check all the widget html code and java script out there but nothing interest me. Maybe I should just let it empty for now.

 

#### after some random click###

I found that

1. link for the anime and dorama still blank

2. the social media sliding button do not work on smartphone screen

I will fix it tomorrow... I am already low on mana

 

####new main navigation####

still have not correct the 2 problems from the last night, but I finally made the nav bar work on touchscreen device {thanks to those tiny javascript :D}, now touchscreen user can navigate using main navigation bar.

Still have no Idea what should I put as substitute of social media button for smartphone user.

I just realize something, if 1 javasccript in the head tag fail to work, all the javascripts under it will also not work.. this made me confuse for several days because some element at one time work and at the other time not work

 

####seems good####

I decided to not put social media button for viewer with screen width resolutin less than 980px, viewer with more than 980 resolution screen width can see it floating next to the main div.

All link are corrected, just need final check up,

I decided to put chocobo in the right of section which is now empty, tonight I will put the chocobo there :)

 

####comment box addedd####

Actually crackle looks good, but it is not free haha, so I narrowed my choice to disqus and vicomi.

Vicomi looks cute and fresh with those emoticon, but the bad is that it only accept facebook and email, moreover I couldn't change the background color which originally white, that color doesn't match with this site background. In the end I choose disquss, the downside is that seems many people in internet hate it I still don't know why.... maybe the authentication step they have to make before commenting.

Anyway, comment box is only available on article page, so you will not see it on around main page :)

 

####new problem again -___- ######

This text box section cannot divide string that longer than the container by itself. Im try to implement all word-break technique but fail.

 

####beta testing#####

All link corrected, all script run. All seems good, now entering beta testing.

I abandoned the issue with string longer than the div container because the probability of I need to use ultra-long string is next to non.

I am planning to give user name and database, so this site can have registration form and login form.

 

#####disqus page identifier corrected####

so, because disqus is very picky about the url (index.html and non index.html link). I edit the ht file so we cannot open the index.html link anymore, whenever someone write index.html he/she will automatically redirected to non html link to make disqus work properly.

 

#####Image hosting#####

All external image moved from photobucket to picassa for better and lighter thumbnail.

 

####SEO####

well, actually I neglecting this thing from the start of the project. But after a week, even when searching my domain name it doesn't appear at first page, how sad :( . All meta tag, keyword, description, and title of each page now is optimised for search engine. Not yet correcting all ALT Tag for the pictures, I do that when I have enough power cause now is already to many picture in this site :sight.

 

####SEO again####

Image logo changed to string with <p> tag, post title is now changed to <h1> instead of <h2> , all image ALT set, sitemap made and submited, g-zip server compression activated, also made a double registration to webmaster as www an non www.

All external links are rewritten for better caching.

 

####Open Graph meta tag#####

all :og meta tags are corrected, twiiter card meta tag also created but just the one that can not fallback to :og meta tag.

 

####ALL LINK ARE CHANGED####

damn, I didn't know that dash is superior than underscore in seo perspective T_T

 

####After half a year, Overhaul most of the part######

I change most if the link, linkage between page in dreamweaver, and change disqus to intense debate.

 

##### Again, Redesign the website appereance#######

"share to it" widget removed , fader use smaller pict, jquery cdn moved to newer link, and some of the intense debate part is removed. Thats all cut about 400kb of site first load byte.

hobbies change to review cause it seem more apropriate considering all the article there.

Featured Article

Chocobo

2015 | Crimson Kioku | Surakarta, Indonesia