Sunday, February 16, 2014

Tutorial Menambah 3 Kolom Di Sidebar Blog

3 Comments

Cara membuat 3 Kolom Di SideBar Blog


cara+membuat+3+kolom+di+sidebar
Assalamualaikum para blogger sudah lama tak update blog ini kerana sibuk dengan aktiviti harian .Disamping mengupdate blog baru saya iaitu KhairulCushion.com . Untuk artikel kali ini saya ingin mengkongsikan tips untuk Menambah Widget 3Kolom dengan mudah di sidebar blog . cara ini amat mudah dan sedang , saya perolehi cara ini daripada blog walking
<style type="text/css">
div.TabView div.Tabs
{height: 30px;overflow: hidden}
div.TabView div.Tabs a {float:left; display:block; width: 148px; /* Lebar Menu Utama Atas */
text-align:center ; height: 30px; /* Tinggi Menu Utama Atas */
padding-top:8px; vertical-align:middle; border:1px solid #BDBDBD; /* Warna border Menu Atas */
border-bottom-width:0; text-decoration: none; font-family: "Verdana", Serif; /* Font Menu Utama Atas */
font-weight:bold; color:#000000; /* Warna Font Menu Utama Atas */ -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px}
div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active {background-color: #FFFFFF; /* Warna background Menu Utama Atas */ }
div.TabView div.Pages {clear:both; border:1px solid #000000; /* Warna border Kotak Utama */ overflow:hidden; background-color:#FFFFFF; /* Warna background Kotak Utama */ }
div.TabView div.Pages div.Page {height:100%; padding:0px; overflow:hidden}
div.TabView div.Pages div.Page div.Pad {padding: 5px 5px}
</style>
<script type='text/javascript'>
//<![CDATA[
function tabview_aux(TabViewId, id)
{
var TabView = document.getElementById(TabViewId);
// ----- Tabs -----
var Tabs = TabView.firstChild;
while (Tabs.className != "Tabs" ) Tabs = Tabs.nextSibling;
var Tab = Tabs.firstChild;
var i = 0;
do
{
if (Tab.tagName == "A")
{
i++;
Tab.href = "javascript:tabview_switch('"+TabViewId+"', "+i+");";
Tab.className = (i == id) ? "Active" : "";
Tab.blur();
}
}
while (Tab = Tab.nextSibling);
// ----- Pages -----
var Pages = TabView.firstChild;
while (Pages.className != 'Pages') Pages = Pages.nextSibling;
var Page = Pages.firstChild;
var i = 0;
do
{
if (Page.className == 'Page')
{
i++;
if (Pages.offsetHeight) Page.style.height = (Pages.offsetHeight-2)+"px";
Page.style.overflow = "auto";
Page.style.display = (i == id) ? 'block' : 'none';
}
}
while (Page = Page.nextSibling);
}
// ----- Functions -------------------------------------------------------------
function tabview_switch(TabViewId, id) { tabview_aux(TabViewId, id); }
function tabview_initialize(TabViewId) { tabview_aux(TabViewId, 1); }
//]]>
</script>
<form action="tabview.html" method="get">
<div id="TabView" class="TabView">
<div style="width: 300px;" class="Tabs">
<a>Postingan</a>
<a>Kosong</a>
</div>
<div style="width:300px; height:250px; " class="Pages">
<div class="Page">
<div class="Pad">
<script style="text/javascript" src="http://blogergadgets.googlecode.com/files/recentpostswidgetv1.js"></script><script style="text/javascript">var numposts = 100;var showpostdate = false;var showpostsummary = false;var numchars = 100;</script><script src="http://www.nama blog anda.blogspot.com/feeds/posts/default?orderby=updated&alt=json-in-script&callback=showrecentposts"></script>
</div>
</div>
<div class="Page">
<div class="Pad">
Isi menu tab 3
</div>
</div>
</div>
</div>
</form>
<script type="text/javascript">
tabview_initialize('TabView');
</script>

 Catatan:
Untuk width: 148px; /* Lebar Menu Utama Atas */ harus diperhatikan, karena untuk lebar sidebar diperlukan ukuran yg pas, khususnya jika anda ingin mengurangi atau menambah kolomnya,seperti punya saya awalnya itu 3 kolom, jadi saya buat menjadi dua kolom karena ukuran sidebarnya kecil. nah untuk menambah atau mengurangi tambahkan kode seperti di bawah ini(kalau mengurangi di hapus):
<a>Tambah lagi mas</a>
letakkan dibawah(bisa di atas,ditengah atau di samping hehe)
kode ini: <a>Kosong</a>

dan untuk isinya(yg diatas judulnya)
tambahkan kode ini:
<div class="Page">
<div class="Pad">
Isi menu tab 3
</div>
</div>
</div>
(dibawah,ditengah atau diatas)
kode:
<div class="Page">
<div class="Pad">
Isi menu tab 3
</div>
</div>



 Catatan:
Untuk width: 148px; /* Lebar Menu Utama Atas */ harus diperhatikan, karena untuk lebar sidebar diperlukan ukuran yg pas, khususnya jika anda ingin mengurangi atau menambah kolomnya,seperti punya saya awalnya itu 3 kolom, jadi saya buat menjadi dua kolom karena ukuran sidebarnya kecil. nah untuk menambah atau mengurangi tambahkan kode seperti di bawah ini(kalau mengurangi di hapus):
<a>Tambah lagi mas</a>
letakkan dibawah(bisa di atas,ditengah atau di samping hehe)
kode ini: <a>Kosong</a>

dan untuk isinya(yg diatas judulnya)
tambahkan kode ini:
<div class="Page">
<div class="Pad">
Isi menu tab 3
</div>
</div>
</div>
(dibawah,ditengah atau diatas)
kode:
<div class="Page">
<div class="Pad">
Isi menu tab 3
</div>
</div>


Source:
Eblog-wayan.blogspot.com

Friday, February 7, 2014

Adab menjaga alam - Pendidikan Quran Sunnah

8 Comments

Adab Menjaga Alam



Menjaga Alam menurut Islam

Alam ialah segala yang ada di langit dan dibumi. Sebagai makhluk yang dilantik oleh Allah S.w.t menjadi khalifah dimuka bumi ini ' manusia bertanggungjawab memelihara dan menjaga alam. Pada waktu yang sama , mereka juga perlu menghindarkan diri daripada melakukan aktiviti yang boleh merusakkan dan mencemarkan alam


Dalil beradab dengan alam

Dalil Nakli

وَابْتَغِ فِيمَا آتَاكَ اللَّهُ الدَّارَ الْآخِرَةَ ۖ وَلَا تَنْسَ نَصِيبَكَ مِنَ الدُّنْيَا ۖ وَأَحْسِنْ كَمَا أَحْسَنَ اللَّهُ إِلَيْكَ ۖ وَلَا تَبْغِ الْفَسَادَ فِي الْأَرْضِ ۖ إِنَّ اللَّهَ لَا يُحِبُّ الْمُفْسِدِينَ

Melayu :Dan carilah pada apa yang telah dianugerahkan Allah kepadamu (kebahagiaan) negeri akhirat, dan janganlah kamu melupakan bahagianmu dari (kenikmatan) duniawi dan berbuat baiklah (kepada orang lain) sebagaimana Allah telah berbuat baik, kepadamu, dan janganlah kamu berbuat kerusakan di (muka) bumi. Sesungguhnya Allah tidak menyukai orang-orang yang berbuat kerusakan.Surah Al-Qashash Ayat: 71




Adab-Adab Menjaga Alam

Memelihara Alam Sekitar : Setiap muslim bertanggungjawab menjaga alam sekitar kerana kehidupan mereka berkait rapat dan bergantung pada alam sekitar . Alam sekitar yang kotor memudharatkan kehidupan manusia . Oleh itu , kita perlu memelihara alam sekitar sama ada didarat , laut , dan udara daripada sebarang kerosakkan , pencemaran dan kemusnahan .

Tidak merusakkan Kepada Alam Sekitar : Kerusakkan yang dilakukan oleh manusia kepada alam sekitar boleh memudaratkan kehidupan manusia . Terdapat banyak kerusakkan yang dilakukan oleh manusia terhadap alam sekitar . Antaranya ialah membuang sampah sarap,najis dan sisa bahan kimia .

Menjaga kebersihan alam sekitar : terdapat banyak tindakkan dan amalan yang boleh dilakukan bagi menjaga kebersihan alam sekitar . Antaranya ialah membersihkan sampah sarap , sisa bahan kimia dan menanam pokok-pokok .


Contoh Rasullah Menjaga Alam



1. Rasullah telah menyatakan bahawa memelihara kebersihan sama ada diri atau alam sekitar merupakan sebahagian daripada iman

2. Rasullah apabila mengutuskan tentera islam untuk berjihad , baginda akan berpesan antara pesanannya ialah tidak memotong atau memusnahkan pokok-pokok yang berbuah dan juga membunuh haiwan-haiwan ternakkan pihak musuh

3. Rasullah menyatakan tiga perkara yang menyebabkan seseorang itu dilaknak oleh Allah iaitu buang air besar ditempat sumber air serta tempat berteduh

4. Rasullah mengingatkan para sahabat supaya bersyukur dengan semua kejadian yang ada di alam ini. Oleh sebab itu , rasullah pernah menegah para sahabat daripada membunuh binatang tanpa tujuan .......


Cara menjaga alam
Sekolah Dan Surau Memastikan Bersih daripada sampah sarap dan kotoran

tidak merusakkan kemudahan yang disediakan

menjaga kebersihan tandas
Sungai Dan Laut Membersihkan dan tidak membuang sampah sarap kedalamnya

memelihara batu karang , organisma , tumbuh-tumbuhan di laut atau sungai
Hutan Dan Pokok Memperbanyakkan penanaman semula pokok untuk menghijaukan alam sekitar

tidak melakukan aktiviti pembakaran terbuka dan penebangan hutan tanpa kawalan
Udara memperbanyakkan penanaman pokok

tidak melakukan pembakaran terbukan

tidak mencemarkan udara dengan asap kenderaan


Sekian terima kasih Untuk pelajar-pelajar yang mengunakan artikel ini sebagai rujukan insha Allah saya akan buat nota ringkas jika ada masa . Al maklum saya juga sibuk nak study untuk spm yg bakal berlansung hehe ..

Wednesday, February 5, 2014

Garuda Tutorial And Information Exchange Link

2 Comments

Garuda Tutorial And Information Exchange Link



Untuk menukar link dengan saya silalah anda copy url berikut dan masukkan ke blog anda . Dengan cara ini kita dapat membantu sesama kita dalam meningkatkan blog kita seterusnya memberi impak agar blog kita sentiasa mampu ke top 1 google .

Cara Exchange Link Dengan Garuda 69

1. Pilih Banner Yang Ingin Anda Letakkan Ke Dalam Blog Anda

2. Setelah itu komen blog kalian di kotak komen untuk saya mengcopy link kalian agar di masukkan ke dalam blog saya


Garuda Tutorial

Untuk mengunakan Banner Di Atas Sila Copy dan masukkan link di bawah

Partner Garuda

Sunday, February 2, 2014

Sudden Attack CNY Event

2 Comments

Chinese New Years Event 2014



For this posting i want make some event for Sudden Attack 2014 Chinese New Years Event


Sudden Attack Hack Sudden Attack Aimbot 2014 Sudden Attack 2014 Hack Sudden Attack Wall Hack Hack 2014

Click Get To Get Free Mol Point RM25


OLD HACK SUDDEN ATTACK 2013

Sudden Attack 2013 Sudden Attack 2014 Moll Point Hack Moll Point Hack 2014 Free Moll Point Moll Point Free 2014
Subscribe to: Posts (Atom)