AGcreator Blog

Cara Membuat Widget Contact Form di Blog

Cara Membuat Widget Contact Form di Blog-Google baru-baru ini memang telah mengubah dan menambah berbagai fitur yang berkaitan dengan blogger. Contoh yang paling terlihat adalah system pengeditan kode HTML di blog. Selain itu, Google juga menambahkan sistem Google+ comment untuk blogger. Terdengar isu bahwa Google akan merealisasikan produk barunya yaitu Contact Form yang dapat ditambahkan di sidebar blogger. Beberapa hari yang lalu akhirnya Google mengumumkan Widet Contact Form sudah dapat digunakan seutuhnya.

Sebelum itu bagi yang masih bingung maupun yang tertarik untuk melihat hasilnya, silahkan cek link di bawah ini. Widget Contact Form berada di bagian sidebar kiri.

Demo

Cara Membuat

Langkah-langkahnya sebagai berikut
1. Pastikan anda sudah login ke blogger.
2. Layout/Tata Letak > Add a Gadget (disarankan pilih bagian sidebar kanan/kiri)
3. Pilih tab bagian ‘More Gadgets’ atau ’Gadget lainnya’
4. Bagian pertama ada tulisan ‘Contact Form’ > Klik

5. Muncul kotak dialog baru > Atur judul yang anda inginkan, contoh: kontak saya, kontak kami, hubungi saya, Contact Us, atau Contact Me. Bila anda merasa tidak membutuhkan judul, cukup dikosongkan.

6. Terakhir tekan ‘SAVE’ > Selamat, widget tersebut telah tertanam di blog anda.

Beberapa Fitur dan Penjelasannya

Fitur pada widget ini sama dengan kebanyakan halaman contact form lainnya. Terdiri dari tiga bagian penting yaitu Nama, Email, dan Pesan yang ingin disampaikan. Menyajikan tampilan yang sangat sederhana, sehingga tidak membuat bingung bagi pengunjung.

Bagian kolom Nama pada widget ini tidak wajib diisi. Sedangkan untuk alamat Email dan Pesan wajib diisi. Bila Email tidak diisi atau salah memasukkan alamatnya maka akan muncul pemberitahuan ‘alamat email harus valid’ disertai tanda close disebelahnya. Format yang sah pada email tersebut adalah sebagai berikut. Pertama harus ‘teks’ disertai tanda ‘@’ lalu ‘teks’ lagi dan diikuti tanda titik serta domainnya seperti ‘.com’. Jadi bila kita memasukkan alamat email seperti ini ‘hkfaj@bka.com’ maka tetap akan sah. Padahal jelas bahwa email tersebut tidak ada (palsu). Sedangkan bila pesan tidak diisi maka akan muncul ‘bidang pesan harus diisi’.

Kerugian penggunaan widget ini adalah tidak support dengan kode Captcha. Sehingga kemungkinan email kita terkena spam sangat besar. Captcha kode dibutuhkan pada saat adanya sistem otomatis yang memungkinkan pengiriman email secara cepat dalam jumlah banyak oleh robot atau software tertentu. Ini adalah satu contoh bug yang ada dalam widget ini. Memang, untuk kedepannya dibutuhkan pengembangan.

Pesan yang telah terkirim secara otomatis akan menuju email akun blogger anda. Bila akun blog anda adalah ‘contoh@gmail.com’ maka, pesan akan terkirim ke ‘contoh@gmail.com’. Sejauh ini saya belum tahu cara mengganti alamat email yang dituju.

Kesimpulan

Dengan adanya widget ini, anda tidak perlu hosting contact form dari luar. Tidak perlu menggunakan hostingan seperti emailmeform.com, 123contactform.com dan lain sejenisnya. Widget ini telah terhosting oleh blogger sendiri jadi lebih mudah, sederhana, dan tentunya lebih cepat.

Sekian tutorial ini, mohon maaf bila ada salah kata dan kesalahan yang lainnya. Jika artikel ini menarik silahkan untuk dikopas dengan syarat yang tertera di bawah. Saya sangat terbantu jika anda mengeklik klik tombol google +1 (telah tersedia di bawah). Jangan lupa subscribe email anda untuk mendapatkan update artikel terbaru dari Blog Netfori. Lihat juga Cara Membuat Mega Menu Drop Down Di Blog dan Cara Membuat Kode Link Hidup Di Teks Javascript Referensi dari mybloggerlab.com. Sekian dan terimakasih.

