.:abandoneddungeon:.: July 2014

20140722

Freebies: Cat Smilies For Cbox / Icon Kucing Comel Untuk Cbox

Assalamualaikum

Right Click --> Save image / Copy image

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgD6LNTNChm6mjBg1digXDOoK8TBFJDz8APYc5nb06wDgIB3ekY4cqPXV9W0L-amlnyVhBYOSe4VVwB_3tCAyS_BbJdaDH5xsw5BRO8J_b1XMHEqnqsnm2Xtlj5fhQ3qgysSq88-cuqnfA/s1600/13.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEYXnIIhvE-WSPs8iiWtfuRcNv4aJTILpy2KtGLr69rPjcIBRwSuKmuwAmoX7blgP1RlvXhz4CpU667iypwnO48ht4ISsYZ8eOf7MMT649vwU7k1CqQzPaphbJGXa6B0N4pPyCRYPHIJw/s1600/14.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSxGkqjVmzsDJDxdnVPoe5qbunxZmzphBfm3Fyl31x6aYVo8w87sQW9sFz-MtcoCgMpeAgzEbX_vkH9uvMASfpI2kTwAhayshM23EyzLkmndcwLyyxQxjFG4jSWoM3k30pAK0nDJf4yqY/s1600/11.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTZg_dDhgsh9ky7TGc4keyHvHf0SWr06nGpKpZlNbfHBwxScCVcXgZs0yJ0u2UiEQ-s0m0QF3fCbayF_UOfrFwYCHWciBXXiVlj6tkCZVQwTJGr4TXUDRRfNr4ETC68ULVuixMfZQG9DE/s1600/12.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqPNAZgbIdtBthTANsMKW2TCwAsYKhFZuUXiHcX8T-g7PvhuFeDUuRL6NWEWNPLHv8iVDWGIz4xJ3myStco90ULxmLr-VrZvkxXG2rvM0U-JVOOTv3dEPp1gUDQQ3ANbDTmXEqGt8oSUo/s1600/9.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQN8asbl0YRJovfJOb6F9iZBA2I62ZJhUCtbAHMloYjNz2QEopRUNBtm-PUMjNMp7arnoh383L6eabf6aMrh_KtWMF3EDsVOo63TpqxwCcsAXljbq4Ui7k-m1Cb5KDB3R7eEcvkuuAZno/s1600/16.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYUSLbVJuq4A5ez7qKbtzehuGtafSYO7po4F0lv8WYkoJ0bMCfzDPLKoHkg7bxEl0b9U6EAhUpHxg8igVLsOhUTvSX6HikgyPmEeaF44bl1Ad5KhbNrtIhl9VAzj-1oCsL7jJDZq6joBs/s1600/20.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQJ18apsMAj72iQdCgZaDJIO_H373LodJpMoP-KMs_aC8eItmD_v2RYnNVlBBgZcRjfclnl4rtkx8JsAVyplctAtgPxm5Y1FwZDbfz_d_Gt8q6bMiZigD6DBQE7SARIGpQ1PfXoKUElmU/s1600/18.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3GMFNkydOzsvwQg4XOgN-4lBtmUv3fuNPJT7nXNeQfesHT35c7vBr3VlqRxthHKj9tlrzUeYzEXyXA0xBPlod2A6m8BzsQs5pM0rGJRp9JMvhTuzvXFmCVz2q0nlp2D5plTwrYJzaack/s1600/17.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTe7WdaFoHaj1B-28m6U3HS2HrinXXH7Rktd6GFC_6wgmgkGbHJTgoAa05iQ8nNbU9EAl1ebXMQn1J5JeAJrwCO5FDLnK3Fb8E09CXmhuiUsmHEIZa2B935P-v_1GJem0W7S3qxWLMFbI/s1600/19.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj604jDMP1yUnVew9gPl-4sP2pn_649rSceijNdgli2h7VjBtcOrdt6dAeGy6_Tz0frjsobiLjb5_8huR8R_9mgG6AtL523vu4FZMiq8WSVPxMIEjKseKXw2p5Lu26q1YgXgUrpkhEVJCQ/s1600/8.png

Credit: Kak Husna

Tutorial: Cbox Muncul Bila Kursor Menyentuh / Cbox Appeared When Cursor Hover

Assalamualaikum

For example, like this.

//Before and after cursor hover. (Ignore the Jad. It's me. =3 )

Just copy these codes.

Blogger Template
Blogger --> Layout --> Add A Gadget --> Add HTML/Javascript --> paste in those codes -->Save

Blogskin
Blogger --> Template --> CTRL + F search for 'CODE' because I bet there's a space for CBOX, right? ;) --> Paste in! --> Save

Edit

PICTUREURL

CBOX CODE

Credit to: Kak Aisyah

Tutorial: Last time you're here was on (bla bla bla) *like me + Background

Assalamualaikum

Do you want this?

Follow these steps. ;)

