Monday, August 13, 2012

Don't forget your...passport! Competition


Don't forget your...passport!

  • Passport
Don’t forget your…passport! Richard Branson is launching a new don't forget your... competition to offer one lucky follower a last-minute holiday.

To be in with a chance of winning, simply tweet @richardbranson a photo of you holding your passport and include the hashtag #dontforgetyour.

The prize will be a pair of free return flights to a mystery destination and hotel accommodation for the duration of your stay.
A passport is an essential part of any holiday abroad. Richard chose don't forget your...passport as this competition's theme after he forgot his own passport while travelling earlier this year. Then, just weeks later, his son Sam did exactly the same thing!

The competition is live from 9am GMT on Monday August 13th and will run until 5pm GMT on Wednesday August 15th when a winner will be chosen.

The winner will fly out to the mystery destination on Friday August 17th - do make sure you are able to travel if you enter!

How will you include your passport in your photo? Be creative! (But please be safe and don't reveal your personal details in the photo).

There will be a new item you must not forget every time we run a #dontforgetyour competition, and the holiday prize will be to and from a different part of the world. Good luck!
By . Content Manager. Tweets @greglrose and blogs at greglrose.com

Posted by at 1 comment:

Thursday, August 9, 2012

Tutorial : Like Fanpage Sebelum Enter Blog

.Assalamualaikum !
Peacee ^_^v

  
Hai kawan - Kawan (buat nada comel) huhu ..


Okeyy , tadi ada someone request and tanya Azri macam mana nak buat orang like fanpage kita sebelum enter ke blog kita ? Kalau korang tak paham apa yang Azri dok merepekkan ni .. Azri bagi contoh lah dekat korangg ek .. Macam nih :

Pahee ker ? huhu (cakap kelate) .. Okey , kalao pahee , meh sini Azri ajarkan ;)

1. Log in > Dashboard > Design > Edit Html

2. Tekan Ctrl F serentak , dan cari kod ini :

<body expr:class='&quot;loading&quot; + data:blog.mobileClass'> 

atau pun kod yang ini :

<body>  

3. Korang dah jumpa ke ? Kalau dah , Copy pulak kod yang ini :

<!-- KakiNetwork.Com Likebox Pro FBFan Code Start -->
<script type='text/javascript'>KNFBFansPRO=&quot;Mentor Norazri&quot;</script>
<link href='http://kakinetwork.com/sources/fbfans-pro/kakiblogger.css' rel='stylesheet' type='text/css'/>
<script src='http://yourjavascript.com/0143115100/jquery.js' type='text/javascript'/>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1' type='text/javascript'/>
<script src='http://yourjavascript.com/5400531110/likeboxfbfan-pro.js' type='text/javascript'/>
<script language='javascript'>
$(document).ready(function() {
$(&#39;body&#39;).KNFBFansPRO( {
url: &quot; https://www.facebook.com/pages/Formula-Mr-Don/280224548687889 &quot;,
tunggu: 15,
wait: 1440,
tutup: false
} );
});
</script>
<div id='fbtpdiv'/>
<!-- KakiNetwork.Com Likebox Pro FBFan Code End -->



*Then , korang pastekan di bawah kod yang korang carikan tadii tu :)
  
*Warna Biru tuh , Tukarkan dengan nama korang , dengan link fanpage korang erkk ?


4. Lepas tuh , cer preview .. Kalau menjadi , SAVE terus lah eheh ? 

=SELAMAT MENCUBA= huhu ..


p/s : kadang - kadang dia akan keluar taw , kadang-kadang takk . Nasib korang ler . hehehh :)
Posted by at No comments:

Wednesday, August 8, 2012

Static Facebook PopOut Like Box with smooth Jquery hover effect widget for Blogger

Static Facebook PopOut Like Box with smooth Jquery hover effect widget for Blogger

 15:50  Waleed Khan  No comments

Hello Today I am Presenting a tutorial on How to Add A Static Pop Out Like Box with smooth J query hover effect in Blogger.This Widget has many advantages like it does not take large space of your blog.Here I have added as the box with simple jQuery hover effect. See Facebook static plate to the right of the page and move the mouse over the plate with the frame, as is visible by sliding to the left.You can see this widget at the right side ofBloggiks.


Recommended posts:
How To Add Google Buzz Counter To Blogger?
Add google +1 button and Other Share Buttons Below every Post Titles

How to Add A Static Pop Out Like Box with smooth J query hover effect in Blogger?

1-Go to Blogger Dashboard < Design tab > Edit Html
2- Search for </head> tag.
3- Add the below code Before </head> tag
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"></script>
4-Now Save Template

Now,
Go to blogger Dashboard and click on layout
then Add a Gadget > Html/java script.
Add below code in the Html/java scipt box.
<a href="http:bloggiks.com" target="_blank" title="Blogger Widgets"><img src="" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script type="text/javascript">

