Apasal hari ni.. Masa aku nak siapkan kerja la.. ada pulak meeting... lama pula tu meeting... penat nunggu.. tak juga habis... ...

Entri kali berkenaan cara memukarkan basic widget popular posts kelihatan multi color seperti di bawah. Langkah Pertama: - L...

#PopularPosts1 ul li a:hover{color:#fff;text-decoration:none} #PopularPosts1 ul li a {-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; color: #333333; display: block; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; margin: 0px 40px 0px 0px; min-height: 30px; orphans: 2; padding: 0px; text-align: -webkit-auto; text-decoration: none !important; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;} #PopularPosts1 ul li .item-thumbnail{float:left;border:0;margin-right:10px;background:transparent;padding:0;width:51px;height:51px} #PopularPosts1 ul li:first-child:after, #PopularPosts1 ul li:first-child + li:after, #PopularPosts1 ul li:first-child + li + li:after, #PopularPosts1 ul li:first-child + li + li + li:after, #PopularPosts1 ul li:first-child + li + li + li + li:after, #PopularPosts1 ul li:first-child + li + li + li + li + li:after, #PopularPosts1 ul li:first-child + li + li + li + li + li + li:after, #PopularPosts1 ul li:first-child + li + li + li + li + li + li + li:after, #PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li:after, #PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li + li:after{position:absolute;top:10px;right:5px;border-radius:50%;border:2px solid #ccc;background:#353535;-webkit-box-shadow:0px 0px 5px #000;-moz-box-shadow: 0px 0px 5px #000;width:30px;height:30px;line-height:1em;text-align:center;font-size:28px;color:#fff} #PopularPosts1 ul li:first-child + li + li + li + li + li + li + li {background:#DF01D7;width:90%} #PopularPosts1 ul li:first-child + li + li + li + li + li + li + li:after{content:"8"} #PopularPosts1 ul li:first-child + li + li + li + li + li + li + li +li{background:#B041FF;width:90%} #PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li:after{content:"9"} #PopularPosts1 ul li:first-child + li + li + li + li + li + li + li +li +li{background:#F52887;width:90%} #PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li + li:after{content:"10"} #PopularPosts1 ul li:first-child + li + li + li + li +li{background:#7ee3c7;width:90%} #PopularPosts1 ul li:first-child + li + li + li + li + li:after{content:"6"} #PopularPosts1 ul li:first-child + li + li + li + li + li +li{background:#f6993d;width:90%} #PopularPosts1 ul li:first-child + li + li + li + li + li + li:after{content:"7"} #PopularPosts1 ul li:first-child + li + li + li + li{background:#33c9f7;width:90%} #PopularPosts1 ul li:first-child + li + li + li + li:after{content:"5"} #PopularPosts1 ul li:first-child + li + li + li{background:#c7f25f;width:90%} #PopularPosts1 ul li:first-child + li + li + li:after{content:"4"} #PopularPosts1 ul li:first-child + li + li{background:#ffde4c;width:90%} #PopularPosts1 ul li:first-child + li + li:after{content:"3"} #PopularPosts1 ul li:first-child + li{background:#ff764c; width:90%} #PopularPosts1 ul li:first-child + li:after{content:"2"} #PopularPosts1 ul li:first-child{background:#ff4c54 ;width:90%} #PopularPosts1 ul li:first-child:after{content:"1"} #PopularPosts1 ul{margin:0;padding:0px 0;list-style-type:none} #PopularPosts1 ul li{position:relative;margin:6px 0;border-radius:25px 0px 25px 0px;border:2px solid #f7f7f7;-webkit-box-shadow:3px 3px 3px #000;-moz-box-shadow: 3px 3px 3px #000;padding:10px}

Langkah Ke 2:

- Pada Layout, klik Add a Gadget > Popular Posts
- Klik Save
- Dah selesai.. boleh view blog korang dan lihat hasilnya... semoga bermanfaat..

Kebiasaan gi kebun sorang diri jer... tebas la pokok.. bakar daun..ranting sorang2 jer... kadang2 bawak jer la Azhar Azhar temankan.....

Jom Azhar Azfar kita ucapkan Tahniah kat Mama... 1...2...3.. "TAHNIAH MAMA!! Tahniah sebab dapat habiskan juga pengajian PHD Mama tu...

Jom Azhar Azfar kita ucapkan Tahniah kat Mama...
1...2...3.. "TAHNIAH MAMA!!

Tahniah sebab dapat habiskan juga pengajian PHD Mama tu...
walaupun belum konvo..kira tamat la tu yer..
nanti kitorg pergi konvo Mama...

"Kenapa ayah tak nak beli pau?"... pagi-pagi lagi sebelum subuh dah kedengaran suara anak aku minta pau... "baru pukul 5 ...

"Kenapa ayah tak nak beli pau?"...

Alhamdulillah..malam tadi selepas isyak dapat juga ke rumah ustaz... Baru beli kitab ni... semangat nak nadah kitab... kitab fikah... ...

Untuk memasang Iklan Nuffnang yang bersaiz 336px x 280px (Large Rectangle) pada setiap posting seperti yang boleh anda lihat pada entri...

Untuk memasang Iklan Nuffnang yang bersaiz 336px x 280px (Large Rectangle) pada setiap posting seperti yang boleh anda lihat pada entri ini, sila ikut beberapa langkah di bawah.

Langkah 1

Log in blog => Dashboard => Edit HTML.

Langkah 2

