Selasa, 05 Februari 2013

Blogger Pintar

























































My Facebook : Panjen_adit@yahoo.com
My Fan Page : Lost saga Cool Community Dan Lost Saga Special Soul






Cara Pasang Buku Tamu Di Blog

1. Kunjungi situs tersebut, klik Get One noe, free>>, atau bisa juga dengan Sign Up,dan isi data Anda

2. Jika sudah tedaftar, dan di terima jadi anggota shoutmix, silahkan anda masuk/login dengan id anda

3. Pada kolom yang berjudul Style, klik menu appearance.

4. Kemudian klik menu pulldown di samping tulisan Load From Preset untuk mengatur tampilan buku tamu, dan pilih sesuai dengan keinginan Anda, kemudian klik Save Setting.

5. Untuk mendapatkan kode HTML dari shoutbox anda,  klik Use Shoutbox yang berada di bawah menu Quick Start

6. Setela itu klik tulisan Place Shoutbox on web page. Isi lebar dan tinggi shoutbox yang di inginkan

7. Kemudian copy seluruh kode HTML yang ada pada text area yang berada di bawah tulisan Generated Codes, lalu simpan di program Notepad atau wordpad juga bole.

8. Jika sudah, klik Log out yang berada di atas layar anda untuk keluar dari halaman shoutmix anda.

9. Selesai


Untuk menempatkan kode HTML shoutbox tadi pada blog anda, perhatikan langkah-langkah berikut ini.


Untuk Blogger baru :

1. Seperti biasa, login terlebih dahulu ke akun blogger Anda.

2. Kemudian klik menu Layout

3. Lalu klik Page Element

4. Setelah itu klik Add a Page Element

5. Lanjutkan dengan klik tombol Add to Blog yang berada di bawah tulisan HTML/JavaScript

6. Kemudian tuliskan judul shoutbox anda pada form title. Contoh : Buku Tamu Blog

7. Copy paste kode HTML shoutbox anda di dalam form Content

8. Lalau klik tombol Save Changes

9. Drag dan Drop element yang telah anda buat tadi di lokasi yang Anda sukai

10. Tekan tombol Save

11. Selesai

Cara Pasang Jadwal Solat Di Blog

1. Anda harus login terlebih dahulu ke account blogger Anda

2. Pilih rancangan atau tataletak jika Anda menggunakan dasbor blogger baru

3. Klik tambah gadget pada sidebar, jika Anda ingin menempatkan jadwal sholat pada sidebar blog Anda

4 Langkah berikutnya copy dan pastekan kode jadwal sholat berikut ini sesuai dengan kota tempat tinggal Anda


  • Jadwal sholat untuk wilayah kota jakarta dan sekitarnya
<iframe src="http://www.islamicfinder.org/prayer_service.php?country=indonesia&city=jakarta&state=&zipcode=&latitude=-6.1744&longitude=106.8294&timezone=7&HanfiShafi=1&pmethod=1&fajrTwilight1=10&fajrTwilight2=10&ishaTwilight=10&ishaInterval=30&dhuhrInterval=1&maghribInterval=1&dayLight=0&page_background=&table_background=&table_lines=&text_color=&link_color=&prayerFajr=&prayerSunrise=&prayerDhuhr=&prayerAsr=&prayerMaghrib=&prayerIsha=&lang=" frameborder=0 width=175 height=280 marginwidth=0 marginheight=0 scrolling="no"> </iframe><span style="font-size: 50%">Widget edited by <a href="http://super-bee.blogspot.com/" target="_blank" rel="follow">super-bee</a></span>


  • Jadwal sholat untuk wilayah kota bandung dan sekitarnya
<iframe src="http://www.islamicfinder.org/prayer_service.php?country=indonesia&city=bandung&state=30&zipcode=&latitude=-6.3253&longitude=106.4914&timezone=7&HanfiShafi=1&pmethod=1&fajrTwilight1=10&fajrTwilight2=10&ishaTwilight=10&ishaInterval=30&dhuhrInterval=1&maghribInterval=1&dayLight=0&page_background=&table_background=&table_lines=&text_color=&link_color=&prayerFajr=&prayerSunrise=&prayerDhuhr=&prayerAsr=&prayerMaghrib=&prayerIsha=&lang=" frameborder=0 width=175 height=280 marginwidth=0 marginheight=0 scrolling="no"> </iframe><span style="font-size: 50%">Widget edited by <a href="http://super-bee.blogspot.com/" target="_blank" rel="follow">super-bee</a></span>


  • Jadwal sholat untuk wilayah kota batam dan sekitarnya
