Tutorial : Pasang Kotak Komen

Post by Adilla Shahirah | 1:45 am | 0 Nutella |
Assalammualaikum

Hi . Tengahari ni , Adilla nak teruskan tutorial Adilla . Tutorial apa ya ? Yup . Seperti tajuk kat atas ni . Tutorial Cara macam mana nak pasang 'facebook  comment box' di blog :)


 



Tak silap Adilla ni untuk pengguna Template Desinger je kot . Maybe ~ Ehem  .Nak buat jugak ? Boleh ikut step di bawah :

1. Dashboard > Design > Edit Html > Tick Expand Widget Templates

2. Tekan Ctrl F serentak , dan cari kod ini :

      div class='comments' id='comments'>



3.  Dah kan ? Then copy kod yang ini :

    <div class='comments-tab' id='fb-comments' onclick='javascript:commentToggle(&quot;#fb-comments&quot;);' title='Comments made with Facebook'>    <img class='comments-tab-icon' src='http://static.ak.fbcdn.net/rsrc.php/v1/yH/r/eIpbnVKI9lR.png'/>    <fb:comments-count expr:href='data:post.url'/> Comments    </div>    <div class='comments-tab inactive-select-tab' id='blogger-comments' onclick='javascript:commentToggle(&quot;#blogger-comments&quot;);' title='Comments from Blogger'>    <img class='comments-tab-icon' src='http://www.blogger.com/img/icon_logo32.gif'/> <data:post.numComments/> Comments    </div><div class='clear'/>    </div>    <div class='comments-page' id='fb-comments-page'>    <b:if cond='data:blog.pageType == &quot;item&quot;'>    <div id='fb-root'/>    <fb:comments expr:href='data:post.url' num_posts='5' width='400'/>    </b:if>    </div>    <div class='comments comments-page' id='blogger-comments-page'> 


**Warna merah di atas , boleh tukar saiz kelebaran mengikut kesesuaian size blog korang okeh ? :)


4. Paste kan di bawah kod yang korang carikan tadi tu ...

5. Kemudian , tekan Ctrl F serentak lagi , cari kod ini :

    <head>



6. Copy kod ini pulak :

    <script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>    <script src='http://code.jquery.com/jquery-latest.js'/>    <meta content='YOUR_FB_ID' property='fb:admins'/>    <script type='text/javascript'>    function commentToggle(selectTab) {    $(&quot;.comments-tab&quot;).addClass(&quot;inactive-select-tab&quot;);    $(selectTab).removeClass(&quot;inactive-select-tab&quot;);    $(&quot;.comments-page&quot;).hide();    $(selectTab + &quot;-page&quot;).show();    }    </script> 



7. Paste di bahagian bawah kod yang korang carikan tu .

8.Tukar YOUR_FB_ID kepada No ID Facebook korang lah eh ? Macam mana nak dapat no ID tu ? Err . Log in facebook , pergi ke profile .. Atas sekali , ada no banyak-2 macam ni kan ?

   http://www.facebook.com/pages/Nur-Adilla-%E3%83%84/267749693247417

 