1. Blogger --> Layout --> Add A Gadget --> just paste in these codes.

<center>
<div style="background: url('BACKGROUND URL') repeat;
padding: 5px;">
<script type = "text/javascript">
//
var days = 730; // days until cookie expires = 2 years.
var lastvisit=new Object();
var firstvisitmsg="Hey you! Thanks for stopping by. ^_^";
lastvisit.subsequentvisitmsg="Hello, thanks for visiting me again. Last time you're here was on <b>[displaydate]</b>";
lastvisit.getCookie=function(Name){
var re=new RegExp(Name+"=[^;]+", "i");
if (document.cookie.match(re))
return document.cookie.match(re)[0].split("=")[1];
return'';
}
lastvisit.setCookie=function(name, value, days){
var expireDate = new Date();
var expstring=expireDate.setDate(expireDate.getDate()+parseInt(days));
document.cookie = name+"="+value+"; expires="+expireDate.toGMTString()+"; path=/";
}
lastvisit.showmessage = function() {
var wh = new Date();
if (lastvisit.getCookie("visitc") == "") {
lastvisit.setCookie("visitc", wh, days);
document.write(firstvisitmsg);
}
else {
var lv = lastvisit.getCookie("visitc");
var lvp = Date.parse(lv);
var now = new Date();
now.setTime(lvp);
var day = new Array("Sun", "Mon", "Tues", "Wed", "Thur", "Fri", "Sat");
var month = new Array ("Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec");
var dd = now.getDate();
var dy = now.getDay();
dy = day[dy];
var mn = now.getMonth();
mn = month[mn];
yy = now.getFullYear();
var hh = now.getHours();
var ampm = "AM";
if (hh >= 12) {ampm = "PM"}
if (hh >12){hh = hh - 12};
if (hh == 0) {hh = 12}
if (hh < 10) {hh = "0" + hh};
var mins = now.getMinutes();
if (mins < 10) {mins = "0"+ mins}
var secs = now.getSeconds();
if (secs < 10) {secs = "0" + secs}
var dispDate = dy + ", " + mn + " " + dd + ", " + yy + " " + hh + ":" + mins + ":" + secs + " " + ampm
document.write(lastvisit.subsequentvisitmsg.replace("\[displaydate\]", dispDate))
}
lastvisit.setCookie("visitc", wh, days);
}
lastvisit.showmessage();
</script>
</div>
</center>

2. Change:

Background URL

Hey you! Thanks for stopping by. ^_^ (This one is for a first time viewer.)

Hello, thanks for visiting me again. Last time you're here was on...

3. Save! Working? Tell me! ^_^

Credit: Kak Amalina

Updated: For Blogskin

Blogger --> Template --> Paste those codes on your sidebar. ;)

Tutorial: Made your own Navbar / Buat Navbar sendiri

Assalamualaikum

First of all, what is Navbar? o.O Let me introduce you to..

//Click to view it better

NAVIGATION BAR! ^^

But, that original Blogger navbar is tooo old-fashioned. It not suited our taste nowadays, isn't it? =p So.. How to made our own navbar? =D

Okay, simpy follow these steps below.

1. Blogger --> Template --> Edit HTML

2. Copy these code below.

3 Paste the code BELOW </head> (CTRL + F to search! =) )

4. Edit:

PICTUREURL - The Navbar's background's URL. =P

#1c1c1c - The font's color code. Choose it HERE. Or! You can type the color. Example, color:black;

11 - The font's size.

Welcome to my blog! - Change with your word. =)

YOURBLOGID - Your Blog ID! =p *Don't know what?

absolute - If you want the navbar scrolling with you, (example here) change it to fixed. =)

5. Preview. Is it okay? No need to change? No errors? Save! =D

p/s: Make sure you off the original navbar first! ;) Don't know how?

Credit to: Kak Nurrul & Kak Kiera

Tutorial: Cantikkan Kotak Komen / Decorate your Comment Box (Blogskin)

Assalamualaikum

You want a comment box like this? Keep reading! ;)

[Only work on Blogskin]

First, paste these code BEFORE </style> (Doesn't matter which one.)

Then search for </Blogger> and paste the codes BEFORE it.

After that, you need to search for another </Blogger> tag (most blogskins have two entry codes due to pagination system), and paste the codes BEFORE it again.

Oh yeah, please remove the original code first, okay? ;) So that it won't overlap.

p/s: Live preview the picture above, click HERE. Second blogskin on the way! =D

Credit: Kak Wana

What is Blog ID? / Apakah itu Blog ID?

Assalamualaikum

See the picture below to know what it is and how to get it.

BACA / READ: Kegunaan BlogID / The Purpose of BlogID

Tutorial: Change from Blogskin to Blogger Template / Tukar dari Blogskin ke Template Blogger (asal)

Assalamualaikum

This is a really simple tutorial. Simply follow the picture below.

BACA / READ: Tutorial Change to Blogskin / Tukar ke Blogskin

