Penghasil Uang

Membuat Teks Berjalan Pada Blog


1. Tulisan bergerak dari kanan ke kiri

 <marquee direction="left" scrollamount="2" align="center">Contoh Tulisan Berjalan</marquee>
 hasilnya
Contoh Tulisan Berjalan

2. Tulisan bergerak dari kiri ke kanan
 <marquee direction="right" scrollamount="2" align="center"> Contoh Tulisan Berjalan </marquee>
 hasilnya
Contoh Tulisan Berjalan

3. Teks bergerak bolak balik ( mondar - mandir ) dari kiri ke kanan
<marquee direction="left" scrollamount="2" align="center" behavior="alternate"> Contoh Tulisan Berjalan </marquee>
hasilnya
Contoh Tulisan Berjalan


4. Teks bergerak bolak balik ( mondar - mandir ) dari kanan ke kiri
<marquee direction="right" scrollamount="2" align="center" behavior="alternate"> Contoh Tulisan Berjalan </marquee>
hasilnya
Contoh Tulisan Berjalan


5. Teks bergerak dari atas ke bawah
 <marquee direction="down" scrollamount="2" align="center"> Contoh Tulisan Berjalan </marquee>
 hasilnya
Contoh Tulisan Berjalan

6. Teks bergerak dari bawah ke atas
 <marquee direction="up" scrollamount="2" align="center"> Contoh Tulisan Berjalan </marquee>
hasilnya
Contoh Tulisan Berjalan

7. Teks bergerak mondar- mandir dari atas ke bawah
 <marquee direction="up" scrollamount="2" align="center" behavior="alternate"> Contoh Tulisan Berjalan </marquee>
hasilnya
Contoh Tulisan Berjalan

8. Teks bergerak zig - zag ( diagonal ) memantul
 <center><marquee direction="up" scrollamount="2" align="center" behavior="alternate" width="90%"><marquee direction="right" behavior="alternate"> Contoh Tulisan Berjalan </marquee></marquee></center>
 hasilnya


Contoh Tulisan Berjalan

9. Teks bergerak zig - zag ( diagonal ) tembus
 <center><marquee direction="up" scrollamount="2" align="center" behavior="alternate" width="90%"><marquee direction="right"> Contoh Tulisan Berjalan </marquee></marquee></center>
hasilnya


Contoh Tulisan Berjalan

Cara memasang :
1. Login ke akun blog sobat
2. Klik rancangan --> Elemen laman --> Tambah gadget --> HTML/Javascript
3. Masukkan kode marquee dari salah satu tulisan berjalan diatas
4. Klik save dan lihat hasilnya.

tambahan :
  • Direction : untuk mengatur pola gerakan teks (left, right, up dan down)
  • Scrollamount : untuk mengatur kecepatan gerakan teks. Naikkan angkanya ( dari 2 menjadi 3 ) untuk mempercepat gerakan dan sebaliknya.
  • Behavior ( scroll/slide/alternate ): untuk mengatur prilaku gerakan.
  • Untuk menambahkan background, padding, border, color, dll pada marquee, silahkan sisipkan  kode marquee antara kode berikut
<div style="background: #000000; border: 2px solid #FF0000; color: white; font-size: 20px; font-weight: bold; letter-spacing: 0.5em; padding: 15px;">
<marquee direction="left" scrollamount="6" align="center">Contoh Tulisan Berjalan</marquee>
</div>

hasilnya :
Contoh Tulisan Berjalan

  • Untuk menyisipkan link pada marquee, gunakan kode berikut :
<div style="background: #FFFFFF; border: 2px solid #FF0000; color: black; font-size: 20px; font-weight: bold; letter-spacing: 0.2em; padding: 15px;">
<marquee direction="left" scrollamount="6" align="center"><a href="http://dollarwebku.blogspot.com"/>Cara Membuat Teks Berjalan di Blog</a></marquee>
</div>
catatan :
ganti tulisan yang berwana biru dengan Url yang di inginkan.
hasilnya :
  • Contoh lain penggunaan link pada marquee yaitu dengan menggunakan kode berikut :
<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="100%" height="100" align="center">
<a href=" http://christiantatelu.blogspot.com/2012/03/cara-membuat-permalink-di-blog.html/">cara membuat permalink di blog</a><br/>
<a href="http://christiantatelu.blogspot.com/2012/03/cara-membuat-logo.html">cara membuat logo</a><br/>
<a href="http://christiantatelu.blogspot.com/2012/03/blog-di-blogspot-dan-blog-di-wordpress.html">blog di blogspot dan blog di wordpress</a><br/>
</marquee>
catatan :
kode yang di cetak tebal adalah perintah pada teks untuk terhenti ketika di lewati pointer
Hasilnya :
Share:

