Cara meletak facebook like button didalam blogspot.

10

Cara meletak facebook like button didalam blogspot.

Memang tidak dapat dinafikan lagi yang facebook memang sangat top  pada waktu ini walaupun mungkin sudah ada dikalangan kita yang mengetahui facebook adalah produk yang dibuat oleh bangsa yahudi tetapi itu sedikit pun tidak menyekat kita daripada menggunakannya.Kenapa?apa yang hebat sangat di facebook ini.Tentu sahaja aplikasi yang pelbagai yang ada di facebook yang membuatnya nampak hebat dan juga namanya yang agak sedap disebut kalau sebut mukabuku tentu tak berapa sedap kan.Korang tahu tak Facebook berada dikedudukan kedua di alexa selepas Google dalam ranking top 500 Global Sites [sumber..] dan kedudukan pertama di dalam ranking Alexa bagi top 100 sites in malaysia [sumber..] jadi agak rugi kalau kita tidak merebut peluang mendapatkan seberapa ramai visitor dari sana.Jadi dengan memasukkan Facebook like button ini mungkin sedikit membantu mendapatkan visitor dari sana nanti.Cara lain untuk dapatkan visitor dari sana ialah dengan menghantar feed dari blog kesana boleh rujuk post aku yang terdahulu [disini].

Untuk pengetahuaan semua aku telah pun membuka kembali akaun aku difacebook setelah terbaca post dari blog akmal yang yang diambil dari blog www.zaharuddin.net yang mengatakan bahawa membuka akaun facebook tidak haram malah hukum HARUS atau DIBENARKAN kalau bertujuaan untuk kemaslahatan Islam.Jadi aku pun membuka semula dengan tujuaan untuk berkongsi post aku yang mungkin berguna kepada orang lain disamping berkongsi cerita-cerita agama yang aku perolehi daripada emel.Korang boleh rujuk[ sini ] untuk membaca tentang hukum menggunakan facebook ini.kalau berminat nak letakkan facebook like button boleh tengok cara nak meletakknya dibawah ini.

1.Pergi ke Facebook Developers

2.Disitu korang boleh pilih untuk menggunakan jenis buton samaada jenis standart ataupun button count.

 

jenis standart.

 

Jenis button count.

untuk pilih korang boleh klik layout style.Pilih standart atau button count.

standardbutton_count

3.kalau dah siap semua setting korang dapatkan kode dia klik Get Code.Kode dia seperti dibawah ini

<iframe style="border-bottom-style: none; border-right-style: none; width: 450px; border-top-style: none; height: 21px; border-left-style: none; overflow: hidden" src="http://www.facebook.com/plugins/like.php?href=http%253A%252F%252Fexample.com%252Fpage%252Fto%252Flike&amp;layout=button_count&amp;show_faces=true&amp;width=450&amp;action=like&amp;font&amp;colorscheme=light&amp;height=21" frameborder="0" allowtransparency="allowtransparency" scrolling="no"></iframe>

4.Kemudian korang copy kode itu dan pergi ke layout-Edit Html dan berikan tanda centeng didalam kotak expand widget template.

5.Cari kode ini.<data:post.body/> dan pastekan kode itu diatas atau dibawahnya.Hasilnya seperti ini [Klik].

6.Semoga berjaya jika ada masalah jangan lupa tinggalkan pertanyaan di ruang komen.

Read More

Cara Menipu User Online dengan Widget Who’s■Amung■Us.

22

Cara Menipu User Online dengan Widget Who’s■Amung■Us.

Buat julung-julung kalinya aku akan membongkarkan rahsia kepada anda semua sesetengah laman blog yang mempunyai jumlah User yang ada diantaranya mencapai sehingga 1+++ yang sedang Online..Walaupun pada hakikatnya tidaklah sedemikiaan.Jumlah user online ini aku lihat di widget Who’s■Amung■Us yang digunakan mereka.Aku pernah terjumpa beberapa blog yang membuat seperti ini.Disebabkan rasa ingin tahu samaada betul atau tidak useronline mereka ada sebanyak itu dan datang dari mana.Aku pun cubalah klik dekat widget tu tetapi tidak berhasil kerana widget itu tidak boleh diklik.Kalau betul useronline sebanyak 1+++  kenapa tak nak bagi orang klik pulak.Pelik kan.

Aku sebenarnya tidak berapa pasti apa tujuaan sebenarnya tuan punya blog itu hendak berbuat sedemikiaan.Tetapi yang terlintas difikiran aku tentulah tuan punya blog itu membuatnya untuk Syok Sendiri dan ingin berbangga dengan jumlah User Online yang ramai.Agak-agakla bro budak sekolah bolehla tipu hehe..Kalau setakat blog cerita hal peribadi tapi user online sampai 1+++  memang hebat betul la.Blog yang cerita pasal gosip artis pun belum tentu dapat user online sampai 1+++.Blog siapa yang buat tu?..Biarla Rahsia.Dan semoga selepas ini tiada lagi orang yang tertipu ya.

Ok aku teruskan saja bagaimana cara nak bagi widget Who’s■Amung■Us tidak boleh diklik.Seperti sedia maklum Widget Who’s■Amung■Us  versi percuma yang asal  adalah dalam bentuk script seperti dibawah ini.Yang Pro account aku tak tahu.Belum pernah cuba.

<script src="http://widgets.amung.us/small.js" type="text/javascript"></script><script type="text/javascript">WAU_small('f4um2z3ovs5n')</script>

Cuba anda klik pasti boleh kan.Untuk membuat Widget Who’s■Amung■Us tidak boleh diklik anda perlu tukarkannya kepada kedalam bentuk image seperti dibawah.

<img border="0" width="80" src="http://whos.amung.us/swidget/f4um2z3ovs5n.png" title="Arieyblog visitor" />

Cuba anda klik boleh tak.?Mesti tak boleh.Betul tak?.Untuk cuba-cuba menipu orang lain atau syok sendiri bolehla anda cuba buat di blog anda hanya tukarkan yang aku tandakan dengan warna merah itu sahaja.

Ramai tak User Online Aku.Jangan Dengki ya.Haha

Read More

Cara membuat Guestbook di blogspot

20

Cara membuat Guestbook di blogspot

Jika anda mempunyai blog sudah tentu anda menginginkan {FEEDBACK} daripada pengunjung-pengunjung di blog anda.Dengan adanya {FEEDBACK} daripada pengunjung-pengunjung ke blog anda itu sudah tentu sedikit sebanyak anda akan dapat menilai  hasil penulisan anda itu samaada disukai ataupun dibenci oleh mereka .Disamping itu dengan adanya guestbook juga tentu lebih menyenagkan pengunjung-pengunjung di blog anda membuat Spam blogwalking bertanya khabar berita.Oleh itu pada kali ini aku akan tunjukkan bagaimana cara untuk membuat Guestbook khasnya di blogspot.Untuk membuat Guestbook anda boleh gunakan Shoutmix ataupun Cbox .Walaupun sudah ramai dikalangan anda yang menggunakan Shoutmix dan juga Cbox tetapi kedudukan Shoutmix dan juga Cbox itu tidak terlalu bergaya jadi aku akan tunjukkan cara yang lebih bergaya untuk meletakkannya supaya lebih kelihatan seperti Guestbook..

Lihat Demo Guestbook..

Bagaimana suka tak?..Kalau berminat nak buat boleh ikuti cara-caranya dibawah.

1.Pergi ke layout.

2.Klik add a gadget;kemudian pilih HTML/JavaScript.

3.Kemudian anda copy semua JavaScript dibawah ini dan pastekan didalam HTML/JavaScript itu.

<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}

.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('http://i530.photobucket.com/albums/dd350/dadumerah79/tabs-1.png') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #A5BD51;
background:#F5F5F5;
padding:10px;
}
</style>

<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>

<div id="gb">

<div class="gbtab" onclick="showHideGB()">   </div>

<div class="gbcontent">

----------------sila tukarkan dengan kode Shoutmix atau Cbox anda--------------------

