SYAAA: Tutorial

Showing posts with label Tutorial. Show all posts

Tutorial : Tukar Jenis Font Di Sidebar Dan Post Tittle

Assalammualaikum and Annyeonghaseyo
By:melissa Vazquez<3

Korang corius *betulkah eja?* macam mana syara letak font comel2 dkt sidebar and post tittle. Syara tak pasti semua reader nampak ke tak jenis font ni, sebab ada separuh takkan nampak jenis font yang syara pakai sekarang ye.

--Preview--
Contohlah tu ye :3
Untuk Post Tittle
1. Cari code dibawah

.post-title {

2. Dah jumpa? Paste code dibawah , below of .post-title { code

font-family: Jenis font;

--refer gambar--

3. Save!
Untuk Sidebar Tittle
1. Cari Code di bawah

.sidebar h2 {

2. Kalau dah jumpa, Paste code yang dibawah , below of .sidebar h2 { code

font-family: Jenis font;

-- refer gambar--
3. Save!
Goodluck ^^

Tutorial : Buang Tiga Segi Di HTML

Assalammualaikum and Annyeonghaseyo By:melissa Vazquez<3

Entry kali ni syara nak ajar korang macam mana nak buang tiga segi dalam HTML. Tutor ni amat2 ringkas dan senang untuk diingat :)

-- klik utntuk tumbesaran--

1. Dashboard --> Templete --> Edit HTML 2. Tekan Ctrl + A . Bila dh tekan, dia akan menjadi macam dalam gambar di bawah

--klik untuk tumbesaran--

3. Right click dan copy .

4. Done copy? Delete code tu. Jangan gelabah dia hilang.

5. Last sekali, right click and klik paste.

6. Jadi macam ni

--klik untuk tumbesaran--

7. Save templete.

Siap. Tak jadi? Tell me :3

Jadi? Tell me jugak ^^

Tutorial : Link In New Tab

Assalammualaikum and Annyeonghaseyo
wii

Tutor ni bila korang tekan link, dia akan buka page baru. If masih tak faham, Sila tekan SINI. Jom mulakan tutor ye :)
1. Dashboard ---> Layout ---> Add gadget/HTML
2. Copy paste code di bawah.

<script type="text/javascript" language="javascript"> var arr = document.getElementsByTagName("a"); //get all links in the page for(var i = 0; i < arr.length; i++) { if(arr[i].href.indexOf("URL") < 0 //not links that are 'inside' blog && arr[i].href.indexOf("javascript:") < 0) //not javascript links arr[i].target = "_blank"; } </script>

3. Save.
Dah siap!! Request tutor and freebies ye :3

Tutorial : Cepatkan Loading Blog

Assalammualaikum and Annyeonghaseyo
Untitled | via Tumblr

Blog korang berat? Sempat pergi makan , tidur nak tunggu blog korang? Meh, Syara ajar nak cepatkan blog korang. Tutor ni mencepatkan loading bukan meringankan blog tau.
1. Dashboard --> Layout --> Add Gadget /HTML
2. Copy Paste code dibawah.

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"> <script type='text/javascript' src='https://sites.google.com/site/jquery01/jquery.lazyload.mini.js?ver=1.5.0'></script> <script type="text/javascript"> jQuery(document).ready(function($){ if (navigator.platform == "iPad") return; jQuery("img").lazyload({ effect:"fadeIn", placeholder: "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhC9jcLpcQF2oao10t6qCqs2ZjMXd5iCm7UUZi_cJ0NKjQA0XFJazxDryGuju3jmFe8ebBD2L6CZAkSoBq4Sv-7m4wIdm-bRfhacBfsm5jNLGG3aQbDylTprf_OgQbaLEFZ9QYL9BDmfSw/s1600/grey.gif" }); });</script>

3. Letakkan code2 di bawah blog post . Refer gambar kalau tak tahu.

Tutorial : Cbox Melengkung Berbackground

Assalammualaikum and Annyeonghaseyo 末永く | via Tumblr

Hari ni entry madah bagi freebies and tutorial sebab dalam proses nak edit skin baru. Nak ajar korang buat cbox yang melengkung berbackground. Macam ni , refer gambar bawah

Jom mulakan !!

1. Dashboard --> Layout --> Add Gadget/HTML

2. Copy code dibawah.

<div style="background: url('BACKGROUND') repeat; repeat; padding: 5px; border:2px solid #6F4E37; border-top-left-radius: 25px 25px; border-top-right-radius: 25px 25px; border-bottom-left-radius: 25px 25px; border-bottom-right-radius: 25px 25px;">
[CODE CBOX]</div>

3. Adjust mana patut.

4. Tutorial takkan menjadi kalau cbox korang tak transparent.

Code dari Jaejin

Merah - Korang punya code

Harap2 menjadi. Ada tutor nak request? Just tell me. Hari ni mmg nak bagi freebies and tutorial je :)

#Thanks

Tutorial : Dropdown Menutab

Assalammualaikum and Annyeonghaseyo Smile :)