Hasil Stempel Dan Hasil Scan Stempel diprint Berbeda

Gambar di bawah adalah 2 surat, dimana surat pertama belum memiliki Stempel dan di bawahnya sudah distempel, Kita akan membuat surat pertama terlihat seperti surat kedua yaitu memiliki bukti stempel, dengan metode "Copy Gambar lalu timpa"


Surat pengesahan 
Sekarang, buka file surat yang sudah di stempel di photoshop. lalu pilih tool seleksi "Rectangular Marquee Toll" atau klik M ,lihat gambar di bawah

cara mengganti stempel di photoshop
Lalu buat kota untuk seleksi bagian "stempel dan tanda tangan" dgn cara klik - tahan - tarik - klik
gambar di bawah akan memperjelasnya
Setelah terseleksi, Lanjutkan dengan men duplikat gambar ,tekan "CTRL+J" sehingga kotak yang kita seleksi menjadi gambar baru dengan layer baru.
beri nama layer dengan nama "stempel"   lihat gambar dibawah. sekarang kita mempunyai 2 layer.
Sekarang buka file surat yang belum di stempel "surat yang ingin di beri stempel" lalu anda akan melihat 2 file sedang terbuka di photoshop
Pergi ke file surat yg belum di stempel, lalu klik layer stempel "usahakan tool yang sedang anda pakai adalah "pick tool ( tekan v)"
Klik pada area stempel/tanda tangan dan tahan, lalu tarik sampai ke file surat yg belum di stempel lalu lepas.
Lihat gambar di bawah
Hasil pemotongan :: gambar pada layer "stempel"
Gambar asli :: file surat yang asli
Ketika layer "stempel" di tarik
Ketika anda berhasil, akan terlihat seperti di bawah ini. dimana, gambar pada layer "stempel" berada di atas surat yang belum di stempel

proses pemindan layer"stempel" ke surat belum di stempel
Selanjutnya, atur posisi layer "stempel" agan berada di tempat yang di inginkan
sekarang terlihat bahwa file kita sudah memiliki tanda tangan yang telah di stempel.
sesuaikan seperti gambar di bawah

lalu pilih layer "stempel" - klik kanan- pilih "merge down" bertujuan agar kedua gambar ini menyatu dalam satu layer


Sampai disini, kita sudah bisa melihat hasilnya, namun kita harus lebih teliti agar hasil nya tidak ketahuan.
Lihat pada gambar di bawah, kita masih memiliki masalah kecil, yaitu tanda hasil pemotongan atau warna kedua gamba belum menyatu 
masih terlihat hasil edit lewa photoshop
Kita selesaikan masalah ini dengan trik "duplikat warna" mengunakan "Clone stamp tool"
Pilih tool nya , lihat gambar di bawah ini

alat untuk duplikat gambar atau warna di photoshop
Setting sesuai gambar di bawah, lihat pada area atas photoshop untuk menemukan pengaturan ini
opacity :: 60% " jika persennya semakin sedikit maka hasilnya semakin transparan
Flow :: 70%

pengaturan ketajaman clone stamp tool
jika sudah klik kanan pada area gambar , lalu sesuaikan dengan gambar " ini adalah contoh, anda bisa mengati diameter sesuai keinginan anda"
:: gambar di bawah berfungsi untuk mengatur besar kecilnya clone stamp tool
Jika sudah mengatur semua, sekarang kita akan membuat warna gambar terlihat menyatu.
tekan "alt" lalu cari warna pada area gambar yang mirip atau bisa menutup "potongan" lalu klik
nah, sekarang anda sudah punya warnanya.
lanjutkan dengan klik-tahan pada bagian yang ingin di perbaiki. "lakukan sampai anda melihat hasil terbaiknya.
lihat hasil di bawah
Setelah itu , semua selesai dan anda siap untuk Save ke jpg.
tekan "ctrl+s" lalu pilih jpg - beri nama - lalu - SAVE.
Hasil mengganti tanda tangan dan stempel
Share:

Blog Ki Rogo Sejati Dikloning Hacker


