islamic-web-blog

ISLAMIC WIDGET

2010-03-19T13:15:00.000-07:00

PILIHAN ISLAMIC WIDGET

Beberapa orang mengalami kesulitan atau masalah ketika menggunakan pos otomotis untuk memasang widget islami Alhabib ke blog mereka di Blogspot. Ada yang memperoleh pesan error atau failed (gagal). Ada juga yang mengalami kesulitan lain sehingga tidak bisa memasang widget secara otomatis.

Tutorial ini bertujuan untuk memberi petunjuk, langkah demi langkah bagaimana cara memasukkan atau memasang widget tersebut secara manual di Blogpspot.
Menggunakan HTML Gadget

1. Salin (copy) kode widget yang tersedia di setiap halaman widget islami Alhabib.

Kotak kode embed/HTML bagi widget islami Alhabib

Kode ini dapat dimunculkan pada halaman penyetelan setiap widget dengan menekan tombol: BLOG ME!. Berikan klik pada kotak kode embed yang muncul atau pada tombol COPY. Kode tersebut akan tersalin dan disimpan dalam memori komputer.

2. Masuk ke halaman pengelolaan blog anda di Blogspot.

Menu pengelolaan pada daftar blog di Blogspot

Kunjungi www.blogger.com dan masukkan akun Google anda beserta kata sandinya. Jika semua berjalan lancar anda akan dibawa ke halaman pengelolaan blog anda. Jika anda memiliki lebih dari satu blog, maka akan muncul daftar blog anda di sana. Klik tombol TATA LETAK pada daftar blog yang anda ingin pasangi widgetnya. Sebuah diagram tampilan blog anda beserta komponen pelengkapnya akan tertampil.

3. Tambahkan gadget HTML baru.

Menu penambahan Gadget pada halaman pengelolaan tata letak blog di Blogspot

Cari tombol Tambah Gadget pada tampilan tata letak blog anda. Tergantung dengan tema blog yang anda pakai, tombol ini bisa berada di mana saja dan bisa berjumlah lebih dari satu. Pilih tempat yang anda inginkan widget akan tertampil dan klik tombol tersebut.

4. Sisipkan kode HTML pada kotak konfigurasi.

Jendela Konfigurasi HTML/Javascript pada BlogpspotSebuah kotak bertajuk Konfigurasi HTML/Javascript akan tertampil. Di sana anda dapat mengisi judul dari gadget ini yang akan ditampilkan bersama widget. Pada bagian Konten, masukkan atau sisipkan kode widget yang telah anda salin pada langkah 1 dengan menekan Ctrl-V atau klik-kanan dan kemudian Paste. Selanjutnya tekan tombol SIMPAN.

5. Simpan perubahan Tata Letak blog anda.

Simpan perubahan Tata Letak dengan menekan tombol SIMPAN

Anda akan kembali ke halaman pengelolaan Tata Letak blog anda dan sebuah pesan akan memberitahu anda bahwa sebuah elemen halaman baru telah ditambahkan. Anda juga dapat melihat Judul dari Gadget yang baru saja anda tambahkan telah muncul di tempat penambahannya (langkah 3). Untuk melihat hasil penambahan widget islami Alhabib ini, klik tombol PRATINJAU. Jika anda puas, jangan lupa menekan tombol SIMPAN pada halaman Tata Letak ini untuk menyimpan perubahan tampilan blog.

Demikianlah cara manual untuk memasang widget islami Alhabib di Blogspot. Semoga bermanfaat dan berhasil menampilkan widget-widget islami pilihan untuk para pengunjung blog anda.

http://ashifcom.blogspot.com

TAMPILKAN LISTEN2QURAN DI WEB-BLOG

2010-03-11T10:03:00.000-08:00

Tampilan web dan blog akan semakin indah dan bersahaja dengan memuat Gadget Listen2Quran yg disediakan di http://www.quranlisten.com atau http://www.listen2quran.com

Listen2Quran sangat praktis karena disamping mendengarkan Qiraatul Qur'an juga menampilkan terjemah Indonesia sehingga memudahkan pembaca memahami ayat al-Qur'an.

Bagi yg sudah terbiasa menambah gadget di blog caranya :

- Masuk Login, pilih TATA LETAK
- Pilih menu TAMBAH GADGET pada posisi yg sesuai menurut selera Anda
- Ketik pada box CARI Listen Quran atau Islamic
- Setelah tampil gadjet2 yg dicari pilih Listen2quran lalu Simpan.
Selesai...

Atau jika mau yg lebih praktis

CARA PERTAMA :

- Buka http://www.listen2quran.com
- di sisi kanan copy menu EMBED
- pastekan di gadget HTML/Javascript
- Simpan

