.::The Amyra::.

Masa yang aku ada bila laptop di meja adalah ber "Google" macam-macam. Sebab sibuk nak kawin, jadi idea untuk dekorasi pelamin dan meja pengantin tu bermain di fikiran. Tetibe laaa nak buat photo booth dan candies booth. Nasib baik buat kat rumah untuk resepsi saudara dan kenalan terdekat. Selebihnya, untuk kawan kerja dan kenalan luar sumenya di dewan.

Ok, tujuan aku tulis pasal hal ni, korang baca entry aku tu. Semestinya korang dah muak baca benda sama sebab tiap page blogger yang lain pun mesti ada yang sama kan. Ada yang aku tengok copy dan paste je kat site dia. Kalaulah tuan tanah tahu mahu kene marah, dah laa credit kat laman web pun takde. Be gentle, tak payah plagiat dan copy penulisan orang lain.

Aku blogwalking ke laman web dan aku dapati page sangat berat bila nak load. Bila display je page... Maaaaakkkkkk aaaaiiii, penuhnya page dengan widget siap ada iklan dan snowflakes sana sini.

Aduh, tolong laaa. Berat, Facebook lagi laju.

Korang tahu tak apa yang wajib kat page korang?

Ada yang cadangkan GFC (Google Friend Connect) Follow. Alahai, nak follow bagai. Nak kumpul kawan boleh buat secara manual dekat dashboard tu. Copy URL sites yang korang nak, pegi kat setting. Tengok gambar bawah ni.

STEP 1

STEP 2

So, itu tutorial hari ini. Kehkehkeh. Next tutorial nak tulis pasal apa yang perlu ada kat dalam blog. 

by Amyra javaroses

Korang pernah test tak berapa kelajuan website korang bila open page korang?? Ada terfikir tak kenapa lama sangat?? OK. Aku test kelajuan page aku. Mari lihat result.


by Amyra javaroses

by Amyra javaroses

Ok... Aku ada masalah tak boleh tido.. Godek punya godek internet, tengok laaa ada satu benda macam best je nak share...

Kepada sesiapa yang rasanya nak letak benda ni kat Blog, dipersilakan...

Link laman web LED Scroller <di sini>


Generated by Concrete Javaroses

Yang ini lagik besh.. Rasa teringat zaman MYSPACE je dulu-dulu... Hahaha....


Generated by Concrete Javaroses  
Kesimpulannya... Nak letak coding, backup semua data.. Nanti nanges tak berlagu k...

by Amyra javaroses

Aku baru siapkan template baru... Tak sempat nak tukar content.. Pakai je laa bahasa Perancis tu.. Yang ini harga boleh nego..

Btw, link to other page pun boleh pakai... So, pages yang lain tetap sama dengan background main layout ni...



by Amyra javaroses

Sudah siap website... Ada bran??? hahaha...

by Amyra javaroses

Ni nak citer laaaa sikit...Selalunya kita buat widget untuk RECENT POST kan???? 

Ada yang buh thumbnails laaa... Ada yang letak animated thumbnails dengan skali tarikh dan komen...  So, itu terpulang blogger nak letak style macam mana...

<----Sila COPY code di bawah ini---->

<----ANIMATED RECENT POST WIDGET---->

<script type="text/javascript"> 

var nMaxPosts =15; 
var nWidth = 100; 
var nScrollDelay = 50; 
var sDirection = "left"; 
var sOpenLinkLocation = "N"; 
var sBulletChar = ">>>"; 
</script>
<script src="http://ultimateblogmanager.googlecode.com/files/Auto%20scrolling%20recent%20posts.js" type="text/javascript">
</script>
<script src="http://www.concretejavaroses.blogspot.com/feeds/posts/default?alt=json-in-script&amp;callback=RecentPostsScrollerv2&amp;max-results=15" type="text/javascript">
</script>

<----ANIMATED RECENT POST WIDGET---->
<----PASTE di LAYOUT > ADD GADGET > HTML/JAVA SCRIPT dan SAVE ---->

Nota kaki:

1. Huruf yang di warnakan biru boleh ditukar mengikut kesesuaian anda.
2. Huruf yang di warnakan merah perlu ditukar kepada WEB ADDRESS BLOGSPOT anda.

by Amyra javaroses

     Part 1

1. Pergi ke Blogger Dashboard > Layout Option > Add a gadget > Popular Post Widget
2. Lepas itu, kene CONFIGURE SETTING...
   