Info dari
POSMETRO.CO: Ki Rogo Sejati, paranormal kondang asal Kepri marah besar, pasalnya situs pribadi miliknya www.kirogosejatinews.blogspot.com dan www.rogosejati.blogspot.com serta www.ikatanparanormalnusantara.blogspot.com dikloning dan isi dengan hal-hak yang tidak benar serta melanggar etika keparanormalan. "Ada tebak togelnya, ada pesugihan, ada juga uang ghoib. Saya tak pernah membuka konsultasi dan praktik hal-hal seperti itu! Ini jelas sudah merusak nama baik saya," ungkap Ki Rogo Sejati saat ditemui di padepokannya di Perumahan Taman Bintang Permai No. 25 Seipanas, Batam, (samping Vihara Maetreya). Untuk hal ini, Ki Rogo mengaku telah berkoordinasi dengan pihak kepolisian namun belum secara resmi melaporkan. "Saya sudah koordinasi dengan Kompol Didik Erfianto, mantan Kasat Reskrim Polres Barelang. Tapi sekarang beliau sedang pendidikan," ungkap Ki Rogo. Dijelaskannya dari hasil pelacakan melalui teknologi internet, diketahui nomor telepon orang yang telah mengkloning situs miliknya itu berada di Makasar, Sulawesi. "Itu masalahnya, menurut Pak Didik, daerah tersebut memang terkenal banyak sindikat penipuan dengan modus IT," timpalnya. Kendati demikian Ki Rogo tak patah arang, ia segera akan melaporkan kasus pencemaran nama baik ini ke pihak kepolisian. "Karena ini pencemaran nama baik secara online, maka saya akan melaporkan ke Mabes Polri," jelasnya. Kepada seluruh masyarakat dan relasi-relasinya, Ki Rogo menghimbau agar tidak tertipu dengan situs yang mengatasnamakan Ki Rogo Sejati, karena Ki Rogo tidak pernah membuka konsultasi untuk nomor togel, gandakan uang, pelet, godham, teluh apalagi santet. "Saya ini praktik pengobatan, menyelesaikan peemasalahan yang dihadapi oleh masyarakat. Bukan membuat masalah," tegasnya. Ki Rogo juga mengatakan bahwa uang ghoib atau praktik penggandaan uang tersebut tidak benar, kalau ada paranormal yang katanya bisa melakukan hal itu, kita harus mewaspadainya, karena lazumnya akan berakhir pada praktik penipuan. "Sudah banyak terjadi, kalau memang benar bisa, pasti sudah banyak paranormalbyang kaya raya, bisa bisa tak ada orang miskin di Indonesia," tutup Presiden Ikatan Paranormal Nusantara ini.(mb1) - See more at: http://www.posmetro.co/read/2016/08/23/2379/Situs-Dikloning-Ki-Rogo-Murka#sthash.3NZ4TPLK.dpuf

Share:

Triv57c4d831b827d

Triv57c4d831b827d
Share:

Trik agar IP Proxy Pakai Add Ons di Mozilla Firefox Otomatis

Teknologi Terbaru 2016
Cara Cepat Mengganti IP Proxy Mozilla Firefox - Sebelumnya saya sudah memberikan panduan lengkap mengganti proxy di browser firefox dan chrome. Caranya cukup mudah dan bisa langsung digunakan tanpa harus download software terlebih dahulu, namun ada cara yang lebih mudah, cepat, dan otomatis. Yaitu menggunakan Add Ons Mozilla Firefox. Dengan cara ini kita bisa dengan cepat berpindah-pindah proxy secara otomatis hanya sekali klik.
Mengganti IP Proxy banyak manfaatnya bagi pengguna internet aktif. Dengan adanya proxy kita bisa menyembunyikan identitas jaringan/IP PC pribadi kita dari publik. Untuk lebih jelasnya sobat PutraKomputer.Com bisa membaca artikel saya tentang Pengertian dan Fungsi proxy. Agar sobat bisa lebih memahami apa itu proxy dan bagaimana cara kerjanya.
Firefox
Kembali ke pembahasan awal, Add ons yang kita gunakan bernama "Proxy Selector" atau yang biasa disebut "Proxy Switcher". Mengganti proxy menggunakan add ons ini cara kerjanya yaitu kita atur terlebih dahulu list/daftar proxy nya terlebih dahulu. Setelah itu kita bisa dengan mudah dan cepat berpindah-pindah IP tanpa harus setting di menu option browser tersebut. Untuk mendapatkan list proxynya kita bisa mendapatkany dengan mudah. Pada artikel sebelumnya saya juga memberikan url list proxy gratis update tiap menit bahkan detik. Sobat bisa juga dapatkan nanti pada panduan di bawah.
Trik Agar IP Proxy di Add Ons Mozilla Firefox Otomatis
1. Pastinya firefox sudah terinstal. Dan silahkan buka browser mozilla firefox sobat.
2. Lalu silahkan download terlebih dahulu Add on proxy selector  pada link berikut;
3. Lalu klik Download/Add to Firefox.
Proxy Firefox
4. Lalu klik Allow
5. Dan klik Install 

