Pasang Feed Dalam Kode Marquee

Salah satu sahabat blog kang rohman yaitu Setangguh kaktus ! (nama yang diperkenalkan beliau melalui kotak komentar) menanyakan bagaimana cara membuat Feed dalam kode marquee. Bagi blogger yang mencintai tampilan yang lebih di namis, memang dengan pemakaian kode marquee bisa menambah semarak karena suatu objek bisa bergerak dengan bantuan sedikit kode HTML. Kembali ke pertanyaan di atas yaitu apakah pemasangan feed bisa di pasang dalam kode marquee? jawabannya tentu saja bisa, namun pengertian pasang feed disini adalah seperti yang pernah saya ulas di sini. Trus bagaimana cara memasangnya? silahkan di baca sampai tuntas. sebagai contoh, saya mengasumsikan bahwa anda belum memasang feed apapun di blog anda, dan silahkan ikuti langkah-langkah berikut ini : Langkah ke 1 :

1. Sign in di blogger dengan ID anda.



2. Klik menu layout.



3. Klik menu Elemen Halaman.



4. Klik tulisan Tambahkan sebuah Elemen Halaman.



5. Klik tombol TAMBAHKAN KE BLOG di bawah tulisan Feed.



6. Tulis alamat ini pada kotak di samping tulisan URL feed --> http://kolom-tutorial.blogspot.com/atom.xml



7. Klik tombol SIMPAN PERUBAHAN.



8. Pindahkan elemen yang baru saja di buat pada tempat yang anda kehendaki.



9. Klik tombol SIMPAN .



10. Klik tulisan Lihat Blog untuk melihat hasil penambahan elemen yang baru di buat.

langkah ke 2 :

1. Klik tab Edit HTML.



2. Klik tulisan Download Template Lengkap, silahkan di save dulu untuk backup (penting untuk di lakukan).



3. Beri tanda centang pada kotak di samping tulisan Expand Template Widget , lihat gambar di bawah :

4. Tunggu beberapa saat ketika proses sedang berlangsung
5. Silahkan anda cari kode berikut pada kode template milik anda :










• 
  
  
  
  
  
  
  
  
  -
  
  
  
  
  
  
  -
  
  
  
  












6. Tambahkan kode marquee seperti pada contoh kode berikut (perhatikan kode yang di cetak merah):

















• 
  
  
  
  
  
  
  
  
  -
  
  
  
  
  
  
  -
  
  
  
  

















7. Klik tombol Simpan Template.
8. Selesai. Silahkan lihat hasilnya !

Perlu di ketahui bahwa, pemasangan kode marquee kurang begitu bagus kalau di lihat pada browser mozilla/firefox, kode ini berfungsi secara baik apabila di lihat pada browser internet explorer.

Sumber dari Blog Kang Rohman

22.18 | 0 komentar | Read More

Pasang Game di Blog

Kemarin ada yang rikues minta di buatkan tutorial cara Pasang Game di blog, dan sepertinya tutorial yang akan di tulis tidak terlalu sulit, maka langsung saya buatkan saja.

Sebagai catatan kecil saja, memasang game di blog memang menyenangkan bagi sebagian orang, namun hal ini akan mengakibatkan loading blog anda akan sedikit berat. Jadi silahkan dipikir dulu baik dan buruknya.

Untuk memasang Widget game, anda bisa mendapatkannya secara gratis di internet, silahkan lakukan googling saja. Sebagai contoh, salah satu penyedia layanan ini adalah http://www.khemer.com. Contoh game yang bisa di pasang adalah seperti ini :

Caranya menginstall nya seperti ini :

Untuk template Baru :

Langkah #1 :

1. Silahkan kunjungi http://www.khemer.com.



2. Silahkan lihat dan coba game-game yang ada dengan cara meng klik pada judul game.



3. Setelah menemukan game yang di rasa cocok, perhatikan ke bagian bawah.



4. Copy kode yang ada pada text area, lalu paste pada notpad atau text editor lainnya, kemudian save dulu di komputer.



5. Sekarang anda mempunyai kode game untuk di pasang di blog.



6. Silahkan close halaman browser anda jika di rasa cukup.

Langkah #2 :

1. Sign in di blogger dengan ID anda.
2. Klik Layout.
3. Klik tab Elemen Halaman.
4. Klik Tambahkan sebuah Elemen Halaman.
5. Klik tombol TAMBAHKAN KE BLOG di bawah tulisan HTML/JavaScript.
6. Copy kode game yang tadi di dapat, lalu paste pada pop up window yang muncul.
7. Klik tombol SIMPAN PERUBAHAN.
8. Pindahkan elemen yang baru anda buat tadi pada tempat yang di di rasa cocok.
9. Klik tombol SIMPAN yang ada di sebelah atas.
10. Selesai. Silahkan lihat hasilnya!

Untuk template Klasik :