//<!--

$(document).ready(function() {$(".w2bslikebox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);});

//-->

</script>

<style type="text/css">

.w2bslikebox{background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPXYS3yRzJ48buxOAlManVAi5dibr-7_Y1TFz1-Sgg6LleGVxmMGmhdpkRSJ8Xh2528l5s493s15cE2Wbwq5VID1JhkSmiP2ylUwMNBV_k2CS7Eq0kWAKeQtUyEmXVI8BgjgvIReOmjxoU/s1600/facebookbadge.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;}

.w2bslikebox div{border:none;position:relative;display:block;}

.w2bslikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}

.w2bslikebox span a{color: #808080;text-decoration:none;}

.w2bslikebox span a:hover{text-decoration:underline;}

 </style><div class="w2bslikebox" style=""><div><iframe src="http://www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/bloggiks&amp;width=245&amp;colorscheme=light&amp;show_faces=true&amp;connections=9&amp;stream=false&amp;header=false&amp;height=270" scrolling="no" frameborder="0" scrolling="no" style="border: medium none; overflow: hidden; height: 270px; width: 245px;background:#fff;"></iframe><span>By <a href="http://bloggiks.com/">Blogspot tutorial</a> / <a href="http://bloggiks.com/">+Get This!</a></span></div></div>

</div>
Posted by at No comments:

Tuesday, August 7, 2012

Custom Like Box CSS Code


This is the new CSS code which you should use instead of the one I shared ealier,
/* ------ MBT's Custom Like Box ----- */
    .fan_box a:hover{
      text-decoration: none;
    }

    .fan_box .full_widget{
      height: 200px;
      border: 0 !important;
      background: none !important;
      position: relative;
    }

    .fan_box .connect_top{
      background: none !important;
      padding: 0 !important;
    }

    .fan_box .profileimage, .fan_box .name_block{
      display: none;
    }

    .fan_box .connect_action{
      padding: 0 !important;
    }

    .fan_box .connections{
      padding: 4px !important;
      margin:3px 0px 5px 0px!important;
      border: 0 !important;
      font-family: Arial, Helvetica, sans-serif;
      font-size: 11px;
      font-weight: bold;
      color: #666;
    }

    span.total{
      color: #365899;
      font-weight: bold;
      background:#ECEEF5;
      padding:4px !important;
      margin:3px 0px 5px 0px!important;
      border:1px solid #E1E4ED;
     -moz-border-radius:3px;
     -webkit-border-radius:3px;
    }
span.total:hover{
     border:1px solid #6383C1;
    }
    .fan_box .connections .connections_grid {
      padding-top: 10px !important;
    }

    .fan_box .connections_grid .grid_item{
      padding: 0 10px 10px 0 !important;
    }

    .fan_box .connections_grid .grid_item .name{
      font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
      font-weight: normal;
      color: #289728 !important;
      padding-top: 1px !important;
    }

    .fan_box .connect_widget{
    position: absolute;
    bottom: 0;
    left: 0px;
    margin: 0 !important;
    }

    .fan_box .connect_widget .connect_widget_interactive_area {
    margin: 0 !important;
    }

    .fan_box .connect_widget td.connect_widget_vertical_center {
    padding: 0 !important;
    }

    /*---------------MBT's Custom Like Box End--------------*/

If you want to change the green fondt colour of the profile names then change this289728

Custom Like Box HTML and JavaScript Code

Place your like box anywhere you like by using this code,
<style>
    #mbtlikebox{
      color: #365899;
      font: bold 11px arial;
      background:#ECEEF5;
      padding:3px !important;
      margin:5px 0px!important;
      border:1px solid #E1E4ED;
     -moz-border-radius:3px;
     -webkit-border-radius:3px;
      width:290px;
    }
#mbtlikebox:hover{
     border:1px solid #6383C1;
    }
</style>
<script type="text/javascript" src="http://static.ak.connect.facebook.com/js/api_lib/v0.4/FeatureLoader.js.php/en_US"></script>
    <script type="text/javascript">FB.init("");</script>
    <fb:fan profile_id="LIKE PAGE ID" stream="0" connections="10" width="350px" height="200px" header="0" logobar="0"   css="STYLESHEET LINK"></fb:fan>
<div id="mbtlikebox"><a rel="nofollow" target="_blank" style="text-decoration:none; color:#365899;" href="LIKE PAGE URL">Visit the Like Page »</a><div style="float:right"><a href='http://www.mybloggertricks.com' style="text-decoration:none; color:#365899;">Widgets »</a></div></div>
Make these changes:
  • Replace LIKE PAGE ID with your Like Page User ID. Read the previous post for help.
  • Replace STYLESHEET LINK with the link of your CSS file that you uploaded as made clear in our previous post.
  • Replace LIKE PAGE URL with your Like Page link
That's it!
Posted by at No comments:
Subscribe to: Posts (Atom)