6. Setelah itu silahkan restart firefox sobat. Lalu  langsung saja pada halaman firefox kosong klik kanan mouse sobat pilih Proxy Selector >> Manage Proxies.

Proxy Firefox

7. Lalu klik ADD. Dan atur IP Proxy dan Portnya. Oh yah untuk list proxynya sobat bisa ambil dari situs berikut ini : http://www.ip-adress.com/proxy_list/
Proxy Firefox
# Isi label/judul nya nanti biar mudah ingat IP dari negara mana (Misalnya US)
# Ambil/copy satu-persatu IP dan PORT (Contohnya: 12.132.222.212:8080) nya kedalam kotak tersedia yang terbuka tadi. seperti gambar berikut :
Proxy Firefox
# Setelah itu Klik OK 2 X.

8. Silahkan ulangi langkah "7" (Gunakan IP dan PORT Yang berbeda-beda seterusnya) hingga beberapa kali sampai sobat sudah mencukupi jumlah proxy yang ingin di pakai dan digonta ganti nantinya. Samapi di sini sobat sudah mengatur list proxynya. Cara menggunakan baca di bawah.
Cara Mengaktifkan / Menggunakan Proxy Selector (Cara 1)
1. Klik kanan Mouse sobat. Pilih Proxy Selector -> Pilih Proxies -> Lalu pilih salah satu proxy mana yang ingin digunakan.
Proxy Firefox
Cara Mengaktifkan / Menggunakan Proxy Selector (Cara 2:Cara paling mudah dan cepat)
1. Klik gambar/icon Proxy Selector Proxy Firefox pada bagian bawah kanan. Pilih di sana salah satu proxy yang disimpan tadi yang ingin digunakan. Secara otomatis proxy tersebut akan aktif dan siap digunakan.
Proxy Firefox
2. Untuk memastikan Proxy aktif/bekerja. Coba buka situs ini : http://www.ip-adress.com/
3. Buka terus setiap kali ganti Proxy. Perhatikan apakah IP nya berubah-ubah setiap diganti. Jika iyahberarti sudah aktif/bekerja dengan baik.
Proxy Firefox
Samapi di sini dulu Trik agar Proxy di Add Ons Mozilla Firefox Otomatis. Semoga sobat bisa memanfaatkannya dengna baik. Terima kasih.
Share:

Menambahkan Jumlah View Yotube sendiri

Pada malam hari yang dingin ini saya akan share ilmu temtang TRIK MENAMBAH JUMLAH VIEW YOUTUBE SENDIRI SECARA GRATIS!!! disimak baik-baik ya tutorialnya..


1. Instal addon mozilla reload every dan ipfuck pada mozila kita. kalo belum punya, kami sediakan juga linknya. jadi kamu tinggal copy dan paste aja di browser kamu.


Udah Terinstal di Mozilla kamu? lanjutkan triknya dibawah...

2. buka halaman video youtube anda, klik kanan cari reload every, set pada 5s ( artinya tiap 5 detik, halaman video kita akan ter-reload/terulang) anda bisa mensetnya menjadi tiap 10, 30 detik atau berapun waktu yang anda inginkan.

3. IPFUCK otomatis begitu terinstal akan berfungsi dengan sendirinya tanpa kita set lagi. Namun alangkah lebih baiknya kita cek statusnya enable/disable, kalo "disable" segera "enable"kan. fungsi ipfuck adalah mengganti ip adress tiap kali reload hal web. dalam ipfuck ada jutaan jumlah ip address.

4. selesai, dan bisa kita tinggal enjoy, nonton tv atau fesbukan dan jumlah view youtube anda bertambah dengan sendirinya. :)

Share:

Membuat Gallery Foto SWF untuh HTML