Pasang Iklan Murah di Blog Netfori

PasangIklan Murah Meriah Blog Netfori-Blog Netfori adalah salah satu blog aktif yang dimulai sejak Desembar 2012. Bertujuan untuk saling berbagi ilmu pengetahuan terutama di bidang tips blogging, SEO, Tutorial Blog, Cerita Hikmah, dan Tren.

Para pengunjung, teman, relasi, maupun sekelompok orang yang ingin memasarkan produk atau jasa di sini lah tempat yang tepat. Kami menyediakan khusus bagi anda yang ingin melakukan marketing secara online. Pemasangan iklan juga ditujukan bagi situ yang ingin mempopulerkan webnya sehingga banyak dikunjungi dengan baik dan tepat sasaran.

Anda dapat memasang Banner Iklan dalam blog ini. Iklan dapat berupa gambar biasa maupun gambar animasi. Jika hanya ingin memasang link juga diperkenankan. Beberapa syarat yang diberlakukan bagi para pengiklan sebagai berikut:

1. Web yang diiklankan dan banner yang akan ditampilkan tidak boleh mengandung unsur:

SARA (termasuk provokasi)
perjudian (gambling, poker, lotre, casino, dll)
penipuan
pornografi (termasuk web konten dewasa tentang organ dalam manusia)
Membahayakan (mengandung malware, menakutkan, mengagetkan, dll)
Melanggar aturan dan hukum Indonesia.

2. Dan beberapa aturan tambahan yang tidak disebutkan, dengan catatan tidak saling merugikan pengiklan maupun publisher.

Daftar Tempat Iklan

Daftar slot yang tersedia untuk iklan di Blog Netfori sebagai berikut:

1. Jenis A

Ukuran : 450x100
Harga : ~~Rp100.000,-/Bulan~~ > Rp50.000,-/Bulan
Letak : Bagian header samping kanan tulisan Blog Netfori
Jumlah : 1 Slot
Status : Slot belum terpasang

2. Jenis B

Ukuran : 875x80
Harga : Rp35.000,-/Bulan
Letak : Tepat bagian bawah Menu Bar
Jumlah : 1 slot
Status : Slot belum terpasang

3. Jenis C

Ukuran : 125x125
Harga : Rp25.000,-/Bulan
Letak : Tepat bagian bawah Banner Jenis B
Jumlah : 7 slot
Status : Slot belum terpasang

NB: Untuk perpanjangan pemesanan iklan, akan mendapatkan potongan harga Rp5.000,-/Bulan > semua kategori.

Cara Pemesanan

Untuk cara pemesanan dapat mengisi formulir dibawah ini atau kirim sms, Hakam: 085643010509 (Im3) > quick response. Untuk no rekening pengiriman uang akan diberikan kemudian setelah konfirmasi. Terimakasih.

NB: Bila dalam pemesanan ada kasus telah memberikan uang padahal syarat tidak terpenuhi maka uang akan dikembalikan atau akan disedekahkan.

Software [ SCREEN RECORDER ] Gratisan FULL CRACK

ZD Soft Screen Recorder 5.1 - adalah PREMIUM SOFTWARE yang di Rilis oleh http://www.zdsoft.com , disini saya akan memberikan FREE ZD Soft Screen Recorder 5.1 [ FULL CRACK ] dengan full Tutorial Cara install Crack nya ..

Kegunaan : Untuk me-Rekam Semua Aktifitas kita di dalam LAYAR MONITOR / LCD , baik dalam membuat sebuah Tutorial atau pun ketika kita sedang bermain game ! .. " SHOW YOUR SKILL , and RECORD USE IT ! "

Berikut Screen Shoot Software ini :

Jika Sobat / Kawan-kawan membutuhkan Software ini , silahkan download di bawah ini :

Kisah Penyejuk Hati (Part 3)

Assalamu'alaikum wr. wb. salam sejahtera buat kita semua. Kisah Penyejuk Hati (Part 3)-Kali ini akhirnya Blog Netfori dapat merealisasikan penulisan artikel tentang berbagai kisah yang inspiratif sekaligus bernuansa islami. Disaring, dikutip dan disunting seperlunya dari buku yang berjudul:

Cahaya Abadi Muhammad Saw. Kebanggan Umat Manusia