Note : Bagi yang dah ubah no tu , kepada nama .. Erhmm . tak dapek den nak nolong . Ni pun Adilla copy ID Page Nur Adilla.  tak silap Adilla korang boleh dapatkan ID melalu satu application ni .  *Lupa pulak! :(


9. Ok . Bila dah abis tu , korang PREVIEW dulu , kalau tak ada error , korang boleh terus SAVE !

10. Belum habis lagi .... Sekarang korang pergi ke :

Design > Template Designer > Advanced > Add CSS

11. Copy dan paste kod ni dalam CSS tu :

.comments-page { background-color: #f2f2f2;}#blogger-comments-page { padding: 0px 5px; display: none;}.comments-tab { float: left; padding: 5px; margin-right: 3px; cursor: pointer; background-color: #f2f2f2;}.comments-tab-icon { height: 14px; width: auto; margin-right: 3px;}.comments-tab:hover { background-color: #eeeeee;}.inactive-select-tab { background-color: #d1d1d1;}


** Kalau nak warna lagi cantik  , korang boleh tukarkan warna merah tu kepada kod warna yang korang suka . Kod boleh dapatkan DI SINI !!


12. Then tekan Apply Blog dan View Blog macam biasa okeh ?


Macam mana nak tengok ianya berhasil ataupun tidak ? Klik mana-mana entry , then tengok bahagian comment ? Menjadi tak. . hekk . Jadi ? Tepuk tangan ramai-ramai :)





Credit : Lyssa
Terima kasih baca entry ni. Jangan lupa datang lagi ke sini!

Tutorial : Design Facebook

Post by Adilla Shahirah | 12:56 am | 4 Nutella |
Assalammualaikum + Selamat Petang .


Tadi Adilla dok blogwalking, tetiba tertarik dengan satu artikel yang cool gila dari Azzah! So adilla pun cuba, test dan try larh :D (benda yang sama maksud ok!).


Ini wajah lama, sebelum di Transform kan ;




Ini wajah Facebook selepas di transform ;
-----------------------------
SEBELUM itu tutorial ini sesuai untuk pengguna Google Chrome ok! Sebab Adilla guna chrome, untuk pengguna lain, maybe lebih kurang sahaja caranya.
Start Tutorial ;
1- Pergi ke Webstie Ini --> Restyle
2- Pilih larh untuk Facebook/ Tumblr/ Youtube.
3-  Klik Stylish > add to chorome.
4- Klik Install with stylish > reload Fb/Tumblr/Youtube anda
5- Done! :D
Cara nak buangnya pula ;
1- Rujuk gambar
2- Nampak huruf "S" dan ada no 1 kan?!
3-  Klik disitu > Pilih "Delete"
4- Done kembali ke jalan yang benar :D
---------------------
FYI, 
Design ini hanya anda dan pengguna laptop/Komputer anda sahaja boleh lihat. So ini kira memberi kepuasan kepada anda sendiri larh, kalau dah bosan dengan Design Biru+Putih Fb tersebut..hehehe :D
Banyak design yang ada ;
Facebook Colour Pink! 


Facebook Ala-ala Twitter !

Terima kasih baca entry ni. Jangan lupa datang lagi ke sini!

GEMPA BUMI 8.9 ACHEH, INDONESIA

Post by Adilla Shahirah | 1:47 am | 0 Nutella |


Gempa Bumi 8.5 - 8.9 SR Guncang Aceh, 11 april 2012   Gempa Bumi 8.5 SR Guncang Aceh, 11 april 2012 - Gempa di Aceh 8.5 SR, 11 april 2012

Gempa bumi berukuran 8.9 magnitud menggegar Aceh pada petang Rabu, 11 April 2012. Amaran tsunami turut dikeluarkan oleh Agensi Geofizikal Indonesia. Gegaran tersebut turut dirasai di Melaka, Pulau Pinang dan Selangor.

Baru saja terjadi gempa dengan kekuatan 8.5 skala ritcher, di dekat pulau sumatera. Gempa terjadi di sekitar lautan. Berita terbaru menyatakan bahwa beberapa waktu yang lalu terjadi gempa dengan kekuatan 8.9 skala ritcher, yang berpusat di dekat pulau sumatera.Gempa terjadi di sekitar lautan.

Gempa bumi menggegarkan Bandar Aceh pukul 15.39. Guncangan terasa kuat dan menerus. Gempa yang terjadi saat ini berpotensi tsunami.Gempa juga dirasakan di Medan,Padang hingga Bengkulu.

Menurut Badan Meteorologi Klimatologi dan Geofisika gempa ini berpotensi tsunami dengan kedalaman lebih kurang 10 Km namun tidak sebesar tsunami 2004.

Susulan kejadian itu, Agensi Geofizikal Indonesia dan Pusat Amaran Tsunami Pasifik mengeluarkan amaran tsunami. Amaran itu meliputi seluruh kawasan melibatkan Lautan Hindi.

Pusat Kajian Geologikal Amerika Syarikat yang membuat dokumentasi gempa bumi seluruh dunia memberikan amaran pantas bahawa gempa pada magnitud berkenaan mampu menghasilkan kemusnahan akibat tsunami melibatkan seluruh basin Lautan Hindi.

Setakat ini belum ada sebarang laporan melibatkan kehilangan nyawa atau kemusnahan yang diperoleh. Jarak pusat gempa bumi di Aceh itu dengan Kuala Lumpur adalah sejauh 963 kilometer.

Sementara itu, laman Twitter mula gempar dengan pengguna tweet menyatakan mengenai gegaran yang mereka rasai sebentar tadi.





Distances
434 km (269 miles) SW of Banda Aceh, Sumatra, Indonesia
550 km (341 miles) SW of Lhokseumawe, Sumatra, Indonesia
963 km (598 miles) W of KUALA LUMPUR, Malaysia
1797 km (1116 miles) WNW of JAKARTA, Java, Indonesia 

Terima kasih baca entry ni. Jangan lupa datang lagi ke sini!

Remove Subscribe to Posts (Atom)

Post by Adilla Shahirah | 7:50 pm | 1 Nutella |

Its ugly to see that stuff ayy ? Delete it !
1. Dashboard > Design > Edit Html > Tick Expand Widgets
2. Next Ctrl + F , and find these code and delete it  :   
<b:include data='post.feedLinks' name='feedLinksBody'/>    
4.Preview and save .

Terima kasih baca entry ni. Jangan lupa datang lagi ke sini!