Ingin membuat flash foto galeri atau tampilan slide dalam HTML, kemudian meng-upload ke situs web HTML? Berikut adalah bagaimana. Tahu sedikit tentang HTML? Tidak probrlem, paragrapghs berikut akan menunjukkan kepada Anda bagaimana untuk membuat galeri flash foto yang menakjubkan dengan mudah, menggunakan Wondershare Flash Galeri Pabrik.
Program flash galeri ini menyediakan puluhan 2D atau 3D gratis foto galeri template yang memungkinkan Anda dengan cepat dan mudah membuat galeri foto yang indah. Mereka diciptakan flash foto galeri dapat disimpan sebagai HTML, SWF, EXE, Screensaver, dll. Misalnya, jika Anda membuat galeri html, Anda akan langsung mendapatkan kode html dan dapat paste ke blog Anda atau situs langsung. Tidak ada pengetahuan HTML sebelumnya diperlukan.
Download Win Version

1 Impor gambar Digital dan musik latar belakang

Peluncuran galeri foto HTML membuat perangkat lunak, pilih dari dua pilihan: Galeri dan Slideshow dua mode sesuai dengan kebutuhan Anda. Ambil Slideshow Mode contoh di sini.
Klik tombol "Tambah foto" atau tinggal seret foto ke storyboard langsung untuk menambahkan foto digital Anda. Kemudian klik "Tambahkan musik" tombol untuk menambahkan musik latar belakang galeri foto HTML jika Anda ingin.
import photos and music to HTML photo gallery

2 pilih Template galeri foto

Flash Galeri Pabrik menyediakan lebih dari 60 2D atau 3D html foto galeri template gratis. Anda dapat memilih satu favorit Anda. Pelajari lebih lanjut: template galeri foto.
select a free HTML photo template

3 Tinjauan dan Simpan Flash foto galeri sebagai HTML Format

Klik tombol publikasikan, pratinjau galeri foto html Anda dan menyimpannya ke HTML format. SWF file dan halaman HTML akan dibuat dalam folder tertentu. Anda juga dapat mempublikasikan galeri foto swf tunggal, mandiri menjalankan file (exe) atau screensaver format, dan bahkan langsung email galeri foto ke teman-teman Anda (bermain dengan browser atau standalone Flash player).
publish HTML flash photo gallery

Tips: Meng-Upload atau menanamkan HTML galeri foto ke situs web

Ada 3 cara mudah untuk berbagi galeri foto Anda di halaman HTML.
1. upload HTML halaman dan SWF file: Anda dapat kemudian upload SWF flash file dan halaman HTML ke server web Anda melalui FTP atau online uploader. Pastikan dalam folder yang sama, jika tidak, Anda perlu mengubah URL dalam kode HTML. Visiters Anda akan melihat segera.
2. upload SWF secara terpisah dan mengubah kode HTML: Anda dapat mempublikasikan galeri flash foto Anda dalam SWF format, meng-upload ke suatu online (misalnya Dropbox), dan copy & paste kode HTML yang dihasilkan untuk posisi tertentu dari laman web yang diinginkan atau blogger. Hanya jangan lupa untuk merevisi alamat file SWF merah ke alamat yang nyata, yang akan Anda dapatkan setelah mengupload sukses secara online.
Perhatikan bahwa galeri foto html ukuran juga dapat diubah oleh merevisi nomor merah "264" dan "550". Berikut adalah kode HTML yang khas untuk menanamkan galeri foto Anda pada halaman web. Ini mungkin cara termudah untuk berbagi foto-foto dengan teman Anda.
< objek jenis = "aplikasi/x-shockwave-flash" allowScriptAccess = "tidak pernah" allowNetworking = "internal" tinggi ="264" width ="550" data ="di http://www.flash-gallery-software.com/images/tutorials/flash_banner/banner550.swf">
< param nama = "allowScriptAccess" value = "tidak pernah" / >
< param nama = "allowNetworking" value = "internal" / >
< param nama = "film" value ="di http://www.flash-gallery-software.com/images/tutorials/flash_banner/banner550.swf" />
< param nama = "kualitas" value = "tinggi" / >
< / objek >
Dilakukan. Galeri foto HTML dapat dibuat klik untuk berbagi langsung online. Klik di sini untuk menonton HTML foto galeri sampel untuk mendapatkan inspirasi.
Download Win Version
Share:

Pemogokan PT.Selog berakhir dengan Kemenangan