Oleh: Muhammad Fethullah Gulen.

Kisah ini benar-benar nyata, bukan fiksi maupun karangan mitos. Ada 3 kisah yang saya ambil dari buku tersebut. Semoga dapat diambil manfaatnya. Berikut kisah yang pertama

1. Contoh Pemimpin Terbaik

Ketika Al-Quds (Yerusalem) ̶yang saat ini masih berduka di bawah cengkraman penjajah Israel dan menjadi noda yang mencoreng wajah umat Islam- dulu berhasil ditaklukakan oleh pasukan Islam, ternyata para pendeta yang berada di kota suci itu tidak bersedia menyerahkan kunci kota kepada panglima pasukan muslim yang telah memenangi pertempuran. Para pendeta itu berkata, “Kami tidak menemukan seorang pun diantara kalian yang layak menerima kunci kota ini…”

Singkat cerita, setelah berita tentang sikap para pendeta itu sampai ke telinga Umar r.a., sang Amirul Mukminin langsung berangkat menuju Al-Quds dengan mengendarai seekor unta yang dipinjamnya dari Baitul Mal. Di sepanjang perjalanan menuju Al-Quds, Umar r.a. bahkan rela bergantian mengendarai unta pinjaman itu dengan pelayannya.

Secara kebetulan, ketika unta yang dikendarai Umar hampir sampai di gerbang Al-Quds, tibalah giliran si pelayan untuk mengendarai unta itu. Umar turun dan mempersilahkan pelayannya untuk naik ke punggung unta sementara dia menuntun sambil berjalan. Si pelayan pun menilak karena merasa tak bisa membiarkan sang Amirul Mukminin memasuki Al-Quds sambil berjalan menuntun unta yang dikendarai oleh sang pelayan.

Silahkan anda bayangkan betapa dramatisnya peristiwa itu…

Dalam sekejap mendadak seisi Yerussalem riuh rendah oleh orang-orang yang tak percaya dengan apa yang mereka lihat: seorang pemimpin tertinggi kekhalifahan Islam berjalam memasuki kota sambil menuntun unta yang dikendarai oleh pelayannya sendiri. Dan, ketika hal itu dilihat oleh para pendeta pemegang kunci kota, mereka pun berujar, “Ya. Memang seperti inilah sifat orang yang akan menerima kunci kota ini seperti yang telah disebutkan oleh kitab suci kami.” Mereka langsung menyerahkan kunci kota Al-Quds kepada Umar bin Khaththab r.a.

Umar bin Khathathab r.a. dapat menjadi contoh mengagumkan diantara sekian banyak 'manusia biasa' yang telah berhasil menjadikan Rasulullah sebagai pembimbing dan teladan dalam semua sendi dan aspek kehidupan. Dan, kemudian menghiasi hidup mereka dengan contoh yang telah diberikan Rasulullah. Bahkan umar tidak mengubah sedikitpun gaya hidupnya setelah ia berhasil menundukkan Bizantium dan bangsa-bangsa lain.

2. Sebelum Makan, Renungilah Ini!

Rasulullah bersabda berkenaan dengan tindakan preventif (preventive medicine)

“Tidak ada wadah yang diisi penuh oleh anak Adam yang lebih buruk dibandingkan perut. Cukuplah bagi anak Adam makanan yang dapat menegakkan tulang sulbinya. Jika tidak bisa begitu, maka sepertiga untuk makanan, sepertiga untuk minuman, dan sepertiga untuk nafas (udara).” (Al-Bukhari, Al-Wudhu,73; Muslim, Ath-Thaharah, 46, 47)

Terdapat masih banyak hadis lain yang mempertegas hadis di atas. Salah satunya berbunyi,

“Yang paling kutakutkan dari umatku adalah perut gemuk, banyak tidur, malas, dan lemah keyakinan.” (Al-Hindi, Kans Al-‘Ummal 3/460)

Denga kata lain dapat kita katakana bahwa siapa pun yang banyak makan, pasti akan banyak tidur; dan siapa pun yang banyak tidur, pasti akan menjadi orang yang lemah keyakinannya.

