lomba 2011

4 2011

Olimpiade Ekonomi Islam Antar SMA, Lomba Essay Ekonomi Islam, Lomba Karikatur, Musabaqah Hifdzil Qu’ran

Info lengkap di: http://dinartazkia.blogspot.com

CARA MENGGANTI NAVBAR BLOGSPOT

CARA MENGGANTI NAVBAR BLOGSPOT

Setelah sebelumnya saya membahas tentang :

1. Cara Menghapus Navbar Blogger Di Blog
2. Cara Menampilkan Navbar Blogger Di Blog

Kali ini saya memberikan solusi mudah untuk menanggapi masalah Navbar Blogger, ada beberapa sahabat yang menanyakan Bagaimana caranya agar tidak mengganggu penampilan blog dengan adanya Navbar tetapi tidak melanggar TOS (term of service) Blogger ? dan Solusinya ?

Karena sebelumnya kita telah membahas masalah navbar yaitu menghilangkan navbar adalah melanggar TOS blogger, dan jikalau kita memasang Navbar tersebut mengganggu penampilan Blog kita. maka solusinya adalah membuat Navbar tersebut seakan tidak ada, melainkan ada ketika crusor mouse kita berada pada bagian navbar (atas), atau bisa kita namakan antara ada dan tiada.

Semua itu dengan cara memodifikasi tampilan Navbar dengan Efek Opacity. tampilannya seperti yang Trik Tips Tutorial gunakan.

Cara membuatnya sangatlah mudah :


Bagi Template yang tidak terdapat Navbar pada tampilan Blog :

1. Setelah Login Blogger
2. Kemudian Tata Letak ~> edit HTML
3. Cari kode #navbar-iframe atau lengkapnya seperti ini :

#navbar-iframe{display:none;height:0;visibility:hidden;}

4. Ganti semua kode tersebut dengan :

#navbar-iframe{opacity:0.0; filter:alpha(Opacity=0)}
#navbar-iframe:hover{opacity:1.0; filter:alpha(Opacity=100,FinishedOpacity=100)}

5. Simpan dan Selesai lihatlah hasilnya..



Bagi Template yang terdapat Navbar pada tampilan Blog :

1. Setelah Login Blogger
2. Kemudian Tata Letak ~> edit HTML
3. Cari kode :

<b:skin><![CDATA[

4. masukkan kode dibawah ini setelah kode diatas :

#navbar-iframe{opacity:0.0; filter:alpha(Opacity=0)}
#navbar-iframe:hover{opacity:1.0; filter:alpha(Opacity=100,FinishedOpacity=100)}

5. Simpan dan Selesai lihatlah hasilnya..


Beberapa pilihan tampilan Navbar Blogger :


Note : Pada Tata Letak ~> elemen Halaman Pilihlah Navbar yang transparan agar sesuai nantinya dengan warna background blog kita pada saat Navbar tampil.

MEMBUAT MENU DI BLOGGER 121

MEMBUAT MENU DI BLOGGER 121

Salah satu cara menghemat ruang di dalam blogger adalah dengan membuat menu, yang biasanya terletak di atas

Pembuatan menu ini berlaku untuk semua template blogger, dikarenakan kode terlampir di bawah ini akan membuat area widget sendiri, yang terletak di bawah head.

langsung aja... caranya coba cari kode ]]></b:skin> kemudian copy kode css di bawah ini tepat diatasnya.