<iframe src="http://www.islamicfinder.org/prayer_service.php?country=indonesia&city=battam&state=&zipcode=&latitude=1.0833&longitude=104.0500&timezone=7&HanfiShafi=1&pmethod=1&fajrTwilight1=10&fajrTwilight2=10&ishaTwilight=10&ishaInterval=30&dhuhrInterval=1&maghribInterval=1&dayLight=0&page_background=&table_background=&table_lines=&text_color=&link_color=&prayerFajr=&prayerSunrise=&prayerDhuhr=&prayerAsr=&prayerMaghrib=&prayerIsha=&lang=" frameborder=0 width=175 height=280 marginwidth=0 marginheight=0 scrolling="no"> </iframe><span style="font-size: 50%">Widget edited by <a href="http://super-bee.blogspot.com/" target="_blank" rel="follow">super-bee</a></span>


  • Jadwal sholat untuk wilayah kota malang dan sekitarnya
<iframe src="http://www.islamicfinder.org/prayer_service.php?country=indonesia&city=malang&state=00&zipcode=&latitude=-6.4789&longitude=106.6417&timezone=7&HanfiShafi=1&pmethod=1&fajrTwilight1=10&fajrTwilight2=10&ishaTwilight=10&ishaInterval=30&dhuhrInterval=1&maghribInterval=1&dayLight=0&page_background=&table_background=&table_lines=&text_color=&link_color=&prayerFajr=&prayerSunrise=&prayerDhuhr=&prayerAsr=&prayerMaghrib=&prayerIsha=&lang=" frameborder=0 width=175 height=280 marginwidth=0 marginheight=0 scrolling="no"> </iframe><span style="font-size: 50%">Widget edited by <a href="http://super-bee.blogspot.com/" target="_blank" rel="follow">super-bee</a></span>


  • Jadwal sholat untuk wilayah kota medan dan sekitarnya
<iframe src="http://www.islamicfinder.org/prayer_service.php?country=indonesia&city=medan&state=&zipcode=&latitude=3.5833&longitude=98.6667&timezone=7&HanfiShafi=1&pmethod=1&fajrTwilight1=10&fajrTwilight2=10&ishaTwilight=10&ishaInterval=30&dhuhrInterval=1&maghribInterval=1&dayLight=0&page_background=&table_background=&table_lines=&text_color=&link_color=&prayerFajr=&prayerSunrise=&prayerDhuhr=&prayerAsr=&prayerMaghrib=&prayerIsha=&lang=" frameborder=0 width=175 height=280 marginwidth=0 marginheight=0 scrolling="no"> </iframe><span style="font-size: 50%">Widget edited by <a href="http://super-bee.blogspot.com/" target="_blank" rel="follow">super-bee</a></span>


  • Jadwal sholat untuk wilayah kota padang dan sekitarnya
<iframe src="http://www.islamicfinder.org/prayer_service.php?country=indonesia&city=padang&state=24&zipcode=&latitude=-0.9500&longitude=100.3500&timezone=7&HanfiShafi=1&pmethod=1&fajrTwilight1=10&fajrTwilight2=10&ishaTwilight=10&ishaInterval=30&dhuhrInterval=1&maghribInterval=1&dayLight=0&page_background=&table_background=&table_lines=&text_color=&link_color=&prayerFajr=&prayerSunrise=&prayerDhuhr=&prayerAsr=&prayerMaghrib=&prayerIsha=&lang=" frameborder=0 width=175 height=280 marginwidth=0 marginheight=0 scrolling="no"> </iframe><span style="font-size: 50%">Widget edited by <a href="http://super-bee.blogspot.com/" target="_blank" rel="follow">super-bee</a></span>


  • Jadwal sholat untuk wilayah kota palembang dan sekitarnya
<iframe src="http://www.islamicfinder.org/prayer_service.php?country=indonesia&city=palembang&state=25&zipcode=&latitude=-2.9167&longitude=104.7500&timezone=7&HanfiShafi=1&pmethod=1&fajrTwilight1=10&fajrTwilight2=10&ishaTwilight=10&ishaInterval=30&dhuhrInterval=1&maghribInterval=1&dayLight=0&page_background=&table_background=&table_lines=&text_color=&link_color=&prayerFajr=&prayerSunrise=&prayerDhuhr=&prayerAsr=&prayerMaghrib=&prayerIsha=&lang=" frameborder=0 width=175 height=280 marginwidth=0 marginheight=0 scrolling="no"> </iframe><span style="font-size: 50%">Widget edited by <a href="http://super-bee.blogspot.com/" target="_blank" rel="follow">super-bee</a></span>

  • Jadwal sholat untuk wilayah kota semarang dan sekitarnya