<!-- Begin ShoutMix - http://www.shoutmix.com -->
<iframe scrolling="auto" width="160" frameborder="0" src="http://www5.shoutmix.com/?ariey79" height="400" title="ariey79">
<a href="http://www5.shoutmix.com/?ariey79">View shoutbox</a>
</iframe>
<br/><a href="http://www.shoutmix.com" title="Get your own free shoutbox chat widget at ShoutMix!">ShoutMix chat widget</a><br/>
<!-- End ShoutMix –>

------------------------------------------------------------------------------------------------------

<div style="text-align:right">
<a href="javascript:showHideGB()">
[Closed]
</a>
</div>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script>

4.Kemudian Klik Save.Selesai

Ada masa aku tunjukkan bagaimana nak membuat Guestbook dengan versi lain pula.

Read More

cara membuat page navigation di blogspot

12

cara membuat page navigation di blogspot

Hari ini aku akan menunjukkan bagaimana cara untuk membuat page navigation di blogspot.Aku membuat tutorial ini diatas permintaan budak malu818 kerana dia masih tidak berjaya membuatnya semoga dengan tutorial yang aku tunjukkan ini sedikit sebanyak akan dapat membantu budak malu818 serta kepada sesiapa yang masih belum berjaya dan masih tidak tahu untuk membuatnya.

Page navigation yang ingin aku tunjukkan ini ialah page navigation hack yang telah dibuat oleh Mohamed Rias yang dibuat dalam bentuk memasukkan kode didalam template dan juga dalam bentuk widget.Jadi untuk memudahkan kepada anda semua membuatnya aku hanya akan menunjukkan cara membuat page navigation ini dalam bentuk widget.Sila ikuti langkah-langkah untuk membuatnya dibawah.

1.Login ke dashboard—pilih layout.

2.kemudian pergi ke Add A gadget dan pilih HTML/Javascript.

3.Kemudian copy dan pastekan semua javascript dibawah ini dan pastekan didalam HTML/Javascript itu.Tidak perlu tulis tittle.

<style>
.showpageArea {padding: 0 2px;margin-top:10px;margin-bottom:10px;
}
.showpageArea a {border: 1px solid #505050;
color: #000000;font-weight:normal;
padding: 3px 6px !important;
padding: 1px 4px ;margin:0px 4px;
text-decoration: none;
}
.showpageArea a:hover {
font-size:11px;
border: 1px solid #333;
color: #000000;
background-color: #FFFFFF;
}

.showpageNum a {border: 1px solid #505050;
color: #000000;font-weight:normal;
padding: 3px 6px !important;
padding: 1px 4px ;margin:0px 4px;
text-decoration: none;

}
.showpageNum a:hover {
font-size:11px;
border: 1px solid #333;
color: #000000;
background-color: #FFFFFF;

}
.showpagePoint {font-size:11px;
padding: 2px 4px 2px 4px;
margin: 2px;
font-weight: bold;
border: 1px solid #333;
color: #fff;
background-color: #000000;

}

.showpage a:hover {font-size:11px;
border: 1px solid #333;
color: #000000;
background-color: #FFFFFF;

}
.showpageNum a:link,.showpage a:link {
font-size:11px;
padding: 2px 4px 2px 4px;
margin: 2px;
text-decoration: none;
border: 1px solid #0066cc;
color: #0066cc;
background-color: #FFFFFF;}

.showpageNum a:hover {font-size:11px;
border: 1px solid #333;
color: #000000;
background-color: #FFFFFF;
}
</style>

<script type=”text/javascript”>

function showpageCount(json) {
var thisUrl = location.href;
var htmlMap = new Array();
var isFirstPage = thisUrl.substring(thisUrl.length-14,thisUrl.length)==”.blogspot.com/”;
var isLablePage = thisUrl.indexOf(”/search/label/”)!=-1;
var isPage = thisUrl.indexOf(”/search?updated”)!=-1;
var thisLable = isLablePage ? thisUrl.substr(thisUrl.indexOf(”/search/label/”)+14,thisUrl.length) : “”;
thisLable = thisLable.indexOf(”?”)!=-1 ? thisLable.substr(0,thisLable.indexOf(”?”)) : thisLable;
var thisNum = 1;
var postNum=1;
var itemCount = 0;
var fFlag = 0;
var eFlag = 0;
var html= ”;
var upPageHtml =”;
var downPageHtml =”;

var pageCount=5;
var displayPageNum=3;
var firstPageWord = ‘First’;
var endPageWord = ‘Last’;
var upPageWord =’Previous’;
var downPageWord =’Next’;

var labelHtml = ‘<span class=”showpageNum”><a href=”/search/label/’+thisLable+’?&max-results=’+pageCount+’”>’;

for(var i=0, post; post = json.feed.entry[i]; i++) {
var timestamp = post.published.$t.substr(0,10);
var title = post.title.$t;
if(isLablePage){
if(title!=”){
if(post.category){
for(var c=0, post_category; post_category = post.category[c]; c++) {
if(encodeURIComponent(post_category.term)==thisLable){
if(itemCount==0 (itemCount % pageCount ==(pageCount-1))){
if(thisUrl.indexOf(timestamp)!=-1 ){
thisNum = postNum;
}

postNum++;
htmlMap[htmlMap.length] = ‘/search/label/’+thisLable+’?updated-max=’+timestamp+’T00%3A00%3A00%2B08%3A00&max-results=’+pageCount;
}
}
}
}//end if(post.category){

itemCount++;
}

}else{
if(title!=”){
if(itemCount==0 (itemCount % pageCount ==(pageCount-1))){
if(thisUrl.indexOf(timestamp)!=-1 ){
thisNum = postNum;
}

if(title!=”) postNum++;
htmlMap[htmlMap.length] = ‘/search?updated-max=’+timestamp+’T00%3A00%3A00%2B08%3A00&max-results=’+pageCount;
}
}
itemCount++;
}
}

for(var p =0;p< htmlMap.length;p++){
if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){
if(fFlag ==0 && p == thisNum-2){
if(thisNum==2){
if(isLablePage){
upPageHtml = labelHtml + upPageWord +’</a></span>’;
}else{
upPageHtml = ‘<span class=”showpage”><a href=”/”>’+ upPageWord +’</a></span>’;
}
}else{
upPageHtml = ‘<span class=”showpage”><a href=”‘+htmlMap[p]+’”>’+ upPageWord +’</a></span>’;
}

fFlag++;
}

if(p==(thisNum-1)){
html += ‘&nbsp;<span class=”showpagePoint”><u>’+thisNum+’</u></span>’;
}else{
if(p==0){
if(isLablePage){
html = labelHtml+’1</a></span>’;
}else{
html += ‘<span class=”showpageNum”><a href=”/”>1</a></span>’;
}
}else{
html += ‘<span class=”showpageNum”><a href=”‘+htmlMap[p]+’”>’+ (p+1) +’ </a></span>’;
}
}

if(eFlag ==0 && p == thisNum){
downPageHtml = ‘<span class=”showpage”> <a href=”‘+htmlMap[p]+’”>’+ downPageWord +’</a></span>’;
eFlag++;
}
}//end if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){
}//end for(var p =0;p< htmlMap.length;p++){

if(thisNum>1){
if(!isLablePage){
html = ‘<span class=”showpage”><a href=”/”>’+ firstPageWord +’ </a></span>’+upPageHtml+’ ‘+html +’ ‘;
}else{
html = ”+labelHtml + firstPageWord +’ </a></span>’+upPageHtml+’ ‘+html +’ ‘;
}
}

html = ‘<div class=”showpageArea”><span style=”padding: 2px 4px 2px 4px;margin: 2px 2px 2px 2px;color: #000000;border: 1px solid #333; background-” class=”showpage”>Page ‘+thisNum+’ of ‘+(postNum-1)+’: </span>’+html;

if(thisNum<(postNum-1)){
html += downPageHtml;
html += ‘<span class=”showpage”><a href=”‘+htmlMap[htmlMap.length-1]+’”> ‘+endPageWord+’</a></span>’;
}

if(postNum==1) postNum++;
html += ‘</div>’;

if(isPage isFirstPage isLablePage){
var pageArea = document.getElementsByName(”pageArea”);
var blogPager = document.getElementById(”blog-pager”);

if(postNum <= 2){
html =”;
}

for(var p =0;p< pageArea.length;p++){
pageArea[p].innerHTML = html;
}

if(pageArea&&pageArea.length>0){
html =”;
}

if(blogPager){
blogPager.innerHTML = html;
}
}

}
</script>

