You have probably updated your Apple mobile device to iOS 7 by now and have been marveling about its clean design and improved performance. However, this latest mobile OS is more than turning your icons flat, having photo filters, and having a parallax effect on the background (which you need to turn off, by the way).
There are major changes in the iOS 7, including those you may not have noticed at first. Here are some of the best new hidden features of iOS 7:
Dynamic wallpaper – The background of your Home Screen can be brought to life. It is similar to Android’s animated wallpaper, except that iOS 7′s wallpaper does not interact with your finger. The wallpaper setting is static by default, which is probably why you may not have noticed this new feature.
New integrated services – Vimeo replaces YouTube as iOS’s go-to video-sharing service. The Google-owned YouTube has been stripped off its title as iPhone’s default video-based social media since iOS 6. Meanwhile, Flickr has been added to become iOS 7′s default photo sharing app.
A wish list on the App Store – Apple introduces a Wish List feature on the mobile App Store, enabling users to save an app that they intend to purchase later.
The Control Center at a locked screen – iOS 7 users have an option to make their device’s Control Center available even while the screen is locked, enabling them to access your personal settings without having to swipe to the right.
Switching between apps – Tapping the Home pad twice displays previews of various apps on full screen. You can scroll back and forth and check out previews of your apps in real time.
A calendar inbox – The calendar function now has an inbox for incoming invites.
Voice calls with FaceTime – In case you haven’t noticed yet, FaceTime now allows users to make free voice calls to their contacts.
Monday, 14 October 2013
Friday, 14 June 2013
HUBUNGAN PENYAKIT DENGAN DOSA-DOSA
Akademi Angkatan Laut, - Allah Ta’ala berfirman : “dan musibah apapun yang menimpamu, maka itu adalah akibat dari ulah tanganmu sendiri” (QS. Asy-syura/42 : 30)
Abu bilad yang terlahir dalam keadaan buta bertanya kepada al-Ala’ bin Badr : “Bagaimana penerapan ayat ini pada dirinya, padahal ia menderita buta mata sejak dalam kandungan ibunya?”. Jawaban al-Ala’ bin Badr sangat mengejutkan, ia berkata : “itu adalah akibat dari dosa kedua orang tuamu” (Tafsir Ibnu Abi Hatim 10/3279 dan Tafsir al-Baghawi 7/355).
Salah satu da’i yang sering membahas hubungan antara penyakit dan dosa-dosa kita adalah ustadz Danu dimana beliau sudah 15 tahun meneliti hubungan antara sakit kita dengan kesalahan kita. Berikut ringkasan dari ceramah beliau dalam beberapa episode yang sempat kami rangkum sebagai bahan instropeksi kita semua sebagai hamba Sang Pencipta :
Tumor otak : sering memikirkan dengan jengkel terhadap suami/orang tua
Lutut kanan sakit : Kalau mempunyai keinginan (untuk kebaikan) ngotot ingin langsung dikerjakan.
Sering Bersin lama, diikuti batuk dan sesak napas ; Sering Bersin : banyak sekali yang dipikirkan, Batuk : yang dipikirkan tersebut bikin gregetan (selalu ngomel), dan sesak napas : jengkel, ada masalah tapi belum ada solusi
Pengliatan suram (ada yang tumbuh di mata) : kalau melihat perbuatan suami/anak suka jengkel
Sakit jantung : suka marah.
Sakit mag kronis :Sering ngomel di rumah
Mata kiri sering berkedut-kedut;kalau dari kecil : orang tuanya suka melihat keburukan orang lain, kalau setelah dewasa : punya ”ilmu” tertentu.
Perut sebelah kanan sakit (ada kista) : didalam Rumah Tangga sering meminta suami/anak berbuat baik tapi dengan Jengkel
Diabetes : Merasa solusinya/pendapatnya paling benar dan kalau menyuruh : harus!Cara mengobatinya : belajar untuk tidak banyak berkomentar terhadap sesuatu.
Sakit kepala, lemas pada tangan kanan dan kaki kanan, tidak ada kekuatan untuk berdiri : Punya masalah dimana khawatir sekali yang sampai sekarang masalah tersebut belum tuntas
Kolesterol Tinggi (tapi tidak ada asam urat) : Kaku dalam pendapat dan bila dinasehati diam saja tapi tidak jalan.
Rabun dekat + jauh + senja; Rabun jauh : kalau dalam suatu majelis sering kalau diajak bicara tidak melihat langsung,kalau di majelis senang bercerita terus, pengen didengar (tapi tidak pamer)
Lemas (karena levernya rusak sehingga tidak bisa memproduksi sel darah) : akibat kekakuan hati
Kaki sering kesemutan, perlahan-lahan menjalar ke tangan, tapi mata tidak ada apa-apa (tidak ada gejala stroke) : Punya amalan aneh-aneh, wirid yang aneh-aneh/tidak ada tuntunannya/bid’ah, pernah diisi suatu ”ilmu”/cakra/tenaga dalam.
Tumor di usus besar : sering menyimpan amarah
Pendengaran berkurang : dinasehati tidak mau mendengarkan
Klep jantung bocor : bila marah, diam/disimpan (1,2, 3 hari) lalu meledak
Tumit kanan buat jalan sakit, tangan kanan kesemutan : sering marah-marah saat melakukan pekerjaan.
Dada sesak, napas berbunyi : Punya hobi bercerita
Punya anak 3 tahun memiliki gejala kebocoran di ginjal, badan anak tersebut bengkak karena kekurangan protein : diantara ibu/bapaknya kalau jengkel selalu ditahan/disimpan amarahnya
Sakit kepala sebelah kanan sehingga susah tidur : Pernah waktu memberi nasehat kepada orang tua, terus mereka tidak setuju, kita simpan (ada ganjalan)
Hepatitis C sehingga perut dan kaki bengkak, kanker hati : Kaku dan emosional
Kelakuan aneh, sering bicara sendiri : Ikut aliran aneh-aneh, tenaga dalam, pernafasan.
Kanker di usus besar : marah, disimpan/diam, terus marah lagi, disimpan lagi, dan seterusnya.
Kanker payudara, kanker rahim : sering emosi, marah terus (terhadap suami/anak)
Herpes lengan kiri atas : keinginan kuat sekali (keinginan kurang bagus) terhadap orang lain.
Bintik-bintik air di tangan, gatal : waktu melakukan pekerjaan dengan emosi (tapi bukan marah)/keinginan kuat.
Mata tidak berfungsi dengan baik (tapi sebenarnya masih bagus) : sering meremehkan orang lain
Sakit kuning, batu empedu (yang menyebabkan kuning) : suka menceritakan hal buruk terhadap orang lain (agak berbau fitnah)
Perut kembung : Kalau diberi nasehat, agak jarang menerima.
Lutut belakang kanan agak ngilu-ngilu : sering menyuruh berbuat baik, tapi kalau yang diajak tidak mau terus Jengkel
Lutut kanan untuk berjalan sakit : kalau melakukan pekerjaan grusa-grusu
Epilepsi : sering menyimpan emosi di dalam otak (bisa menyebabkan kanker otak juga).
Solusi dari semua penyakit itu adalah beristighfar, merubah kebiasaan buruk menjadi baik, jangan marah (baik disimpan ataupun dikeluarkan) tetapi setiap masalah harus dimusyawarahkan, dan Tahajud. Percaya atau tidak... tergantung kadar keimanan kita masing-masing..... (bagpen AAL)
Tuesday, 11 June 2013
Letak Button Like Untuk Blog
Bagaimana anda hendak menentukan secara rawak berapa ramai yang suka blog anda.?.
Salah satu daripadanya adalah dengan meletakkan button 'like' untuk blog.
Jika tutorial meletakkan button 'like' dalam entri merujuk kepada pengunjung yang suka pada entri anda, meletakkan button 'like' ini pula akan merujuk kepada bilangan pengunjung yang suka blog anda secara keseluruhannya.
Anda boleh menggunakan kod yang diberi untuk diletakkan di sidebar blog anda
Tutorial untuk meletakkan button ini seperti di bawah.
1. Login akaun blogger, dari dashboard > design > add a gadget > HTML javascript
2. Copy dan paste kod di bawah ke dalam ruangan HTML/javascript
Salah satu daripadanya adalah dengan meletakkan button 'like' untuk blog.
Jika tutorial meletakkan button 'like' dalam entri merujuk kepada pengunjung yang suka pada entri anda, meletakkan button 'like' ini pula akan merujuk kepada bilangan pengunjung yang suka blog anda secara keseluruhannya.
Anda boleh menggunakan kod yang diberi untuk diletakkan di sidebar blog anda
Tutorial untuk meletakkan button ini seperti di bawah.
1. Login akaun blogger, dari dashboard > design > add a gadget > HTML javascript
2. Copy dan paste kod di bawah ke dalam ruangan HTML/javascript
<iframe scrolling="no" frameborder="0" allowtransparency="true" style="border: medium none; overflow: hidden; width: 280px; height: 40px;" src="http://www.facebook.com/plugins/like.php?href=http://URL-ANDA.blogspot.com&layout=standard&show_faces=false&width=280&action=like&font=arial&colorscheme=light&height=40"></iframe>
note: Gantikan URL-ANDA dengan url blog anda
3. Save dan lihat hasilnya.:)
cara membuat Title Blog Bergerak
Title blog secara default adalah dalam keadaan statik. Anda boleh tukarkan title blog anda dengan mudah dan juga anda boleh membuatkan ianya bergerak dari kanan ke kiri.
Tutorial untuk buatkan title blog bergerak adalah seperti berikut.
1. Dari dashboard > Design > Add a gadget > Html/Javascript
2. Copy dan paste code berikut dalam ruangan HTML/Javascript
<script language=javascript>
msg = "Title Blog Anda";
msg = "..." + msg;pos = 0;
function scrollMSG() {
document.title = msg.substring(pos, msg.length) + msg.substring(0, pos);
pos++;
if (pos > msg.length) pos = 0
window.setTimeout("scrollMSG()",200);
}
scrollMSG();
</script>
Note: Tukarkan 'Title Blog Anda' dengan apa sahaja yang anda mahu.
3. Save dan lihat hasilnya.:)
Tutorial Perkataan Ikut Cursor
ngin perkataan mengikut cursor anda semasa melayari blog.?
Contohnya seperti di bawah.
Contohnya seperti di bawah.
Tutorial untuk buat perkataan bergerak mengikut cursor adalah seperti berikut.
1. Dari dashboard > design > add a gadget > HTML/javascript (more info)
2. Copy dan paste kod berikut dalam html/javascript yang anda buka.
<style type="text/css">
/* Circle Text Styles */
#outerCircleText {
font-style: normal;
font-weight: normal;
font-family: 'comic sans';
color: #FF0080;
position: absolute;top: 0;left: 0;z-index: 3000;cursor: default;}
#outerCircleText div {position: relative;}
#outerCircleText div div {position: absolute;top: 0;left: 0;text-align: center;}
</style>
<script type="text/javascript">
;(function(){
var msg = "Perkataan anda di sini";
var size = 24;
var circleY = 0.75; var circleX = 2;
var letter_spacing = 5;
var diameter = 10;
var rotation = 0.4;
var speed = 0.2;
if (!window.addEventListener && !window.attachEvent || !document.createElement) return;
msg = msg.split('');
var n = msg.length - 1, a = Math.round(size * diameter * 0.208333), currStep = 20,
ymouse = a * circleY + 20, xmouse = a * circleX + 20, y = [], x = [], Y = [], X = [],
o = document.createElement('div'), oi = document.createElement('div'),
b = document.compatMode && document.compatMode != "BackCompat"? document.documentElement : document.body,
mouse = function(e){
e = e || window.event;
ymouse = !isNaN(e.pageY)? e.pageY : e.clientY; // y-position
xmouse = !isNaN(e.pageX)? e.pageX : e.clientX; // x-position
},
makecircle = function(){ // rotation/positioning
if(init.nopy){
o.style.top = (b || document.body).scrollTop + 'px';
o.style.left = (b || document.body).scrollLeft + 'px';
};
currStep -= rotation;
for (var d, i = n; i > -1; --i){ // makes the circle
d = document.getElementById('iemsg' + i).style;
d.top = Math.round(y[i] + a * Math.sin((currStep + i) / letter_spacing) * circleY - 15) + 'px';
d.left = Math.round(x[i] + a * Math.cos((currStep + i) / letter_spacing) * circleX) + 'px';
};
},
drag = function(){ // makes the resistance
y[0] = Y[0] += (ymouse - Y[0]) * speed;
x[0] = X[0] += (xmouse - 20 - X[0]) * speed;
for (var i = n; i > 0; --i){
y[i] = Y[i] += (y[i-1] - Y[i]) * speed;
x[i] = X[i] += (x[i-1] - X[i]) * speed;
};
makecircle();
},
init = function(){ // appends message divs, & sets initial values for positioning arrays
if(!isNaN(window.pageYOffset)){
ymouse += window.pageYOffset;
xmouse += window.pageXOffset;
} else init.nopy = true;
for (var d, i = n; i > -1; --i){
d = document.createElement('div'); d.id = 'iemsg' + i;
d.style.height = d.style.width = a + 'px';
d.appendChild(document.createTextNode(msg[i]));
oi.appendChild(d); y[i] = x[i] = Y[i] = X[i] = 0;
};
o.appendChild(oi); document.body.appendChild(o);
setInterval(drag, 25);
},
ascroll = function(){
ymouse += window.pageYOffset;
xmouse += window.pageXOffset;
window.removeEventListener('scroll', ascroll, false);
};
o.id = 'outerCircleText'; o.style.fontSize = size + 'px';
if (window.addEventListener){
window.addEventListener('load', init, false);
document.addEventListener('mouseover', mouse, false);
document.addEventListener('mousemove', mouse, false);
if (/Apple/.test(navigator.vendor))
window.addEventListener('scroll', ascroll, false);
}
else if (window.attachEvent){
window.attachEvent('onload', init);
document.attachEvent('onmousemove', mouse);
};
})();
</script>
Note: Tukar 'Perkataan anda disini' dengan apa yang anda mahu.
3. Save dan lihat hasilnya.:)
Bagi yang ingin sedikit ubahsuai, boleh rujuk beberapa perkara berikut.
1.Tukar style
font-style: normal; (pilihan lain italic, oblique, atau inherit)
2. Tukar warna perkataan
color: #FF0080; (untuk code warna, rujuk entri ini HTML color code
3. Tukar jenis tulisan
font-family: 'impact'; (pelbagai lagi bentuk perkataan yang ada, boleh rujuk dibawah)
Animated Recent Post Ver2
Recent post menunjukkan apakah post terbaru yang baru dihasilkan oleh seseorang blogger untuk blognya. Adanya animated recent post widget, dapat menambahkan lagi 'seri' bagi senarai recent post anda.
Anda boleh lihat demo animated recent post ver2 ini di blog demo ini.
Tutorial untuk membuat animated recent post ini adalah seperti berikut.
1. Dari dashboard > design > add a gadget > HTML/javascript
2. Copy dan paste kod di bawah ke dalam ruangan HTML/javascript yang anda buka.
Anda boleh lihat demo animated recent post ver2 ini di blog demo ini.
Tutorial untuk membuat animated recent post ini adalah seperti berikut.
1. Dari dashboard > design > add a gadget > HTML/javascript
2. Copy dan paste kod di bawah ke dalam ruangan HTML/javascript yang anda buka.
<style type="text/css">
#rp_plus_img{height:377px;}
#rp_plus_img li {height:60px;padding:5px;list-style:none;
background-color:#ffffff;
border:solid 1px #000000;}
#rp_plus_img a{color:#00000;}
#rp_plus_img .news-title{display:block;font-weight:bold ;margin-bottom:4px;font-size:11px;
text-align:justify;
-moz-border-radius: 5px;}
#rp_plus_img img{float:left;margin-right:14px;padding:4px;border:solid 1px #00000;width:55px;height:55px;}
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="https://sites.google.com/site/unwanted86/javascript/recentpost.js"></script>
<script type="text/javascript">
var speed = 1500;
var pause = 3500;
$(document).ready(function(){
rpnewsticker();
interval = setInterval(rpnewsticker, pause);
});
</script>
<ul id="rp_plus_img">
<script style="text/javascript">
var numposts = 5;
var numchars = 0;
</script>
<script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt"></script>
</ul><small><a href="http://tutorialuntukblog.blogspot.com/2011/07/animated-recent-post-ver2.html" target="_blank">get this widget here</a></small>
3. Save dan lihat hasilnya.
Cara Buat Textbox Dalam Blog
Membuat 'kotak' untuk apa sahaja yang anda ingin pamerkan dapat memudahkan para pengunjung untuk mengambil apa yang anda hendak kongsi, kebiasaannya kod atau mungkin juga lain-lain.
Contoh textbox sedia ada adalah textbox untuk code banner blog ini yang kelihatan di sebelah kanan blog ini.Textbox menjadikan code senang dicopy oleh pengunjung anda dan pada masa yang sama menampakkan kekemasan untuk meletakkan code dalam blog anda.
Contoh textbox sedia ada adalah textbox untuk code banner blog ini yang kelihatan di sebelah kanan blog ini.Textbox menjadikan code senang dicopy oleh pengunjung anda dan pada masa yang sama menampakkan kekemasan untuk meletakkan code dalam blog anda.
Tutorial ini akan menunjukkan kepada anda asas kepada textbox ini serta beberapa penambahan yang boleh dilakukan untuk memudahkan pemilik blog ataupun pengunjung.
Contoh kod yang hendak diletakkan didalam textbox adalah seperti berikut.
<center><a href="http://tutorialuntukblog.blogspot.com/" target="_blank">
<img src="http://4.bp.blogspot.com/_CEj8AwvwSNM/S4HEBN0gvhI/AAAAAAAAD8M/jFmA9RrjUA0/s400/blog+tutorial+bahasa+melayu.PNG" />
</a></center>
1. Asas bagi textbox adalah.
<textarea style="height: 100px; width: 200px; overflow: scroll; background: #8CEFFD;">MASUKKAN KOD ANDA DISINI</textarea>
Note:
height: 100px; > Gantikan dengan ketinggian yang anda kehendaki
width: 200px; > Gantikan dengan lebar yang anda kehendaki
background: #8CEFFD; Gantikan warna background dengan kod tertentu. Untuk kod warna, rujuk disini.
Contoh bagi kod di atas.
2. Untuk buatkan semua kod tersebut di'select' dengan hanya sekali klik pada textbox. Kodnya adalah:
<textarea style="height: 100px; width: 200px; overflow: scroll; background: #8CEFFD;" onclick="this.focus();this.select()" >MASUKKAN KOD ANDA DISINI</textarea>
Contoh textbox jenis ini adalah seperti berikut.
3. Untuk buatkan kod di'select' dengan hanya lalukan tetikus adalah seperti berikut
<textarea style="height: 100px; width: 200px; overflow: scroll; background: #8CEFFD;" onmouseover="this.focus()" onfocus="this.select()" >MASUKKAN KOD ANDA DISINI</textarea>
contox textbox jenis ini adalah
Mudah bukan.?
Kini anda boleh meletakkan kod didalam blog anda dengan lebih mudah dan kemas.
Selamat mencuba.:)
Letak Website Lain Dalam Blog
Pernahkah anda terpikir untuk meletakkan satu ruangan website lain dalam blog anda.?
Seperti anda meletakkan website google, yahoo dan pelbagai lagi dalam blog anda.
Ini membolehkan pengunjung blog anda melayari web lain tanpa meninggalkan blog anda.:)
Seperti anda meletakkan website google, yahoo dan pelbagai lagi dalam blog anda.
Ini membolehkan pengunjung blog anda melayari web lain tanpa meninggalkan blog anda.:)
Meletakkan website dalam blog masih boleh dilakukan dengan hanya menggunakan kod html/javascript
Klik disini untuk lihat demo website yang diletakkan dalam blog.
Berikut adalah langkah-langkah untuk tutorial ini.
1. Login akaun blogger, kemudian dari dashboard > layout > add a gadget
2. selepas klik pada add a gadget, pilih HTML/javascript
3. Copy code di bawah kemudian pastekan dalam ruangan html/javascript
<!--CHANGE LINKS BELOW TO YOUR OWN-->
<a href="javascript:jumpto('http://www.google.com')">Google</a> |
<a href="javascript:jumpto('http://www.yahoo.com')">Yahoo</a> |
<script language="javascript">
<!--
//Specify display mode (0 or 1)
//0 causes document to be displayed in an inline frame, while 1 in a new browser window
var displaymode=0
//if displaymode=0, configure inline frame attributes (ie: dimensions, intial document shown
var iframecode='<iframe id="external" style="width:99%;height:400px" src="http://www.google.com"></iframe>'
/////NO NEED TO EDIT BELOW HERE////////////
if (displaymode==0)
document.write(iframecode)
function jumpto(inputurl){
if (document.getElementById&&displaymode==0)
document.getElementById("external").src=inputurl
else if (document.all&&displaymode==0)
document.all.external.src=inputurl
else{
if (!window.win2||win2.closed)
win2=window.open(inputurl)
//else if win2 already exists
else{
win2.location=inputurl
win2.focus()
}
}
}
//-->
</script>
Penerangan :
-Google: Gantikan dengan nama yang anda mahu
-www.google.com: Gantikan dengan website yang anda mahu
4. Save, klik preview dan jika berpuas hari, klik save.:)
Letak Signature Dalam Blog
Mempunyai signature dapat menambahkan lagi trademark bagi seseorang blogger. Signature terletak pada bahagian akhir untuk sesuatu entri yang di post oleh blogger.
Signature boleh jadi apa sahaja samada gambar, icon, dan juga nama anda dengan font yang dirasakan sesuai untuk signature.
Tutorial ini akan menerangkan cara-cara meletakkan signature pada blog dengan menggunakan signature yang di'generate' daripada kaedah online.
Laman web yang paling sesuai untuk create signature online adalahhttp://www.mylivesignature.com/.Laman web ini dicadangkan kerana ianya dapat menghasilkan signature yang anda mahu dengan lebih senang. Masa anda pun jimat.:)
CREATE SIGNATURE.
1.Buka web http://www.mylivesignature.com/ untuk create signature anda.
Nota:pada bahagian terakhir untuk selesai signature anda, pilih 'want to download this signature'.
2.Setelah selesai signature anda, uploadkan untuk dapat url, (boleh guna imageshack.us atau upload pada blog anda sendiri)
contoh url:http://2.bp.blogspot.com/_CEj8AwvwSNM/S4PotCOwq7I/AAAAAAAAD9A/jC8qDqdmR78/signature.png
CARA LETAK DALAM BLOG.
1. Login kepada blog anda, kemudian dari dashboard, Layout > Edit Html > Expand Widget Templates (Backup template anda untuk langkah keselematan)
2. Pada keyboard anda, tekan ctrl + F untuk menghidupkan fungsi find kemudian cari kod dibawah
<p><data:post.body/></p>
3. Copy code ini dan paste di bawah kod tadi.
<p><div align="left"><img src="URL gambar/signature anda"/></div></p>
kod anda sepatutnya kelihatan seperti ini.(contoh)
Penerangan :
left : kedudukan signature boleh ditukar kepada center ataupun right
URL gambar/signature anda : Masukkan url gambar/signature
4. Selepas selesai letak code, klik preview dan jika anda berpuas hati, klik save.:)
Cara Buat Gambar Bergerak (Scrolling Image)
Membuat scrolling image dapat memberi pandangan yang berbeza berbanding memaparkan gambar secara statik. Kebanyakan scrolling image ini diaplikasikan oleh sesetengah blog yang mempunyai senarai list dalam bentuk gambar seperti banner ataupun mendapat tag daripada blogger lain.
Contoh scrolling image adalah berikut.
Contoh scrolling image adalah berikut.
Pergerakan setiap gambar dapat diubah samada dari kiri ke kanan, bawah ke atas dan sebaliknya. Selain itu kelajuan pergerakan setiap gambar juga dapat dikawal.
Contoh kod bagi scrolling image adalah seperti berikut.
<marquee direction="left" onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" width="150" height="200">
<a href="link untuk dibuka" target="_blank"><img src="url gambar" /></a>
<a href="link untuk dibuka" target="_blank"><img src="url gambar" /></a>
</marquee>
Penerangan:
Arah pergerakan gambar : boleh ditukar kepada up, down dan right.
Kelajuan pergerakan gambar : boleh ditukar kepada nombor lain. Semakin tinggi nilai semakin laju.
link untuk dibuka: link yang hendak dibuka apabila gambar diklik.
url gambar: url gambar yang hendak dipamerkan.
Nota:
1. Jika anda ingin menambah lebih banyak gambar, cuma copy paste kembali untuk bahagian gambar
2. Kod-kod ini dapat digunakan di dalam post entri ataupun pada bahagian gadget