CARA KEDUA :

- setelah pilih TAMBAHKAN GADGET pilih HTML/java script +
- Copy paste kan teks di bawah ini
- Tambahkan < diawal teks
- Simpan...

iframe src="http://0.blogger.gmodules.com/gadgets/ifr?container=blogger&v=99fa1a4247e1f3777869b75c54ca513&lang=in&country=ALL&view=home&url=http%3A%2F%2Fakunabel.t35.com%2FFOC-gadget%2FListen%2520to%2520Quran%2520.xml&libs=core&parent=http%3A%2F%2Fashifcom.blogspot.com%2F&mid=6#st=e%3DAFlCd0W2t1Z7D6f3%252BcPCDVBAsJJ57i1XAqjxfZS8xun5VcYr06EBr46fWxXnVYIJMDmK2j4zQzZgY9RwscXW6XMGKan6BCpErq6ltAGhkSrbCyP8qrOHvUNbCTv95AkaXUy1%252FzriBeKK%26c%3Dblogger&rpctoken=-5535137733941274796" style="width: 100%; display: block;" id="sidebar-gadget6" name="sidebar-gadget6" frameborder="0" height="600">

http://ashifcom.blogspot.com

Cara Mengganti Template Theme Web Blog

2010-03-09T01:04:00.000-08:00

Ganti Template Blogspot Anda
Blogspot, Tutorial

TUTORIAL BLOGGER

* Ganti Template Blogspot Anda
* Cara Mengganti Template Blogspot
* Memindahkan Blogspot ke Domain Pribadi

Tulisan ini akan memberitahukan pada Anda bagaimana caranya mengganti template blog pada blogspot standar Anda menjadi template pilihan kesukaan. Tentunya pertama kali Anda harus men-download terlebih dahulu template-template khusus untuk blogger yang tersedia banyak sekali di Internet. Beberapa alasan kenapa saya menyarankan Anda mengganti template bisa dibaca disini.

Silakan tanya Mbah Google dengan keyword: “free blogger templates“,
temukan yang paling Anda sukai dan biasanya akan dijelaskan sedikit bagaimana cara men-setup-nya pada blogspot Anda. Umumnya template tersebut sudah bisa langsung digunakan namun tidak semua template bisa langsung digunakan. Apabila template tersebut tidak bisa digunakan biasanya hal ini disebabkan versi template Anda adalah versi klasik, silakan lakukan upgrade atau carilah template terbaru yang menerangkan bahwa template Anda bisa digunakan pada versi terbaru blogger.
atau mau coba download Cosmic lalu extract di folder data harddisk Anda.

Langkah Mengganti Template

Pastikan Anda telah memili file template untuk blogspot yang berekstensi .XML. Bahasa XML adalah masih keluarga dari HTML dan XHTML dan merupakan standar bahasa web yang bisa diterjemahkan oleh browser internet menjadi susunan yang sedemikian rupa sehingga membentuk sebuah layout atau desain dari website/blog.

Silakan Login menggunakan account blogger/Google Anda, lalu pilih salah satu blog Anda (maaf tutorial ini menggunakan setting bahasa Inggris, jika Anda menggunakan bahasa Indonesia maka letak dan posisinya adalah sama).

Langkah 1:

Pilih menu Layout - Edit HTML

Langkah 2:

Klik tombol Browse, cari lokasi penyimpanan file .xml Anda. Dalam contoh ini saya memakai template Grey Press Blogger (grey_press_blogger.xml)

Langkah 3:

Klik tombol Upload, pastikan tidak ada error seperti terlihat pada gambar di bawah

Langkah 4:

Klik tombol SAVE TEMPLATE

Silakan lihat perubahannya, sebelumnya:

Berubah menjadi:

Apa Saja yang Berubah Signifikan?
Jenis Perubahan Sebelum Sesudah
Warna latar belakang hijau pupus abu-abu
Sidebar 1 2
Layout sempit lebih lebar
Fitur pencarian tidak ada ada
Fitur arsip tidak ada ada
Fitur RSS feed tidak ada ada
Header image, tidak bisa diganti image, bisa diganti
Series NavigationCara Mengganti Template Blogspot»
ShareThis
Langganan RSS via Email
Apa Selanjutnya?

* Berikan Komentar Berikan Komentar

Tulisan Sejenis

* Cara Mengganti Template Blogspot
* Cari Koleksi Template Blogspot Terlengkap
* Download Template Blogspot
* Optimalkan Blogspot Anda
* Pilih Wordpress atau Blogspot?

ashifcom

SHARING INFORMASI

2009-12-18T08:07:00.000-08:00

Bismillah Wal hamdulillah...