<script src=”/feeds/posts/summary?alt=json-in-script&callback=showpageCount&max-results=99999″ type=”text/javascript”></script>
<div style=”text-align:right;font-size:10px;color:000000;margin-top:15px;display:none;”> <a href=”http://www.techieblogger.com/2008/07/page-navigation-hack-for-blogger.html”>Grab this Widget ~ Blogger Accessories</a></div>

3.Selepas memasukkan Javascript itu sila letakkan widget itu dibawah post lihat gambar dibawah.Kemudian klik save.

4.Jika mahu membuat page kelihatan lebih banyak anda boleh mengubah tempat yang aku tandakan dengan warna merah itu

1: var pageCount =5;

ini adalah untuk menunjukkan berapa halaman yang mahu anda tunjukkan contoh yang aku buat sekarang var pageCount =8;.maka untuk page yang kedua anda akan lihat ada sebanyak 8 post.

2: var displayPageNum = 3;

ini adalah menunjukkan jumlah halaman contoh yang aku buat sebanyak var displayPageNum = 2;

Apa lagi yang boleh anda ubah.

border: 1px solid #505050;
color: #000000;
background-color: #FFFFFF;

Anda boleh ubah yang aku tandakan dengan warna merah itu contohnya seprti

border adalah garisan tepi anda boleh besarkan sebanyak 2px atau 3px bersesuain dengan keinginan anda.#505050 adalah warna border tersebut contoh anda boleh tukarkan kepada warna hitam iaitu color kode #000000.

Untuk menukar semua color didalam page navigation ini anda perlukan software untuk membaca color kode

Dapatkan disini

atau jika anda menggunakan firefox anda boleh install add on Colorzilla

Dapatkan disini

Read More

Letak Page rank widget dalam blog

8

Letak Page rank widget dalam blog

Google telah pun melakukan update keatas page ranknya lagi walaupun terdapat ura-ura yang mengatakan pihak google tidak akan lagi menggunakan page rank sebagai penilaian untuk sesuatu blog,kepada sesiapa yang mempunyai kenaikan page rank aku ucapkan tahniah dan kepada yang belum dapat atau tidak naik aku harap agar anda berusaha lagi untuk menaikkan page rank anda.Kepada sesiapa yang tidak tahu cara untuk menyemaknya bolehlah lihat disini.

Hari ini aku ingin berkongsi dengan anda semua sebuah laman web yang menyediakan widget untuk page rank.Widget yang disediakan oleh laman web ini kelihatan lebih cantik dan terserlah keayuaanya.Selain daripada page rank untuk google website itu juga ada menyediakan page rank untuk yahoo,Alexa dan Technorati.Untuk medapatkan widget ini anda bolehlah pergi ke halaman Rankwidget.Cara untuk menggunakannya sangat senang anda hanya perlu masukkan url blog anda kemudian copy kode yang diberikan.Setelah itu anda pastekan dia di dalam ruangan HtML/Add a gadget.Selamat mencuba aku ucapkan.

Read More

SexyBookmarks v2 For Blogger

8

SexyBookmarks v2 For Blogger

Kepada anda yang ada menggunakan Sexy bookmarks V1 seperti yang aku gunakan sekarang ini kini anda boleh bertukar kepada Sexy bookmarks V2 pula.Sexy bookmarks v2 ini telah dibuat oleh Css Reflex untuk pengguna blogspot yang sebelum ini sudah pun dipakai di wordpress.Sexy bookmarks V2 kelihatan lebih menarik kerana iconnya terdapat dua baris tetapi anda hanya dapat melihatnya sebaris sahaja dan apabila mouse ditujukan kepada icon itu barulah icon di barisan yang kedua akan muncul dan hilang semula apabila mouse itu dilarikan..Agak-agak faham tak dengan penerangan aku ini?..Kalau tak faham tengoklah demo dia disini senang sikit hehe.Dan untuk memasangnya di blog anda boleh ikuti langkahnya dibawah.

SILA BUAT BACKUP TEMPLATE ANDA SEBELUM MEMBUAT INI.

1-Pergi ke layout---->Edit HTML.Berikan tanda didalam kotak expand widget templates.

2-Cari kode </head> kemudian pastekan kode dibawah ini diatasnya.

<script src='http://code.jquery.com/jquery-latest.js' type='text/javascript'/> 
<script type='text/javascript'> 
jQuery(document).ready(function() {
// xhtml 1.0 strict way of using target _blank
jQuery('.sexy-bookmarks a.external').attr("target", "_blank"); 
// this block sets the auto vertical expand when there are more than
// one row of bookmarks.
var sexyBaseHeight=jQuery('.sexy-bookmarks').height(); 
var sexyFullHeight=jQuery('.sexy-bookmarks ul.socials').height(); 
if (sexyFullHeight>sexyBaseHeight) {
jQuery('.sexy-bookmarks-expand').hover( 
function() {
jQuery(this).animate({
height: sexyFullHeight+'px'
}, {duration: 400, queue: false}); 
}, 
function() {
jQuery(this).animate({
height: sexyBaseHeight+'px'
}, {duration: 400, queue: false}); 
}
); 
}
// autocentering
if (jQuery('.sexy-bookmarks-center')) {
var sexyFullWidth=jQuery('.sexy-bookmarks').width(); 
var sexyBookmarkWidth=jQuery('.sexy-bookmarks:first ul.socials li').width(); 
var sexyBookmarkCount=jQuery('.sexy-bookmarks:first ul.socials li').length; 
var numPerRow=Math.floor(sexyFullWidth/sexyBookmarkWidth); 
var sexyRowWidth=Math.min(numPerRow, sexyBookmarkCount)*sexyBookmarkWidth; 
var sexyLeftMargin=(sexyFullWidth-sexyRowWidth)/2; 
jQuery('.sexy-bookmarks-center').css('margin-left', sexyLeftMargin+'px'); 
}
}); 
</script>