Jadi, dari sisi mana pun Anda melihat, pasti Anda akan mengetahui bahwa masalah ini telah membuat Rasulullah risau kepada umat beliau. Sampai di sini, saya serahkan pembahasan selanjutnya kepada para ilmuwan di bidang medis untuk melakukan penelitian. Tapi saya yakin, setelah anda membaca atau mendengar penjelasan mereka, Anda pasti akan dapat melihat seberapa besar kebenaran yang disampaikan Rasulullah Saw. bearab-abad lampau. Anda pasti akan melihat bahwa sabda beliau sama sekali tidak menyimpang dari kebenaran.

3. Pertama Anugerah, Kedua Laksana Air Bah

Selain bersabar dalam menghadapi musibah dan ketika melaksanakan ibadah, setiap kita juga harus bersabar dalam menjauhi kemaksiatan. Seperti yang telah dijelaskan, dalam bersabar melawan kemaksiatan, kita akan merasakan hantaman paling kuat untuk melakukan kemaksiatan hanya pada “hantaman pertama”, sebab setelah itu, godaan yang mengusik hati kita untuk melakukan kemaksiatan akan melemah.

Rasulullah pernah berkata kepada Ali bin Abi Thalib r.a.,

“Wahai Ali, janganlah kau iringi pandangan (pertama) dengan pandangan (kedua). Karena pandangan pertama adalah anugerah untukmu, sedangkan yang kedua bukan untukmu.” (Abu Daud, An-Nikah, 43; At-Tirmidzi, Al-Adab, 28; Ad-Darami, Ar-Riqaq, 3; Imam Ahmad, Al-Musnad,5/353,357)

Penglihatan manusia memang seringkali secara tidak sengaja terpeleset kepada sesuatu yang diharamkan. Jika orang yang mengalami hal seperti itu langsung memalingkan pandangannya, maka apa yang terjadi padanya bukanlah sebuah dosa tapi dianggap sebagai anugerah. Akan tetapi, jika orang tersebut mengulangi pandangannya apalagi secara terus-menerus, maka pandangannya akan berubah menjadi anak panah beracun milik syaitan yang melesat ke dalam hatinya untuk kemudian menodai pikiran dan melemahkan ketaatannya. Semua pandangan yang terlarang adalah jalan menuju dosa dan kemaksiatan. Semua pandangan terlarang pasti menggoda manusia untuk mengulangi dan melanjutkannya. Ketika godaan itu diperturutkan, maka manusia pun tenggelam dalam lautan dosa yang akan membuatnya sulit menyelamatkan diri.

Sebelum terlanjur terperosok ke dalam dosa, hendaklah manusia bersabar menghadapi “hantaman pertama” dari godaan yang dihadapinya. Jika Anda mengalami hal seperti ini, segeralah tutup mata Anda. Itulah nasehat yang disampaikan Rasulullah kepada kita.

Penutup

Wahai tuas harapan!

Kalian akan menunjukkan kebenaran Islam di pentas dunia. Kalian adalah rangkaian cahaya yang menyemburat dari Cahaya Agung lalu memancar ke seluruh dunia yang telah tenggelam dalam kegelapan. Kalian akan menumbuhkan kembali pohon keimanan yang rimbun dan menaungi agad raya laksana pohon Thuba (nama pohon di Sidratul Muntaha) yang dedaunan dan bunga-bunganya menaungi surga.

Di masa keemasan itu, semua kata yang terlontar dalam setiap pertemuan internasional menjadi perintah bagi kita. Dengan izin Allah, kalian semua akan mampu mengembalikan masa-masa gemilang dan membebaskan manusia dari masa kegelapan yang sedang kita rasakan ini. Inilah yang diharapkan semua orang dari kalian. Kalianlah tumpuan harapan orang-orang yang hidup terhampar di tanah dan setiap jasad yang terkubur di dalamnya. Bahkan inilah yang diharapkan Rasulullah Saw. dari kalian, sebab jiwa beliau terus berkelana ke tempat-tempat di mana kalian berada, melihat apa yang kalian lakukan, dan terseyum bersama kalian, meski kalian tidak mampu melihat ataupun merasakan kehadiran beliau.

Kalian pasti bisa meneybarkan ketentraman dan ketenangan ke sekitar kalian jika kalian mampu tetap menjadi pribadi-pribadi yang amanah dan tidakmelenceng dari sikap istiqomah. Ya. Jika kalian bisa mewujudkan semua itu, niscaya hati semua orang akan terbuka untuk kalian. Kemudian sosok kalian akan bersemayam di dalam hati mereka sebagaimana dulu yang dialami oleh leluhur kalian. Tapi jangan pernah kalian lupa bahwa syarat untuk mencapai segala keluhuran itu selalu berkaitan langsung dengan keteguhan kalian dalam menjaga amanat yang kalian pikul.