Jom buat :)

1. Dashboard > Layout > Add Gadget/HTML

2. Copy code di bawah

<style>
/* Menu Horizontal Dropdown ----------------------------------------------- */
#menuwrapper{
width:960px;
height:30px;
background:#D2B48C;
margin:0 auto;
}
.clearit{
clear:both;
height:0;
line-height:0.0;
font-size:0}
#menubar{
width:100%}
#menubar,#menubar ul{
list-style:none;
font-family:Arial, serif;
}
#menubar a{ display:block;
text-decoration:none;
font:13px calibri; color:#666;
text-shadow: -1px 0 white, 0 1px white,1px 0 white, 0 -1px white;
margin-left:20px;
padding-top:9px;
padding-left:18px;
padding-right:18px;
text-align:center;}
#menubar a.trigger{
text-align:center;
background-image:url(http://i.imgur.com/peRXtgL.gif);
background-repeat:no-repeat;
background-position:left center;
padding-left:18px;
padding-right:18px;
}
#menubar li{
float:left;
position:static;
width:auto}
#menubar li ul,#menubar ul li{
width:170px}
#menubar ul li a{
text-align:left;
color:#666;
font-size:11px;
font-weight:400;
font-family:Arial;
border:none;
padding:5px 10px}
#menubar li ul{
z-index:100;
position:absolute;
display:none;
background:#eee;
padding-bottom:5px;
border:1px dashed #fff;}
#menubar li:hover a,#menubar a:active,#menubar a:focus,#menubar li.hvr a{
background:#D2B48C;
color:#778899;}
#menubar li:hover ul,#menubar li.hvr ul{display:block}
#menubar li:hover ul a,#menubar li.hvr ul a{
color:#3c3c3c;
background-color:transparent;
text-decoration:none}
#menubar li ul li.hr{
border-bottom:1px solid #fff;
border-top:1px solid #fff;
display:block;
font-size:1px;
height:0;
line-height:0;
margin:4px 0}
#menubar ul a:hover{
background-color:#ccc!important;
color:#666!important;
text-decoration:none}
</style>
<div id='menuwrapper'>
<ul id='menubar'>
<li><a href='http://www.blogger.com/home'><img border='0' src='http://i.imgur.com/f8pbAeb.png' style='padding:0px;'/> Home</a></li>
<li><a class='trigger'>Owner</a>
<ul>
<li><a href='PUT YOUR LINK' >Profile</a></li>
<li><a href='PUT YOUR LINK' >Biases</a></li>
</ul>
</li>
<li><a class='trigger'>Exchange</a>
<ul>
<li><a href='PUT YOUR LINK'>Affiliate</a></li>
</ul>
</li>
<li><a class='trigger'>Tutobies</a>
<ul>
<li><a href='PUT YOUR LINK'>Tutorial</a></li>
<li><a href='PUT YOUR LINK'>Freebies</a></li>
</ul>
</li>
<li><a class='trigger'>Random</a>
<ul>
<li><a href='PUT YOUR LINK'>Info-Tips</a></li>
<li><a href='PUT YOUR LINK'>Blogskin</a></li>
</ul>
</li>
<li><a class='trigger'>Admin</a>
<ul>
<li><a href='PUT YOUR LINK'>kiwi6</a></li>
<li><a href='PUT YOUR LINK'>we♥it</a></li>
</ul>
</li>
<li><a class='trigger'>Contact</a>
<ul>
<li><a href='PUT YOUR LINK'>Facebook</a></li>
<li><a href='PUT YOUR LINK'>Fanpage</a></li>
</ul>
</li>
<li><a href='PUT YOUR LINK'>Blogskin</a></li>
<li><a href='PUT YOUR LINK'>Ask.fm</a></li>
</ul>
</div>

credit : atintory Okay dan save :) Siap :) Good luck :)

Tutorial : Sign up 8Share

Assalammualaikum and Annyeonghaseyo we are young | via Facebook

Dah balik daripada kampung. Cepat sgt balik, dah boring dekat rumah. *kerja rumah x sentuh*. Ha lupa pulak. Selamat Hari Raya Aidilfitri Maaf Zahir Dan Batin. Siapa yang tua daripada syara sila rajinkan diri untuk hulurkan duit raya dekat Syara. Tolong klik hadiah atas. Baru 60 sen :) Hari ni mood baik nak ajar korang cara sign up 8Share. Korang boleh dpt pendapatan sampingan dlm dunia blogging ni :) Ni script pertama syara daripada 8Share.

Jom mula buat akaun 8Share! *tetiba*

Klik SINI
Tekan Sign Up Button
Lengkapkan seperti dibawah (lengkapkan yg dihighlight biru)

4. Dah Selesai Tekan Create My Account

5. Lengkapkan yg ini pula seperti dibawah (lengkapkan yg dihighlight biru)

6. Dah lengkapkan tekan Okay,done!

7. Selesai :)