<iframe src="http://www.islamicfinder.org/prayer_service.php?country=indonesia&city=semarang&state=07&zipcode=&latitude=-7.0114&longitude=110.4111&timezone=7&HanfiShafi=1&pmethod=1&fajrTwilight1=10&fajrTwilight2=10&ishaTwilight=10&ishaInterval=30&dhuhrInterval=1&maghribInterval=1&dayLight=0&page_background=&table_background=&table_lines=&text_color=&link_color=&prayerFajr=&prayerSunrise=&prayerDhuhr=&prayerAsr=&prayerMaghrib=&prayerIsha=&lang=" frameborder=0 width=175 height=280 marginwidth=0 marginheight=0 scrolling="no"> </iframe><span style="font-size: 50%">Widget edited by <a href="http://super-bee.blogspot.com/" target="_blank" rel="follow">super-bee</a></span>


  • Jadwal sholat untuk wilayah kota surabaya dan sekitarnya
 <iframe src="http://www.islamicfinder.org/prayer_service.php?country=indonesia&city=surabaya&state=30&zipcode=&latitude=-6.9206&longitude=107.6472&timezone=7&HanfiShafi=1&pmethod=1&fajrTwilight1=10&fajrTwilight2=10&ishaTwilight=10&ishaInterval=30&dhuhrInterval=1&maghribInterval=1&dayLight=0&page_background=&table_background=&table_lines=&text_color=&link_color=&prayerFajr=&prayerSunrise=&prayerDhuhr=&prayerAsr=&prayerMaghrib=&prayerIsha=&lang=" frameborder=0 width=175 height=280 marginwidth=0 marginheight=0 scrolling="no"> </iframe><span style="font-size: 50%">Widget edited by <a href="http://super-bee.blogspot.com/" target="_blank" rel="follow">super-bee</a></span>


  • Jadwal sholat untuk wilayah kota yogyakarta dan sekitarnya
<iframe src="http://www.islamicfinder.org/prayer_service.php?country=indonesia&city=yogyakarta&state=10&zipcode=&latitude=-7.8000&longitude=110.3667&timezone=7&HanfiShafi=1&pmethod=1&fajrTwilight1=10&fajrTwilight2=10&ishaTwilight=10&ishaInterval=30&dhuhrInterval=1&maghribInterval=1&dayLight=0&page_background=&table_background=&table_lines=&text_color=&link_color=&prayerFajr=&prayerSunrise=&prayerDhuhr=&prayerAsr=&prayerMaghrib=&prayerIsha=&lang=english" frameborder=0 width=175 height=280 marginwidth=0 marginheight=0 scrolling="no"> </iframe><span style="font-size: 50%">Widget edited by <a href="http://super-bee.blogspot.com/" target="_blank" rel="follow">super-bee</a></span>

5. Save template Anda dan lihat hasilnya.

Sebagaimana janji saya tadi, bagi Anda yang tidak ada kotanya seperti yang saya sebutkan diatas, untuk mendapatkan scriptnya perhatikan langkah-langkah berikut ini.

1. Masuk kesitus ini http://www.islamicfinder.org

2. Pada bagian bawah situs tersebut klik "Add new sevices to your site"

3. Kemudian alihkan perhatian Anda pada pilihan yang kedua kemudian

4. Klik menu dropdownnya, kemudian pilih "Select a country"  lalu klik "Go"

5. Setelah itu pilih kota tempat tinggal Anda kemudian klik "Go"

jadwal sholat

6. Kemudian langkah selanjutnya klik pada kota yang Anda pilih tadi

7. Lalu lihat bagian bawah, dan klik "Generate Code"

8. Copy dan paste kodenya, apakah Anda ingin menggunakan bentuk horizontal atau vertikal

9. Untuk pemasangannya perhatikan penjelasan yang sudah saya jelaskan diatas.

10. Jika sudah, klik save untuk menyimpan hasilnya.

Cara Memasang Jam Di Blog

  1. Kunjungi alamak web www.clocklink.com
  2. Pilih menu atau tab Gallery pada situs tersebut (bagian kiri)
  3. Pilih bentuk jam yang Anda inginkan, misalnya bentuk digital
  4. Jika sudah, klik view HTML tag yang berada dibawah jam tersebut
  5. Maka akan muncul clock link, dan klik accept
  6. Selanjutnya akan muncul kode jam yang akan kita pasang keblog, sebaiknya pilih kode yang atas
  7. Kemudian login ke akun blogger Anda, klik Rancangan >> Tambah Gadget >> Pilih HTML/Javascript
  8. Lalu, copy dan pastekan kode tadi kemudian simpan/save
  9. Selesai sudah.



Cara Memasang Social Bookmark Di Blog


Adapun langkah-langkah memasukkan code bookmark adalah :