Jadi, jika kita semua ingin menjadi umat yang diperhitungkan di tataran global serta mampu memainkan peran penting dalam mewujudkan keseimbangan antarbangsa ̶yang saat ini sudah semakin mendesak-, maka kita semua harus mampu menjadi contoh kebenara, keadilan, sikap istiqomah, dan ketentraman.

Efek Gambar Berputar ketika di Sentuh

Udah pernah liat gambar yang disentuh berputar2 ? memusingkan bukan .? yeah , sekarang kita yang bikin pusing user .. hehe :D gak usah banyak basa dan basi lagi yah .. lihat demo dan simak langsung tutorial nya dibawah ini :

DEMO :

CARA-nya :

1. Edit Html , Cari Kode </head> , lalu letakan kode CSS dibawah ini tepat di atas kode </head> :

<style type="text/css">
div.guling-guling {width : 320px; margin : 10px auto; text-align:left;}
div.guling-guling a:hover img[alt*="Disc"] {-moz-transform : translate(40px,0) rotate(300deg);-o-transform : translate(40px,0) rotate(300deg);-webkit-transform : translate(40px,0) rotate(300deg);transform : translate(40px,0) rotate(300deg);}
div.guling-guling img[alt*="Disc"] {-moz-transition : all .5s ease-in-out;-o-transition : all .5s ease-in-out;-webkit-transition : all .5s ease-in-out;transition : all .5s ease-in-out;}
.credit{width : 460px; font-size:12px;text-align:center;display:block;padding:10px;margin:1em auto;color:#7c725f;word-wrap:break-word;background-repeat:repeat-x;background-image:-khtml-gradient(linear, left top, left bottom, from(#1a1a19), to(#1f1f1e));background-image:-moz-linear-gradient(#1a1a19, #1f1f1e);background-image:-ms-linear-gradient(#1a1a19, #1f1f1e);background-image:linear-gradient(#1a1a19, #1f1f1e);background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #1a1a19), color-stop(100%, #1f1f1e));background-image:-webkit-linear-gradient(#1a1a19, #1f1f1e);background-image:-o-linear-gradient(#1a1a19, #1f1f1e);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1a1a19', endColorstr='#1f1f1e', GradientType=0);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#1a1a19', endColorstr='#1f1f1e', GradientType=0)";background-image:linear-gradient(#1a1a19, #1f1f1e);-webkit-box-shadow:inset 0 0 1px rgba(0, 0, 0, 0.5),0 1px 0 rgba(255, 255, 255, 0.05),transparent 0 0 0,transparent 0 0 0,transparent 0 0 0;-moz-box-shadow:inset 0 0 1px rgba(0, 0, 0, 0.5),0 1px 0 rgba(255, 255, 255, 0.05),transparent 0 0 0,transparent 0 0 0,transparent 0 0 0;box-shadow:inset 0 0 1px rgba(0, 0, 0, 0.5),0 1px 0 rgba(255, 255, 255, 0.05),transparent 0 0 0,transparent 0 0 0,transparent 0 0 0;-moz-border-radius:5px;-webkit-border-radius:5px;-o-border-radius:5px;border-radius:5px;}
</style>

2. Cara Memanggil Kode tersebut lihat di bawah ini :

<div class="guling-guling">
<a href="#"><img src="Alamat-Gambar.jpg" width="150" alt="Disc"/></a>
</div>

3. Ganti Text ( Alamat-Gambar.jpg ) dengan Alamat Gambar yang akan sobat putar ketika di sentuh ..

Sekian tutorial Cara Membuat Efek Gambar Berputar ketika di Sentuh dari saya , Semoga bermanfaat !

Cara Membuat Mega Menu Drop Down Di Blog

Cara Membuat Mega Menu Drop Down Di Blog-Sebenarnya apa sih mega menu drop down itu? Mungkin pertanyaan tersebut yang pertama kalo terlintas setelah membaca judul di atas. Pertama kali terpikirkan mungkin menu drop down biasa yang tidak ada keistimewa-annya. Tanpa ada suatu keunikan tersendiri dengan yang lain, mungkin hanyalah tampilan yang sedikit diubah-ubah.

Segala prasangka tersebut dapat dilempar sejauh mungkin. Mega menu di sini adalah menu bar yang memiliki lebih dari satu subbab menu dalam tiap menu utama yang ditampilkan. Menu ini berbeda bila dibandingkan dengan menu drop down biasanya, karena biasanya satu menu utama akan menampilkan sub menu-sub menu lainnya tanpa menampilkan secara langsung subbab menu tersebut. Bingung ya? Untuk lebih jelasnya anda bisa membandingkan kedua gambar di bawah ini beserta penjelasannya.

Klik Untuk Memperbesar

Sudah sedikit mengerti kah perbedaannya? Bila tetap belum masuk ke otak (alias pusing) bisa tanya lewat komentar. O iya jangan lupa untuk nge-like FP blog ini dengan alamat facebook.com/netfori.

Bagi yang tertarik membuat menu drop down ekstra besar di blog tersebut, silahkan menyimak cara-caranya. Untuk melihat hasilnya silahkan klik link di bawah ini.

Demo Live

Cara Membuat

1. Masukkan kode css di bawah ini di atas kode ]]></b:skin>