<style type="text/css"> 
div.sexy-bookmarks{margin:20px 0 0 0; border: 0;outline: none;clear:both !important} 
div.sexy-bookmarks-expand{height:29px; overflow:hidden} 
.sexy-bookmarks-bg-sexy, .sexy-bookmarks-bg-love{background-image:url('http://img31.imageshack.us/img31/176/sexytrans.png') !important; background-repeat:no-repeat} 
div.sexy-bookmarks-bg-love{padding:26px 0 0 10px; background-position:left -1148px !important} 
div.sexy-bookmarks ul.socials{width:100% !important; margin:0 !important; padding:0 !important; float:left} 
div.sexy-bookmarks ul.socials li{display:inline !important; float:left !important; list-style-type:none !important; margin:0 !important; height:29px !important; width:60px !important; cursor:pointer !important; padding:0 !important} 
div.sexy-bookmarks ul.socials li:before, div.sexy-bookmarks ul.socials li:after, div.sexy-bookmarks ul.socials li a:before, div.sexy-bookmarks ul.socials li a:after{content:none !important} 
div.sexy-bookmarks ul.socials a{display:block !important; width:60px !important; height:29px !important; text-indent:-9999px !important; background-color:transparent !important} 
div.sexy-bookmarks ul.socials a:hover{background-color:transparent !important} 
.sexy-digg, .sexy-digg:hover, .sexy-reddit, .sexy-reddit:hover, .sexy-stumbleupon, .sexy-stumbleupon:hover, .sexy-delicious, .sexy-delicious:hover, .sexy-yahoobuzz, .sexy-yahoobuzz:hover, .sexy-blinklist, .sexy-blinklist:hover, .sexy-technorati, .sexy-technorati:hover, .sexy-facebook, .sexy-facebook:hover, .sexy-twitter, .sexy-twitter:hover, .sexy-myspace, .sexy-myspace:hover, .sexy-mixx, .sexy-mixx:hover, .sexy-scriptstyle, .sexy-scriptstyle:hover, .sexy-designfloat, .sexy-designfloat:hover, .sexy-comfeed, .sexy-comfeed:hover, .sexy-newsvine, .sexy-newsvine:hover, .sexy-linkedin, .sexy-linkedin:hover, .sexy-google, .sexy-google:hover, .sexy-friendfeed, .sexy-friendfeed:hover{background:url('http://img512.imageshack.us/img512/3131/sexysprite.png') no-repeat !important;border: 0;outline: none;} 
.sexy-digg{background-position:-980px bottom !important} 
.sexy-digg:hover{background-position:-980px top !important} 
.sexy-reddit{background-position:-700px bottom !important} 
.sexy-reddit:hover{background-position:-700px top !important} 
.sexy-stumbleupon{background-position:-630px bottom !important} 
.sexy-stumbleupon:hover{background-position:-630px top !important} 
.sexy-delicious{background-position:-1190px bottom !important} 
.sexy-delicious:hover{background-position:-1190px top !important} 
.sexy-yahoobuzz{background-position:-1120px bottom !important} 
.sexy-yahoobuzz:hover{background-position:-1120px top !important} 
.sexy-blinklist{background-position:-1260px bottom !important} 
.sexy-blinklist:hover{background-position:-1260px top !important} 
.sexy-technorati{background-position:-560px bottom !important} 
.sexy-technorati:hover{background-position:-560px top !important} 
.sexy-myspace{background-position:-770px bottom !important} 
.sexy-myspace:hover{background-position:-770px top !important} 
.sexy-twitter{background-position:-490px bottom !important} 
.sexy-twitter:hover{background-position:-490px top !important} 
.sexy-facebook{background-position:-1330px bottom !important} 
.sexy-facebook:hover{background-position:-1330px top !important} 
.sexy-mixx{background-position:-840px bottom !important} 
.sexy-mixx:hover{background-position:-840px top !important} 
.sexy-scriptstyle{background-position:-280px bottom !important} 
.sexy-scriptstyle:hover{background-position:-280px top !important} 
.sexy-designfloat{background-position:-1050px bottom !important} 
.sexy-designfloat:hover{background-position:-1050px top !important} 
.sexy-newsvine{background-position:left bottom !important} 
.sexy-newsvine:hover{background-position:left top !important} 
.sexy-google{background-position:-210px bottom !important} 
.sexy-google:hover{background-position:-210px top !important} 
.sexy-comfeed{background-position:-420px bottom !important} 
.sexy-comfeed:hover{background-position:-420px top !important} 
.sexy-linkedin{background-position:-70px bottom !important} 
.sexy-linkedin:hover{background-position:-70px top !important} 
.sexy-friendfeed{background-position:-1750px bottom !important} 
.sexy-friendfeed:hover{background-position:-1750px top !important} 
.sexy-link{ margin-left:25px; float:left} 
.sexy-link A{padding:10px 0; width:470px; text-align:right; border:0; outline:none}</style>

3.kemudian anda cari pula kode <data:post.body/> dan copy dan pastekan kode dibawah ini dibawahnya

<div class='sexy-bookmarks sexy-bookmarks-expand sexy-bookmarks-bg-love' style='margin:20px 0 0 0 !important; padding:25px 0 0 10px !important; height:29px;/*the height of the icons (29px)*/ display:block !important; clear:both !important;'>
<ul class='socials'>
<li class='sexy-delicious'><a class='external' expr:href='&quot;http://del.icio.us/post?url=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='Share this on del.icio.us'>Share this on del.icio.us</a></li>
<li class='sexy-digg'><a class='external' expr:href='&quot;http://digg.com/submit?phase=2&amp;url=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='Digg this!'>Digg this!</a></li>
<li class='sexy-stumbleupon'><a class='external' expr:href='&quot;http://www.stumbleupon.com/submit?url=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='Stumble upon something good? Share it on StumbleUpon'>Stumble upon something good? Share it on StumbleUpon</a></li>
<li class='sexy-reddit'><a class='external' expr:href='&quot;http://reddit.com/submit?url=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='Share this on Reddit'>Share this on Reddit</a></li>
<li class='sexy-google'><a class='external' expr:href='&quot;http://www.google.com/bookmarks/mark?op=add&amp;bkmk=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='Add this to Google Bookmarks'>Add this to Google Bookmarks</a></li>
<li class='sexy-twitter'><a class='external' expr:href='&quot;http://twitter.com/home?status=Reading: &quot; + data:blog.title + &quot; - &quot; + data:post.url + &quot; (@NAME)&quot;' rel='nofollow' title='Tweet This!'>Tweet This!</a></li>
<li class='sexy-facebook'><a class='external' expr:href='&quot;http://www.facebook.com/share.php?u=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='Share this on Facebook'>Share this on Facebook</a></li>
<li class='sexy-mixx'><a class='external' expr:href='&quot;http://www.mixx.com/submit?page_url=&quot; + data:post.url' rel='nofollow' title='Share this on Mixx'>Share this on Mixx</a></li>
<li class='sexy-comfeed'><a class='external' expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' rel='nofollow' title='Subscribe'>Subscribe</a></li>
<li class='sexy-yahoobuzz'><a class='external' expr:href='&quot;http://buzz.yahoo.com/submit/?submitUrl=&quot; + data:post.url' rel='nofollow' title='Buzz up!'>Buzz up!</a></li>
<li class='sexy-linkedin'><a class='external' expr:href='&quot;http://www.linkedin.com/shareArticle?mini=true&amp;url=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='Share this on Linkedin'>Share this on Linkedin</a></li>
<li class='sexy-designfloat'><a class='external' expr:href='&quot;http://www.designfloat.com/submit.php?url=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='Submit this to DesignFloat'>Submit this to DesignFloat</a></li>
<li class='sexy-technorati'><a class='external' expr:href='&quot;http://technorati.com/faves?add=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='Share this on Technorati'>Share this on Technorati</a></li>
<li class='sexy-scriptstyle'><a class='external' expr:href='&quot;http://scriptandstyle.com/submit?url=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='Submit this to Script &amp; Style'>Submit this to Script &amp; Style</a></li>
<li class='sexy-myspace'><a class='external' expr:href='&quot;http://www.myspace.com/Modules/PostTo/Pages/?u=http&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='Post this to MySpace'>Post this to MySpace</a></li>
<li class='sexy-blinklist'><a class='external' expr:href='&quot;http://www.blinklist.com/index.php?Action=Blink/addblink.php&amp;Url=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='Share this on Blinklist'>Share this on Blinklist</a></li>
<li class='sexy-friendfeed'><a class='external' expr:href='&quot;http://friendfeed.com/?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='Share this on FriendFeed'>Share this on FriendFeed</a></li>
<li class='sexy-newsvine'><a class='external' expr:href='&quot;http://www.newsvine.com/_tools/seed&amp;save?u=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='Seed this on Newsvine'>Seed this on Newsvine</a></li>
</ul>
<div style='clear:both;'/>
</div>
<div class='sexy-link'> Widget by <a href='http://www.cssreflex.com/' title='Web Design Blog, Blogger Hacks and Blogger templates'>Css Reflex </a>|<a href='http://www.tutzone.org/' title='Tutorials, Rare Downloads, Link Heaven, Tips Tricks, Hacks, Make How, Blogger Tricks And Tutorials, Internet, News, And Many More'> TutZone</a></div>

4.Kemudian klik save dan tengok hasilnya.semoga berjaya.

Google telah update page rank sila semak page rank anda.Cara-cara nak semak boleh tengok di sini.blog ini telah mendapat page rank3.

Read More

Recent Post widget with thumbnail untuk blogspot

10

Recent Post widget with thumbnail untuk blogspot