1. Anda harus registrasi /daftar dulu ke www.addthis.com untuk mendapatkan kode bookmark.
2. Pilih salah satu style book mark yang sesuai dengan selera anda kemudian klik tombol Get Addthis.
3. Copy code book mark pada halaman tersebut.
4. Kembali ke blog anda, Masuk ke template => Edit HTML => centang "Expand Template Widget"
5. Cari kode

<!-- quickedit pencil -->
<b:include data='post' name='postQuickEdit'/>
</span></p>

Atau cari code :

<b:if cond='data:post.showBacklinks'>
<a class='comment-link' expr:href='data:post.url + "#links"'><data:top.backlinkLabel/></a>
</b:if>
</b:if></span></p>

(untuk mempermudah pencarian kode tersebut tekan (Ctrl + F) dan masukkan code yang kita cari ke kotak "Find" ) lalu Enter

6. Kemudian Copy-Paste code Bookmark di bawah code diatas. jangan lupa disimpan. Jika proses berhasil maka bookmark akan tampil disetiap potingan anda. Gampangkan..???

" Selamat Berexperimen " :)

Cara Membuat Readmore

Pertama, anda hanya disuruh pergi ke Dashboard, lalu pilih Tata Letak, selanjutnya pilih Tab Edit HTML.
• Centang bagian check box tulisan Expand Template Windget.

Cari kode, <data:post.body/> atau <p><data:post.body/></p> untuk mempermudah pencarian, tekan CTRL+F pada keybord dan tuliskan kode tersebut, nanti akan terdeteksi secara otomatis.
Jika anda sudah menemukan kode, hapus kode tersebut, dan ganti dengan kode berikut :


<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
<p><data:post.body/>
<a expr:href='data:post.url'><strong>Selengkapnya...</strong></a></p>
</b:if>

Jika sudah anda ganti, Simpan Template
Langkah selanjutnya, pergi ke Dashboard, lalu pilih Pengaturan, selanjutnya pilih Format.
Lalu tuju tulisan Template Posting, dan tuliskan kode berikut :

<span class="fullpost">
</span>


Setelah itu Simpan.Apakah dah Selesai ? Ya.
Kode tersebut sebenarnya hanya untuk mempermudah penulisan saat posting, maksudnya ?
Saat anda hendak posting baru, pada kolom Edit HTML, bukan di Tulis (saat posting ada 2 pilihan halaman khan?)

Kode tersebut akan keluar secara Otomatis.
Anda tinggal memasukkan artikel mana yang ingin di tampilkan pada haman depan, dan mana halaman yang untuk selanjutnya.

Untuk tata caranya lihat ilustrasi di bawah ini :

Saya membuat posting baru, dan saya menulisnya di kolom Edit HTML bukan Compose.
Saat membukanya ada tulisan :

<span class="fullpost">
</span>

Saya, akan menuliskan sebagai berikut :

Cara membuat Read more otomatis
<span class="fullpost">
menggunakan icon / gambar dan text
</span>

Maka, setelah saya publikasikan akan menjadi seperti ini :

Cara membuat Read more otomatis
Readmore/Baca Selengkapnya

Cara Upload Gambar Dalam Postingan


1. Login terlebih dahulu ke akun blogger Anda
2. Klik post
3. New post/Entri baru
4. Klik tolbar/gambar seperti ini gambar
 Kemudian akan muncul window seperti gambar dibawah ini :

upload gambar

Keterangan Gambar :

  1. Untuk memilih gambar yang telah ada di komputer
  2. Untuk memilih gambar yang telah ada diblog atau telah di upload sebelumnya di blog
  3. Memilih gambar pada album picasa web
  4. Memilih gambar yang ada di handphone
  5. Memilih gambar melalui url atau link gambar yang telah ada (masukkan url/link gambar pada form yang telah disediakan)
  6. Membatalkan pangupload-tan gambar.
  7. Klik "add select" setelah pengapload-tang selesai

Pada keterangan gambar diatas, mungkin sudah jelas bagi Anda cara upload gambar dalam postingan. Untuk memposisikan dan merubah besarnya gambar, perhatikan gambar dibawah ini. Klik gambar yang telah di upload tadi.

upload

Keterangan gambar :

  1. Ukuran gambar kecil 
  2. Ukuran gambar sedang
  3. Ukuran gambar besar
  4. Ukuran gambar terbesar
  5. Ukuran gambar asli
  6. Posisi gambar sebelah kiri
  7. Posisi gambar ditengan
  8. Posisi gambar di sebelah kanan
  9. Membuat keterangan gambar
  10. Membuat judul dan Tag gambar
  11. Menghapus url/link gambar (jika diberikan url/link)