ul.ldd_menu{
margin:0px;
padding:0;
display:block;
height:50px;
background-color:#D04528;
list-style:none;
font-family:"Trebuchet MS", sans-serif;
border-top:1px solid #EF593B;
border-bottom:1px solid #EF593B;
border-left:10px solid #D04528;
-moz-box-shadow:0px 3px 4px #591E12;
-webkit-box-shadow:0px 3px 4px #591E12;
-box-shadow:0px 3px 4px #591E12;
}
ul.ldd_menu a{
text-decoration:none;
}
ul.ldd_menu > li{
float:left;
position:relative;
}
ul.ldd_menu > li > span{
float:left;
color:#fff;
background-color:#D04528;
height:50px;
line-height:50px;
cursor:default;
padding:0px 20px;
text-shadow:0px 0px 1px #fff;
border-right:1px solid #DF7B61;
border-left:1px solid #C44D37;
}
ul.ldd_menu .ldd_submenu{
position:absolute;
top:50px;
width:550px;
display:none;
opacity:0.95;
left:0px;
font-size:10px;
background: #C34328;
border-top:1px solid #EF593B;
-moz-box-shadow:0px 3px 4px #591E12 inset;
-webkit-box-shadow:0px 3px 4px #591E12 inset;
-box-shadow:0px 3px 4px #591E12 inset;
}
a.ldd_subfoot{
background-color:#f0f0f0;
color:#444;
display:block;
clear:both;
padding:15px 20px;
text-transform:uppercase;
font-family: Arial, serif;
font-size:12px;
text-shadow:0px 0px 1px #fff;
-moz-box-shadow:0px 0px 2px #777 inset;
-webkit-box-shadow:0px 0px 2px #777 inset;
-box-shadow:0px 0px 2px #777 inset;
}
ul.ldd_menu ul{
list-style:none;
float:left;
border-left:1px solid #DF7B61;
margin:20px 0px 10px 30px;
padding:10px;
}
li.ldd_heading{
font-family: Georgia, serif;
font-size: 13px;
font-style: italic;
color:#FFB39F;
text-shadow:0px 0px 1px #B03E23;
padding:0px 0px 10px 0px;
}
ul.ldd_menu ul li a{
font-family: Arial, serif;
font-size:10px;
line-height:20px;
color:#fff;
padding:1px 3px;
}
ul.ldd_menu ul li a:hover{
-moz-box-shadow:0px 0px 2px #333;
-webkit-box-shadow:0px 0px 2px #333;
box-shadow:0px 0px 2px #333;
background:#AF412B;
}

2. Masukkan kode html di bawah melalui tambah widget atau dengan cara:

Layout/Tata Letak > Add a Gadget
Pilih HTML/Javascript > Masukkan kode di bawah ini tanpa menggunakan judul. Jangan lupa tambahkan gadget dan letakkan di bagian atas/ dekat dengan 'pages-menu'

<li>

<ul>

<li class="ldd_heading">Jenis</li>

<li><a href="#">Tutorial</a></li>

<li><a href="#">Curhat</a></li>

<li><a href="#">Produk</a></li>

<li><a href="#">Hacking</a></li>

</ul>

<ul>

<li><a href="#">Tutorial</a></li>