3. Title tu letak laaa apa yang nak... Unclick image thumbnail and click snippet... Display post tu tak kesah sampai berapa pun.
4. Ok, save widget ni.

    Part 2

1. Pergi ke Template > Edit HTML
2. Untuk enable SEARCH CODING, sila tekan CTRL+F (serentak)
3. Masukkan </b:skin> tag

OK.... MACAM BLUR JE KAN NAK BUAT? MACAM NI...

Dah jumpa </b:skin> tu....  COPY coding dalam scroll-box ni... PASTE SELEPAS  ]]> dan SEBELUM </b:skin>

Ok... Contohnya...

]]> #PopularPosts1 ul li a:hover{color:#fff;text-decoration:none}............. (SAMPAI LAAA ABIS CODING TU) </b:skin>

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

 SEMUDAH ABC KAN?

DARK BLUE TEMPLATE

SUGAR CANDY TEMPLATE

by Amyra javaroses

Adakah blog korang dilihat seperti blog orang lain? Rasanya, nak buat blog sendiri tu macam website kan supaya menarik perhatian orang ramai... Ok, ni tipsnya...

1.   Domain - Beli domain supaya korang boleh customize URL korang... Daripada pointkan URL korang ke blogspot, korang boleh customize ke nama yang lain... Cuma perlu bayar je.. Setakat ni aku dengar dalam $10 setahun tapi kene tengok laaa hostingnya macam mana.. Kalau hosting bagus, maka besarlah bayaran bagi domain tersebut.

2.   Layout - So, kalau nak blog nampak macam website kenelah custome layout korang.. Banyak template di internet ni.. Nak cari je.. Tapi, kene ingat... Tak semua template ini boleh papar secara "cantik" di internet.. Nanti ada laaa badan keluar dulu, kepala pulak ilang... Hahahaa... Dengan customize layout tu, kita boleh pimp blog dengan menambahkan header, background dan widget yang lain. Tapi korang boleh jadi website developer.. Boleh pimp website sendiri.. So, hasilnya... Korang mempunyai website tak sama dengan orang lain.. Nanti idak laaa bila blogwalking, "Eh, template dia sama dengan aku laaa..."

3.  Tab - Tambahkan Tab di navigation - bar (nav-bar).. Contohnya, hubungi saya, soalan lazim atau site map.

4.  Contact Form - Tambahkan contact form supaya nampak pro dab style.. Yang ini sapa-sapa buat job secara online. Jadi bolehlah nampak lain dari yang lain.

5.  Favicon - Tambahkan favicon di URL.. Kan nampak best je kan???

6.  Social Media Ikon - Tambahkan widget mengenai social media.. Sekarang ni tengah top slider hidden widget social icon..  

7.  Custome design web site - Yang ini korang kene download software yang buat website.. Jadi, memang korang kene fully-pimp  korang nye website.. Ni, kalau betul-betul bercita-cita nak buat laaa ye...

by Amyra javaroses

TEMPLATE YANG BARU... SAPA NAK, PM SAYA...

Kalau nak tengok website template ni, sila klik di sini.


by Amyra javaroses

Ok… Selalu dengar atau lihat perkataan domain dan hosting kan? Kadang-kadang kita jadi pelik, apa itu domain ye, apa itu hosting ye… Nak tanya malu lak…. Jadi, pada sapa-sapa yang baru mengenal dunia web dan blogging, di sini ada penerangan mengenai istilah domain dan hosting.

Domain – Istilah ini merujuk kepada alamat untuk laman web korang. Contohnya, domain bagi blog aku adalah http://concretejavaroses.blogspot.com. Tips untuk menamakan domain korang ni mestilah kesesuaian korang semua. Kalau ada short-term memory lost, letaklah nama domain yang pendek dan senang diingati. Sebab nama domain ni laa yang akan di taip di pelayar (browser) URL ke web korang.

Hosting – Istilah ini merujuk kepada tempat simpanan segala data laman web korang. Contohnya, tempat simpanan tu macam peti kebal di bank. Dalam peti kebal tu ada barang kemas, surat nikah ke, geran kete kea tau wang tunai satu juta. Jadi, yang dalam peti kebal tu dipanggil data laman web korang seperti template, content, tema, gambar atau dokumen. Kita mestilah memilih hosting dan yakin dengan syarikat yang akan hosting data korang supaya sata korang selamat dan tidak diceroboh oleh hackers dan crackers.. ekekekee… lawak laa pulak ni…