Tutorial: Convert to Blogskin / Guna Blogskin

Assalamualaikum

Let these picture speak. I'm having a sore throat. Water!! Oh, cannot eh? Fasting lah.. =D

Oh, lastly, don't forget to press CTRL+F and search & replace these. IMPORTANT FOR YOUR OWN BLOG SAKE!

BLOGID

YOUR

What is blogID? And the word YOUR plays a big role in Blogskin. For example, YOUR BLOG ID | YOUR CBOX CODE | YOUR PROFILE | YOUR NAME.

BACA / READ: Tukar Semula ke Template biasa / Revert to Blogger Template

GOODLUCK!

Tutorial: Put Google Friend Connect in Blogskin / Letak Google Friend Connect dalam Blogskin

Assalamualaikum!~

Warning: Please do by the numbers. Some numbers are not in their order, so read carefully.

Today is lesson day! How to put Google Friend Connect in Blogskin hah?

First of all, what is Google Friend Connect? And how to get it?


This is Google Friend Connect.

2) To get it, open Blogger --> Layout --> Add a Gadget --> More Gadgets --> Scroll till the bottom --> Click the 'plus' icon.

1) Eh, wait-wait. You say we want to put it in Blogskin? Okay, I forget to tell you. The most first step is change your Blogskin to it origin. Don't worry, your skin WILL NOT DISAPPEARD! Trust Blogger! Don't know how?

3) After that, you open your blog, then press CTRL+U in the same time to view your page source.

4) Press CTRL+F in the same time to find. Then, search friendconnect


As example, this is my code. Click to view it better.

WARNING: Don't copy the code at the bottom. Every blog has it own code. I show this just as an example.
5) You need to copy from <script type="text/javascript"> until locale: 'en'}, skin); </script></div>

gadgets.rpc.register('requestReload', function() {
          document.location.reload();
        });

gadgets.rpc.register('requestSignOut', function(siteId) {
          
          google.friendconnect.container.openSocialSiteId = siteId;
          google.friendconnect.requestSignOut();
        });
      }
    </script>
<script type="text/javascript">
    
    function registerGetBlogUrls() {
      gadgets.rpc.register('getBlogUrls', function() {
        var holder = {};
        
          
          
          
            holder.postFeed = "http://www.blogger.com/feeds/7540709884146406967/posts/default";
          
          
          
            holder.commentFeed = "http://www.blogger.com/feeds/7540709884146406967/comments/default";
          
          holder.currentBlogUrl = "http://dianeeya.blogspot.com/";
          holder.currentBlogId = "7540709884146406967";
        
        return holder;
      });
    }
  </script>
<script type="text/javascript">
  if (!window.registeredCommonBloggerCallbacks) {
    window.registeredCommonBloggerCallbacks = true;

gadgets.rpc.register('resize_iframe', function(height) {
      var el = document.getElementById(this['f']);
      if (el) {
        el.style.height = height + 'px';
      }
    });

gadgets.rpc.register('set_pref', function() {});

registerGetBlogUrls();
  }
  </script>
<div id="div-1wuntfer76nrf" style="width: 100%; ">
</div>
<script type="text/javascript">
    var skin = {};
    skin['FACE_SIZE'] = '32';
    skin['HEIGHT'] = "260";
    skin['TITLE'] = "";
    skin['BORDER_COLOR'] = "transparent";
    skin['ENDCAP_BG_COLOR'] = "transparent";
    skin['ENDCAP_TEXT_COLOR'] = "#000000";
    skin['ENDCAP_LINK_COLOR'] = "#073763";
    skin['ALTERNATE_BG_COLOR'] = "transparent";
    
    skin['CONTENT_BG_COLOR'] = "transparent";
    skin['CONTENT_LINK_COLOR'] = "#073763";
    skin['CONTENT_TEXT_COLOR'] = "#000000";
    skin['CONTENT_SECONDARY_LINK_COLOR'] = "#073763";
    skin['CONTENT_SECONDARY_TEXT_COLOR'] = "#000000";
    skin['CONTENT_HEADLINE_COLOR'] = "#000000";
    skin['FONT_FACE'] = "normal normal 16px \x27Trebuchet MS\x27, Trebuchet, sans-serif";
    google.friendconnect.container.setParentUrl("/");
    google.friendconnect.container["renderMembersGadget"](
    {id: "div-1wuntfer76nrf",
     height: 260,
     
     
     
     site: "11959273172410894964",
     
     locale: 'en_GB' },
     skin);
  </script>
</div>

6) Then, paste the code to Notepad. You compare it to my code. It need to be a bit same to my code.

7) Done? Good. Now, you can change back to your Blogskin.

8) Copy your earlier code, then paste it to wherever your want.

9) Preview and Save. ;)

GOODLUCK!

p/s: Kalau ada orang Melayu tak faham boleh tengok SINI okeyy. Haha~