<li><a href="#">Google Adsense</a></li>

<li><a href="#">Downloads</a></li>

<li><a href="#">Software</a></li>

<li><a href="#">Hacking and Cracking</a></li>

</ul>

<ul>

<li class="ldd_heading">Tentang Blog</li>

<li><a href="#">About Me</a></li>

<li><a href="#">Privacy Police</a></li>

<li><a href="#">Contact Me</a></li>

<li><a href="#">Donate Us</a></li>

<li><a href="#">DMCA Protection</a></li>

<li><a href="#">Tukar Link</a></li>

</ul>

<a class="ldd_subfoot" href="#"> + New Deals</a>

</div>

</li>

<li>

<span style="width: 76px;">Lengkapnya</span>

<ul>

<li class="ldd_heading">Jenis</li>

<li><a href="#">Tutorial</a></li>

<li><a href="#">Curhat</a></li>

<li><a href="#">Produk</a></li>

<li><a href="#">Hacking</a></li>

</ul>

<ul>

<li><a href="#">Tutorial</a></li>

<li><a href="#">Google Adsense</a></li>

<li><a href="#">Downloads</a></li>

<li><a href="#">Software</a></li>

<li><a href="#">Hacking and Cracking</a></li>

</ul>

<ul>

<li class="ldd_heading">Tentang Blog</li>

<li><a href="#">About Me</a></li>

<li><a href="#">Privacy Police</a></li>

<li><a href="#">Contact Me</a></li>

<li><a href="#">Donate Us</a></li>

<li><a href="#">DMCA Protection</a></li>

<li><a href="#">Tukar Link</a></li>

</ul>

<a class="ldd_subfoot" href="#"> + New Deals</a>

</div>

</li>

<li>

<span style="overflow: hidden; width: 67px;">Seputar Blog</span>

<ul>

<li class="ldd_heading">Jenis</li>

<li><a href="#">Tutorial</a></li>

<li><a href="#">Curhat</a></li>

<li><a href="#">Produk</a></li>

<li><a href="#">Hacking</a></li>

</ul>

<ul>

<li><a href="#">Tutorial</a></li>

<li><a href="#">Google Adsense</a></li>

<li><a href="#">Downloads</a></li>

<li><a href="#">Software</a></li>

<li><a href="#">Hacking and Cracking</a></li>

</ul>

<ul>

<li class="ldd_heading">Tentang Blog</li>

<li><a href="#">About Me</a></li>

<li><a href="#">Privacy Police</a></li>

<li><a href="#">Contact Me</a></li>

<li><a href="#">Donate Us</a></li>

<li><a href="#">DMCA Protection</a></li>

<li><a href="#">Tukar Link</a></li>

</ul>

<a class="ldd_subfoot" href="#"> + New Deals</a>

</div>

</li>

</ul>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"/>

Berikut kode yang harus disesuaikan dengan kebutuhan:

Kode warna merah: Masukkan kata untuk Menu Utama.
Kode warna biru: Masukkan kata untuk sub menu yang diinginkan.
Kode warna ungu: Masukkan kata untuk subbab menu.
Kode warna kuning: Masukkan kata tambahan yang diinginkan.
Kode warna hijau: Masukkan url tujuan yang diinginkan.

NB: Bila menu bar tidak berfungsi seperti contoh, kode yang berwarna biru muda dihapus saja.

Penting untuk diperhatikan, jika menempatkan kode HTML di atas melalui HTML/Javascript kacau, maka dapat melalui:

Template > Edit Template
Cari kode <div id="content-wrapper"> dan letakkan tepat di atasnya.

Sekian penjelasan singkat ini, mohon maaf bila ada salah kata. Jika artikel ini menarik silahkan untuk dikopas dengan syarat yang tertera di bawah. Saya sangat terbantu jika anda mengeklik FP Facebook yang berada ~~di sidebar sebelah kiri~~ tersebut. Jangan lupa subscribe email anda untuk mendapatkan update artikel terbaru dari Blog Netfori. Terimakasih. Lihat juga Ganti Teks pada Labels dengan Gambar Menarik dan Load Posting Otomatis dan Scroll Tidak Terbatas di Blog. Tips ini didapat dari ini dan dikembangkan oleh ini. Sekian.

Cara Membuat Kode Link Hidup Di Teks Javascript

Kode Link hidup di javascript Blog netfori