Alhamdulillah dengan semangat dan kekompakan Kaum Buruh,hari ini tepatnya jam 14:00 Wib akhirnya PT. Selog yang melakukan Aksi di Gedung Track SERA ( Kantor Pusat dari PT. Selog dan PT. Damira ) menemukan titik temu yang melegakan hati kita sebagai kaum buruh. Di samping itu Kami sebagai buruh dari PK SBTPI-FBTPI PT.PERTAMINA PATRA NIAGA mendukung penuh terus perjuangan PT.SELOG dan kamipun merasa bahwa suatu saat nanti kitapun berada di posisi seperti mereka karena di Indonesia masih banyak penindasan oleh Kapitalisme.Maka dari itu marilah kita bersatu,bulatkan tekad kalian untuk terus berjuang.Kami PK Pertamina suatu saat nanti akan melakukan aksi besar menuntut kesejahteraan Kaum Buruh yang ada di lingkungan Pertamina,dan kami akan menyatukan Perjuangan Crew AMT seluruh Indonesia agar bersatu dan tidak ada lagi yang membedakan warna bendera maupun nama Organisasi.Di sini kita yang dibutuhkan buka ego ,bukan nama Organissi populer,ataupun lainnnya.
Kami Insya Allah sebentar lagi akan menggoyangkan nama Pertamina,karena masih banyak Kapitalisme yang Duduk manis menindas kita sebagai CREW AMT PERTAMINA. Kami dari DEPOT PERTAMINA PLUMPANG memohon kepada Crew AMT Seluruh Indonesia Agar kita bersatu....!!!! " INGAT BERSATU KITA KUAT, BERJUANG KITA MENANG".
Lihatlah Video di Bawah ini :
Akhirnya PT. Selog yang sebelumnya ada PHK sepihak karena meminta menuntuk Kartap akhirnya dipekerjakan kembali dan Ketua UMUM FBTPI ( Federasi Buruh Transfortasi Pelabuhan Indonesia ) Bapak Ilhamsyah mengucapkan Terima kasih kepada kita semua dan ini bukti kiriman Whatsapp Group dari nketum kita :
" Kepada kawan kawan KPBI Karawang FSP2KI dan FSERBUK, kawan kawan FSUI dan dan semua anggota FBTPI yang sudah m3ndukung dan memberikan solidaritas atas pemogokan Sopir PT Selogkawan. Terimakasih atas dukungan dan  solidaritasnya selama ini untuk anggota FBTPI PT SELOG yg melakukan mogok kerja. Tadi siang sudah ada pertemuan dengan Presdir PT SERA induk dari PT Selog dan PT Damira. Dalam pertemuan tadi Pihak Presdir PT SERA justru berterimakasih atas pemogokan yang di lakukan anggota FBTPI karena Presdir PT Sera jadi tahu borok2 yang selama ini disembunyikan managemen PT Selog dan PT Damira. Presdir PT Sera berjanji akan menyelesaikan semua tuntutan anggota FBTPI dan di Jadwalkan besok Jumat akan di adakan kembali pertemuan utk merumuskan poin poin dari tuntutan kawan2 yang mogok. Bagi Tim perunding di minta oleh pResdir PT SERA untuk tidak narik dulu guna merumuskan poin poin tuntutan kawan kawan sopir dan bagi anggota yang lain besok sudah di perbolehkan untuk kembali bekerja seperti biasa. Dengan adanya pertemuan tadi dan beberapa kesepakatan termasuk untuk melanjutkan perundingan besok PEMOGOKAN FBTPI PT SELOG DI AKHIRI TERHITUNG HARI INI. SEKALI LAGI TERIMA KASIH ATAS DUKUNGAN DAN SOLIDARITAS KAWAN KAWAN SEMUA".
Share:

Membuat Gallery Foto di Blog

1. Klik menu "Pages" (Halaman) > "New Page" (Halaman Baru)
2. Isi judul halaman dengan, misalnya, "My Gallery"
3. Klik mode "HTML"
mode HTML halaman
4. Copas kode berikut ini:
<table cellpadding="3">
<tbody>
<tr>
<td align="center" width="25%"><a href="Link Gambar" target="_blank">
<img src="URL Gambar di Sini" /><br>Nama Gambar</a></td>
<td align="center" width="25%"><a href="Link Gambar" target="_blank">
<img src="URL Gambar di Sini" /><br>Nama Gambar</a></td>
<td align="center" width="25%"><a href="Link Gambar" target="_blank">
<img src="URL Gambar di Sini" /><br>Nama Gambar</a></td>
</tr>
</table>

Catatatan:
Kode di atas menampilkan tiga gambar sejajar horizontal. Jika akan menampilkan lebih dari 3 gambar, tinggal ulangi saja copas kode di atas dengan dikasi jarak dengan kode <br/> di bawah kode </table>
5. Hasilnya, setelah URL gambar diisi, akan seperti di ini (di Mode "Compose")
new johny wuss v2

Nama Gambar + Link
wonder blogger template

Nama Gambar + Link
seo blogger template