Camne nak dapat domain dan hosting ni? Kat kedai Mak Limah atau kedai handphone ke? Owh… Semestinya tidak… Banyak syarikat yang memberikan perkhidmatan pembelian domain dan hosting ni, Carilah… Tapi yang penting, korang perlu yakin bahawa data korang selamat…  Selain itu, korang kene buat kajian samada syarikat hosting ni mempunyai banyak pelanggan ke tidak, kene tahu performance syarikat hosting ni. Dan yang paling penting….. Budget!!!!

Korang ada barang kemas dan duit yang banyak. Jadi, korang perlukan peti kebal (hosting) yang selamat, besh dan besar di dalam sebuah Harimau Sdn. Bhd. (nama bank iaitu domain) bagi sebuah bank (blog atau website)… =)

Ok.. Kesimpulannya… Blog atau website korang tu macam bank… Domain tu pulak nama bank… Manakala hosting tu pulak peti kebal.

by Amyra javaroses

<----BUAT SCROLLBOX---->

<!----center scrollbox anda, nilai boleh dipilih samada center, left, right atau justify----!>
<center>  

<!----border di sekeliling box. Tunggu tutorial selanjutnya----!>
<div style="border-radius: 10px 0px 20px;   
<!----ketebalan border (1px, 2px atau 3px), style border (solid, line dan warna border (boleh lihat color code HTML) ----!>          

border: 1px solid #000000;         
<!----tinggi box anda----!>                          

height: 450px;  

line-height: 3em; 
<!----behaviour bagi scrollbox (scroll, fixed, absolute)----!>

overflow: scroll;  

<!----jarak dari border ke tulisan ----!>
padding: 5px;  

!----align tulisan anda (justify, center, left atau right) ----!>
text-align: justify;  <
 <!----lebar scrollbox----!>
width: 480px;"> 

<!----tutup tag untuk div----!>
</div> 

<!----tutup tag untuk center----!>
</center> 

<----BUAT SCROLLBOX---->

Ok... Tips pada blogger yang nak buat drop down menu di (nav-bar) navigation bar. Jadi, implikasinya... Takde laaaa banyak sangat guna widget blogger ni pada sidebar.

Namun, anda perlu juga tahu bahawa semakin banyak drop down menu di  nav-bar ini, masa untuk loading blog anda agak lama sedikit. Tapi tak laaaa lama kalau banyak sangat widget anda guna di sidebar.

Nanti dok sibok pimp coding tu, bila update je....  Udah, ilang sume...

HAAAA... SAPA NAK JAWAB TU???

Langkah-langkah untuk buat drop-down menu

1. Login ke blogger > Layout > Top Menu
    Mana nak dapat ni??? Tengok kaat sini...

    Lepas tu tekan edit.
2. Ok... Dah masuk kat bahagian sini kan.. So, apa perlu buat????

   Tiga benda kene buat kat sini...
   a) Pastikan "title" tu TOP MENU
   b) New Site URL tu korang kene cari kat PAGES. Tengok URL pages tu.
       Ok, tengok aku punye...

     c) Tekan PAGES lepas tu pilih page yang anda sudah buat. Contohnya, aku pilih Web Design.
    i) View  page Web Design tersebut. Copy URL tu (aku dah mark dengan arrow warna merah tu)

           ii) Paste di Langkah nombor 2 dekat New Site URL. New Site Name tulis Web Design.
               Kalau untuk aku, aku pilih New Site Name = Web Development.

       Pehtu Tekan laaa Add Link..
3.  Anda boleh menyusun Site anda mengikut kesesuaian anda. Di sini, penggunaan tanda "-" amatlah penting dalam memanipulasi Item Menu dan Sub-Item Menu di nav-bar anda.

Contohnya, saya meletakkan -Web Development tu di bawah Portfolio. Anda perlu ingat dua perkara; (a) Portfolio = Item Menu, (b) -Web Development = Sub-Item Menu.

4.  Misalnya, anda inginkan satu lagi Sub-sub Item Menu di bawah Sub-Item Menu kan??? Boleh juga, tiada masalah.... Sini caranya...

PERLU DIINGATKAN....

(a) Portfolio = Item Menu; (b) -Web Development = Sub-Item Menu;       (c) Joomla = Sub-sub Item Menu.

by Amyra javaroses