Cara Membuat Kode Link Hidup Di Teks Javascript-Saat ini berbagai usaha dilakukan untuk memenuhi kebutuhan. Beberapa diantaranya adalah dengan menyalurkan hobi positif tersebut agar dapat dimanfaatkan dengan baik. Setiap orang pasti memiliki hobi yang berbeda-beda, salah satu contohnya adalah dengan blogging di internet. "Nge-blog" istilah kesehariannya, memang tak lepas dengan berbagai usaha keras yang dilakukan oleh admin blognya untuk membuat blog menjadi besar.

Oleh karena itu berbagai usaha dilakukan untuk membuat blog menjadi maju. Mulai dari membuat artikel yang berkualitas, menambah jaringan/relasi, dan lain sebagainya-termasuk menambah link hidup yang menuju ke arah blog kita (backlink) sebanyak dan se-berkualitas mungkin. Maka, kali ini Blog Netfori akan membagikan trik sederhana kepada pembaca cara membuat kode link hidup di teks javascript. Oke berikut penjelasannya.

Contoh Hasilnya

Langkah-Langkah Membuat

1. Siapkan teks javascript yang ingin disisipkan kode link hidupnya.

2. Buka kode yang berekstensi .js tersebut dengan menggunakan program notepad.

NB: Akan terlihat berbagai kode yang mungkin akan membuat kepala pusing :)

3. Scroll kursor sampai ke bagian paling bawah teks javascriptnya.
4. Lalu tambahkan kode link hidupnya seperti di bawah ini:

document.write('</br><a href="http://netfori.blogspot.com" style="font-size: 8px; text-decoration:none; color: #616469;">Blog Tutor</a>')

Ganti kode yang berwarna merah dengan alamat blog/web sobat.
Ganti kode yang berwarna ungu dengan teks yang diinginkan (bagian ini akan terlihat ketika kode .Js-nya dijalankan.
Ubah beberapa kode yang sesuai keinginan, contoh: warna, ukuran, dll.

Penjelasan kode

[document.write]: merupakan bahasa pemprograman javascript yang berarti akan memunculkan suatu tulisan pada saat kode javascript tersebut dijalankan.
[('</br>]: kode ganti baris.
[<a href="http://netfori.blogspot.com"]: kode untuk memanggil url yang diminta.
[style="font-size: 8px; text-decoration:none; color: #616469;">]: Kode-kode pendukung yang berfungsi menunjang teks yang akan ditampilkan.
[Blog Tutor]: kode untuk menampilkan teks pada saat javascript tersebut dijalankan.
[</a>')]: kode penutup.

Kesimpulan

Cara tersebut digunakan untuk menambah link hidup yang menuju blog kita, ketika mereka mengcopy-paste salah satu tutorial yang menggunakan script tambahan dari luar. Kita dapat menambahkan kode link hidup yang kita inginkan sebelum meng-hosting javascript. Trik ini sangat bermanfaat bagi para blogger yang isi blognya merupakan tutorial.

Sekian penjelasan singkat ini, mohon maaf bila ada salah kata. Jika artikel ini menarik silahkan untuk dikopas dengan syarat yang tertera di bawah. Saya sangat terbantu jika anda mengeklik FP Facebook yang berada di sidebar sebelah kiri tersebut. Jangan lupa subscribe email anda untuk mendapatkan update artikel terbaru dari Blog Netfori. Terimakasih. Lihat juga Ganti Teks pada Labels dengan Gambar Menarik dan Load Posting Otomatis dan Scroll Tidak Terbatas di Blog


Nama
First
Last
URL Web Anda
Email	Tidak akan disebarluaskan (kerahasiaan terjaga).
No Telepon	Tidak akan disebarluaskan (kerahasiaan terjaga).
URL Web Tujuan
URL Banner Anda
Pesan

Cari Disini

Cara Membuat Widget Contact Form di Blog

Cara Membuat

Beberapa Fitur dan Penjelasannya

Kesimpulan

Pasang Iklan Murah di Blog Netfori

Software [ SCREEN RECORDER ] Gratisan FULL CRACK

Kisah Penyejuk Hati (Part 3)

Efek Gambar Berputar ketika di Sentuh

Cara Membuat Mega Menu Drop Down Di Blog

Cara Membuat Kode Link Hidup Di Teks Javascript

Komentar Terbaru