Dengan menggunakan keyboard, tekan Ctrl+F dan taip atau paste kod <data:post.body/> pada kotak Find. Seterusnya, tekan Enter.

Langkah 3

Salin kod Iklan Nuffnang anda yang bersaiz 336px x 280px (Large Rectangle) di bawah kod<data:post.body/> (rujuk langkah 2)

Contoh:

<data:post.body/>

</center>
<!-- nuffnang -->
<script type="text/javascript">
        nuffnang_bid = "0000000000000000000000000";
        document.write( "<div id='nuffnang_lr'></div>" );
        (function() { 
                var nn = document.createElement('script'); nn.type = 'text/javascript';    
                nn.src = 'http://synad2.nuffnang.com.my/lr.js';    
                var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(nn, s.nextSibling);
        })();
</script>
<!-- nuffnang-->
</center>
Nota : Kod  <center> dan </center> ditambah adalah bertujuan untuk meletakkan iklan Nuffnang berada di tengah-tengah post.

Klik Preview dan jika tiada mesej Error yang terpapar, klik saja Save.

Kat peti ais tu ada ayam hutan yang Kak Min bagi... "goreng lah..." kataku.. "jangan goreng..buat sup..kalau goreng dang...

Pagi dalam pukul 9 pagi kat bas stop luar puncak alam.. ternampak ada orang terbaring... aku u-turn kereta bersama anak2 aku.. lela...

Hari minggu mama tak ada kat rumah..  mama bz prepare hal belajarnya..hal viva masih belum selesai...  ayah kena jaga korang la..  jo...

Entry kali ini memaparkan bagaimana cara mudah untuk membuat Facebook Pop-Up Fan Page pada Blogger anda. Seperti mana yang diketahui cara ...

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'></script> <style> #fanback { display:none; background:rgba(0,0,0,0.8); width:100%; height:100%; position:fixed; top:0; left:0; z-index:99999; } #fan-exit { width:100%; height:100%; } #fanbox { background:white; width:420px; height:270px; position:absolute; top:58%; left:63%; margin:-220px 0 0 -375px; -webkit-box-shadow: inset 0 0 50px 0 #939393; -moz-box-shadow: inset 0 0 50px 0 #939393; box-shadow: inset 0 0 50px 0 #939393; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin: -220px 0 0 -375px; } #fanclose { float:right; cursor:pointer; background:url(http://3.bp.blogspot.com/-NRmqfyLwBHY/T4nwHOrPSzI/AAAAAAAAAdQ/8b9O7O1q3c8/s1600/fanclose.png) repeat; height:15px; padding:20px; position:relative; padding-right:40px; margin-top:-20px; margin-right:-22px; } .remove-borda { height:1px; width:366px; margin:0 auto; background:#F3F3F3; margin-top:16px; position:relative; margin-left:20px; } #linkit,#linkit a.visited,#linkit a,#linkit a:hover { color:#80808B; font-size:10px; margin: 0 auto 5px auto; float:center; } </style> <script type='text/javascript'> //<![CDATA[ jQuery.cookie = function (key, value, options) { // key and at least value given, set cookie... if (arguments.length > 1 && String(value) !== "[object Object]") { options = jQuery.extend({}, options); if (value === null || value === undefined) { options.expires = -1; } if (typeof options.expires === 'number') { var days = options.expires, t = options.expires = new Date(); t.setDate(t.getDate() + days); } value = String(value); return (document.cookie = [ encodeURIComponent(key), '=', options.raw ? value : encodeURIComponent(value), options.expires ? '; expires=' + options.expires.toUTCString() : '', // use expires attribute, max-age is not supported by IE options.path ? '; path=' + options.path : '', options.domain ? '; domain=' + options.domain : '', options.secure ? '; secure' : '' ].join('')); } // key and possibly options given, get cookie... options = value || {}; var result, decode = options.raw ? function (s) { return s; } : decodeURIComponent; return (result = new RegExp('(?:^|; )' + encodeURIComponent(key) + '=([^;]*)').exec(document.cookie)) ? decode(result[1]) : null; }; //]]> </script> <script type='text/javascript'> jQuery(document).ready(function($){ if($.cookie('popup_user_login') != 'yes'){ $('#fanback').delay(5000).fadeIn('medium'); $('#fanclose, #fan-exit').click(function(){ $('#fanback').stop().fadeOut('medium'); }); } $.cookie('popup_user_login', 'NO', { path: '/', expires: NEVER }); }); </script> <div id='fanback'> <div id='fan-exit'> </div> <div id='fanbox'> <div id='fanclose'> </div> <div class='remove-borda'> </div> <iframe allowtransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/likebox.php? href=https://www.facebook.com/jomvitamindotcom&width=402&height=255&colorscheme=light&show_faces=true&show_border=false&stream=false&header=false' style='border: none; overflow: hidden; margin-top: -19px; width: 402px; height: 230px;'></iframe><center> <span id="linkit"><a href="http://rozitalib.blogspot.com/2014/02/cara-mudah-nak-buat-facebook-pop-up.html"target="_blank">Facebook Like Box</a> <a href="http://www.rozitalib.blogspot.com"target="_blank">Widget</a></span></center> </div> </div>



4.  Anda perlu menukar teks yang saya HIGHLIGHT seperti gambar di atas ini dengan URL Fan Page anda,contohnya : http://www.facebook.com/jomvitamindotcom kepada Facebook Fan page anda.
Save dan view blog anda...beberapa saat.. pop-up Fun Page anda akan keluar.. selesai...

Selamat Mencuba