Salam,Apa khabar semua semoga sihat sejahtera hendaknya.Sudah agak lama aku tidak update blog ni kerana aku agak sibuk sekarang ini dengan kerja serta projek-projek baru yang sedang aku usahakan sekarng ini.Aku ingin memohon maaf jika ada yang membuat pertanyaan tetapi aku tidak membalasnya bukan kerana tidak mahu layan tetapi aku memang terlalu sibuk.Terima kasih aku ucapkan kerana masih ada yang berkunjung ke blog ini tanpa sokongan dari anda blog ini tidak akan kemana.Dan aku akan cuba untuk memberikan yang terbaik untuk anda semua.

Pada kali ini aku ingin berkongsi dengan anda semua bagaimana cara meletakkan Recent post widget with thumbnail.Kelebihan yang ada pada Recent post widget with thumbnail ini adalah mempunyai thumbnail image,summaries,date post dan juga jumlah comment.

Tentu sudah ada diantara anda yang sudah tahu cara meletakkanya dan bagi yang tidak tahu anda boleh ikuti cara untuk membuatnya dibawah.

1.Pergi ke dashboard pilih layout.

2.Pergi ke Add a gadget 

3.kemudian search for gadget dan cari Recent Posts Widget with thumbnails .

4.kemudian klik butang tambah.

5.Kemudian anda hanya perlu tukarkan blog url itu kepada url blog anda contohnya url blog aku

http://arieyblog.blogspot.com jika anda hendak melakukan sedikit edit agar bersesuaian dengan blog anda bolehlah anda edit sendiri disitu.

6.kemudian klik save.selsesai

Sila berkunjung ke HITZSTREAMINGTV untuk menonton movies secara online

Read More

Membuat Status Online Offline Yahoo Messenger di Ymgen.Com

5

Membuat Status Online Offline Yahoo Messenger di Ymgen.Com

Pada post aku yang terdahulu aku telah pun menunjukkan cara untuk membuat status online offline Yahoo Messenger sila rujuk disini .Kini aku ingin berkongsi dengan anda cara untuk membuat status online dan offline yahoo messenger di Ymgen.com pula.Image untuk status online dan offline yahoo messenger yang terdapat di Ymgen.Com lebih menarik daripada yang pernah aku tunjukkan kepada anda dahulu dan cara untuk membuatnya juga  lebih senang kerana anda hanya perlu memasukkan id ym anda sahaja didalam generator yang telah disediakan dan kemudian membuat pemilihan status yang anda inginkan.

Di Ymgen.com ada terdapat sebanyak 24 jenis status online offline yahoo messenger yang cun dan boleh anda gunakan sebagai status ym anda.Untuk membuat status online offline yahoo messenger di Ymgen.Com ini anda boleh ikuti langkah-langkah untuk membuatnya dibawah.

1.Pergi ke laman Ymgen.com.
2.Masukkan Id Ym anda di dalam kotak generator.
3.Kemudian buat pilihan jenis status yang anda inginkan berikan tanda didalam bulatan dibawah status itu.4. Setelah itu anda akan mendapat kode untuk status Yahoo messenger anda itu.Sila ambil yang di sebelah atas jika anda ingin meletakkannya didalam blog.
5.Anda boleh meletakkan kode status online offline Yahoo messenger anda itu di sidebar blog ataupun dimana sahaja mengikut selera anda..Selamat berYahooooo dari aku.

Read More

Meletakkan Widget Technorati link Reaction dibawah post

2

Meletakkan Widget Technorati link Reaction dibawah post

Widget technorati link digunakan untuk mengetahui berapakah jumlah reaksi yang telah anda dapat setelah orang ramai link kepada post yang telah anda buat.Tetapi widget yang asal yang diberikan oleh Technorati itu hanya akan dapat menunjukkan keseluruhan link untuk kesemua post anda tetapi dengan cara yang telah dibuat oleh blogger hack anda akan dapat mengetahui berpakah jumlah reaksi link yang telah anda dapat untuk setiap satu post yang telah dibuat oleh anda itu jadi dengan cara ini anda akan dapat mengetahui post apakah yang paling digemari oleh orang ramai.

Jika anda berminat untuk meletakkan widget Technorati link Reaction ini anda boleh ikuti langkah-langkah untuk membuatnya di bawah.

1.Pergi ke layout—>Edit HTML(berikan tanda di dalam kotak expand template widget)

2.Kemudian anda cari kode ini <data:post.body/>

3.Selepas itu anda copy semua script di bawah ini dan pastekan di bawah kode yang anda cari tadi.

<script src='http://embed.technorati.com/linkcount' type='text/javascript'/>
<a class='tr-linkcount' expr:href='&quot;http://technorati.com/search/&quot; + data:post.url ' id='technauthority' style='background: url(http://static.technorati.com/static/css/img/icn/talkbubble.png) no-repeat; background-position:right; padding-right:20px;' target='_blank'>View blog reactions</a>

4.Selesai.Semoga berbanga dengan status anda sebagai blogger.

Read More

Cara membuat artikel yang berhubungan[Related post]

6

Cara membuat artikel yang berhubungan[Related post]

Hari ini aku nak tunjukkan cara untuk membuat artikel yang saling berhubungan[Related post] di dalam blog anda dengan menggunakan widget.Related post ini digunakan untuk menghubungkan artikel kita yang seterusnya melalui label yang sama.Widget ini di letakkan di bahagian bawah sekali artikel kita supaya senang untuk pembaca membaca artikel kita yang berikut.Jika ingin mengetahui apakah fungsi Related post itu anda boleh tengok di bahagian bawah sekali artikel ini.Bagaimana adakah widget ini berguna untuk di letakkan di blog anda?..Jika ya anda boleh ikuti cara untuk meletakkannya di bawah.Sebelum mencuba membuat widget ini sebaiknya anda backup dahulu template anda.

1.Pergi ke layout-> Edit HTML

2.Berikan tanda centeng pada Expand widget template.

3.Anda cari kode ini

<p><data:post.body/></p>

Kemudian anda copy script di bawah ini dan pastekan di bawah kode yang di atas tadi.

<b:if cond='data:blog.pageType == "item"'>
<div class='similiar'>

<div class='widget-content'>
<h3>Related Posts :</h3>
<div id='data2007'/><br/><br/>
<script type='text/javascript'>

var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;

maxNumberOfPostsPerLabel = 100;
maxNumberOfLabels = 3;


