Assalammualaikum w.b.t,

Hari ini adalah pelajaran khas untuk blogger yang bosan dengan blogging.

Jika ini adalah pakar , anda akan melakukannya ...

Tutorial kali ini, bagaimana untuk menyiarkan item tersebut. Sekiranya ia kali pertama saya mempunyai suara, ia adalah idea yang tidak baik. Dah la dengan rupa blogger baru yang tidak terkejut. 😡



1. Klik pada laman web ini ===> https://www.blogger.com

2. Click SIGN IN untuk masuk ke laman web blogger

3. Masukkan email…..tekan NEXT dan masukkan PASSWORD seterusnya click SIGN IN.


4. Click bahagian POST seperti gambar di atas dan click NEW POST.

Ckick untuk pertumbuhbesaran
5.  Rujuk gambar di atas.

- Tulis tajuk posting korang
- Entry-posting korang
- Labels (label sangat penting agar posting/entry korang lebih tersusun dan sistematik) contoh: blog tutorial, so bila orang click labels blog tutorial semua entry/posting yang berkaitan dengan blog tutorials akan keluar jadi reader senang nak baca entry/posting korang.

6. Lepas siap semua tu bolehlah PUBLISH yerrr…

Selamat mencuba! Happy blogging.

Assalamualaikum lama tak berkongsi tutorial.

Kali ini sangat murah hati untuk berkongsi menu pengekod bar menu baru, terutamanya bagi mereka yang bosan dengan tab menu lama ... sy tidak meminta apa-apa pampasan ... pengetahuan yang ada harus dikongsi untuk berkat-berkat yang dikongsi .

Kali ini dengan jenis bar menu bersama dengan menu drop-down menu menengah atau orang.

Bar menu kelihatan seperti ini:


Tapi ada special sikit dia ada sub menu di bawahnya seperti ni :



So lebih jimat ruang dan lebih tersusun blog korangkan...


1.Login ke Blogspot, clik Template > Edit HTML > Rujuk sini

2. Selepas itu...cari code ini ]]></b:skin> dengan cara tekan CTRL F
3. Copy code di bawah dan PASTE di ATAS/SEBELUM code yang korang cari tadi.

#menubar{
border-bottom:4px solid #ff0000;
width:1025px;
height:32px;
background:#000000;
float:center;
margin-bottom:3px;
}
#menubar ul{
float:left;
margin:0;
padding:0;
}
#menubar li{
float:left;
list-style:none;
margin:0;
padding:0;
}
#menubar li a, #menubar li a:link{
float:left;
padding:8px 12px;
color:#fff;
text-decoration:none;
font-size:13px;
font-weight:bold;
}
#menubar li a:hover, #menubar li a:active, #menubar .current_page_item a  {
background: #ff0000;
color: #fff;
text-decoration:none;
}
#menubar li li a, #menubar li li a:link, #menubar li li a:visited{
font-size: 12px;
background: #ff0000;
color: #fff;
text-decoration:none;
width: 150px;
padding: 0px 10px;
line-height:30px;
}
#menubar li li a:hover, #menubar li li a:active {
background: #000000;
color: #ffffff;
}
#menubar li ul{
z-index:9999;
position:absolute;
left:-999em;
height:auto;
width:170px;
margin-top:32px;
border:1px solid ##ff0000;
}
#menubar li:hover ul, #menubar li li:hover ul, #menubar li li li:hover ul, #menubar li.sfhover ul, #menubar li li.sfhover ul, #menubar li li li.sfhover ul{
left:auto
}
#menubar li:hover, #menubar li.sfhover{
position:static
}  

Petunjuk:
Code #ff0000 (border bawah menubar),  
1025px (lebar menubar), 
#000000(background menubar).

4. Try Preview, jika tak ada sebarang masalah. SAVE sahaja.

5. Selepas itu, Copy code di bawah:

<div id='menubar'>
<ul>
<li><a expr:href='data:blog.homepageUrl'>Home</a></li>
<li><a href='http://bicarafarah.blogspot.com/p/blog-tutorial_1005.html'>Tutorial Blog</a></li>
<li><a href='http://bicarafarah.blogspot.com/p/my-review-collection.html'>Produk Review</a></li>
<li><a href='http://bicarafarah.blogspot.com/2012/08/tempahan-design-dan-edit-blog.html'>Tempahan Blog</a>
<ul>
<li><a href='http://bicarafarah.blogspot.com/p/info-dan-tips.html'>Info/Tips</a></li>
<li><a href='http://bicarafarah.blogspot.my/p/blog-page_16.html'>Header Design</a></li>
<li><a href='http://bicarafarah.blogspot.my/p/portfolio-header-design.html'>Blog Design</a></li>
<li><a href='http://bicarafarah.blogspot.my/search/label/full%20template'>Contoh Template</a></li>
</ul>
</li>
</ul>
</div>

6. Pergi ke Layout Blog > Add Gadget > Html/JavaScript (bahagian crosscol) dan Paste code di atas dalam Html/JavaScript tapi ubah dulu :

Petunjuk:
http://bicarafarah.blogspot.my - link korang
Home - tab menu title
http://bicarafarah.blogspot.my- sub menu/drop tab menu

7. Save dan lihat hasil.

*kenapa pakai tab menu ni bagus? Sebab kemas dan tersusun..boleh letak banyak menu...boleh delete, add ubah bila-bila masa, jimat masa daripada nak design kat PS.

 Sekian itu sahaja. Selamat mencuba. Doakan Cik Farah Murah rezeki..❤❤❤❤❤




Assalamualaikum.

Sibuk sangat sehingga dia tidak bercakap tentang blog. Banyak komen hebat bertanya tentang soalan ini Kat untuk memperluas Templat Widget ?? Awak tahu, awak tahu. Saya tahu saya belum tahu.

1.Login ke Blogspot, clik Template > Edit HTML >




2. Lepas korang buka edit HTML, akan jumpa coding macam ni. Pastikan kat tepi tu scroll atas sekali. dan jumpa tanda  dan akan keluarlah Expand Widget Templates.




3. Kalau nak find coding dalam tu, pastikan cursor korang click dalam kotak edit HTML dan tekab Ctrl + F untuk mengeluarkan button serach seperti gambar di bawah.



5. Sekarang boleh cari coding yang korang nak..Selamat Mencuba...





Total Pageviews

Search This Blog

Powered by Blogger.

Followers

Translate

Popular Posts