#menuq{ font-family: Verdana; padding:10px;}
.menuq a { color:yellow; border:1px #EDEEF0 solid; padding:5px; text-decoration:none;}
.menuq a:hover {color:red; border:1px #000000 solid; text-decoration:none;}
.menul .widget { border-bottom-width: 0;}

Selanjutnya carilah kode di bawah ini

<div id='header-wrapper'>
<b:section .......dst>
</b:section>
</div>

lalu copy kode di bawah ini tepat di bawah kode di atas..

<div id='menuq'><br /> <b:section class='menuq' id='menul' preferred='yes'/> </div>

apabila telah selesai kemudian simpan dan lihat di menu setting kemudian page element, coba perhatikan dibawah head akan ada area widget baru... langkah selanjutnya klik add widget , dan pilih HTML/JavaScript, kemudian copy kode di bawah ini ke dalamnya.

<div id="menuq"><a href="http://www.karsono.co.cc">Home</a>
<a href="http://www.google.com/s2/profiles/108276204690151158049">My Profile</a> <a href="http://id-id.facebook.com/people/Karsono-Sajah/1366190217">My Facebook</a></div>

Ganti link sesuai dengan link anda... beres.

Update :

Sehubungan banyak yang respon mengenai postingan ini... untuk lebih mempermudah pembuatan CSS Menu, coba lihat di postingan Generator CSS Menu, dimana kita tinggal customize CSS Menu, kemudian generate kodenya, dan pastekan kode tersebut di Blogger - Design - Page Element - Add Gadget - HTML/Script dan posisikan Gadget tersebut di bawah header.

Update :

Untuk mempermudah di dalam pembuatan Menu, coba lihat postingan berikut ini :
1.GENERATOR MENU CSS DI BLOGGER
2.GENERATOR MENU CSS3 DI BLOGGER (New)

MENGHILANGKAN NAVBAR BLOGGER 10

MENGHILANGKAN NAVBAR BLOGGER 10

Untuk menghilangkan navigation bar blogger sebenarnya bukan sesuatu yang ilegal dikarenakan sesuai informasi blogger help, disitu disebutkan kita bisa melakukan penyesuaian navigation bar sesuai template kita... berarti kalo templatenya gak memungkinkan kita untuk menggunakan Navigation bar, otomatis... boleh dong kita hilangkan...bener ga si...?

Tapi gak pa pa lah.. yang penting dapet ilmunya dulu...

langsung aja.. untuk menghilangkan navigation bar, cari saja kode di bawah ini yang ada di menu Layout Blogger, kemudian Edit HTML, setelah itu cari kode di bawah ini,:

/* Variable definitions====================

kemudian copy code berikut dan paste tepat di atasnya ;

#navbar-iframe {display: none !important;}

Selesai.

Kalo mo menampilkan Navigation bar kembali, tinggal hapus tuch kode... beress

PANDUAN MENGUBAH TAMPILAN FACEBOOK DALAM 3 MENIT!!!

PANDUAN MENGUBAH TAMPILAN FACEBOOK DALAM 3 MENIT!!!

CARA 1 (MENGGUNAKAN BACKGROUND YANG TERSEDIA)


1. Gabung ke Grup ini dengan meng-klik "Gabung ke Grup ini"
2. Undang semua teman Anda untuk bergabung dengan meng-klik "Undang Semua Orang untuk Bergabung" dan PILIH SEMUA TEMANMU, lalu kirim undangan. INGAT!! KARENA HANYA ORANG YANG BERGABUNG DAN MENGINSTAL APLIKASI INI YANG DAPAT MELIHAT PERUBAHAN TAMPILAN ANDA.
3. Gunakan Browser Mozilla Firefox 3.0 , Internet Explorer 7.0 and 8.0 dan. Sementara browser Safari, Google Chrome, AOL, MSN, or IE 6 Tidak Bisa.
4. Masuk ke http://www.yontoo.com/DownloadFFClient.aspx
5. Pilih "Start Instal"l
6. Install Add-Ons tersebut dan setelah selesai restart Mozilla Firefox tersebut.
7. Kembali ke halaman Facebook Anda
8. Masuk ke http://apps.facebook.com/pagerage/
9. Lalu pilih tampilan Facebook yang Anda inginkan (klik Select).
10. Selesai dan lihat perubahannya di halaman Facebook Anda.

HASILNYA: http://www.facebook.com/photo.php?pid=861760&op=2&o=user&view=user&subj=94354179019&aid=-1&oid=94354179019&id=1366453727



CARA 2 (JIKA ANDA INGIN MEMASUKKAN FOTO ANDA SEBAGAI BACKGROUND)


1. Gabung ke Grup ini dengan meng-klik "Gabung ke Grup ini"
2. Undang semua teman Anda untuk bergabung dengan meng-klik "Undang Semua Orang untuk Bergabung" dan PILIH SEMUA TEMANMU, lalu kirim undangan. INGAT!! KARENA HANYA ORANG YANG BERGABUNG DAN MENGINSTAL APLIKASI INI YANG DAPAT MELIHAT PERUBAHAN TAMPILAN ANDA.
3. Gunakan Browser Mozilla Firefox 3 , Internet Explorer 7.0 and 8.0. Sementara browser Safari, Google Chrome, AOL, MSN, or IE 6 Tidak Bisa.
4. Instal Yontoo Layers, caranya sama seperti cara di atas
5. Buka : http://apps.facebook.com/pagerage/
6. Dipojok kiri atas klik "Create Your Own Backgrounds”
7. Memasukan Background gambar/foto yang telah di upload**, lalu Klik "Load Image"
8. Memilih Warna Font dan setting transparansi (Show Advanced Setting)
9. Klik “Apply Background”
10. Selesai dan lihat perubahannya di halaman Facebook Anda.

NOTE:
** Untuk step #7 yg dimasukan adalah link adress foto, contohnya seperti ini : http://i441.photobucket.com/albums/qq138/zaka2112/DEV6-1.gif
** Untuk mendapatkan link seperti itu kamu bisa upload foto kamu anatara lain melalui :
- http://www.photobucket.com
- http://www.imageshack.us

HASILNYA: http://www.facebook.com/photo.php?pid=869358&op=1&o=user&view=user&subj=94354179019&aid=-1&oid=94354179019&id=1366453727



CARA 3 (DENGAN BANYAK PILIHAN TAMPILAN YANG BERVARASI)


1. Gabung ke Grup ini dengan meng-klik "Gabung ke Grup ini"
2. Undang semua teman Anda untuk bergabung dengan meng-klik "Undang Semua Orang untuk Bergabung" dan PILIH SEMUA TEMANMU, lalu kirim undangan. INGAT!! KARENA HANYA ORANG YANG BERGABUNG DAN MENGINSTAL APLIKASI INI YANG DAPAT MELIHAT PERUBAHAN TAMPILAN ANDA.
3. Gunakan Browser Mozilla Firefox 3
4. Install Add-ons yang ada di https://addons.mozilla.org/en-US/firefox/addon/2108
5. Install Add-ons tersebut dengan meng-klik "Add to Firefox"
6. Dan setelah selesai restart Mozilla Firefox tersebut.
7. Login ke account facebook Anda.
8. Masuk ke http://userstyles.org/styles/site/facebook.com
9. Pilih tampilan facebook yang Anda inginkan.
10. Klik tombol “Load into Stylish”
11. Selesai dan lihat perubahannya di halaman Facebook Anda

HASILNYA: http://www.facebook.com/photo.php?pid=871287&op=1&o=user&view=user&subj=94354179019&aid=-1&oid=94354179019&id=1366453727



CARA 4 (KHUSUS OPERA - DENGAN BANYAK PILIHAN TAMPILAN YANG BERVARASI)


Baca dan ikuti langkah berikut sampai selesai.

1. Gabung ke Grup ini dengan meng-klik "Gabung ke Grup ini"
2. Undang semua teman Anda untuk bergabung dengan meng-klik "Undang Semua Orang untuk Bergabung" dan PILIH SEMUA TEMANMU, lalu kirim undangan. INGAT!! KARENA HANYA ORANG YANG BERGABUNG DAN MENGINSTAL APLIKASI INI YANG DAPAT MELIHAT PERUBAHAN TAMPILAN ANDA.
3. Gunakan Opera 9
4. Siapkan lokasi script, melalui Menu : Tools > Preferences > Advanced > Content >JavaScript options
Gambarnya : http://www.facebook.com/photo.php?pid=875957&op=1&o=user&view=user&subj=94354179019&aid=-1&oid=94354179019&id=1366453727
5. Masuk ke http://userstyles.org/styles/browse/all/facebook/popularity/desc/1
6. Pilih salah satu skin yang ingin digunakan, contoh : http://userstyles.org/styles/15332
Gambarnya : http://www.facebook.com/photo.php?pid=875958&op=1&o=user&view=user&subj=94354179019&aid=-1&oid=94354179019&id=1366453727
7. Klik tombol "Load as user script", opera menampilkan script kemudian simpan melalui menu File --> save as. Dengan nama skin.js (apa saja asal dengan nama belakang .js)
Gambarnya : http://www.facebook.com/photo.php?pid=875959&op=1&o=user&view=user&subj=94354179019&aid=-1&oid=94354179019&id=1366453727
8. Selesai dan lihat perubahannya di halaman Facebook Anda

HASILNYA: http://www.facebook.com/photo.php?pid=875960&op=1&o=user&view=user&subj=94354179019&aid=-1&oid=94354179019&id=1366453727


**Untuk mengganti theme, hapus file .js dan ikuti langkah 3 sampai selesai.

**Untuk diketahui, beberapa theme yg tersedia di http://userstyles.org/styles/browse/all/facebook/popularity/desc/1 ada yang tidak dapat ditampilkan, coba ganti dengan theme yg lain.

anak anak smk 3 makassar........

inilah nama-nama anak smk 3 makassar yang masuk di blog my duniaq.
jimmi pangalinan

abd rahman
irfan widy prasetyo
mahyudin b
ikshan ardi                                                                                                      

DuniaQ.com

DuniaQ.com