Kita mulakan dengan HEADER.
Ok, gambar Header aku tu aku ambik dari game yang bertajuk "Dishonored". Game yang bergenre Action Adventure dan FPS (First-Person Shooter) nie mengisahkan Corvo Attano, seorang bodyguard yang ternama di bandar Dunwall. Suatu hari dia disabotaj (dituduh membunuh tuannya sendiri dan dituduh menculik anak tuannya). Dan dari situlah dia ingin menjadi Assassin (Pembunuh Upahan) dan ingin mencari kembali pembunuh tuannya dan menyelamatkan kembali anak tuannya. Ok la, cukup setakat tu, nak tau lebih, main sendiri. Hehehe
Ok pasal BACKGROUND plak.
Ok, gambar Background nie aku ambik dari game yang bertajuk "Metro: Last Light". Game yang bergenre FPS (First-Person Shooter). Game ini terletak di masa depan pasca-sama dahsyat seperti game yang sebelumnya, "Metro 2033". Di dalamnya, manusia berjuang untuk hidup di bawah runtuhan selepas sesuatu yang dahsyat berlaku di Moscow, dalam terowong Metro, jauh dari ancaman maut di luar. Manusia dan haiwan yang telah terdedah kepada bahan-bahan beracun yang memenuhi langit. Yang terselamat telah menentang satu sama lain untuk sumber-sumber dan baki dan bersama-sama untuk melawan makhluk berbahaya. Mereka semua mendambakan senjata muktamad; peranti kiamat kuat dari dalam peti besi tentera D6. Perang saudara di kalangan mangsa seolah-olah akan berlaku dan mungkin membawa kepada akhir umat manusia. (Ok, yang nie aku guna Google Translate) Hahahahaha.
Ok, itu sajalah penerangan untuk Template aku.. Pasal Background tu, mungkin akan bertukar secara automatik bila ada game baru yang Release nanti. Aku tak pandai sangat nak Review game nie.. nak Share link Download game tu pon aku takut kena Warning ngan Google.. kalau nak suruh aku buat Video Gameplay mcm PewDiePie, aku tak cukup pandai nak bercakap. Tapi nanti la aku cuba. Hahaha. Semoga kita berjumpa lagi (kalau aku rajin Update la). Assalamualaikum Semua !
Cara-Cara Nak HIGHLIGHT AUTHOR COMMENT di Blogger
April 20, 2011
Posted by Farid Casablancas
Tag :
Tutorial Blog
Jika korang ADMIN Blog, adalah penting untuk Berinteraksi dengan Pembaca Blog dan salah satu caranya ialah dengan Membalas Comment mereka.. Dan jika Posting korang penuh dengan Comment, adalah penting untuk orang mengetahui yang mana Comment ADMIN dan yang mana Comment PEMBACA..
Blogspot sekarang dah maju, macam2 boleh buat.. Jadi kalau nak buat HIGHLIGHT AUTHOR COMMENT nie korang cuma perlu buat beberapa Trick jer..
Apa tu "HIGHLIGHT AUTHOR COMMENT" ?? tgok kat bawah nie..
Dah PAHAM ?? Okay, sekali lagi aku nak Ingatkan, Tutorial nie aku rasa PALING SUSAH tapi Hasilnya Mengancam.. Jadi kalau korang rasa TAK NAK buat, jangan buat.. Kalau nak buat jugak, Meh sini aku ajarkan..
Step 1 : Pergi ke DASHBOARD --> DESIGN --> Edit HTML.. BACKUP TEMPLATE korang sebelum apa-apa TERJADI.. aku tak Bertanggungjawab !!
Step 2 : Tick kotak "Expand Widget Template"
Step 3 : Tekan CTRL+F dan cari Kod Berwarna MERAH yang aku Tandakan macam kat Bawah nie..
Okay, Dah JUMPA ?? Cari yang sebijik tau macam kat ATAS tu tau.. (Sesetengah TEMPLATE Berlainan Kod, Sebab tu lah aku suruh korang CARI Kod Berwarna MERAH yang ATAS dgn yang BAWAH sekali tu)
Okay, Sekarang korang Highlightkan dan GANTIkan SEMUA Kod di ATAS (Dari Kod Berwarna MERAH di ATAS sampai la yang Berwarna MERAH di BAWAH sekali tu) dengan SEMUA Kod kat BAWAH nie..
NOTE : Kalau korang ada buat Fungsi "REPLY BUTTON", korang PADAM je sekali, Nanti korang boleh Buat Balik Fungsi tu..
Okay, dah siap ?? Sekarang cari ]]></b:skin> , dan PASTEkan Kod di bawah ini SEBELUM ]]></b:skin> ..
KUNING : Itu Kod Warna untuk USER Comment Background ..
HIJAU : Itu Kod Warna untuk AUTHOR Comment Background ..
MERAH : Itu URL Image CROWN untuk AUTHOR Comment.. Kalau korang nak TUKARkan dengan Image korang sendiri, Tukarkan URL tu dengan URL Image korang..
Kat mana nak Cari KOD WARNA ?? Klik SINI ..
Okay, dah SIAP ?? SAVE TEMPLATE !!
NOTE : Kalau korang tak puas hati dengan WARNA korang pilih tu, Korang ubah la ikut suka korang sendiri.. Sekali lagi aku ingatkan, KALAU RASA Tutorial nie SUSAH, jangan Buat.. Hasilnya korang boleh tgok kat Comment aku sendiri.. Klik je kat mana2 Post aku yang byk Comment..
Seorang Blogger telahpun Berjaya Membuat HIGHLIGHT AUTHOR COMMENT nie, dan Hasilnya Sangat AWESOME !! Nak Tengok ?? Jom Usha Blog SOLEHAH : THE RAKSASA LOVER
ARIGATO GOZAIMASU !!
Blogspot sekarang dah maju, macam2 boleh buat.. Jadi kalau nak buat HIGHLIGHT AUTHOR COMMENT nie korang cuma perlu buat beberapa Trick jer..
Apa tu "HIGHLIGHT AUTHOR COMMENT" ?? tgok kat bawah nie..
*Klik Image untuk Saiz Sebenar |
Dah PAHAM ?? Okay, sekali lagi aku nak Ingatkan, Tutorial nie aku rasa PALING SUSAH tapi Hasilnya Mengancam.. Jadi kalau korang rasa TAK NAK buat, jangan buat.. Kalau nak buat jugak, Meh sini aku ajarkan..
Step 1 : Pergi ke DASHBOARD --> DESIGN --> Edit HTML.. BACKUP TEMPLATE korang sebelum apa-apa TERJADI.. aku tak Bertanggungjawab !!
Step 2 : Tick kotak "Expand Widget Template"
Step 3 : Tekan CTRL+F dan cari Kod Berwarna MERAH yang aku Tandakan macam kat Bawah nie..
<b:loop values='data:post.comments' var='comment'>
<dt expr:class='"comment-author " + data:comment.authorClass' expr:id='data:comment.anchorName'>
<b:if cond='data:comment.favicon'>
<img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
</b:if>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:blog.enabledCommentProfileImages'>
<data:comment.authorAvatarImage/>
</b:if>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
<data:commentPostedByMsg/>
</dt>
<dd class='comment-body' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p>
<data:comment.body/>
</p>
</b:if>
</dd>
<dd class='comment-footer'>
<span class='comment-timestamp'>
<a expr:href='data:comment.url' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
</b:loop>
<dt expr:class='"comment-author " + data:comment.authorClass' expr:id='data:comment.anchorName'>
<b:if cond='data:comment.favicon'>
<img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
</b:if>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:blog.enabledCommentProfileImages'>
<data:comment.authorAvatarImage/>
</b:if>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
<data:commentPostedByMsg/>
</dt>
<dd class='comment-body' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p>
<data:comment.body/>
</p>
</b:if>
</dd>
<dd class='comment-footer'>
<span class='comment-timestamp'>
<a expr:href='data:comment.url' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
</b:loop>
Okay, Dah JUMPA ?? Cari yang sebijik tau macam kat ATAS tu tau.. (Sesetengah TEMPLATE Berlainan Kod, Sebab tu lah aku suruh korang CARI Kod Berwarna MERAH yang ATAS dgn yang BAWAH sekali tu)
Okay, Sekarang korang Highlightkan dan GANTIkan SEMUA Kod di ATAS (Dari Kod Berwarna MERAH di ATAS sampai la yang Berwarna MERAH di BAWAH sekali tu) dengan SEMUA Kod kat BAWAH nie..
<b:loop values='data:post.comments' var='comment'>
<div expr:class='"author-comment " + data:comment.authorClass'>
<dt class='comment-author' expr:id='data:comment.anchorName'>
<b:if cond='data:comment.favicon'>
<img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
</b:if>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:blog.enabledCommentProfileImages'>
<data:comment.authorAvatarImage/>
</b:if>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
<data:commentPostedByMsg/>
</dt>
<dd class='comment-body' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p>
<data:comment.body/>
</p>
</b:if>
</dd>
<dd class='comment-footer'>
<span class='comment-timestamp'>
<a expr:href='data:comment.url' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
</div>
</b:loop>
<div expr:class='"author-comment " + data:comment.authorClass'>
<dt class='comment-author' expr:id='data:comment.anchorName'>
<b:if cond='data:comment.favicon'>
<img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
</b:if>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:blog.enabledCommentProfileImages'>
<data:comment.authorAvatarImage/>
</b:if>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
<data:commentPostedByMsg/>
</dt>
<dd class='comment-body' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p>
<data:comment.body/>
</p>
</b:if>
</dd>
<dd class='comment-footer'>
<span class='comment-timestamp'>
<a expr:href='data:comment.url' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
</div>
</b:loop>
NOTE : Kalau korang ada buat Fungsi "REPLY BUTTON", korang PADAM je sekali, Nanti korang boleh Buat Balik Fungsi tu..
Okay, dah siap ?? Sekarang cari ]]></b:skin> , dan PASTEkan Kod di bawah ini SEBELUM ]]></b:skin> ..
.comment-footer{
margin-bottom:0 !important;
}
.author-comment{
background-color:#F0FFF0;
padding:5px;
margin-bottom:1.5em;
border:1px solid #ccc;
border-radius:10px;
}
.author-comment.blog-author {
background: #FFEBCD url(https://lh3.googleusercontent.com/_-BRP4LFLyWc/TZX3b7r2AyI/AAAAAAAAATY/8Am8ri02OjE/s800/admin.png) no-repeat right top;
}
margin-bottom:0 !important;
}
.author-comment{
background-color:#F0FFF0;
padding:5px;
margin-bottom:1.5em;
border:1px solid #ccc;
border-radius:10px;
}
.author-comment.blog-author {
background: #FFEBCD url(https://lh3.googleusercontent.com/_-BRP4LFLyWc/TZX3b7r2AyI/AAAAAAAAATY/8Am8ri02OjE/s800/admin.png) no-repeat right top;
}
KUNING : Itu Kod Warna untuk USER Comment Background ..
HIJAU : Itu Kod Warna untuk AUTHOR Comment Background ..
MERAH : Itu URL Image CROWN untuk AUTHOR Comment.. Kalau korang nak TUKARkan dengan Image korang sendiri, Tukarkan URL tu dengan URL Image korang..
Kat mana nak Cari KOD WARNA ?? Klik SINI ..
Okay, dah SIAP ?? SAVE TEMPLATE !!
NOTE : Kalau korang tak puas hati dengan WARNA korang pilih tu, Korang ubah la ikut suka korang sendiri.. Sekali lagi aku ingatkan, KALAU RASA Tutorial nie SUSAH, jangan Buat.. Hasilnya korang boleh tgok kat Comment aku sendiri.. Klik je kat mana2 Post aku yang byk Comment..
Seorang Blogger telahpun Berjaya Membuat HIGHLIGHT AUTHOR COMMENT nie, dan Hasilnya Sangat AWESOME !! Nak Tengok ?? Jom Usha Blog SOLEHAH : THE RAKSASA LOVER
ARIGATO GOZAIMASU !!
Sapa minat BLEACH angkat tangan !! haha.. aku rasa tak ramai minat BLEACH, sebab ramai yang minat NARUTO.. aku tak minat NARUTO ngan ONE PIECE.. Sebab apa, sebab BLEACH nie lah satu-satunya ANIME yang RANDOM Episod (Macam ceta HEROES).. Lagipon Karakter2 dia smart.. Jalan cerita best.. mudah paham.. Dari Episod 1 sampai la Episod 310, aku tak miss lagi.. Sebab apa ?? Sebab aku Die Hard Fan BLEACH !!
Watak Utama cite tu, KUROSAKI ICHIGO, Berumur 16 Tahun, seorang budak sekolah yg boleh nampak ROH-ROH yg tak Tenang (Kira Hantu gak la, tapi Hantu CUTE).. Kira dia nie dah muak la dgn ROH-ROH tak tenang nie.. Satu malam tu, sorang pompuan (KUCHIKI RUKIA nama diberi) dari Bandar Roh @ Alam Lain (SOUL SOCIETY), datang ke bumi sebab nak Musnahkan HOLLOW (Resakse Pemakan Roh @ Merasuk Roh menjadi HOLLOW), Kebetulan dia terlanding kat tingkap bilik Ichigo, so Ichigo pon apa lagi, PAP !! Rukia kena peluku.. kebetulan Ichigo Boleh nampak Roh, jadi, Rukia nie pon heran lah, "apsal mamat nie boleh nampak aku, siap tampar kepale aku lagi".. Nak tau knapa ?? sebab Ichigo nie The Chosen One, kira macam cite The Matrix gak la.. nak dipendekkan cite, Roh Abang awek si Ichigo (INOUE ORIHIME) nie dirasuk oleh Hollow.. Kebetulan masa Rukia ngah Fight ngan Hollow tu, dia cedera, so dia pon bagilah Kuasa dia tu kat Ichigo, so Ichigo nie kira dah jadi ahli SHINIGAMI lah, tapi cuma Shinigami Pengganti..
Nie la ghope Ichigo.. Hensem cam aku tak ?? :D |
disebabkan Rukia dah bagi power dia kat Ichigo, Rukia dengan secara Automatiknya melanggar peraturan Soul Society sbb dia bagi kuasa kat org.. (Kira Rukia nie nak kena Hukum bunuh la), so dari situ, bermulalah kisah seorang budak sekolah bernama KUROSAKI ICHIGO.. Nak tau lagi pandai2 lah tengok sendiri.. :D
So aku SKIP kan ke Episod 310..
Kat bawah nie rupa2 Ichigo dari episod 1 sampai episod 310..
Rupa awal.. |
time dia nak selamatkan rukia daripada dihukum bunuh |
Time dia menggunakan BANKAI dia.. "BANKAI = Kuasa Pedang" Pedang dia nama "Tensa Zangetsu" Dia menggunakan kuasa nie untuk bertarung dgn KUCHIKI BYAKUYA Abang Kepada KUCHIKI RUKIA.. |
Time dia jadi Shinigami HOLLOW.. Topeng tu datang bila dia marah.. Dia menggunakan Kuasa nie untuk bertarung dgn KUCHIKI BYAKUYA |
Time dia tak Terkawal.. Dia menggunakan Kuasa ini untuk bertarung dgn Jelmaan Pedang dia iaitu "TENSA ZANGETSU" |
Nie kuasa last dia nama "Final Getsuga Tenshou" Akibat dari kuasa nie, Kuasa dia hilang 90%.. Dia menggunakan Kuasa ini untuk Menentang AIZEN SOUSUKE.. *ada ghope Kakashi tak ?? :D |
Dan ini time.... Hehe, nie Aku lah.. aku Edit aku pakai topeng.. aku kan Die Hard Fan :D |
P/S : Ini adalah Entri paling TERPANJANG dari aku.. Dan ENTRI ini akan Membuatkan PC anda FREEZE :D
Anda Peminat BLEACH ?? Komen di sini !!
Animated Flying Twitter Bird untuk Blogger
April 15, 2011
Posted by Farid Casablancas
Tag :
Tutorial Blog
Hehe.. Tadi ada seorang Blogger tanya aku camna nak buat Burung Twitter Terbang Merata-Rata,
*Auji Izra Sygku Dyla, sorry, farid pinjam nama jap :P |
So, meh sini aku nak tunjukkan camna cara nak buat Burung Twitter Terbang Merata-Rata..
Copy Kod kat Bawah nie..
<script type="text/javascript" src="http://bloggerblogwidgets.googlecode.com/files/way2blogging.org-tripleflap.js"></script><script type="text/javascript">
var twitterAccount = "USERNAME TWITTER KORANG";
var tweetThisText = "TEKS KORANG";
tripleflapInit();
</script><noscript><span style="font-size:11px;">Flying Twitter Bird Widget By <a href="http://farid-casablancas.blogspot.com">Farid Casablancas</a></span></noscript>
Dan PASTEkan kat "Add a Gadget > HTML/Javascript" macam kat Bawah nie..
Lepas tu Tekan SAVE.. Siap !!
*TEKS KORANG* tu ubahkan dengan Dialog korang, Contoh "Jom Usha Blog Saya @ http://potpet.com" ..
P/S: Kalau korang meluat Burung tu asyik Follow korang, TEMBAK je !! :D
Senyum! ^_^
Maybe korang tak perasan kan sebelum nie yang Link di LABEL aku tu akan Bergoyang bila korang letak Cursor Mouse korang kat situ.. dan ada lagi satu Perubahan di Blog aku, Setiap Comment di Blog aku dah ada Animated Smilies dah skunk nie.. Haha.. Okay, kepada yang tak paham jugak apa yang dimaksudkan LINK BERGOYANG tu, tengok kat Bawah nie..
Amacam ?? Best tak ?? Haha.. (Kalau Tak Bergoyang, korang cuba REFRESH balik Page nie) Okeh, kalau korang nak jugak, Meh sini aku nak Ajarkan Cara-Caranya..
Camna Nak Buat Link Bergoyang macam INUL tu ?? :D
First, Pergi ke DASHBOARD > DESIGN > EDIT HTML..
Cari </head> ..
Copy Kod kat Bawah nie dan PASTEKAN kat ATAS </head> tu..
Senyum ^_^
Tengok Demo kat Sini
Cuba Main-Mainkan Cursor Mouse Korang kat Link atas nie..Amacam ?? Best tak ?? Haha.. (Kalau Tak Bergoyang, korang cuba REFRESH balik Page nie) Okeh, kalau korang nak jugak, Meh sini aku nak Ajarkan Cara-Caranya..
Camna Nak Buat Link Bergoyang macam INUL tu ?? :D
First, Pergi ke DASHBOARD > DESIGN > EDIT HTML..
Cari </head> ..
Copy Kod kat Bawah nie dan PASTEKAN kat ATAS </head> tu..
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js' type='text/javascript'> </script> <script type='text/javascript'> var dur = 400; // Duration Of Animation in Milli Seconds $(document).ready(function() { $('a.linknudge').hover(function() { $(this).animate({ paddingLeft: '25px' }, dur); }, function() { $(this).animate({ paddingLeft: 0 }, dur); }); }); // end of Jquery Script
</script>
Lepas tu SAVE la Template korang..
Kalau Korang nak buat Link biasa jadi Bergoyang pun boleh jugak..
<a class='linknudge' href='LINK KORANG'>TEKS KORANG</a>
Itu saja.. Hehe..Senyum ^_^
Akibat Kebosanan yang Terlampau, saya menggatalkan tangan saya untuk Mencipta Header baru menggunakan Vector Image.. Saya terpikir jugak nak tukarkan Header FLASH saya kepada Header biasa (PNG) untuk mengurangkan Kelembapan Loading dan Keberatan Blog nak Scroll.. So saya Membuat Percubaan Header baru nie.. Agak Kewanitaan la jugak tapi saya terpaksa pakai sebab Image Vector nie banyak Abstract dia Ke Arah Kewanitaan.. Maybe sebab Couple dua orang tu pegang Belon LOVE ngan Abstract bunga tu yg menyebabkan Header nie nampak JAMBU.. Saya dah cuba letak Image Monster, tapi tak Smart.. dan Image nie bila dah Loading, bila besok korang masuk baik Blog nie, dah tak payah Loading dah, Cache dia dah lekat, kalau Flash tak.. Tapi Hati Saya Tetap ganas walaupun guna Header baru nie, Haha.. Kelemahannya, Header baru nie dah takder Button MY FACEBOOK & MY TWITTER.. Kena letak manual la kat Sidebar pasneh.. haha.. So, kalau korang takleh nampak Header saya kat atas tu, Tgok kat Bawah nie..
Walaupun dia hanya Image PNG Transparent, tapi Size dia tetap besar (524Kb), lebih kurang sama ngan Header Flash, sebab saya menggunakan Image yang besar saiznya, sebab tu lah.. tapi mengurangkan Lembab Blog nak Scroll.. Amacam Header tu ?? okay tak ?? ini hanyalah Percubaan Mendesign Header dari saya.. Simple jugak kan macam sebelum nie..
Klik Image untuk Tumbesaran Penghadaman |
Walaupun dia hanya Image PNG Transparent, tapi Size dia tetap besar (524Kb), lebih kurang sama ngan Header Flash, sebab saya menggunakan Image yang besar saiznya, sebab tu lah.. tapi mengurangkan Lembab Blog nak Scroll.. Amacam Header tu ?? okay tak ?? ini hanyalah Percubaan Mendesign Header dari saya.. Simple jugak kan macam sebelum nie..
Oh, sebelum aku terlupa pasal nie, lebih baik aku Share kan kepada yang belum Tahu macam mana nak Membuat RAINBOW LINK.. Pada yang dah tahu, abaikan Post ini.. Okay, kalau nak tau apa tu RAINBOW LINK, Letak Cursor MOUSE korang di Tajuk Post ini ataupun dimana-mana Link kat dalam Blog nie..
Okay, begini caranya.. Mudah ya amat..
Copy Kod kat BAWAH nie..
Okay, begini caranya.. Mudah ya amat..
Copy Kod kat BAWAH nie..
<script src="https://sites.google.com/site/unwanted86/javascript/rainbowlink.js" type="text/javascript">
</script>
Lepas tu "Add a Gadget", HTML/Javascript, dan PASTEKAN..
Lepas tu SAVE.. Siap ^_^
Senyum! ^_^
Cara-Cara Nak Membuang Link Berwarna ORANGE di Header anda Jika Anda Menggunakan TEMPLATES dari PYZAM.COM
Mac 24, 2011
Posted by Farid Casablancas
Tag :
Tutorial Blog
Kepada Sesiapa yang guna TEMPLATES dari PYZAM.COM, Selalunya dekat Header ada Satu LINK berwarna ORANGE kan, Okay, meh aku nak Tunjukkan Cara-Cara Nak Membuang ataupun Nak Edit nya supaya Korang boleh Gantikan Link PYZAM.COM kepada LINK yang Korang suka.. Mintak Maaf ye, Gambar tak Disediakan..
Okay, sekarang korang cari Kod yang macam kat Bawah nie.. Pergi ke DASHBOARD -- DESIGN -- Edit HTML dan mark kan EXPAND TEMPLATE WIDGET korang..
<div class="bloggerPyBar" style="cursor:pointer;"><div class="pylogo"><span style="position:relative;top:-1px;left:0px">�</span> <a href="http://www.pyzam.com">PYZAM.COM</a></div>
<a href="http://www.pyzam.com/bloggertemplates">BLOGGER TEMPLATES</a> AND <a href="http://www.twitterbackgrounds.com">TWITTER BACKGROUNDS</a> <span style="position:relative;top:-1px;left:0px;">�</span> </div>
Itu Saja :D
Senyum! ^_^
Cara-Cara Nak Setting FLASH BANNER Sebagai HEADER Anda
Mac 23, 2011
Posted by Farid Casablancas
Tag :
Tutorial Blog
Okeh, aku rasa tak ramai yang gunakan FLASH BANNER sebagai HEADER kan.. Bagi kebanyakan Blogger yang cuba nak letakkan Animasi FLASH (.SWF File) sebagai HEADER, dan tetap tidak berkesan, kali nie ada cara yang aku nak Kongsikan kat korang.. TAPI macam mana nak buat FLASH BANNER Sendiri ?? Kat Mana nak Buat ?? hah, yang tu aku tak tau lah, korang pandai-pandai lah cari macam mana nak Buat, aku cuma nak Share kan je cara-cara nak Menggunakannya.. (SHARING is CARING) kan :D
Okeh, sekarang aku nak share macamana nak buat Template korang sekarang ada kotak "Add a Gadget" kat bahagian ATAS.. sekarang, sebelum apa-apa, korang BACKUP TEMPLATE korang dulu.. Log masuk akaun korang, lepas tu pergi ke DASHBOARD -- LAYOUT -- EDIT HTML.. ingat !! BACKUP TEMPLATE korang dulu !!
Cari Kod macam kat BAWAH nie (Maybe nampak berbeza sikit bagi sesetengah Template) Ctrl+F untuk Shortcut :
Okeh, sekarang aku nak share macamana nak buat Template korang sekarang ada kotak "Add a Gadget" kat bahagian ATAS.. sekarang, sebelum apa-apa, korang BACKUP TEMPLATE korang dulu.. Log masuk akaun korang, lepas tu pergi ke DASHBOARD -- LAYOUT -- EDIT HTML.. ingat !! BACKUP TEMPLATE korang dulu !!
Cari Kod macam kat BAWAH nie (Maybe nampak berbeza sikit bagi sesetengah Template) Ctrl+F untuk Shortcut :
<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='TITLE BLOG KORANG (Header)' type='Header'/>
</b:section>
</div>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='TITLE BLOG KORANG (Header)' type='Header'/>
</b:section>
</div>
Tukarkan Perkataan no di showaddelement='no' kepada yes.. Ini membolehkan korang untuk menambah Alat (Add a Gadget) di atas Header korang..
*Pilihan* Tukar nombor maxwidget='1' ke nombor yang korang suka.. Contoh : kalau korang nak letak banyak Widgets kat Header, tukar la Nombor tu, tapi kalau untuk letak Banner je, letak SATU pon dah cukup..
Padam Kod yang Berwarna MERAH, yang merupakan Header yang korang gunakan sekarang.. Simpan Template (korang mesti ditanya untuk Pengesahan Penghapusan Header1 korang, Tekan Confirm jer..)
Sekarang korang dah boleh nampak "Add a Gadget" kat Header korang tu kan.. Klik Add a Gadget, lepas tu tekan HTML/Javascript, (Kalau tak ada Add a Gadget kat Header korang, korang ambik Add a Gadget kat Sidebar korang tu, lepas tu Ubahkan ke Header)..
Okay, sekarang Copy Kod kat bawah nie, lepas tu Paste kan kat HTML/Javascript :
Untuk Flash yang Transparent (Lutsinar)
<embed pluginspage="http://www.macromedia.com/go/getflashplayer" width="640" height="420" src="http://urlhostkorang.com/flash-korang.swf?__i" wmode="transparent" type="application/x-shockwave-flash" quality="high"></embed>
Untuk yang TAK Lutsinar
<embed src="http://urlhostkorang.com/flash-korang.swf" loop="false" height="240" width="1300"></embed>
Hijau : Adjust Size Banner korang mengikut kelebaran Banner korang sendiri..
Kuning : URL File korang..
Ungu : Kalau korang nak Flash Banner korang tu sentiasa ULANG, tukarkan kepada "true"
Aku yakin korang pandai dalam BAB-BAB nie kan.. ok, sekarang SAVE dan SIAP !!..
KALAU Banner korang tu tak kena pada Tempatnya, korang kena Godek sekali lagi kat DASHBOARD -- LAYOUT -- EDIT HTML dan cari Kod korang yang nampak macam kat bawah nie..
/* Header
-----------------------------------------------
*/
#header-wrapper {
float: left;
width: 1300px;
height: 240px;
margin:0;
padding:0;
clear: right;
background: no-repeat top left;
position:relative;
left:-170px;
}
-----------------------------------------------
*/
#header-wrapper {
float: left;
width: 1300px;
height: 240px;
margin:0;
padding:0;
clear: right;
background: no-repeat top left;
position:relative;
left:-170px;
}
Adjuskan Warna HIJAU tu kepada Kelebaran Banner korang sendiri.. Kalau korang tak nak Banner korang ada LINE (BORDER) kat sekeliling dia, korang kena padam Line borders korang (Kod kat atas tak ada menunjukkan line borders, so kalau kat Template korang dia ADA..
Itu saja :)
Senyum! ^_^
Senyum! ^_^