Senangkan? hehe.Nanti syara buat tutor mcm mana nak share iklan2 tu. Okay smpai sini dulu. Next entry, Syara nak review sikit pakai Kedai kosmetik ETUDE HOUSE. Tunggu~~

Thanks :)

Tutorial : Biases List

Assalammualaikum and Annyeonghaseyo Air Baloon | via Facebook

Hari tu ada orang request macam mana nak buat biases list. Sorrylah lambat sebab ini entry autopublish untuk 10/8/2013 *lambatnya* okay jom belajar . ni contoh kalau tak tahu

1. Dashboard > Layout > Add Gadget/HTML

2. Copy code dibawah

<style type="text/css">
.iconborder {
background: #eee;
width: 100px;
padding: 10px;
}
.icon {
width: 90px;
margin-right: 5px;
background: #eee;
padding: 5px;
}
.name {
color: #aaa;
background: #eee;
text-transform: uppercase;
font-size: 9px;
margin-top: -5px;
width: 96px;
text-align: center;
padding: 2px;
}
</style><br />
<center>
<table border="0" bordercolor="0" cellpadding="3" cellspacing="8" style="font-size: 11px; width: 400pxpx;">

<tbody>
<tr>
<td><img class="icon" height="100" img="" src="URL GAMBAR" width="100" /><br />
<div class="name">
NAME</div>
</td>
<td><img class="icon" height="100" img="" src="URL GAMBAR" width="100" /><br />
<div class="name">
NAME</div>
</td>
<td><img class="icon" height="100" img="" src="URL GAMBAR" width="100" /><br />
<div class="name">
NAME</div>
</td>
<td><img class="icon" height="100" img="" src="URL GAMBAR" width="100" /><br />
<div class="name">
NAME</div>
</td>
</tr>
<tr><td><img class="icon" height="100" img="" src="URL GAMBAR" width="100" /><br />
<div class="name">
NAME</div>
</td>
<td><img class="icon" height="100" img="" src="URL GAMBAR" width="100" /><br />
<div class="name">
NAME</div>
</td>
<td><img class="icon" height="100" img="" src="URL GAMBAR" width="100" /><br />
<div class="name">
NAME</div>
</td>
<td><img class="icon" height="100" img="" src="URL GAMBAR" width="100" /><br />
<div class="name">
NAME</div>
</td>
</tr>
</tbody></table>
</center>

Itu syara punya biases list. boleh tukarlah dengan korang punya :) Thanks :) Credit : Fatinhalid

Tutorial : Tukar perkataan Posted By

Assalammualaikum and Annyeonghaseyo
Large

sebelum :-

selepas :-

Ini tutor senang and ringkas je. Okay jom start >.<
1. Dashboard > Layout > Blog Posts > Edit 2. Refer gambar

3. Tukar ikut ayat korang :) 4. Dah puas? Save!

Tutorial : Delete Blog

Assalammualaikum and Annyeonghaseyo
Large

Bagi sesiapa yang nak delete blog, ini lah caranya ye :)
1. Dashboard > Setting > Other > Blog Tools > Delete Blog 2. Popup Massange macam ni :-

3. Tekan Delete This Blog

Selesai :)

Tutorial : Unclikable Header

Assalammualaikum and Annyeonghaseyo
Large

Hari ni nak ajar korang macam mana nak buat supaya header tu tak boleh ditekan. Cuba tekan header syara, sampai ke sudah takkan ke home. Syara tahu satu cara je tau. Sorry kalau tak menjadi.
1. Dashboard > Layout > Header > Edit 2. Tukar Placement kepada Behind title and description Sila refer gambar

3. Finally, Save !

Tutorial : Profile Like Me

Assalammualaikum and Annyeonghaseyo
Large

Hari ni nak ajar macam mana nak buat profile ni gabung dgn chatbox. Ni untuk newbie yang tak tahu je :3 Sesiapa pun boleh guna tutor ni okay?

1. Dashboard > Layout > Add Gadget/HTML

2. Copy code di bawah .

<center><a><img height="100" src="URL GAMBAR" width="100" /></a></center>
<center><br />Nama|Umur|Agama|Kpop?Jpop?1D?</center>
[Code chatbox korang]</center></div>

3. Paste and ubahlah yang mana patut.

4. Boleh save bila dah settle mengedit.

Pesanan Daripada Jaejin Oppa :

Merah : untuk width gambar. makin besar number, makin besar gambar
Oren : Url Gambar yang korang nak letak
Biru : Biodata korang
Purple : Code cbox korang

Tutorial : Tittle Sidebar Like Me

Assalammualaikum and Annyeonghaseyo Large

Hari ni nak buat tutor tittle sidebar macam syara . Code Syara kay :) 1. Dashboard > Templete > Edit HTML 2. Search :-

.sidebar h2 {

delete anak2 dia tu dan gantikan dengan code dibawah

-moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -top-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; background:#FF8B8B; padding:3px; margin:0.20em; text-align:center; font-size:12px; font-family:Arial; text-align:center; }