Nama Gambar + Link
6. Publish!
Share:

Membuat Navigasi Keren Di Blog Broooo

  1. Pertama , silahkan sobat masuk ke editor template terlebih dahulu
  2. Kemudian Pasang kode css berikut , tepat diatas kode  ]]></b:skin> atau </style>
    /* NAVIGATION MENU 2 */
    .toggleMenu{display:none;background:#E73138;padding:0 15px;height:48px;line-height:48px;color:#fff!important}
    #nav{font:normal bold 12px Arial,sans-serif;background:#333333;text-transform:uppercase;height:48px;line-height:48px}
    .nav-menu2{background:#333333;list-style:none;margin:0 0 0 0;*zoom:1;float:left}
    .nav-menu2:before,.nav-menu2:after{content:" ";display:table}
    .nav-menu2:after{clear:both}
    .nav-menu2 ul{list-style:none;margin:0 0 0 0;width:12em}
    .nav-menu2 a{display:block;padding:0 15px}
    .nav-menu2 li{position:relative;margin:0 0}
    .nav-menu2 > li{float:left}
    .nav-menu2 > li > a{display:block;height:48px;line-height:48px;color:#ffffff;box-shadow:0 4px 0 #333333 inset}
    .nav-menu2 > li > a.active{background:#222222;box-shadow:0 4px 0 #E73138 inset}
    .nav-menu2 > li:hover > a{background:#222222;box-shadow:0 4px 0 #E73138 inset}
    .nav-menu2 li ul{background:#fff;display:block;position:absolute;left:0;z-index:10;visibility:hidden;opacity:0;-webkit-transition:all .25s ease-out;-moz-transition:all .25s ease-out;-ms-transition:all .25s ease-out;-o-transition:all .25s ease-out;transition:all .25s ease-out;border:1px solid #d9d9d9;border:1px solid rgba(217,217,217,1);box-shadow:0 0 2px rgba(0,0,0,0.2)}
    .nav-menu2 li li ul{left:100%;top:-1px}
    .nav-menu2 > li.hover > ul{visibility:visible;opacity:10}
    .nav-menu2 > li > ul:before{content:"";width:0;height:0;position:absolute;bottom:100%;left:20px;border-width:8px;border-style:solid;border-color:transparent transparent #fff transparent;display:block}
    .nav-menu2 li li.hover ul{visibility:visible;opacity:10}
    .nav-menu2 li li a{display:block;color:#333;position:relative;z-index:100;line-height:32px}
    .nav-menu2 li li a:hover{background:#f0f0f0}
    .nav-menu2 li li li a{background:#fff;z-index:20;color:#333}
    .nav-menu2 li .parent:after{content:"\f107";font-family:FontAwesome;font-style:normal;font-weight:normal;text-decoration:inherit;padding-left:6px}
    #search-form{background:#333333;float:right;margin:0 0;width:200px}
    #search-form table{width:100%;margin:0 0 0 0}
    #search-form td.search-box{padding-right:30px}
    #search-form input#search-box[type="text"]{background:#ffffff;height:36px;line-height:36px;margin:5px 0 5px 10px;padding:0 10px;width:99%;color:#666666;border:none}
    #search-form input#search-button[type="submit"]{font-family:FontAwesome;background:#E73037;color:#ffffff;height:36px;line-height:36px;margin:5px 10px 5px 0;padding:0 12px;border:none;outline:none;transition:all 0.25s;-moz-transition:all 0.25s;-webkit-transition:all 0.25s}
    #search-form input#search-button[type="submit"]:hover{background:#222222;cursor:pointer}
    #search-form input#search-box[type="text"]:focus{background:#eee;outline:none}
  3. Untuk memanggil kode css diatas silahkan pasang htmlnya , caranya pasang kode dibawah ini tepat dibawah kode </header>
    <nav id='nav'>
    <a class='toggleMenu' href='#'><i class='fa fa-th-list'></i> Menu</a>
    <!-- secondary navigation menu start -->
    <ul class='nav nav-menu2'>
    <li><a class='active' href='masyadi.com'><i class='fa fa-home'></i> Home</a></li>
    <li><a href='#'>Menu 1</a>
    <ul>
    <li><a href='#'>Sub Menu 1</a></li>
    <li><a href='#'>Sub Menu 2</a></li>
    <li><a href='#'>Sub Menu 3</a></li>
    </ul>
    </li>
    <li><a href='#'>Menu 2</a>
    <ul>
    <li><a href='#'>Sub Menu 1</a>
    </li>
    <li><a href='#'>Sub Menu 2</a></li>
    <li><a href='#'>Sub Menu 3</a></li>
    </ul>
    </li>
    <li><a href='#'>Menu 3</a></li>
    <li><a href='masyadi.com'>Markup</a></li>
    <li><a href='masyadi.com'>Error Page</a></li>
    <li><a href='/p/lorem-ipsum-dolor-sit-amet-consectetur.html'>Static Page</a></li>
    </ul>
    <!-- secondary navigation menu end -->
    <form action='/search' id='search-form' method='get' style='display: inline;'><table><tbody><tr><td class='search-box'><input id='search-box' name='q' onblur='if(this.value==&#39;&#39;)this.value=this.defaultValue;' onfocus='if(this.value==this.defaultValue)this.value=&#39;&#39;;' type='text' value='Search...' vinput=''/></td>
    <td class='search-button'><input id='search-button' type='submit' value=''/></td></tr></tbody></table></form>
    </nav>
  4. Jika sudah silahkan save template sobat

Membuat Menu Navigasi Evo Magz jadi responsive di Blog

Sebetulnya , cara diatas sudah cukup untuk membuat menu navigasi yang mirip evo magz , tapi jika sobat suka desaign template yang responsive , maka sobat perlu melakukan tutorial dibawah ini :
  1. Masih dalam halaman edit html
  2. Cari kode </body> , dan pasang kode dibawah ini diatas kode </body> tersebut
    <script type='text/javascript'>
    //<![CDATA[
    var ww=document.body.clientWidth;$(document).ready(function(){$(".nav li a").each(function(){if($(this).next().length>0){$(this).addClass("parent")}});$(".toggleMenu").click(function(e){e.preventDefault();$(this).toggleClass("active");$(".nav").toggle()});adjustMenu()});$(window).bind("resize orientationchange",function(){ww=document.body.clientWidth;adjustMenu()});var adjustMenu=function(){if(ww<768){$(".toggleMenu").css("display","inline-block");if(!$(".toggleMenu").hasClass("active")){$(".nav").hide()}else{$(".nav").show()}$(".nav li").unbind("mouseenter mouseleave");$(".nav li a.parent").unbind("click").bind("click",function(e){e.preventDefault();$(this).parent("li").toggleClass("hover")})}else if(ww>=768){$(".toggleMenu").css("display","none");$(".nav").show();$(".nav li").removeClass("hover");$(".nav li a").unbind("click");$(".nav li").unbind("mouseenter mouseleave").bind("mouseenter mouseleave",function(){$(this).toggleClass("hover")})}}
    //]]></script><script src='https://googledrive.com/host/0BxH5pEKXqBWUSUhtOTZFOUw5QkU/menu-navigasi-evo-magz-masyadi-com.js'></script>
  3. Serta pasang Juga Media Queris responsivenya . caranya pasang kode css berikut diatas kode  ]]></b:skin> atau </style>
    @media only screen and (max-width: 768px) {
          .nav { float: none; width: 100%; max-width: 100%; }.active { display: block; }#search-form { width: 100%; margin: 0 0 0 0 !important; }.nav li ul:before { display: none; }.nav > li { float: none; overflow: hidden; }.nav ul { display: block; width: 100%; float: none; }.nav-menu2 li ul { background: #eee; border: none; box-shadow: none; }.nav-menu2 li li ul { background: #f5f5f5; }.nav-menu2 li li a:hover { background: #ddd; }.nav > li.hover > ul, .nav li li.hover ul { position: static; }#search-form { width: 100%; background: #444; }#search-form td.search-box { padding: 0 10px !important; }#search-form td.search-button { padding: 0 10px; width: 1%; }#search-form input#search-box[type="text"] { margin: 0 0 0 0; }#search-form input#search-button[type="submit"] { margin: 0 0 0 0; }
    }
  4. oh ya saya hampir lupa , karena menu navigasi menggunakan font awesome , silahkan pasang javascript font awesome berikut diatas kode </head>
    <link href='//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css' rel='stylesheet'/>
  5. Nah inilah yang ditunggu - tunggu , silahkan save template sobat dan lihat hasilnya
Tak terasa kini kita telah berhasil  , ternyata cukup capek juga ya membuat menu navigasi yang sekeren itu , hehhehehe tapi asalkan anda tahu lebih lelah yang menyajikan tutorialnya dari pada anda mempraktekan , hehehhe . ok sekian dari saya , silahkan mencobanya
Share:

Youtube

DISQUS SHORTNAME

Popular Posts

Recent Posts