Showing posts with label Tutorial. Show all posts
Showing posts with label Tutorial. Show all posts

Tutorial Mewujudkan Bar Terapung Share & Butang Perkongsian Lain-lain

on Wednesday, 25 July 2012



Langkah-langkah membuatnya sangat mudah. Apa yang anda perlukan adalah untuk copy dan paste  kod yang telah disediakan di bawah. Ikut langkah-langkah Dibawa nie:
  1. Pergi ke Blogger> Templat
  2. Backup template anda
  3. Klik Edit HTML
  4. Klik Teruskan
  5. Kemudian Klik Expand Template Widget
  6. mencari
<b:includable id='post' var='post'>

Copy kode dibawa dan letakkan kode yang dicopy tadik tu kat bawah kode yang anda cari tadik...owkey

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<style>
.mbt_social_floating{
position:fixed; bottom:10%; margin-left:-60px; float:left;
width:60px;
background-color:#f7f7f7;
padding: 5px 0 0px 0px;
border-top:1px solid #ddd;
border-left:1px solid #ddd;
border-bottom:1px solid #ddd;
z-index:9999px !important;
border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;
}
.mbt_social_floating .mbt_side_social_button{
margin-bottom:5px;
float:none;
height:auto;
width:60px;
}
.mbt_social_floating .st_twitter_vcount, .mbt_social_floating.st_plusone_vcount, .st_email{
margin-left:5px;
}
.mbt_social_floating .st_fblike_vcount{
margin-left:5px;
}
.mbt_social_floating .stButton_gradient{
background:none !important;
height:21px !important;
padding-left:0 !important;
}
.mbt_social_floating .chicklets, .mbt_social_floating .stMainServices {
background:url(&#39;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhutUPlnAjcH3fhKNX5KWR1ISm1mvA_7E1s1FwqUEYTLiLGnrAxnaQyvu5HwQ8VwIO6P1GQ0Ej-CdslPUg2Uo4Zy7ziNssbk9P2vKL2CZuz_v22OJLHOd6Qgb7MnRoJcqfa2tzslkSBfuvT/s400/gc_social_sprite.gif&#39;) no-repeat !important;
height:19px !important;
width:45px !important;
padding:0 !important;
}
.st_email .chicklets{
background-position:0 -77px !important;
background-image:url(&#39;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhutUPlnAjcH3fhKNX5KWR1ISm1mvA_7E1s1FwqUEYTLiLGnrAxnaQyvu5HwQ8VwIO6P1GQ0Ej-CdslPUg2Uo4Zy7ziNssbk9P2vKL2CZuz_v22OJLHOd6Qgb7MnRoJcqfa2tzslkSBfuvT/s400/gc_social_sprite.gif&#39;) !important;
}
.mbt_social_floating .st_twitter_vcount .st-twitter-counter{
background-position:0 -58px !important;
}
.mbt_social_floating .stButton_gradient{
border:none !important;
}
.mbt_social_floating .stBubble_count{
width:44px !important;
font-size: 15px !important;
font-weight: normal !important;
padding-top:7px !important;
height:23px !important;
background:none !important;
}
.mbt_social_floating .st_twitter_vcount .stBubble_count{
color:#00a6df;
background-color:#f8fbfc !important;
}

.st_fblike_vcount{
margin-bottom: 0px;
display: block;
}
.st_twitter_vcount{
margin-bottom: 3px;
display: block;
}

.st_email{
margin-bottom: 5px; margin-top: 3px;
display: block;
}
.mbt_social_floating .stBubble{
background-position: 21px 31px !important;
height:35px !important;
}
</style>

<div class='mbt_social_floating'>
<script type='text/javascript'>var switchTo5x=true;</script>
<script src='http://w.sharethis.com/button/buttons.js' type='text/javascript'/>
<script type='text/javascript'>stLight.options({onhover:false});</script>
<span class='st_fblike_vcount' displaytext=''/>
<span class='st_twitter_vcount' displaytext='' st_via='KHAIRULAZMI21'/>
<div style='margin:5px 0 0px 0;'>
<center><a class='pin-it-button' count-layout='vertical' expr:href='&quot;http://pinterest.com/pin/create/button/?url=&quot; + data:post.url'>Pin It</a>
<a href='javascript:void(run_pinmarklet())' style='margin-left:-46px; width:43px; height:20px; display:inline-block;'/>
<script src='http://assets.pinterest.com/js/pinit.js' type='text/javascript'/>
<script type='text/javascript'>
function run_pinmarklet() {
var e=document.createElement(&#39;script&#39;);
e.setAttribute(&#39;type&#39;,&#39;text/javascript&#39;);
e.setAttribute(&#39;charset&#39;,&#39;UTF-8&#39;);
e.setAttribute(&#39;src&#39;,&#39;http://assets.pinterest.com/js/pinmarklet.js?r=&#39; + Math.random()*99999999);
document.body.appendChild(e);
}
</script> </center>
</div>
<div style='margin:0px 0 0 5px;'>
<span class='st_plusone_vcount' displaytext=''/>
</div>

<div class='addthis_toolbox addthis_default_style ' style='margin:5px 0px 5px 8px;'>
<a class='addthis_counter'/>
</div>
<script src='http://s7.addthis.com/js/250/addthis_widget.js' type='text/javascript'/>
<script type='text/javascript'>
var addthis_config = {
ui_cobrand: &quot;MY BLOGGER TRICKS&quot;,
ui_header_color: &quot;#ffffff&quot;,
ui_header_background: &quot;#0080FF&quot;
}
</script>
<span class='st_email' displaytext=''/>
<p style=' line-height:0px; font-size:10px; font-weight:bold; text-align:center;'><a href='http://ciffahmimalomuchacha.blogspot.com/2012/07/tutorial-mewujudkan-bar-terapung-share.html' style='color:#CAC8C8;'>Widgets</a></p>
</div>
</b:if></b:if>


Hanya menggantikan KHAIRULAZMI21 dengan username Twitter anda. Simpan template anda dan Dah selesai! Kredit : mybloggertricks



Tutorial : Cara Membuat Widget Recent Post Dengan Thumbnail

on Sunday, 27 May 2012


Cara Membuat Widget Recent Post Dengan Thumbnail

Tutorial : Cara Membuat Widget Recent Post Dengan Thumbnail

Widget Recent Post atau artikel terbaru umumnya ditempatkan diposisi sidebar. Sedangkan jenis widget recent post menurut pengetahuan saya hanya ada 2, yaitu widget recent post dengan thumbnail yang tidak bergerak dan ada juga widget recent post dengan slide show/bergerak (model tayangan). .

Cara Membuat Widget Recent Post dengan Thumbnail :

Langkah 1
Login ke dashboard blogger anda.

Langkah 2
Pilih Rancangan > Elemen Halaman > Add Gadget (HTML/JavaScript).

Langkah 3
Copy kode CSS dan JavaScript dibawah ini dan paste pada gadget yang baru dibuat tadi.

<right><style>img.recent_thumb{padding-right:5px;padding-left:padding-bottom:0px;0px;width:55px;height:40px;border:0;float:left;margin:0 0 5px 0px;} .recent_posts_with_thumbs {float: left;width: 100%;min-height: 50px;margin: 0px 0px 5px 0px;padding: 0;font-size:15px;font-color:black;font-family:calibri;} ul.recent_posts_with_thumbs li {padding-bottom:5px;padding-top:5px;padding-left:0px;padding-right:20px;min-height:50px;list-style:normal;} .recent_posts_with_thumbs a {text-decoration:none;} .recent_posts_with_thumbs normal {font-size:13px;} </style> <script style="text/javascript" src="http://bloggerplugins.org/scripts/recentpostswiththumbs.js"></script> <script style="text/javascript"> var numposts = 8; var showpostthumbnails = true; var displaymore = false; var displayseparator = false; var showcommentnum = false; var showpostdate = false; var showpostsummary = false; var numchars = 75; </script> <script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs"></script></right>
Langkah 4
Simpan dan lihat hasilnya.

Langkah 5
Silahkan memodifikasi sendiri script ini untuk merubah ukuran gambar/thumbnail, jenis dan warna huruf serta jumlah posting yang ingin ditampilkan pada widget.

Selamat mencoba dan salam blogger.

Tutorial : Cara Mengganti Background Blog Outomatik




 
Cara Mengganti Warna Background Blog automatik. Banyak cara untuk membuat variasi dan Mencantikkan tampilan blog. Salah satunya adalah dengan menempatkan widget untuk mengganti warna background automatik ini di sidebar blog anda, sehingga pengunjung dapat memilih warna background kesukaan mereka. Selain supaya kita juga ngga bosan dengan tampilan background yang itu-itu saja, dan pengunjung yang datang pun kita harapkan mendapatkan keselesaan sehingga mereka jemu membaca di blog kita.
 
Cara Mengganti Background Blog :

Langkah 1

Login ke dashboard blogger anda.

Langkah 2

Pilih Rancangan > Elemen Laman > Add gadget (HTML/Javascript).

Langkah 3

Copy script yang ada dibawah ini dan paste pada gadget.

<div class="widget-content">
<center><b>Pilih Warna Kesukaan Anda</b></center>
<br/>
<script type="text/javascript">
function bgChange(bg)
{
document.body.style.background=bg;
}
</script>
<table border="1" width="100%" height="20">
<tbody><tr>
<td onclick="bgChange('#8B008B')" bgcolor="#8B008B">
</td>
<td onclick="bgChange('#9400D3')" bgcolor="#9400D3">
</td>
<td onclick="bgChange('#008080')" bgcolor="#008080">
</td>
<td onclick="bgChange('#808080')" bgcolor="#808080">
</td>
<td onclick="bgChange('#CD853F')" bgcolor="#CD853F">
</td>
<td onclick="bgChange('#2F4F4F')" bgcolor="#2F4F4F">
</td>
<td onclick="bgChange('#DC143C')" bgcolor="#DC143C">
</td>
<td onclick="bgChange('#4B0082')" bgcolor="#4B0082">
</td>
<td onclick="bgChange('#A52A2A')" bgcolor="#A52A2A">
</td>
</tr></tbody></table>
</div>

Langkah 4

Sila edit teks tulisan yang berwarna merah dan kode pilihan warna yang berwarna hitam dengan warna-warna kesukaan anda. Untuk kode warna dapat dilihat disini.

Langkah 5

Save / Simpan.

Tutorial : Widget Get Connect Versi Sembang Cyber


Hari ni Azmie nak kongsikan dengan anda semua. Bagaimana nak membuat widget "Get Connect"tutorial ini dari blog Sembang Cyber. Contohnya adalah seperti dibawah ini. 

Tutorial : Widget Get Connect Versi Sembang Cyber

Sebenarnya widget berkenaan dicipta adalah untuk mengurangkan masa loading blog. Di mana widget asal bagi Google Friend Connect dan juga Google Plus telah mempengaruhi masa loading blog. Langkah-langkah nya seperti di bawah: 

Download & Upload Imej

Okay perkara pertama yang anda perlu lakukan adalah memuat turun imej-imej dibawah ke dalam komputer anda. Kemudian sila upload kesemua gambar yang telah di muat turun tadi ke dalam Picasa Web Album ataupun Picture Hosting yang anda mahukan.

Tujuan anda disuruh berbuat demikian adalah untuk mengelakkan widget ini hilang fungsi. Kerana tiada jaminan imej-imej dibawah akan terpapar di blog anda jika anda menggunakan link imej yang ada di dalam tutor ini. Tetapi anda boleh cuba dulu memasang widget ini ke dalam blog anda dan jika imej-imej dibawah terpapar. Anda tidak perlu lakukan seperti yang disuruh tadi. Tapi anda nak buat pun boleh juga. Ianya sebagai sokongan jika saya terdelete imej-imej berkenaan dari Picasa Web Album saya.




Langkah-langkah Pemasangan

Selepas anda selesai dengan langkah utama tadi. Silalah Log In ke dashboard blog anda, kemudian pilih "Layout" diikuti "Add a Gadget" dan seterusnya pilih "HTML/JavaScript".

Copy and Paste code dibawah ke dalam ruangan HTML/JavaScript tadi.
HTML/JavaScript

<div style='text-align:center;padding-top:5px;'>

<a href='http://feeds.feedburner.com/ID-Feedburner' target='_blank'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxSpLj5QM-WWxrrv3EIXxdToY-vLGqzI5NaYW28L67aveObu-VipHpqIgQLDEQ8SRvJs9JmUlcz1EnicajxF-U3yHTshbUBZ1v9aQ4UWyKzkNgskx2rneBskBQfoR-mjb34hUYTEhNZPld/s80/Subscribe.png' width='80'/></a> <a href='http://feedburner.google.com/fb/a/mailverify?uri=ID-Feedburner&amp;loc=en_US' target='_blank'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuvb-Ykf1blcvXTDwS-_gb5eAInTJ-gb5zKPEjb4k1gdcagjvTpe_e_ONBdzz6Oiijh5b8ykl7ERVzdtFyQHxxP_OnYxIZfeoq25IwlcQ96d4U_37Qwtf1O3SxGUbGZNrSAVEBIZP54Lj6/s36/Mail.png' width='36'/></a>

<a href='URL-FANPAGE-FACEBOOK' target='_blank'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilJK4AVN5sTTtZS657MPnKXJZ4MjehydZZaBbGUbVI_OwsX6q_gPpn1WFuqrAOzOOVlWrsKHsS9dUHzD_VAooM-J4tVrDhUwG07nlJcuTafKCcovHmF-7RGrWFxr-K_D_o5JANpne15P4p/s80/Facebook%252520%2525282%252529.png' width='80'/></a>

<a href='http://twitter.com/ID-Twitter' target='_blank'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBctgjY-CD0yGE1af3O_6R8MGMCv339LjLcElLFQUc4NezcuVj7KgBRGCp2ZTVc6iJO3ykjftyKMgNJK1yYf5Uzu2jj4sWXliwwtdLD-nsxoijhQls_bBjqaNO-MQEz9OnlmVQxPd2otyh/s80/Twitter%252520%2525281%252529.png' width='80'/></a>

</div>

<center style='padding-top:5px;padding-bottom:5px;'><a href='http://www.blogger.com/follow-blog.g?blogID=ID-BLOG' rel='nofollow' target='_blank' title='follow'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJpOs1ZrfsEBIz4IXWYeXBixFPS2_FGpz65XnX9PjMHN6oP0_ScKkKEcGqQ7DYA-wYMw8pFxsTX5YhtSG8qc2NfCX9csrAOmat8x7DhjwyfQa0RFVj24j_yGLLClemVSOuQIrslyhyphenhyphenyUiP/s118/GFC3.png' style='margin-right:2px;border:2px solid #000;'/><a href='https://plus.google.com/ID-Google-Plus' rel='nofollow' target='_blank' title='Google +'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixQ3RPGfxjeDpE5Cfe5mnQf7FI6_82KMy3ota_b-xQ4jkkYHG0uRksZTYVci9jYU460SkzdEuIZeO5z96L2SgUADMFL2sFOyEXIrEr9OIUZBJH7QADZamcPClpVAY3upxljFd_uAicSDn5/s159/gfc1.png' style='border:2px solid #000;'/></a></a></center>


Langkah untuk Customize Widget Get Connect

Sekarang kita teruskan dengan arahan untuk customize widget berkenaan. Okay yang berwarna merah tu anda perlu gantikan dengan ID anda sendiri. Untuk yang gambar sampul surat tu. Anda perlu aktifkan fungsi email di feedburner. Kerana jika anda tidak aktifkan. Ianya tidak akan berfungsi. Manakala yang berwarna biru itu pula adalah link/url bagi imej button yang anda download dan upload ke dalam hosting gambar anda sendiri. Anda boleh tukar dengan link anda sendiri.

Selamat Mencuba, law jadi britahu yer...

    Tutorial : Fibox Shoutbox Yang Cool Untuk Blogger

    on Wednesday, 23 May 2012




    Fibox adalah satu lagi nama baru untuk shoutbox yang memasuki ruang maya ini. Rentetan daripada shoutmix yang akan menamatkan perkhidmatan percumanya, admin dapati Fibox menawarkan shotbox yang bagi admin memang cool, (walaupun bagi admin baru sekali pandang:)


    Fibox kini dalam fasa beta dimana lebih banyak penambahbaikan yang akan dilakukan oleh pihak yang terbabit. Lihat pada paparan yang mesra pengguna dan penggunaannya yang mudah, admin tidak ambil masa yang lama untuk terus daftar. Anda boleh melihat contoh shotbox Fibox ini yang admin letakkan di blog ohbest.

    Sambil-sambil daftar, admin ambil kesempatan untuk letakkan sekali tutorial untuk daftar Fibox seperti di bawah.

    Sambil-sambil daftar, admin ambil kesempatan untuk letakkan sekali tutorial untuk daftar Fibox seperti di bawah.

    Langkah 1
    Buka www.fibox.ws, kemudian klik pada Sign Up 


    Langkah 2
    Masukkan email address dan password. Tick pada term of service kemudian klik continue



    Langkah 3
    Notification mengatakan activation email dihantar kepada emial yang anda daftar.


    Langkah 4
    Buka email dan klik pada link yang diberi.


    Langkah 5
    Pengesahan bahawa akaun anda telah diaktifkan.



    Langkah 6
    Login akaun anda, dan untuk kali pertama anda login anda akan diminta untuk create nama untuk shoutbox anda.


    Langkah 7
    Daripada dashboard, anda boleh tetapkan setting yang anda kehendaki


    Langkah 8
    Copy code yang diberi dan paste ke dalam ruangan HTML/javascript blog anda.

    Langkah 9
    Save dan lihat hasilnya.


    Tambahan:

    Selepas pendaftaran, anda juga boleh login menggunakan akaun facebook anda.

    Selamat mencuba??

    Tutorial : Cara Buat Border Lengkung Pada Blog


    assalamualaikum dan selamat pagi yang indah ini kali ini sy akan buat Tutorial Cara Buat Border Lengkung Pada Blog . Penerangan : tutorial kali ini Menukar tampilan bagi mengindahkan blog tentunya merupakan antara yang tidak dapat tidak dilakukan oleh seseorang blogger.Selain dari cantik dan tidak memberatkan loading blog adalah antara yang perlu diberi perhatian bila melakukan sesuatu perubahan pada template.Sebelum ini saya ada membuat entri tentang membuat border disekeliling posting.tapi dalam bentuk persegi.Kali ini pula dipenjuru border adalah dalam bentuk bulat.

    Tutorial : Cara Buat Border Lengkung Pada Blog

    Langkah 1
    Masukk ke blogger dan pilih design

    Langkah 2
    Klik edit HTML dan tandakan pada Expand template widget

    Langkah 3
    Cari kod ini
    h2.date header{
    Langkah 4
    Dah jumpa copy code kat bawa ini
    border-left:3px solid #0000FF;
    border-right:3px solid #0000FF;
    border-top:3px solid #0000FF;
    border-bottom:0px solid #0000FF;
    -moz-border-radius-topleft:15px;
    -moz-border-radius-topright:15px;
    dan letakkan kod ini dibawah kode yang di cari..owkey

    Langkah 5
    Cari kod ini pulak
    . post-body {
    dah jumpa copy kode di bawa dan letakkan kod di bawah kode yang kamu cari..owkey
    border-right:3px solid #0000FF;
    border-left:3px solid #0000FF;
    Langkah 6 
    Kemudian cari kod ini pula,
    .post-footer {
    dah jumpa copy kode di bawa dan letakkan kod di bawah kode yang kamu cari..owkey
    border-left:3px solid #0000FF;
    border-right:3px solid #0000FF;
    border-top:0px solid #0000FF;
    border-bottom:3px solid #0000FF;
    -moz-border-radius-bottomleft:15px;
    -moz-border-radius-bottomright:15px;
    Langkah 7
    Untuk mengganti border pada sidebar pula cari kod ini:
     
    .sidebar .widget {
    dah jumpa copy kode di bawa dan letakkan kod di bawah kode yang kamu cari..owkey

    border:1px solid #0000FF;
    -moz-border-radius-topleft:15px;
    -moz-border-radius-topright:15px;
    -moz-border-radius-bottomleft:15px;
    -moz-border-radius-bottomright:15px
    Kod berwarna oren adalah kod bagi warna biru,boleh ditukarkan dengan kod warna yang bersesuaian.

    Langkah 8
    Seterusnya view law jadi save template .

    Tutorial : Backup Template Blog

    \Tutorial : Backup Template Blog


    Tutorial : Backup Template Blog | Template bagi sesebuah blog boleh diibaratkan sebagai tulang belakang blog kerana template yang menyimpan semua maklumat berkaitan rupa bentuk blog anda, fungsi blog dan juga kebanyakan trick untuk sesebuah blog akan dilakukan di template (edit html). Hal ini bertujuan untuk melindungi tempkate yang ada sedang ubah suai... tersebut.

    Tutorial : Backup Template Blog



    Anda letak background ke, ubah colour ke, letak fungsi 'read more' atau pape, kebanyakkannya adalah di template.Oleh itu adalah perlu untuk seseorang blogger akan backup dahulu template blog sebelum melakukan sebarang pengubahsuaian ataupun sebelum menukar template baru.Tujuan backup template adalah untuk backup jika sebarang perubahan kod yang diaplikasikan tidak menjadi.

    Tutorial untuk backup template bagi blog adalah seperti berikut.

    Langkah 1
    Login seperti biasa. Kemudian dari dashboard klik layout

    Tutorial : Backup Template Blog

    Langkah 2
    Dari layout, klik edit html dan dibawah sedikit anda akan jumpa 'download full template'

    Tutorial : Backup Template Blog

    Langkah 3
    Keluar paparan, klik save..Siap.


    Langkah 4
    Anda boleh rename template yang anda download dengan tarikh anda download. seperti 29julai2009.xml. Ini untuk memudahkan anda kenalpasti tarikh anda buat backup untuk template blog anda.:)


    Selamat Mencuba!!!

    Tutorial : Buat Read More Dalam Blog

    Tutorial : Buat Read More Dalam Blog

    Tutorial : Buat Read More Dalam Blog | Tutorial ini akan menunjukkan lagi cara untuk buat read more bagi sesebuah blog.Sebenarnya kaedah ini sudahpun agak lama wujud dalam blogger.com, tetapi mungkin pengguna blogspot tidak perasan. Dan bagi blogger yang menggunakan template asal daripada blogger.com, kaedah ini amat mudah untuk diaplikasikan.

    Tutorial : Buat Read More Dalam Blog


    Berikut tutorial ringkas untuk buat read more yang sudah tersedia dalam blogger.com

    Langkah 1
    Dari dashboard, klik pada layout > edit html

    Langkah 2
    Klik pada expand widget templates

    Langkah 3
    Tekan ctrl + f (untuk membuka fungsi find), kemudian cari kod berikut
    <data:post.body/> 
    Langkah 4
    Copy dan paste kod ini dan letakkan dibawah kod tadi.


    <b:if cond='data:post.hasJumpLink'>
    <div class='jump-link'>
    <a expr:href='data:post.url + "#more"'><data:post.jumpText/></a>
    </div>
    </b:if >

    Langkah 5
    Kod anda sepatutnya kelihatan seperti dibawah

    Tutorial : Buat Read More Dalam Blog

    Langkah 6
    Jangan lupa view dulu... law jadi Save template anda dan lihat hasilnya.

    Tutorial : Icon Untuk Blog List

    Tutorial : Icon Untuk Blog List

    Tutorial Icon Untuk Blog List | Disini admin ada sediakan icon comel-comel yang anda mungkin berminat , jadi jangan segan-segan nak ambil. Percuma jer ney... kan dibayar pun. Berikut adalah Icon untuk blog list

     

    http://i257.photobucket.com/albums/hh205/xoxojays/smilies/minidocomo/pic013demoji_14134309decoojp.gif

     

    http://i257.photobucket.com/albums/hh205/xoxojays/smilies/barbiepink/pic005demoji_19772decoojp.gif


    http://i257.photobucket.com/albums/hh205/xoxojays/smilies/crayon/pic019demoji_17714269decoojp.gif



    http://i257.photobucket.com/albums/hh205/xoxojays/smilies/crayon/pic012demoji_15496649decoojp.gif



    http://i257.photobucket.com/albums/hh205/xoxojays/smilies/crayon/pic010demoji_13078652decoojp.gif



    http://i257.photobucket.com/albums/hh205/xoxojays/smilies/crayon/pic012demoji_416972decoojp.gif



    http://i257.photobucket.com/albums/hh205/xoxojays/smilies/crayon/pic011demoji_15889022decoojp.gif



    http://i257.photobucket.com/albums/hh205/xoxojays/smilies/crayon/pic001demoji_13829990decoojp.gif



    http://i257.photobucket.com/albums/hh205/xoxojays/smilies/crayon/pic018demoji_13633215decoojp.gif 


    http://dl2.glitter-graphics.net/pub/550/550422iuv8tgsqnr.gif


    http://dl7.glitter-graphics.net/pub/706/706287isbesoi4u7.gif 


    http://i18.photobucket.com/albums/b135/mandylkl_blythe/small%20icon/h06.gif


    http://i18.photobucket.com/albums/b135/mandylkl_blythe/small%20icon/odekakebag02.gif


    http://i18.photobucket.com/albums/b135/mandylkl_blythe/small%20icon/cbf.gif

    Terima kasih kerna sudi berkunjung....!!!

    Tutorial : Cara Nak Letak Background Pada Fanpage

    on Monday, 21 May 2012



    Assalamualikum... dan salam 1 Malaysia..
    kali ini saya akan buat tutorial..
    cara nak letak background pada fanpage

    Langkah 1
    Login blog >> design+page element >> cari korangnye gadget fanpage blog

    Langkah 2
    Masukkan code dibawah ada dua cara sama ada nak tukar warna sahaja atau letak background

    background: url (link backgroud);
    background : white;


    Owkey ...dah siap....jangan lupa save.. law nak backgrounds free ada kat bawa ini...owkey
    Nak copy guna ctrl+c




    https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_0QIsfgaVuobyHTPCZJUwOkYUS6gOWKkook2CY7U9CG0bhF0WQkQkBZZPxGXha8r3uHNcb1EI59nPu0w1DxUisK1KNEtq9Zf5kf6H6T8nDMPAUKCbTNVaM-NlCj6P3NYNndAGVQ0vTqE/s1600/image.png




    https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXsA2jr_XeADsXiJJdx-fIUf14c4MMmQGq3Dt0jqUlqMzS0RVrudfpOmVWrj9Fobv0pXM7bxsYjbmpTDL6XMPet0Vj25yENAHMcN_Rd-oOHPpghc_0Eoe5U8LeUJhZwEitqfG1O0ydPVw/s1600/pink-blue_polka-dot.png



    https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJ0FIcICkRvyxfEAc1LUX9StRbdrjXfzxrjQL7NLdj2k3ns50_UmZRS9Lzv5NSIoth1kfNb73VNdOQ0So26TUqDhCh3F2hthyphenhyphenF4RTTH0n1t-R3ra_i2-hu66I7B-h4nkiIZDsIAjD3bKsJ/s1600/813410.jpg



    https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirx0UxC9zJguhkosKxbxWUJh4BrQ_4V5s5oI8QMExQEkJnYUh9PxjURQYOT2F2F_4X0dGGtn1LWStT7Xo0uW2NaVE-9ZnpfAZ20pltN9_3M6UwnuJMAedIWJD7x39_BPbW7xuPAz0GBWYt/s1600/686824.jpg


    https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLnGllgsE5UxySYrxMO8iQ-YwSzTN28hAyaqjfC6NeOzTJZpnB5EHkbOycFxQ6oEFZezAYPDe_UsYhSzp847OFt0Fp0ja5ga1LwxOT3Kduk0dHfWB1iBs-2PkBdok8oUyt7Kr1T5QG4O8W/s1600/purple_pattern.png
     
    © BLOG BUDAK BAEK All Rights Reserved