+Follow
Reload Page
EXIT

Tutorial : adding friend with google connect!

POSTED ON: Sunday, 16 September 2012 @ 23:46 | 0 comments

image

Photobucket

Tutorial ini bagi pengguna blogskin.
Korang yang guna blogskin mesti tahu cara nak dapatkan adding friend with google connect ni kan.
alu dulu, tak perlu susah nak cari codenya sebab goole ade menyediakan cara mudah untuk dapatkan code google connect ni.
Tapi sejak mac lalu, cara itu tidak dapat dikesan lagi.

So, nak bagi senang , korang boleh cari code korang sendiri je.

ok Start the tutorial.

1. Tukarkan template classic (new blogger) yang anda guna sekarang kepada template designer.Jangan bimbang template classic korang tadi takkan hilang.
Template > Customize Design > Upgrade your template

Klik gambar kalau tak nampak

2.  Bila dah upgrade, pilih mana-mana permulaan template design anda.

*Klik gambar untuk pembesaran


3. pergi ke Design > Edit HTML > Select layout Template

*Klik gambar untuk pembesaran

4. Pilih template minima dan save template

*Klik gambar untuk pembesaran


5. View blog  dan right klik untuk View Open source blog anda

*Klik gambar untuk pembesaran

6. Ctrl+f dan search if (!window.google || !google.friendconnect) {

*Klik gambar untuk pembesaran

7. copy code yang bermula dari <script type="text/javascript"> hinnga locale: 'en_GB' },
     skin);  </script> </div> 
(Jangan copy code di bawah sebab ini adalah code untuk blog SH, korang kena search sendiri code korang)

<script type="text/javascript"> 
        if (!window.google || !google.friendconnect) {
          document.write('<script type="text/javascript"' +
              'src="http://www.google.com/friendconnect/script/friendconnect.js">' +
              '</scr' + 'ipt>');
        }
      </script> 
<script type="text/javascript"> 
      if (!window.registeredBloggerCallbacks) {
        window.registeredBloggerCallbacks = true;
 
        
 
        
        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/8131501295416637320/posts/default";
          
          
          
            holder.commentFeed = "http://www.blogger.com/feeds/8131501295416637320/comments/default";
          
          holder.currentBlogUrl = "http://epilogueforstudy.blogspot.com/";
          holder.currentBlogId = "8131501295416637320";
        
        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-3lepx23r15hu" style="width: 100%; "></div> 
<script type="text/javascript"> 
    var skin = {};
    skin['FACE_SIZE'] = '32';
    skin['HEIGHT'] = "260";
    skin['TITLE'] = "Followers";
    skin['BORDER_COLOR'] = "transparent";
    skin['ENDCAP_BG_COLOR'] = "transparent";
    skin['ENDCAP_TEXT_COLOR'] = "#666666";
    skin['ENDCAP_LINK_COLOR'] = "#5588aa";
    skin['ALTERNATE_BG_COLOR'] = "transparent";
    
    skin['CONTENT_BG_COLOR'] = "transparent";
    skin['CONTENT_LINK_COLOR'] = "#5588aa";
    skin['CONTENT_TEXT_COLOR'] = "#666666";
    skin['CONTENT_SECONDARY_LINK_COLOR'] = "#5588aa";
    skin['CONTENT_SECONDARY_TEXT_COLOR'] = "#999999";
    skin['CONTENT_HEADLINE_COLOR'] = "#cc6600";
    skin['FONT_FACE'] = "normal normal 100% Georgia, Serif";
    google.friendconnect.container.setParentUrl("/");
    google.friendconnect.container["renderMembersGadget"](
    {id: "div-3lepx23r15hu",
     height: 260,
     
     
     
     site: "15543918713220190600",
     
     locale: 'en_GB' },
     skin);
  </script> 
</div> 


8. Savekan code yang anda cari di dalam notepad.

9. Kemudian tukar semula design template anda ke classic template seperti biasa.

10. copy code yang anda save tadi di mana-mana bahagian blogskin/template classic yang ingin anda letakkan.

11. preview dan Save.

selamat mencuba

Labels:


Tutorial : Image Opacity *template Blogskin*

POSTED ON: Wednesday, 5 September 2012 @ 02:58 | 0 comments

image
Photobucket

Image pada mulanya kabur akan menjadi terang apabila cursor dihalakan kepada image.

1 . Dashboard > Template > Edit HTML
2 . Search code <head>
3 . Copy code bawah ni dan pastekan bawah code <head>

<style>
/*------ IMAGE ANIMATION------*/
img {filter:alpha(opacity=70);
-moz-opacity:0.7;
opacity:0.7;
}
img:hover {
filter:alpha(opacity=100);
-moz-opacity:.0;
opacity:1.0;
}
</style>

4.Preview dan Save.

Labels: ,


Tutorial : Image Hover

POSTED ON: @ 02:20 | 0 comments

image
Photobucket

Tutorial ini untuk pengguna template classic/blogskin: 

1. open Dashboard > Template > Edit HTML
2. Press Ctrl + F serentak dan cari code </style>
3. Copy code dekat bawah ni 

img {
border-radius:10px;
opacity:0.6;
-webkit-transition-duration:2.5s;
}
img:hover{
border-radius:30px;
opacity:10.8;
-webkit-transition-duration:2.5s;
}

4. Paste code tadi dekat atas code  </style> 
5. Preview and save.

Labels: ,


Tutorial : Blog ID

POSTED ON: @ 02:05 | 0 comments

image
Photobucket

Untuk neewbies dalam dunia blog,
Korang tahu tak blog ID korang macam mana?
Ha ini benda yang sangat simple.
Kadang-kadang ade tutorial yang memerlukan kita menggunakan blog ID kita.
Kalau nak cari blog ID korang,
Korang nampak tak kat bahagian masukkan URL dalam browser korang tuh?
Alah macam kat bawah ni.

Click untuk pembesaran

ha kan ade tulis "blogID=8131501295416637320  " 
Number belakang selepas blogID tuh lah ID blog korang.
Okeyh!



Labels: , ,


← Older / ♥ back up ♥
ϟMiz SaYuRiϟ
Studies ISMP Teknologi Maklumat
Worked at Kementerian Pelajaran Malaysia
from : Labis, Johor.
Current Location : Nibong Tebal, Penang


credits