function listEntries10(json) {
var ul = document.createElement(&#39;ul&#39;);
var maxPosts = (json.feed.entry.length &lt;= maxNumberOfPostsPerLabel) ?
json.feed.entry.length : maxNumberOfPostsPerLabel;
for (var i = 0; i &lt; maxPosts; i++) {
var entry = json.feed.entry[i];
var alturl;

for (var k = 0; k &lt; entry.link.length; k++) {
if (entry.link[k].rel == &#39;alternate&#39;) {
alturl = entry.link[k].href;
break;
}
}
var li = document.createElement(&#39;li&#39;);
var a = document.createElement(&#39;a&#39;);
a.href = alturl;

if(a.href!=location.href) {
var txt = document.createTextNode(entry.title.$t);
a.appendChild(txt);
li.appendChild(a);
ul.appendChild(li);
}
}
for (var l = 0; l &lt; json.feed.link.length; l++) {
if (json.feed.link[l].rel == &#39;alternate&#39;) {
var raw = json.feed.link[l].href;
var label = raw.substr(homeUrl3.length+13);
var k;
for (k=0; k&lt;20; k++) label = label.replace(&quot;%20&quot;, &quot; &quot;);
var txt = document.createTextNode(label);
var h = document.createElement(&#39;b&#39;);
h.appendChild(txt);
var div1 = document.createElement(&#39;div&#39;);
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById(&#39;data2007&#39;).appendChild(div1);
}
}
}
function search10(query, label) {

var script = document.createElement(&#39;script&#39;);
script.setAttribute(&#39;src&#39;, query + &#39;feeds/posts/default/-/&#39;
+ label +
&#39;?alt=json-in-script&amp;callback=listEntries10&#39;);
script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;);
document.documentElement.firstChild.appendChild(script);
}

var labelArray = new Array();
var numLabel = 0;

<b:loop values='data:posts' var='post'>
<b:loop values='data:post.labels' var='label'>
textLabel = &quot;<data:label.name/>&quot;;

var test = 0;
for (var i = 0; i &lt; labelArray.length; i++)
if (labelArray[i] == textLabel) test = 1;
if (test == 0) {
labelArray.push(textLabel);
var maxLabels = (labelArray.length &lt;= maxNumberOfLabels) ?
labelArray.length : maxNumberOfLabels;
if (numLabel &lt; maxLabels) {
search10(homeUrl3, textLabel);
numLabel++;
}
}
</b:loop>
</b:loop>
</script>
</div>

</div>
</b:if>

4.Selesai.Dan lihat hasilnya.

Read More

Letakkan Retweet button didalam blog anda

2

Letakkan Retweet button didalam blog anda

Tentu anda sudah mengetahui tentang Twitter.Twitter adalah satu tempat untuk kita mencari kenalan,serta dapat mengikuti perkembangan mereka.Dengan menggunakan Twitter juga anda akan dapat menambah visitor ke dalam blog anda.Jadi sudah tentu Twitter ini penting untuk anda.Hari ini aku akan tunjukkan cara untuk letakkan Retweet button didalam blog anda.Retweet button yang aku nak tunjukkan ini terdapat dua jenis jadi pilihlah yang mana anda berkenan.Cara untuk meletakkan Retweet button ini boleh anda ikuti di bawah.

1.Login ke blogger.

2.Pergi ke layout kemudian edit HTML.Berikan tanda di "Expand Widget Templates".

3.Cari kod di bawah tekan CTR+F untuk carinya di dalam template anda.

<div class='post-header-line-1'/>

4.Anda pilih yang mana anda mahu kemudian Copy kod itu dan pastekan di bawah atau diatas kod yang anda cari tadi.

Retweet button besar.

<script type="text/javascript"> tweetmeme_url = '<data:post.url/>'; </script>
<script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"> </script>

Retweet button kecil

<script type="text/javascript"> tweetmeme_style = 'compact';
tweetmeme_url = '<data:post.url/>'; </script><script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"></script>

Jika anda mahu menggunakan button anda sendiri anda hanya tukarkan tulisan yang aku tandakan warna kuning itu kepada link url button yang anda sudah upload.

<a expr:href='&quot;http://twitthis.com/twit?url=&quot; + data:post.url' rel='external nofollow' target='_blank'>
<img alt='Twitter' src='http://letak link url button anda disini'/></a>

Contoh button Alternetif

Read More

Cara Buat 5 tab Content widget di blogger

2

Cara Buat 5 tab Content widget di blogger

Hari ni aku nak tunjukkan cara untuk membuat 5 tab Content Widget.Cara untuk membuat 5 tab Content Widget ini aku dapati di http://www.bloganol.comThanks to blognal for this widget.Tujuan kita membuat 5 tab Content Widget ini adalah untuk mencantikan lagi blog kita agar lebih tersusun dan dengan menggunakan 5 tab Content Widget ini juga akan dapat menjimatkan ruang di dalam blog anda. Adakah anda tahu apakah 5 tab Content Widget itu?.Kalau tak tahu boleh tengok demo dibawah ini.

Demo:

Jika anda berminat untuk menggunakan 5 tab Content Widget ini anda boleh ikuti cara untuk menggunakannya dibawah.
1.Anda copy semua code di bawah ini.Tekan CTR+C untuk copy

widget by Bloganol.blogspot.com -->
<script language="JavaScript" type="text/javascript">
function st2(t){
for(i=1;i<=5;i++){
ts=document.getElementById('tt'+i);
tr = document.getElementById('dd'+i);
ta = document.getElementById('aa'+i);
if(t==i){
if(t==1) ts.className="Tab1";
if(t==2) ts.className="Tab2";
if(t==3) ts.className="Tab3";
if(t==4) ts.className="Tab4";
if(t==5) ts.className="Tab5";
ta.className="srchlinksel2";
ts.style.borderBottom="1px solid #FFFFFF";
tr.style["display"]="block";
tr.style["visibility"]="visible";
}
else{
ts.className="tb2";
ta.className="srchlink2";
ts.style.borderBottom="1px solid #B5D6EF";
tr.style["display"]="none";
tr.style["visibility"]="hidden";
}
}
}
</script>

<!-- CSS Begin //-->


<style type="text/css">.f10 {
FONT-SIZE: 10px; FONT-FAMILY: arial
}
.f11 {
FONT-SIZE: 11px; FONT-FAMILY: arial
}
.f12 {
FONT-SIZE: 12px; FONT-FAMILY: arial
}
.f12r {
FONT-SIZE: 12px; LINE-HEIGHT: 13px; FONT-FAMILY: arial
}
.f12n {
FONT-SIZE: 12px; LINE-HEIGHT: 1.3em; FONT-FAMILY: arial
}
.ft11a {
FONT-SIZE: 11px; LINE-HEIGHT: 13px; FONT-FAMILY: Tahoma
}
.fv9 {
FONT-SIZE: 9px; FONT-FAMILY: verdana
}
.fv10 {
FONT-SIZE: 10px; FONT-FAMILY: verdana
}
.ft11 {
FONT-SIZE: 11px; LINE-HEIGHT: 14px; FONT-FAMILY: Tahoma
}
.fmicro9 {
FONT-SIZE: 9px; FONT-FAMILY: Microsoft Sans Serif
}
A.srchlink:link {
COLOR: #2864b4; TEXT-DECORATION: none
}
A.srchlink:visited {
}
A.srchlinksel:link {
CURSOR: text; COLOR: #000000; TEXT-DECORATION: none
}
A.srchlinksel:visited {
CURSOR: text; COLOR: #000000; TEXT-DECORATION: none
}
A.srchlink2:link {
COLOR: #2864b4; TEXT-DECORATION: underline
}
A.srchlink2:visited {
COLOR: #2864b4; TEXT-DECORATION: underline
}
A.srchlinksel2:link {
CURSOR: text; COLOR: #000000; TEXT-DECORATION: none
}
A.srchlinksel2:visited {
CURSOR: text; COLOR: #000000; TEXT-DECORATION: none
}
.tb2 {
FILTER: progid:DXImageTransform.Microsoft.Gradient
(GradientType:0,StartColorStr:'#EEF5FB',EndColorStr:'#D9E9F6');BACKGROUND-COLOR: #d9e9f6
}
.tbmain2 {
BACKGROUND-COLOR: #ffffff
}
.lfttbl {
FILTER: progid:DXImageTransform.Microsoft.Gradient
(GradientType:0,StartColorStr:'#DEFFC6',EndColorStr:'#B7E4A2'); BACKGROUND-COLOR: #deffc6
}
.rttbl {
BORDER-RIGHT: #b5d6ef 1px solid; BORDER-TOP: #b5d6ef 1px solid; FILTER: progid:DXImageTransform.Microsoft.Gradient
(GradientType:0,StartColorStr:'#EEF5FB',EndColorStr:'#DEEFF7'); BORDER-LEFT: #b5d6ef 1px solid; BORDER-BOTTOM: #b5d6ef 1px solid; BACKGROUND-COLOR: #eef5fb
}
.rttblx {
BORDER-RIGHT: #b5d6ef 1px solid; BORDER-TOP: #b5d6ef 1px solid; BORDER-LEFT: #b5d6ef 1px solid; BORDER-BOTTOM: #b5d6ef 1px solid; BACKGROUND-COLOR: #ffffff
}
.rt_tbl {
BORDER-RIGHT: #b5d6ef 1px solid; BORDER-TOP: 0px; BORDER-LEFT: #b5d6ef 1px solid; BORDER-BOTTOM: #b5d6ef 1px solid; BACKGROUND-COLOR: #b0dafd
}
.toptbl {
FILTER: progid:DXImageTransform.Microsoft.Gradient
(GradientType:0,StartColorStr:'#4A84AD',EndColorStr:'#00426B'); BACKGROUND-COLOR: #00426b
}
.srchtbl {
FILTER: progid:DXImageTransform.Microsoft.Gradient
(GradientType:0,StartColorStr:'#FFFFFF',EndColorStr:'#A5DEDE'); BACKGROUND-COLOR: #a5dede
}
.Tab1 {
FILTER: progid:DXImageTransform.Microsoft.Gradient
(GradientType:0,StartColorStr:'#FEDFB3',EndColorStr:'#FFFFFF');
BACKGROUND-COLOR: #fedfb3
}
.Tab2 {
FILTER: progid:DXImageTransform.Microsoft.Gradient
(GradientType:0,StartColorStr:'#B39DFE',EndColorStr:'#FFFFFF');
BACKGROUND-COLOR: #b39dfe
}
.Tab3 {
FILTER: progid:DXImageTransform.Microsoft.Gradient
(GradientType:0,StartColorStr:'#F6FE9D',EndColorStr:'#FFFFFF');
BACKGROUND-COLOR: #f6fe9d
}
.Tab4 {
FILTER: progid:DXImageTransform.Microsoft.Gradient
(GradientType:0,StartColorStr:'#FEAF9D',EndColorStr:'#FFFFFF');
BACKGROUND-COLOR: #feaf9d
}
.Tab5 {
FILTER: progid:DXImageTransform.Microsoft.Gradient
(GradientType:0,StartColorStr:'#9DFEA5',EndColorStr:'#FFFFFF');
BACKGROUND-COLOR: #9dfea5
}
A {
TEXT-DECORATION: none
}
A:hover {
TEXT-DECORATION: underline}
</style>
<!-- CSS End //-->
<!-- Widget Code Ends Here -->






<!-- widget by Bloganol.blogspot.com -->


<table border="0" cellspacing="0" cellpadding="0"
width="380">
<tbody>
<tr>
<td align="middle" onclick="st2('1')" height="22" id="tt1"
style="BORDER-RIGHT: #b5d6ef 1px solid; BORDER-TOP: #b5d6ef
1px solid; BORDER-LEFT: #b5d6ef 1px solid" width="70"
class="Tab1"><a id="aa1"
class="srchlinksel2" href="javascript:undefined"><font
class="f12"><b>TAB1</b></font></a></td>
<td style="BORDER-BOTTOM: #b5d6ef 1px solid" width="2">
<table border="0" cellspacing="0" cellpadding="0" width="2">
<tbody>
<tr>
<td width="2"></td></tr></tbody></table></td>
<td align="middle" onclick="st2('2')" height="22" id="tt2"
style="BORDER-RIGHT: #b5d6ef 1px solid; BORDER-TOP: #b5d6ef
1px solid; BORDER-LEFT: #b5d6ef 1px solid; BORDER-BOTTOM:
#b5d6ef 1px solid" width="47"
class="tb2"><a id="aa2"
class="srchlink2" href="javascript:undefined"><font
class="f12"><b>TAB2</b></font></a></td>
<td style="BORDER-BOTTOM: #b5d6ef 1px solid" width="2">
<table border="0" cellspacing="0" cellpadding="0" width="2">
<tbody>
<tr>
<td width="2"></td></tr></tbody></table></td>
<td align="middle" onclick="st2('3')" height="22" id="tt3"
style="BORDER-RIGHT: #b5d6ef 1px solid; BORDER-TOP: #b5d6ef
1px solid; BORDER-LEFT: #b5d6ef 1px solid; BORDER-BOTTOM:
#b5d6ef 1px solid" width="62"
class="tb2"><a id="aa3"
class="srchlink2" href="javascript:undefined"><font
class="f12"><b>Tab3</b></font></a></td>
<td style="BORDER-BOTTOM: #b5d6ef 1px solid" width="2">
<table border="0" cellspacing="0" cellpadding="0" width="2">
<tbody>
<tr>
<td width="2"></td></tr></tbody></table></td>
<td align="middle" onclick="st2('4')" height="22" id="tt4"
style="BORDER-RIGHT: #b5d6ef 1px solid; BORDER-TOP: #b5d6ef
1px solid; BORDER-LEFT: #b5d6ef 1px solid; BORDER-BOTTOM:
#b5d6ef 1px solid" width="48"
class="tb2"><a id="aa4"
class="srchlink2" href="javascript:undefined"><font
class="f12"><b>Tab4</b></font></a></td>
<td style="BORDER-BOTTOM: #b5d6ef 1px solid" width="2">
<table border="0" cellspacing="0" cellpadding="0" width="2">
<tbody>
<tr>
<td width="2"></td></tr></tbody></table></td>
<td align="middle" onclick="st2('5')" height="22" id="tt5"
style="BORDER-RIGHT: #b5d6ef 1px solid; BORDER-TOP: #b5d6ef
1px solid; BORDER-LEFT: #b5d6ef 1px solid; BORDER-BOTTOM:
#b5d6ef 1px solid" width="52"
class="tb2"><a id="aa5"
class="srchlink2" href="javascript:undefined"><font
class="f12"><b>Tab5</b></font></a></td></tr>
<tr>
<td colspan="9">
<div style="BORDER-RIGHT: #b5d6ef 1px solid; BORDER-TOP:
0px; BORDER-LEFT: #b5d6ef 1px solid; WIDTH: 380px;
BORDER-BOTTOM: 0px"
><!-- Main Headlines Begin //-->
<table border="0" cellspacing="0" cellpadding="0"
width="380" height="5">
<tbody>
<tr>
<td height="5"></td></tr></tbody></table>
&nbsp;&nbsp; <font color="#797979" class="f10"
>
<!-- wmlheadline begin -->
<!-- TDate Begin -->
<!-- Date Begin -->
Browse Items</font>
<!-- Date End -->
<!-- TDate End -->
<div id="dd1" style="BORDER-RIGHT: #b5d6ef 0px solid;
BORDER-TOP: 0px; DISPLAY: block; VISIBILITY: visible;
BORDER-LEFT: #b5d6ef 0px solid; WIDTH: 380px; BORDER-BOTTOM:
#b5d6ef 1px solid"
>
<table border="0" cellspacing="0" cellpadding="0"
width="380">
<tbody>
<tr>
<td width="14"></td>
<td valign="top"><font color="#16387c" class="f12n">Tab 1
Content</font></td>
</tr>
<tr>
<td colspan="2" align="right"><font class="f10"><b> Widget
by <a href="http://bloganol.blogspot.com/2008/03/5-tabbed-content-widget-for-blogger.html"
target="_blank">Bloganol</a></b>
&nbsp; </font></td></tr>
<tr>
<td height="4"></td></tr></tbody></table></div><!-- Main
Headlines End //--></div>
<div id="dd2" style="BORDER-RIGHT: #b5d6ef 1px solid;
BORDER-TOP: 0px; DISPLAY: none; VISIBILITY: hidden;
BORDER-LEFT: #b5d6ef 1px solid; WIDTH: 380px; BORDER-BOTTOM:
#b5d6ef 1px solid"
><!-- News Begin //-->
<table border="0" cellspacing="0" cellpadding="0"
width="380">
<tbody>
<tr>
<td width="14"></td>
<td valign="top"><font color="#16387c" class="f12n">Tab 2
Content</font></td></tr>
<tr>
<td colspan="2" align="right"><font class="f10"><b> Widget
by <a href="http://bloganol.blogspot.com/2008/03/5-tabbed-content-widget-for-blogger.html"
target="_blank">Bloganol</a></b>
&nbsp; </font></td></tr>
<tr>
<td height="4"></td></tr></tbody></table><!-- News End
//--></div>
<div id="dd3" style="BORDER-RIGHT: #b5d6ef 1px solid;
BORDER-TOP: 0px; DISPLAY: none; VISIBILITY: hidden;
BORDER-LEFT: #b5d6ef 1px solid; WIDTH: 380px; BORDER-BOTTOM:
#b5d6ef 1px solid"
><!-- Business Begin //-->
<table border="0" cellspacing="0" cellpadding="0"
width="380">
<tbody>
<tr>
<td width="14"></td>
<td valign="top"><font color="#16387c" class="f12n">Tab 3
Content</font></td></tr>
<tr>
<td colspan="2" align="right"><font class="f10"><b> Widget
by <a href="http://bloganol.blogspot.com/2008/03/5-tabbed-content-widget-for-blogger.html"
target="_blank">Bloganol</a></b>
&nbsp; </font></td></tr>
<tr>
<td height="4"></td></tr></tbody></table><!-- Business End
//--></div>
<div id="dd4" style="BORDER-RIGHT: #b5d6ef 1px solid;
BORDER-TOP: 0px; DISPLAY: none; VISIBILITY: hidden;
BORDER-LEFT: #b5d6ef 1px solid; WIDTH: 380px; BORDER-BOTTOM:
#b5d6ef 1px solid"
><!-- Movies Begin //-->
<table border="0" cellspacing="0" cellpadding="0"
width="380">
<tbody>
<tr>
<td width="14"></td>
<td valign="top"><font color="#16387c" class="f12n">Tab 4
Content</font></td>
</tr>
<tr>
<td colspan="2" align="right"><font class="f10"><b> Widget
by <a href="http://bloganol.blogspot.com/2008/03/5-tabbed-content-widget-for-blogger.html"
target="_blank">Bloganol</a></b>
&nbsp; </font></td></tr>
<tr>
<td height="4"></td></tr></tbody></table><!-- Movies End
//--></div>
<div id="dd5" style="BORDER-RIGHT: #b5d6ef 1px solid;
BORDER-TOP: 0px; DISPLAY: none; VISIBILITY: hidden;
BORDER-LEFT: #b5d6ef 1px solid; WIDTH: 380px; BORDER-BOTTOM:
#b5d6ef 1px solid"
><!-- Sports Begin //-->
<table border="0" cellspacing="0" cellpadding="0"
width="380">
<tbody>
<tr>
<td width="14"></td>
<td valign="top"><font color="#16387c" class="f12n">Tab 5
Content</font></td></tr>
<tr>
<td colspan="2" align="right"><font class="f10"><b> Widget
by <a href="http://bloganol.blogspot.com/2008/03/5-tabbed-content-widget-for-blogger.html"
target="_blank">Bloganol</a></b>
&nbsp; </font></td></tr>
<tr>
<td
height="4"></td></tr></tbody></table>


<!-- Widget Code Ends Here -->

2.Di dalam kod diatas anda lihat Tulisan yang berwarna merah anda tukarkan kod itu kepada tajuk header anda contohya anda buat Tab 1 sebagai 'Feedjit' kemudian anda tukarkan Tab 1 content yang berwarna biru itu kepada script feedjit.Kemudian anda tukarlah semua Tab itu mengikut cara yang aku tunjukkan ini.

3.Kemudian anda copy semua code itu pergi ke add a gadget dan pilih HTML/Javasript.Pastekan code itu dalam Ruangan HTML/Javascript.

4.Jika terlalu besar untuk anda letakkan di sidebar anda boleh kecilkannya sedikit anda cari width [WIDTH: 380px] tukarkan semuanya mengikut kesesuaian sidebar anda.Tetapi mungin tidak sesuai untuk sidebar yang kecil.Atau anda boleh kurangkan Tab itu dari 5 kepada 3.

5.Semoga berjaya

Creadit to bloganol.com

Read More

Pasang widget Feedback kampyle di blogger

0

Pasang widget Feedback kampyle di blogger

Adakah anda sudah mengetahui cara untuk memasang Widget Feedback kampyle didalam blog anda,jikalau belum mungkin tutorial ini akan dapat membantu anda.Tujuan kita meletakkan widget Feedback kampyle ini adalah kerana untuk mengetahui apa sahaja pandangan,berkongsi idea ataupun permintaan daripada visitor yang mengunjungi blog kita.Dengan adanya widget Feedback kampyle ini akan lebih memudahkan kita untuk membantu setiap visitor yang mempunyai masalah dan memerlukan pertolongan daripada kita.Kepada anda yang berminat untuk memasang Widget ini boleh ikuti Tutorialnya di bawah.Contoh widget boleh klik sini

1.Pergi ke Laman Web Penyedia Widget ini Klik Sini.


2.Anda perlu Register terlebih dahulu sebelum dapat menggunakan Widget Ini.


3.Anda boleh pilih untuk menggunakan default feedback Form @ Advance.Kemudian klik next.


4.Disini anda boleh pilih untuk menukar warna dan jenis widget.Kemudian klik next.



5.Kemudian anda copy code yang diberi.


6.Cara untuk memasang widget ini ada perlu pergi ke layout,Page elements dan edit Html.Code yang pertama anda pastekan di bawah ,Code yang kedua anda Copy dan pastekan sebelum @ anda boleh pastekan di Html/JavaScript. Klik add a gadget dan pilih Html/JavaScript.

7.Siap dan Selamat mencuba.

Read More

Dapatkan Widget Rss Feed tanpa register

0

Dapatkan Widget Rss Feed tanpa register

Jika anda mempunyai keinginan untuk meletakkan widget Rss Feed di widgeteasy adalah tempatnya.Di Widgeteasy anda boleh dapatkan widget Rss Feed tanpa perlu register anda hanya perlu masukkan alamat Url blog anda kemudian hanya copy widget code yang diberi dan anda pastekan kedalam Html/Javascript area.


Di bawah ini adalah contoh Widget Rss Feed yang aku punya.

Credit To o-om.com

Read More

Cara tambah status online|offline Yahoo Messenger di Friendster|blog

2

Cara tambah status online|offline Yahoo Messenger di Friendster|blog

kepada anda yang suka bersosial didalam jaringan internet sudah tentu anda mempunyai satu tempat untuk bersembang dengan kawan-kawan anda sekurang-kurangnya di friendster atau lebih advance lagi anda mempunyai blog anda sendiri,macammana pula dengan Yahoo Messenger pernahkah anda menggunakannya?Sebut sahaja nama yahoo messenger tentu sudah ramai dikalangan anda yang sudah sinonim dengan nama ini dan apa kegunaanya.Di yahoo messenger anda tidak terbatas untuk berchating sahaja malahan anda juga boleh buat bisnes secara online.. Contohnya jika anda seorang guru anda boleh buat kelas tambahan untuk mengajar seperti bahasa Inggeris atau apa sahaja ilmu yang anda ada.Market anda juga sudah tentu luas tidak tertumpu kepada kawasan sekitar anda sahaja.Jadi tentu seronok anda bersosial dan buat bisnes.Tetapi adakah anda tahu bagaimana caranya untuk memberitahu kawan-kawan anda yang anda sedang online di Yahoo Messenger?Tentu sudah ramai yang mengetahuinya tetapi bagi yang tak tahu lagi aku akan tunjukkan caranya untuk anda memberitahu kawan-kawan anda (berapa banyak anda daaa) yang sedang online di Yahoo Messenger.kini jika anda sedang online di yahoo messenger kawan-kawan anda yang sedang berada di dalam Friendster ataupun blog anda mengetahui yang anda sedang online di YM bila ternampak gambar seperti ini



yang mengatakan anda sedang online..Gambar ini aku curi di blog taukey sebab dekat blog aku takde sebab aku tak berapa minat nak YM lagi buat masa sekarang..Kalau rasa nak berchating dengan Taukey.com boleh pergi ke blog dia di sini Jadi sebelum aku membebel panjang-panjang lebih baik aku beritahu macammana nak letak benda ni di dalam halaman friendster ataupun di blog anda,cara-caranya seperti di bawah senang je seperti ABC..Air batu dan campur.

Anda select dan copy semua yang ada di dalam kolum ni dan anda pastekan di dalam HTML area.

<a href="ymsgr:sendIM?Id Yahoo Anda"> <img border="0" src="http://opi.yahoo.com/online?u=Id Yahoo Anda&m=g&t=1" /></a>

Tulisan id yahoo anda itu anda tukarkan dengan e-mel anda dan nombor '1' itu anda boleh tukar dengan dengan no yang mewakili ikon yang anda mahu letakkan di dalam halaman friendster ataupun blog anda,seperti gambar dibawah.sorry gambar tak berapa terang,anda boleh klik gambar itu untuk besarkan dia.ok.. selamat berchating kepada anda..

Read More