1. Sign in di blogger dengan ID anda.
2. Klik Layout.
3. Klik tab Edit HML.
4. Copy seluruh kode template anda, kemudian paste pada notepad. Silahkan di save dulu untuk backup (sangat penting).
5. Copy kode game yang tadi di dapat, lalu paste pada tempat yang dinginkan.
6. Klik tombol Simpan Perubahan Template.
7. Selesai. Silahkan lihat hasilnya!

Sumber dari Blog Kang Rohman

22.16 | 0 komentar | Read More

Cara membuat Elemen Persis Di bawah Header

Seperti kang rohman tulis pada artikel " Menyimpan widget persis di bawah header ", bahwa tidak hanya cara tersebut saja yang bisa anda lakukan namun masih ada teknik yang lain untuk dapat meyimpan widget atau elemen persis di bawah header. Teknik yang kang rohman maksud adalah dengan membuat kolom baru langsung di bawah header, penasaran bagaimana caranya? yuk di lanjut mang!!!

Untuk membuat kolom baru tidaklah sesulit yang anda bayangkan, anda hanya cukup menambahkan sedikit kode css serta HTML kedalam kode template anda. Belum tahu caranya? silahkan ikuti langkah berikut :

1. Login ke blogger dengan ID anda.
2. Klik Tata Letak.

3. Klik tab Elemen Halaman. Perhatikan struktur layout template anda. Biasanya bagian header akan seperti ini :

   

4. Sekarang kita akan membuatkan sebuah kolom baru persis di bawah header. Siap? yuk mulai.
5. Klik tab Edit HTML.
6. Klik Tulisan Download Template Lengkap, silahkan di backup dulu (penting).

7. Copy kode berikut, lalu paste di atas kode ]]>

   #under_header{
   margin:10px 0;
   padding:1%;
   width:98%;
   }

8. Cari kode yang mirip dengan kode di bawah ini :

   
   
   
   
   

9. Copy kode berikut lalu paste persis di bawah kode tadi :

   
   
   

10. Klik tombol SIMPAN TEMPLATE. Tunggu beberapa saat sampai template anda tersimpan.

11. Klik tab Elemen Halaman. dan struktur layout anda akan menjadi seperti ini.

    

12. Yihaa! sekarang anda sudah mempunyai elemen yang langsung persis di bawah header, silahkan tambahkan elemen yang inginkan. Mau pasang iklan google adsense, klik saya.com atau apa saja atau mungkin mau pasang photo anda yang ganteng serta cantik di sana? silahkan wong blog anda.
13. Selesai.

21.50 | 0 komentar | Read More

Zoom Efek Dengan Script Fancy Zoom

Bagi anda yang ingin menyimpan gambar dalam ukuran besar pada halaman blog, tentunya akan mengalami kesulitan karena keterbatasan kolom posting ataupun sidebar. Untuk mengatasi hal ini, banyak cara yang bisa kita lakukan, diantaranya adalah dengan memakai scrip fancy zoom. Dengan menggunakan script fancy zoom, anda cukup menempatkan gambar berukuran kecil pada halaman blog anda, baik itu di tempatkan pada halaman posting ataupun sidebar atau juga di bagian footer. Prosesnya adalah ketika gambar tersebut di klik oleh pengunjung blog, maka gambar yang tadinya berukuran kecil akan di zoom sehingga tampak gambar yang berukuran besar. Untuk melihat contoh efek menarik dari fancy zoom, silahkan klik di sini!

Untuk membuat efek zooming seperti yang di contohkan, anda memerlukan script yang di namakan fancyzoom. Sebenarnya script ini di pakai biasanya di pakai pada blog wordpress, namun setelah kang rohman coba, ternyata bisa berjalan di mesin blogger dengan baik. Tertarik membuat efek zoom seperti ini, silahkan lanjut samapai akhir. Berikut langkah-langkahnya :

Silahkan download terlebih dahulu script fancy zoom, klik pada banner di bawah ini :

Mirror 1 (ziddu)	Mirror 2 (bizhat)

Jika sudah di download, silahkan di ekstrak terlebih dahulu dengan memakai software ekstraktor seperti winzip atau winrar. Nanti akan terdapat dua file script java :

Nanti akan ada dua file java yang file name nya yaitu : FancyZoom.js dan FancyZoomHTML.js. Tugas anda selanjutnya adalah mengupload file java tersebut ke server tempat anda biasa menyimpan file java, misalkan ke yahoo geocities atau yang lainnya. Setelah di upload, kemudian copy kedua alamat file tersebut, misalkan kang rohman sudah mempunyai alamat sebagai berikut (hanya contoh saja, jangan di pakai) :

http://www.geocities.com/amn_tea/FancyZoom.js

http://www.geocities.com/amn_tea/FancyZoomHTML.js

Dari alamat tersebut, buatlah kode seperti ini (contoh juga) :

Kemudian masukan kode tersebut di atas kode di dalam template blog anda. Bingung? ya sudah, lengkapnya begini nih caranya :

