Tutorial Menambah 3 Kolom Di Sidebar Blog

Cara membuat 3 Kolom Di SideBar Blog

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

Adab menjaga alam - Pendidikan Quran Sunnah

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 ..

Garuda Tutorial And Information Exchange Link

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

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

<center><a href="http://garuda69.blogspot.com" target="_blank" title="Garuda69 Exchange Link"><img src="http://s21.postimg.org/gi7wkrgc3/cooltext1413226941.gif" alt="Garuda Tutorial And Information" /></a></center>

Partner Garuda

Sudden Attack CNY Event

Chinese New Years Event 2014

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

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