1. Silahkan login ke blogger dengan Id anda.
2. Klik Tata Letak.
3. Klik tab Edit HTML.
4. Klik tulisan Download template Lengkap. Silahkan di backup dulu templatenya (penting).
5. Cari kode
6. Simpanlah kode yang tadi di buat di atas kode . Contoh :

   

7. Lihat sedikit ke bawah, dan temukan kode ini
8. Hapus kode lalu ganti dengan kode :

9. Klik tombol SIMPAN TEMPLATE.

Untuk langkah awal sudah OK, langkah selanjutnya adalah upload gambar-gambar yang berukuran besar ke server tempat biasa anda menyimpan file gambar, misal ke photobucket.com atau imageshack.com atau di mana saja. kemudian copy alamat gambar tersebut. Misalkan kang rohman sudah mengupload gambar ke google pages dan mempunyai alamat gambar sebagai berikut : http://kangrohman.googlepages.com/Waterlilies.jpg Pola pemanggilan gambar yang akan di zoom adalah sebagai berikut :

Jadi untuk contoh alamat di atas, kode yang di buat bisa seperti ini :

height="200" src="http://kangrohman.googlepages.com/Waterlilies.jpg" width="300" border="0" />

Kode width="300" dan height="200" adalah ukuran agar gambar yang tampil bisa menjadi berukuran lebih kecil daripada ukuran aslinya, dan tentu saja nilai ini bisa anda ganti dengan nilai yang anda inginkan.

21.47 | 0 komentar | Read More

Cara Membuat READMORE Otomatis Terbaru

Postingan kali ini akan memberikan tutorial Cara Membuat Readmore atau Baca Selengkapnya pada postingan blog secara otomatis. Dengan adanya readmore otomatis, kita bisa menentukan berapa ketinggian dan lebar penggalan postingan dan image yang akan muncul pada halaman pertama blog kita sehingga terlihat rapi dan menarik. Trik ini mungkin telah banyak yang mengetahui dan ada juga yang belum mengetahuinya. Bagi anda yang belum mengetahui bagaimana cara membuat readmore otomatis, bisa mengikuti tutorial berikut ini.

PERTAMA, silakan masuk ke acount blogger anda kemudian pilih Edit Html, jangan lupa memberikan tanda ceklis pada bacaan "Expand Widget Template" atau lihat gambar di bawah ini :

cari kode kemudian masukkan script di bawah ini persis dibawah kode tersebut.

»»  READMORE...

Keterangan : tulisan yang berwarna merah adalah yang bisa anda ganti.
==> Summary noimg 430 = tinggi artikel terpenggal tanpa image

==> Summar img 430 = tinggi artikel terpenggal dengan image

==> Readmore bisa anda ganti dengan Baca Selengkapnya, full read dll...

KETIGA, klik save template
Selanjutnya anda bisa melakukan postingan dan lihat hasilnya, Readmore atau baca selengkapnya akan secara otomatis terpasang setelah anda publish postingannya.

20.43 | 0 komentar | Read More

KETIKA CINTA BERTASBIH 2

Date Released : 17 September 2009
Quality : -
Info : imdb.com/title/tt1507309
Lihat : Trailer
Starring : Kholidi Asadil A, Oki Setiana D, Alice Norin
Genre : Drama
----------------------------------------

Uploader by TheHack3r


Download Files :
Part 1
Part 2
Part 3
Part 4
Part 5
Part 6
Part 7
[Ziddu]
----------------------------------------

Cara Download Beserta Cara Menggabungkan File Baca disini

-----------------------------------------------------------------------------------------------------------------

R E S E N S I

Lulus S-1 dari sebuah perguruan tinggi ternama tidak menyebabkan Azzam mendapat kemudahan dalam segala urusan. Dia bahkan gamang untuk mendapatkan pekerjaan yang pas. Belum lagi cibiran tetangga yang mengira bahwa lulusan Al-Azhar University otomatis menjadi kiyahi, atau ulama besar. Sang ibu pun menjadi gelisah, bahkan menyuruh adik Azzam, Husna untuk mencarikan pekerjaan, apa saja yang penting asal kesannya bekerja, keluar dari rumah.

Dengan latar belakang pengalaman berwirausaha selama di Mesir, Azzam pun tidak patah semangat untuk membangun usahanya sendiri. Tetapi bagaimana dengan menikah, hal yang selalu disinggung oleh ibunya

Anna Althafunnisa, wanita yang ia dambakan telah dipinang sahabatnya sendiri. Sedangkan Eliana yang jelas-jelas menaruh hati padanya belum bisa ia terima, karena ia masih mendambakan wanita muslimah. Azzam pun berusaha mencari tambatan hatinya, walaupun cukup banyak hambatan yang ia hadapi, yang ke

Sumber dari thehack3r.com

12.23 | 0 komentar | Read More