download lagu ungu disini
downloadMembuat Pencarian pada blog atau Search engine
Tentu kita semua sudah tahu apa itu Search Engine (hari gini gak tahu apa itu search engine? cape' deeh...). Search Engine adalah ... bla.. bla..bla.. dst.
Saat ini Search Engine tidak bisa dipisahkan dalam dunia internet. Dengan Search Engine kita bisa mencari tahu tentang suatu hal yang kita inginkan sesuai dengan keyword yang kita ketikkan dan juga bla.bla..bla..... udah ah penjelasannya, yang mau dibahas disini adalah bagaimana caranya membuat search engine di blogger . Caranya sangat mudah, yaitu:
1. Login ke blogger terus klik Layout terus pilih page elements nha disitu kan banyak tulisan Add a page elements klik link tersebut dan sesuaikan dimana tempatnya menaruh search engine
2. kemudian pada layar baru yang muncul pilih HTML/Javascript kemudian copy/paste script/kode berikut ini di dalam kolom content.
<form action="http://nama-blogmu.blogspot.com/search"
method="get"> <input class="textinput" name="q" size="30" type="text"/> <input value="search" class="buttonsubmit" name="submit" type="submit"/></form>
Ganti nama-blogmu dengan nama blog kamu. Aangka 30 menunjukkan panjang kotak (text box) semakin banyak angkanya maka semakin panjang textbox-nya
Saat ini Search Engine tidak bisa dipisahkan dalam dunia internet. Dengan Search Engine kita bisa mencari tahu tentang suatu hal yang kita inginkan sesuai dengan keyword yang kita ketikkan dan juga bla.bla..bla..... udah ah penjelasannya, yang mau dibahas disini adalah bagaimana caranya membuat search engine di blogger . Caranya sangat mudah, yaitu:
1. Login ke blogger terus klik Layout terus pilih page elements nha disitu kan banyak tulisan Add a page elements klik link tersebut dan sesuaikan dimana tempatnya menaruh search engine
2. kemudian pada layar baru yang muncul pilih HTML/Javascript kemudian copy/paste script/kode berikut ini di dalam kolom content.
<form action="http://nama-blogmu.blogspot.com/search"
method="get"> <input class="textinput" name="q" size="30" type="text"/> <input value="search" class="buttonsubmit" name="submit" type="submit"/></form>
Ganti nama-blogmu dengan nama blog kamu. Aangka 30 menunjukkan panjang kotak (text box) semakin banyak angkanya maka semakin panjang textbox-nya
Label:
blog
Komputer anda Bebicara membaca Teks di Microsoft Word 2010
Buat Microsoft Word Membaca untuk Anda
Tips Windows berikut adalah sesuatu yang mungkin belum Anda ketahui, yaitu kemampuan membaca teks untuk Anda sebenarnya ada di Microsoft Word itu sendiri. Fitur ini bisa Anda dapatkan di Microsoft Word 2010 ke atas. Masalahnya, ini tidak termasuk dalam antarmuka ribbon yang biasa Anda gunakan. Jangan khawatir, berikut ini cara menambahkan tombol Speak ke bagian atas setiap jendela Word.
Di atas ribbon, Anda akan melihat toolbar kecil, yang secara default hanya berisi tombol Save, Undo dan Redo. Ini disebut Quick Access Toolbar, dan Anda dapat menambahkan lebih banyak tombol ke toolbar ini – termasuk alat untuk mengucapkan teks yang disorot.
Klik tAnda panah di sebelah kanan toolbar untuk memulai.
Klik tombol “More Commands” untuk mulai menjelajahi fungsi lain Microsoft Word.
Telusuri bagian “Commands Not In The Ribbon” dan Anda akan menemukan pilihan “Speak”.
Klik tombol “Add” yang ada di antara dua kolom, kemudian klik “Okay”.
Sekarang sudah ada tombol “Speak” di Quick Access Toolbar Anda.
Klik tombol ini dan Word akan membaca kata apapun yang ditunjuk oleh kursor Anda.
Blok teks terlebih dahulu sebelum mengklik tombol tersebut dan Anda akan mendengarkan setiap kata yang Anda pilih. Jika sebagian besar teks yang ingin Anda baca ada di Word, maka Anda tidak akan membutuhkan program lain. Cukup klik Ctrl + A untuk menyorot seluruh dokumen, kemudian tekan tombolnya.
Narator: Dibangun ke Windows
Windows juga hadir dengan teknologi pembaca layar built-in. Fitur ini bernama Narrator, dan ini sebagian besar ditujukan untuk tuna netra. Narator akan membaca setiap teks pada setiap jendela yang Anda buka. Ini bagus untuk tuna netra, namun jadi menjengkelkan jika Anda ingin Windows hanya membaca sedikit teks untuk Anda.
Untungnya, Microsoft menawarkan daftar shortcut keyboard untuk software tersebut. Berikut ini beberapa aplikasi yang bisa Anda coba sebagai gantinya.
Balabolka
Dengan aplikasi ini, Anda dapat mengontrol kecepatan dan pitch. Balabolka mampu membuka file DOC/DOCX, TXT, PDF, EPUB dan ODT secara langsung. Aplikasi ini juga dapat mengkonversi file ke MP3, yang memudahkan Anda mendengarkan dokumen di ponsel atau pemutar MP3 Anda. Bahkan ada konversi batch, jika Anda ingin salinan audio beberapa dokumen. Download di sini.
Typelt ReadIt
Dengan antarmuka yang sederhana dan kemampuan untuk mengekspor tulisan ke file teks atau file WAV, Typelt ReadIt adalah program gratis yang hebat. Paste teks apapun ke jendelanya, atau buka file TXT secara langsung. Jika Anda ingin sesuatu dibacakan untuk Anda dengan cepat, ini adalah aplikasi yang patut Anda coba.
Antarmukanya sederhana namun fungsional, meskipun tidak ada tombol skala untuk memperbesar jendela. Software ini menggunakan suara yang hadir dengan Windows. Gunakan aplikasi ini jika Anda ingin sesuatu yang sederhana dan gratis. Download di sini.
Natural Reader Free (Windows, Mac)
Versi gratis Natural Reader tidak dapat mengekspor ke MP3, namun jika Anda menginginkan antarmuka yang sederhana untuk memasukkan dan mendengarkan teks, Anda akan menyukainya. Paste teks ke jendela software ini, kemudian klik tombol play.
Jika Anda menyukai program ini, namun membutuhkan lebih banyak fitur, Anda bisa membeli versi Personal seharga mulai dari $69. Fitur tambahannya termasuk mengekspor file ke MP3 – namun mungkin lebih baik Anda melihat Balabolka sebelum mengeluarkan uang. Namun, versi gratis software ini cukup atraktif dan fungsional. Download di sini.
eSpeak (Windows, Linux, Mac)
Apakah Anda menginginkan suara yang sama sekali berbeda dari yang disertakan dengan Windows? Cobalah eSpeak. Program ini menggunakan mesin sendiri, dan layak dicoba jika Anda tidak menyukai suara Microsoft.
Program ini bisa membuka file TXT dan mengekspor ke file WAV. Ini adalah program Linux, namun ada juga versi Windows yang hadir dengan antarmuka yang unik. Download di sini.
Kesimpulan
Jika Anda berencana menggunakan sebagian besar dokumen Word, sebaiknya Anda menggunakan program built-in dari Word. Tetapi jika Anda menginginkan program yang ditujukan untuk menyisipkan teks ke dalamnya atau membuka file secara langsung, Anda mungkin dapat mencoba Balabolka. Program ini dapat menangani banyak file yang berbeda dan dapat mengekspor ke MP3.
sumber :
http://portal.paseban.com/article/130011/tips-windows
Label:
tips office,
windows
Membuat kotak komentar dibawah postingan
Saya yakin semua temen-temen blogger sangat ingin berinteraksi dengan para pengunjungnya. Untuk itu diperlukan sebuah kolom atau kotak untuk saling bertukar pendapat. Salah satunya adalah melalui kotak komentar, kotak komentar adalah salah satu fitur yang harus ada dalam sebuah website/blog sebagai alat interaksi antara pengunjung dengan pemilik website/blog tersebut dan bisa juga menjadi tempat diskusi mengenai topik artikel yang dimuat dalam website/blog tersebut.
Oleh karena begitu pentingnya keberadaan kotak komentar, banyak blogger yang melakukan modifikasi kotak komentar untuk memudahkan pengunjung memberikan komentar-komentarnya terhadap suatu artikel atau postingnya dan salah satu kreasinya adalah menampilkan atau membuat kotak komentar berada di bawah postingan.
Lalu bagaimanakah Membuat Kotak Komentar di Bawah Postingan Blog? Berikut ini caranya :
Oleh karena begitu pentingnya keberadaan kotak komentar, banyak blogger yang melakukan modifikasi kotak komentar untuk memudahkan pengunjung memberikan komentar-komentarnya terhadap suatu artikel atau postingnya dan salah satu kreasinya adalah menampilkan atau membuat kotak komentar berada di bawah postingan.
Lalu bagaimanakah Membuat Kotak Komentar di Bawah Postingan Blog? Berikut ini caranya :
- Login ke Blogspot Anda, klik Setting, lalu klik Comment dan pada menu Comment Form Placement, klik pada tulisan Embedded below post, kalau sudah selesai jangan lupa di Save. Kira-kira gambarnya seperti di bawah ini :
- Kembali ke Dashbord Blog Anda, lalu klik Layout, lalu klik Edit HTML, dan jangan lupa kasih tanda centang pada kotak Expand Widget Template, kemudian cari kode seperti di bawah ini:<p class='comment-footer'> <b:if cond='data:post.allowComments'> <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a> </b:if> </p>
Lalu ganti dengan kode di bawah ini:<p class='comment-footer'> <b:if cond='data:post.embedCommentForm'> <b:include data='post' name='comment-form'/> <b:else/> <b:if cond='data:post.allowComments'> <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a> </b:if> </b:if> </p> - Save Template dan lihat hasilnya.
- Jika cara di atas masih juga belum berhasil membuat kolom komentar di bawah posting, silahkan coba dengan cara lain, temukan kode di bawah ini:<b:include data='post' name='comments' />
Setelah kode di atas ditemukan, tambahkan kode di bawah ini tepat berada di bawah kode di atas:<b:include data='post' name='comment-form'/>
Contohnya seperti ini:<b:include data='post' name='comments' />
<b:include data='post' name='comment-form'/> - Kemudian Save Template dan lihat di bawah postingan Anda sekarang sudah mempunyai kolom komentar yang terintregasi di setiap halaman posting blogspot. Namun jika masih belum berhasil juga, silahkan baca ulang dan pelajari dengan seksama tutorial ini, mungkin ada prosedur yang terlewatkan.
Semoga bermanfaat
Label:
blog
tampilan Footer 3 Kolom pada Template Blogger
blogging Mengedit template blogger untuk memiliki footer 3 kolom untuk template blogger ternyata bukan perkara yang sulit, namun sangatlah mudah, hanya butuh beberapa menit waktu anda. Mungkin rekan-rekan blogger menganggap ini perkerjaan rumit, yah silahkan saja menganggap begitu, namun tunggu dulu baca tutorial ini, pasti anda akan heran.
Sebelumnya saya umumkan bahwa tutorial ini khusus untuk blogger beta (layout), oke langsung saja.
- Seperti biasa login ke blogger.com
- Kemudian klik “Expand Widget Template”
- Lantas save template anda kalau-kalau terjadi kesalahan
- Kemudian temukan ini:
<b:section class='footer' id='footer'/>
</div>
5. Ganti tag yang berwarna merah dengan script berikut:
<div id='footer-column-container'>
<div id='footer2' style='width: 30%; float: left; margin:0; text-align: left;'>
<b:section class='footer-column' id='col1' preferred='yes' style='float:left;'/>
</div>
<div id='footer3' style='width: 40%; float: left; margin:0; text-align: left;'>
<b:section class='footer-column' id='col2' preferred='yes' style='float:left;'/>
</div>
<div id='footer4' style='width: 30%; float: right; margin:0; text-align: left;'>
<b:section class='footer-column' id='col3' preferred='yes' style='float:right;'/>
</div>
<div style='clear:both;'/>
<p>
<hr align='center' color='#5d5d54' width='90%'/></p>
<div id='footer-bottom' style='text-align: center; padding: 10px; text-transform: lowercase;'>
<b:section class='footer' id='col-bottom' preferred='yes'>
<b:widget id='Text2' locked='false' title='' type='Text'/>
</b:section>
</div>
<div style='clear:both;'/>
</div>
6. Save template anda!
Selamat anda telah mempunyai footer 3 kolom di blogger anda. Untuk melihat hasilnya, anda kembali ke “page element” lalu lihat bagian footer, pasti ada 3 tempat untuk menempatkan page element. Nah silahkan anda taruh page element yang anda inginkan di footer 3 kolom blogger blogspot anda.
Semoga bermanfaat dan selamat mencoba.
Label:
blog
TRIK BUAT OTOMATIS KLIK gambar
TRIK BUAT OTOMATIS KLIK
| Otomatis Klik |
Namun, setelah saya berselancar di dunia maya, sepertinya asyik juga tuh cara ini diterapkan di blog saya. Karena menurut saya banyak manfaatnya.
Namun, berpulang kembali kepada sohib untk memanfatkannya untuk apa.
kalu begitu, ini trik buat otomatis kliknya :
1. Buka blog sohib, dan edit mana gambar atau menu yang ingin di klik otomatis dalam bahasa script.
2. Sisipkan kode berikut :
onMouseover="window.location=this.href"
diantara kode scrip gambar atau postingan sohib..
Contoh :
<a href="http://pandawalimamedan.blogspot.com" onmouseover="window.location=this.href" target="_blank"><img alt="PANDAWA LIMA" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtou5HdzMNXwOBpQFsTQp0aN3Pqc2rEbbUDxDB9W1rSe6e8vML8t4GGPUR1I-GOlKkGOBKU26SOpq0ahB5fCfaN7hKcgUUkqh-2Zp5-fbCt8-ncNcnmVpkTEck8oHJ1pnUfEnAfGaOSyw/s200/LOGO+P5.gif" title="get more backlinks" /></a>
Hasilnya seperti ini : (silahkan arahkan mouse/kursor sohib gambar berikut)

3. Bila sudah sukses, simpan/save.
Nah itulah cara membuatnya otomatis terbuka link yang ingin kita publikasikan.
Selamat mencoba dan semoga berhasil....
Label:
blog
Trik Cara Membuat Cara Membuat Related Post Berkedip jQuery (Update)
Langkah Cara Membuat Related Post / Recent Post jQuery untuk Blogger
Bagi yang masih bingung seperti apa sih related post yang dimaksudkan,sobat bisa lihat contoh gambarnya dibawah ini:
Contoh yang sudah diterapkan sobat bisa lihat di sini.
Gimana sob,pingin ga punya widget kaya gitu?yuk intip gimana sih cara bikin recent post jquery blogger ini..
Pertama langkahnya seperti biasanya ya hanya pilih Dashboard,lalu Tata Letak / Rancangan kemudian klik tulisan Add New Widget atau Tambah Gadget dan pilih HTML/Javascript,lihat Gambar:
Gimana sob,pingin ga punya widget kaya gitu?yuk intip gimana sih cara bikin recent post jquery blogger ini..
Pertama langkahnya seperti biasanya ya hanya pilih Dashboard,lalu Tata Letak / Rancangan kemudian klik tulisan Add New Widget atau Tambah Gadget dan pilih HTML/Javascript,lihat Gambar:
Kemudian letakkan kode berikut sob:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script><center><strong>Artikel Acak</strong></center>
<center>
<style type="text/css" media="screen">
<!--
#spylist {
overflow:hidden;
margin-top:1px;
padding:0px 0px;
height:300px;
}
#spylist ul{
width:100%;
overflow:hidden;
list-style-type: none;
padding: 0px 0px;
margin:0px 0px;
}
#spylist li {
width:100%;
padding: 0px 0px;
margin:0px 0px 5px 0px;
list-style-type:none;
float:none;
height:70px;
overflow: hidden;
background:#fff url() repeat-x;
border:1px solid #ddd;
}
#spylist li a {
text-decoration:none;
color:#4B545B;
width:100%;
font-size:10px;
height:12px;
overflow:hidden;
margin:0px 0px;
padding:0px 0px 2px 0px;
}
#spylist li img {
float:left;
margin-right:5px;
background:#EFEFEF;
border:0;
}
.spydate{
overflow:hidden;
font-size:8px;
color:#0284C2;
padding:2px 0px;
margin:1px 0px 0px 0px;
height:12px;
font-family:Tahoma,Arial,verdana, sans-serif;
}
.spycomment{
overflow:hidden;
font-family:Tahoma,Arial,verdana, sans-serif;
font-size:8px;
color:#262B2F;
padding:0px 0px;
margin:0px 0px;
}
-->
</style>
<script language='javascript'>
imgr = new Array();
imgr[0] = "http://t1.gstatic.com/images?q=tbn:ANd9GcQZdYwrAif3iY59IQI1bxWYa_KAsE1D28o_dR1yZlt_YCLZ-Sox";
imgr[1] = "http://t1.gstatic.com/images?q=tbn:ANd9GcQZdYwrAif3iY59IQI1bxWYa_KAsE1D28o_dR1yZlt_YCLZ-Sox";
imgr[2] = "http://t1.gstatic.com/images?q=tbn:ANd9GcQZdYwrAif3iY59IQI1bxWYa_KAsE1D28o_dR1yZlt_YCLZ-Sox";
imgr[3] = "http://t1.gstatic.com/images?q=tbn:ANd9GcQZdYwrAif3iY59IQI1bxWYa_KAsE1D28o_dR1yZlt_YCLZ-Sox";
imgr[4] = "http://t1.gstatic.com/images?q=tbn:ANd9GcQZdYwrAif3iY59IQI1bxWYa_KAsE1D28o_dR1yZlt_YCLZ-Sox";
showRandomImg = true;
boxwidth = 200;
cellspacing = 6;
borderColor = "#232c35";
bgTD = "#000000";
thumbwidth = 50;
thumbheight = 50;
fntsize = 9;
acolor = "#666";
aBold = true;
icon = " ";
text = "comments";
showPostDate = true;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 100;
home_page = "http://pelajaran-blog.blogspot.com/";
limitspy=4
intervalspy=4000
</script>
<div id="spylist">
<script src='https://sites.google.com/site/pujiantoroinc/Home/recent_post_berkedip.js' type='text/javascript'></script>
</div></center>Lalu Simpan dan sobat dah bisa lihat hasilnya :D
Label:
blog
CARA MEMBUAT SUB MENU PADA MENU UTAMA DI BLOGSPOT
| Sub Menu |
Sekarang banyak sekali informasi tentang cara menambah / membuat sub menu untuk menu utama di internet. Kita bisa dengan mudah mencari informasi tersebut hanya dengan mengetikkan kata tertentu sesuai maksud yang diinginkan pada salah satu mesin pencari (search engine) seperti google.com , maka akan tertera informasi yang kita inginkan.
Berdasarkan pengalaman saya, dari beberapa informasi yang kita maksud, terkadang kurang jelas cara atau langkah-langkah yang mesti dilakukan. Apalagi seperti saya yang masih awam dengan pengetahuan tentang blogger ini.
Karena itu, saya akan membagi pengalaman saya tentang suatu informasi yaitu cara membuat sub menu pada menu utama di blogspot”.
Sebelumnya, saya sangat berterima kasih kepada Mas Ahmad Rifai (http://blog.ahmadrifai.net/2012/03/membuat-menu-serta-sub-menu-tanpa.html) walaupun kita belum saling mengenal satu sama lain.
Berikut ini langkah-langkah yang harus dilakukan :
- Klik Menu Desain
- Pilih Menu Template lalu pilih menu Edit HTML
- Pilih/klik menu Lanjutkan
- Pilih/klik menu Expand Template Widget
-
Cari scrift berikut :<div class='main-outer'> atau
<div id='main-wrapper'> atau <div id='main'>
Agar lebih mudah, klik saja F3 pada keyboard lalu pilh salah satu scrift diatas. Berdasarkan pengalaman saya setelah membolak balik informasi di www.google.com maka yang cocok adalah :
div class='main-outer'>.
Bisa jadi beda dengan template yang lain…
Setelah dapat, copas scrift berikut tepat diatas scrift yang dicari tadi :
<style>
/* -- Menu Horizontal + Sub Menu-- */
#cat-nav {background:#156994;margin:0 15px;padding:0;height:35px;}
#cat-nav a { color:#eee; text-decoration:none; text-shadow: #033148 0px 1px 0px;border-right:1px solid #156994;}
#cat-nav a:hover { color:#fff; }
#cat-nav li:hover { background:#000; }
#cat-nav a span { font-family:Verdana, Geneva, sans-serif; font-size:11px; font-style:normal; font-weight:400; color:#fff; text-shadow:none;}
#cat-nav .nav-description { display:block; }
#cat-nav a:hover span { color:#fff; }
#secnav, #secnav ul { position:relative; z-index:100; margin:0; padding:0; list-style:none; line-height:1; background:#0d5e88; }
#secnav a { font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-weight:700; font-size:14px; display:block; z-index:100; padding:0 15px; line-height:35px; text-decoration:none;}
#secnav li { float:left; width: auto; height:35px;}
#secnav li ul { position: absolute; left: -999em; width: 200px; top:35px}
#secnav li ul li { height:30px; border-top:1px solid #fff; }
#secnav li ul li a { font-family:Verdana, Geneva, sans-serif; width:180px; line-height:30px; padding:0 10px; font-size:11px; font-style:normal; font-weight:400; color:#eee; }
#secnav li ul ul { margin: -30px 0 0 180px; }
#secnav li:hover ul ul, #secnav li:hover ul ul ul, #secnav li.sfhover ul ul, #secnav li.sfhover ul ul ul { left:-999em; }
#secnav li:hover ul, #secnav li li:hover ul, #secnav li li li:hover ul, #secnav li.sfhover ul, #secnav li li.sfhover ul, #secnav li li li.sfhover ul { left: auto; }
#secnav li:hover,#secnav li.hover { position:static; }
#cat-nav #secnav {width:100%;margin:0 auto;}
</style>
<div id='cat-nav'>
<ul class='fl' id='secnav'>
<li><a href='#'>Beranda</a></li>
<li><a href='#'>Menu 1</a></li>
<li><a href='#'>Menu 2</a>
<ul id='sub-custom-nav'>
<li><a href='#'>Sub Menu2 a</a></li>
<li><a href='#'>Sub Menu2 b</a></li>
</ul>
</li>
<li><a href='#'>Menu3</a>
<ul id='sub-custom-nav'>
<li><a href='#'>Sub Menu3a</a></li>
<li><a href='#'>Sub Menu3b</a></li>
</ul>
</li>
<li><a href='#'>Menu4</a>
<ul id='sub-custom-nav'>
<li><a href='#'>Sub Menu4a</a></li>
<li><a href='#'>Sub Menu4b</a></li>
</ul>
</li>
<li><a href='#'>Menu5</a></li>
</ul>
</div>
PENJELASAN :
- Ganti tanda # (warna biru) dengan link/url yang anda inginkan. Bisa jadi link posting atau label (katagori) yang ada pada blog anda.
- Ganti Tulisan warna biru dengan menu dan sub menu yang anda inginkan.
- Setiap sub menu bisa ditambah atau dikurangkan sesuai keinginan.
7. Setelah itu klik Pratinjaudulu untuk memastikan scrift sudah benar . Lalu simpanlah/save. Dan tutup edit HTML tersebut.
Saran : back up dulu template anda sebelum merubah/menambah scrift diatas, agar bisa dimanfaatkan kembali jika ada masalah dengan penambahan srcritf diatas.
8. Untuk menghilangkan tampilan tampilan dabel dengan Laman Utama,
Maka ikutilah saran berikut :
Saran : back up dulu template anda sebelum merubah/menambah scrift diatas, agar bisa dimanfaatkan kembali jika ada masalah dengan penambahan srcritf diatas.
8. Untuk menghilangkan tampilan tampilan dabel dengan Laman Utama,
Maka ikutilah saran berikut :
- Masuk ke Menu Laman
- Lalu pilih tampilan halaman dengan memilih "jangan tampilkan"
- Simpan setelan, maka laman utama akan tampil sendiri sesuai dengan scrift yang kita ketikkan tadi.
Blog sudah bisa dipublikasikan...
Semoga sharing yang saya buat ini bisa bermanfaat dan menambah khazanah pengetahuan kita semua.
Sumber
Label:
blog
Trik Membuat Baner Iklan dengan Tombol (Anchor Link) Tutup / Close Button
Bismillah - hi kawan pakabar!? dah lama banget kita ga posting nih,ga ada waktu - job dari mas SpreiShop.Org dan FanspageId.Com aja sampai saat ini terlantarkan dan statusnya juga blm jelas,hehe.. maaf ya mas:D mungkin lain kali pent-),seperti pada screenshot gambar diatas gan,malam ini seperti janji beberapa hari yang lalu,Pelajaran Blog akan berbagi trik seputar membuat baner iklan popup dilengkapi dengan tombol tutup atau close button.
Namun tidak seperti 'trik membuat iklan popup jquery' seperti artikel yang terdahulu,kali ini widget yang akan kita ciptakan ini dalam posisi 'menetap' namun akan hilang saat kita klik close button-nya.
Yah,kurang lebih seperti iklan pada situs YouTube pada halaman awalnya namun hilang saat kita klik anchor link close-nya.
Bagaimana sob,tertarik untuk mencoba widget yang satu ini? (sangat menghemat tempat,actually pent-)Namun tidak seperti 'trik membuat iklan popup jquery' seperti artikel yang terdahulu,kali ini widget yang akan kita ciptakan ini dalam posisi 'menetap' namun akan hilang saat kita klik close button-nya.
Yah,kurang lebih seperti iklan pada situs YouTube pada halaman awalnya namun hilang saat kita klik anchor link close-nya.
Dengan sedikit kreasi,dari script yang akan kami bagikan ini,sobat bisa memodifikasi sesuai keinginan.
Langkah Cara Membuat Show Hide Link Anchor pada Widget
Pertama,sobat pergi ke Dashboard lalu pilih Template (gb.1),kemudian pilih Edit HTML (gb.2) dan klik Proceed (gb.3)gb.1
gb.2
gb.3
Lalu contreng Expand Widget Templates (gb.4)
gb.4
Kemudian cari kode berikut:
]]></b:skin>Jika sudah sobat ketemukan tepat diBAWAHnya letakkan script jquery berikut:<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js?ver=1.4.2' type='text/javascript'/>Setelah itu tepat diATAS kode ]]></b:skin>,letakkan barisan css berikut:#mask {
display: none;
background: #000;
position: fixed; left: 0; top: 0;
z-index: 10;
width: 100%; height: 100%;
opacity: 0.8;
z-index: 999;
}
.pb-popup{
display:none;
background: #333;
padding: 10px;
border: 2px solid #ddd;
float: left;
font-size: 1.2em;
position: fixed;
top: 50%; left: 50%;
z-index: 99999;
box-shadow: 0px 0px 20px #999; /* CSS3 */
-moz-box-shadow: 0px 0px 20px #999; /* Firefox */
-webkit-box-shadow: 0px 0px 20px #999; /* Safari, Chrome */
border-radius:3px 3px 3px 3px;
-moz-border-radius: 3px; /* Firefox */
-webkit-border-radius: 3px; /* Safari, Chrome */
}
fieldset {
border:none;
}Lalu simpan templates.Nah,selanjutnya,kini kita tinggal menciptakan widget iklan yang akan ditampilkan.
Langkahnya sangat mudah,pertama pilih Dashboard lalu Layout (gb.5) kemudian klik Add a Gadget (gb.6) dan pilih HTML/Javascript (dalam mode html bukan rich) (gb.7)
gb.5
gb.6

gb.7
Dan letakkan kode berikut:
<div id="pb-box" class="mrpujiajadeh-popup">
<br /><span style="color: rgb(204, 0, 0);">Ingin membuat iklan seperti di bawah ini? tunggu tutorialnya beberapa hari lagi ya sob :D.Klik tanda x untuk menutup iklan.</span><p align="right"><a href="#" class="close">
<br/><small><u>[x] Tutup Iklan</u></small></a></p>
<iframe vspace="0" frameborder="2" marginheight="100" marginwidth="100" readonly="true" height="400" src="http://beritamuslimsahih-ahlussunnah.blogspot.com/" hspace="10" scrolling="yes" width="100%" allowtransparency="true"></iframe>
</div>
<script type='text/javascript'>
$(document).ready(function() {
$('a.pb-window').click(function() {
//Getting the variable's value from a link
var pbBox = $(this).attr('href');
//Fade in the Popup
$(pbBox).fadeIn(300);
//Set the center alignment padding + border see css style
var popMargTop = ($(pbBox).height() + 24) / 2;
var popMargLeft = ($(pbBox).width() + 24) / 2;
$(pbBox).css({
'margin-top' : -popMargTop,
'margin-left' : -popMargLeft
});
// Add the mask to body
$('body').append('<div id="mask"></div>');
$('#mask').fadeIn(300);
return false;
});
// When clicking on the button close or the mask layer the popup closed
$('a.close, #mask').live('click', function() {
$('#mask , .mrpujiajadeh-popup').fadeOut(300 , function() {
$('#mask').remove();
});
return false;
});
});
</script>**Kode yang berwarna merah,sobat bisa ganti sesuai keinginan,bisa gambar (baca kode cara meletakkan gambar pada blog),video,iklan atau html maupun javascript apa saja.
Menarik bukan? selamat mencoba ya sob.
Menarik bukan? selamat mencoba ya sob.
Label:
blog
Untuk membuat menu dropdown
Untuk membuat menu dropdown,selain membuat situs lebih rapi,juga sambil belajar yuk!
Untuk kodenya copy paste kode di bawah ini :
Untuk kodenya copy paste kode di bawah ini :
<form><select name="menu"
onchange="window.open(this.options[this.selectedIndex].value,'_blank')"size=1
name=menu><option value=0 selected>KATA YANG PERTAMA MUNCUL</option>
<option value="ISI ALAMAT YANG DI TUJU">ISI TEXT YANG INGIN DI TAMPILKAN</option>
</select></form>Contoh penggunaan kode :
<form><select name="menu"
onchange="window.open(this.options[this.selectedIndex].value,'_blank')"size=1
name=menu>
<option>Link</option>
<option value="http://www.youtube.com">Youtube</option>
<option value="http://www.yahoo.com">Yahoo</option>
<option value="http://www.google.com">Google</option>
</select></form>
Yang hasilnya nanti akan seperti di bawah ini :
Sangat Mudah khan?
Selamat mencoba ya..!!
Label:
blog
Menempatkan Vidio pada blog
Meskipun blogger sudah menyediakan upload untuk video,ga ada salahnya ya kita mencoba ngulik kode buat menempatkan sebuah video.
Hasilnya kurang lebih seperti di bawah ini,klik untuk memutar Video :
Jika anda ingin meletakkan video dari Youtube,anda hanya mengisi alamat/URL video tersebut,pada kode.Untuk kode,copy di bawah ini:
Nah! Tulisan yang berwarna Hijau,gantilah dengan URL alamat video yang ingin anda tampilkan.
misal alamat pada browser video tersebut adalah:
maka alamat URL dalam kode ganti menjadi:
Apabila anda malah pusing alias bingung,tinggal buka halaman Youtube,dan copy embed kode di sebelah kanan atas,dan paste kode tersebut kedalam halaman HTML anda.
Kenapa ga bilang dari Tadi!!!!

!
Untuk ukuran,anda tentukan sendiri dengan mengatur
Jika ingin memasang video pribadi,tinggal membuat Account di Youtube dan Upload Video anda disana.

Hasilnya kurang lebih seperti di bawah ini,klik untuk memutar Video :
Jika anda ingin meletakkan video dari Youtube,anda hanya mengisi alamat/URL video tersebut,pada kode.Untuk kode,copy di bawah ini:
<object width="425" height="344"><embed src="http://www.youtube.com/v/sLLCAmr8vjs" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object>Nah! Tulisan yang berwarna Hijau,gantilah dengan URL alamat video yang ingin anda tampilkan.
misal alamat pada browser video tersebut adalah:
http://www.youtube.com/watch?v=sLLCAmr8vjsmaka alamat URL dalam kode ganti menjadi:
http://www.youtube.com/v/sLLCAmr8vjsApabila anda malah pusing alias bingung,tinggal buka halaman Youtube,dan copy embed kode di sebelah kanan atas,dan paste kode tersebut kedalam halaman HTML anda.
Kenapa ga bilang dari Tadi!!!!


!Untuk ukuran,anda tentukan sendiri dengan mengatur
width="246" height="171".Jika ingin memasang video pribadi,tinggal membuat Account di Youtube dan Upload Video anda disana.
Trik Membuat Baner Iklan dengan Tombol x
Bismillah - hi kawan pakabar!? dah lama banget kita ga posting nih,ga ada waktu - job dari mas SpreiShop.Org dan FanspageId.Com aja sampai saat ini terlantarkan dan statusnya juga blm jelas,hehe.. maaf ya mas:D mungkin lain kali pent-),seperti pada screenshot gambar diatas gan,malam ini seperti janji beberapa hari yang lalu,Pelajaran Blog akan berbagi trik seputar membuat baner iklan popup dilengkapi dengan tombol tutup atau close button.
Namun tidak seperti 'trik membuat iklan popup jquery' seperti artikel yang terdahulu,kali ini widget yang akan kita ciptakan ini dalam posisi 'menetap' namun akan hilang saat kita klik close button-nya.
Yah,kurang lebih seperti iklan pada situs YouTube pada halaman awalnya namun hilang saat kita klik anchor link close-nya.
Bagaimana sob,tertarik untuk mencoba widget yang satu ini? (sangat menghemat tempat,actually pent-)
Dengan sedikit kreasi,dari script yang akan kami bagikan ini,sobat bisa memodifikasi sesuai keinginan.
Langkah Cara Membuat Show Hide Link Anchor pada Widget
Pertama,sobat pergi ke Dashboard lalu pilih Template (gb.1),kemudian pilih Edit HTML (gb.2) dan klik Proceed (gb.3)gb.1
gb.2
gb.3
Lalu contreng Expand Widget Templates (gb.4)
gb.4
Kemudian cari kode berikut:
]]></b:skin>Jika sudah sobat ketemukan tepat diBAWAHnya letakkan script jquery berikut:<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js?ver=1.4.2' type='text/javascript'/>Setelah itu tepat diATAS kode ]]></b:skin>,letakkan barisan css berikut:#mask {
display: none;
background: #000;
position: fixed; left: 0; top: 0;
z-index: 10;
width: 100%; height: 100%;
opacity: 0.8;
z-index: 999;
}
.pb-popup{
display:none;
background: #333;
padding: 10px;
border: 2px solid #ddd;
float: left;
font-size: 1.2em;
position: fixed;
top: 50%; left: 50%;
z-index: 99999;
box-shadow: 0px 0px 20px #999; /* CSS3 */
-moz-box-shadow: 0px 0px 20px #999; /* Firefox */
-webkit-box-shadow: 0px 0px 20px #999; /* Safari, Chrome */
border-radius:3px 3px 3px 3px;
-moz-border-radius: 3px; /* Firefox */
-webkit-border-radius: 3px; /* Safari, Chrome */
}
fieldset {
border:none;
}Lalu simpan templates.Nah,selanjutnya,kini kita tinggal menciptakan widget iklan yang akan ditampilkan.
Langkahnya sangat mudah,pertama pilih Dashboard lalu Layout (gb.5) kemudian klik Add a Gadget (gb.6) dan pilih HTML/Javascript (dalam mode html bukan rich) (gb.7)
gb.5
gb.6

gb.7
Dan letakkan kode berikut:
<div id="pb-box" class="mrpujiajadeh-popup">
<br /><span style="color: rgb(204, 0, 0);">Ingin membuat iklan seperti di bawah ini? tunggu tutorialnya beberapa hari lagi ya sob :D.Klik tanda x untuk menutup iklan.</span><p align="right"><a href="#" class="close">
<br/><small><u>[x] Tutup Iklan</u></small></a></p>
<iframe vspace="0" frameborder="2" marginheight="100" marginwidth="100" readonly="true" height="400" src="http://beritamuslimsahih-ahlussunnah.blogspot.com/" hspace="10" scrolling="yes" width="100%" allowtransparency="true"></iframe>
</div>
<script type='text/javascript'>
$(document).ready(function() {
$('a.pb-window').click(function() {
//Getting the variable's value from a link
var pbBox = $(this).attr('href');
//Fade in the Popup
$(pbBox).fadeIn(300);
//Set the center alignment padding + border see css style
var popMargTop = ($(pbBox).height() + 24) / 2;
var popMargLeft = ($(pbBox).width() + 24) / 2;
$(pbBox).css({
'margin-top' : -popMargTop,
'margin-left' : -popMargLeft
});
// Add the mask to body
$('body').append('<div id="mask"></div>');
$('#mask').fadeIn(300);
return false;
});
// When clicking on the button close or the mask layer the popup closed
$('a.close, #mask').live('click', function() {
$('#mask , .mrpujiajadeh-popup').fadeOut(300 , function() {
$('#mask').remove();
});
return false;
});
});
</script>**Kode yang berwarna merah,sobat bisa ganti sesuai keinginan,bisa gambar (baca kode cara meletakkan gambar pada blog),video,iklan atau html maupun javascript apa saja.
selamat mencoba ya!!
selamat mencoba ya!!
Cara Mudah Memasang Lagu / Musik / Streaming Mp3 di Blog
Akhirnya,hari ini saya dapat meluangkan waktu lagi buat ngeluarin unek-unek yang selalu menghantuiku (cyakellahhh..),bener sekali sob,jika beberapa waktu lalu sempet posting masalah membuat streaming mp3 di facebook kali ini cuman mau sharing bagaimana cara pasang atau memasang lagu,musik atau file mp3 dari komputer kamu supaya nanti setiap buka blog pengunjung langsung dapat mendengarkan file musik / lagu / mp3 [streaming] di blog kamu tanpa harus menekan tombol play.
Yup,cara pasang lagu otomatis di blog adalah tema malam ini sob,bagi yang sudah pada tahu ya lewatin aja deh posting kali ini,tapi bagi sobat-sobat yang pingin tahu bisa simak ya tutorial cara pasang musik otomatis di blog ini,OK?
Berhubung sebagian ulama (kita hidup ga lama sob) ada yang mengharamkan musik atau lagu (bisa baca di sini) so,kita ambil aja file mp3 berbentuk kajian ya :D (no sara,itung-itung biar dapet pahala pent-)
Langkah Cara Pasang File Mp3 di Blog secara Otomatis (Auto Play)
Pertama sobat siapkan dulu file mp3 yang akan diletakkan di blog agar nantinya setiap pengunjung membuka halaman blog sobat bisa langsung dengerin dan ga pake tekan tombol Play.
Letakkan file di folder mana saja (bisa di My Document or yang laen)di kompi kamu,misal nama filenya '
Selanjutnya,sobat kunjungi situs www.toofiles.com dan lakukan Register seperti gambar di bawah ini:
Letakkan file di folder mana saja (bisa di My Document or yang laen)di kompi kamu,misal nama filenya '
siapa bilang bid'ah itu sesat.mp3'Selanjutnya,sobat kunjungi situs www.toofiles.com dan lakukan Register seperti gambar di bawah ini:
Setelah itu ikuti instruktur aja sob,lihat gambar ya:
Selanjutnya kunjungi email sobat dan lakukan aktivasi disana,lihat gambar ni:
Nah,nanti sobat akan dibawa ke halaman situs www.toofiles.com lagi untuk login ulang disana,setelah sobat berhasil masuk (Log In) sobat klik aja tab 'Home' dan sobat pilih Audio,lihat gambar:
Setelah itu akan tampil halaman seperti dibawah ini sob,cari file yang sudah sobat siapkan tadi lalu klik 'Upload',lihat gambar:
Selanjutnya,setelah proses upload selesai klik aja gan link untuk menampilkan kode html-nya,setelah itu copy kode tersebut,lihat gambar:
Selanjutnya letakkan kode tersebut di halaman widget sobat,caranya pergilah ke Dashboard lalu pilih Tata Letak selanjutnya klik tulisan 'Add a Gadget' [1] lalu pilih Html/Javascript [2],lihat gambar:
1.
2.
Lalu letakkan kode yang berhasil sobat copy,lalu paste ke gadget tersebut,Simpan dan Selesai :D Moga bermanfaat ya gan,see you and keep post!
sumber http://pelajaran-blog.blogspot.com/
aktivasi idm 6.xx
untuk aktivasi Internet download manager 6.xx silahkan download patch/crack pada link berikut ini:
http://myactivation.googlecode.com/files/Patch3.exewindows 7 loader
Untuk mengaktifkan windows 7 agar genue atau asli silahkan download windows 7 loader disini http://myactivation.googlecode.com/files/Windows%20Loader%202.1_www.remo-xp.com.rar
Cara Menggunakan File Hosting Gratis Google Code
Beberapa hari lalu ada sahabat kami yang menanyakan bagaimana cara menggunakan google code file hosting gratis ini,nah sebagai bahan posting kali ini saya menggunakannya dengan salah satu manfaat dari file hosting gratis ini,yakni membuat link download untuk blogger
Namun selain dapat digunakan sebagai sarana untuk menempatkan sebuah file di komputer kamu yang ingin kamu share,Google Code juga mampu digunakan untuk fungsi javascript,php dan lain sejenisnya.Namun disini kita akan coba sharing bagaimana menggunakan file hosting gratis google code untuk membuat link download.
Daripada banyak teori kepala malah tambah pusing,yuk dimari kita sama-sama cari tahu langkah dan cara membuat link download di blogger dengan google code.Namun selain dapat digunakan sebagai sarana untuk menempatkan sebuah file di komputer kamu yang ingin kamu share,Google Code juga mampu digunakan untuk fungsi javascript,php dan lain sejenisnya.Namun disini kita akan coba sharing bagaimana menggunakan file hosting gratis google code untuk membuat link download.
Contoh fisik akan seperti ini sob:
Belajar membuat link download:
Silakan klik di sini
Nah,gimana sob? ingin mencobanya? yuk ikuti langkah berikut ya gan :D
Cara Mudah Membuat Link Download
Pertama sobat daftar di code.google.com,jika dah punya account di GMail tinggal daftar aja dengan email atau account google sobat,jika dah berhasil login,sobat nantiu akan lihat tampilan seperti ini dan klik aja Project Hosting,lihat gambar:
Selanjutnya nanti akan tampil halaman baru klik aja 'Project Hosting on Google Code',lihat gambar gan:
Kemudian,sobat akan dihadapkan halaman seperti gambar berikut,dan isi form sesuai dengan permintaan dan hal-hal seputar file yang akan sobat download(gunakan huruf kecil aja ya),lalu klik Create Project:
Project sobat sudah berhasil dibuat,klik 'Downloads' untuk mulai meng-upload file,lihat gambar gan:
Setelah itu sobat akan dihadapkan halaman seperti berikut,klik tombol 'New Download',lihat gambar:
Nanti sobat akan dihadapkan form seperti gambar berikut,isilah form sesuai dengan kriteria file sobat yang akan di upload,lihat gambar:
Dan tada!!! file anda telah berhasil anda upload dengan tampilnya halaman seperti dibawah ini,klik file untuk melihat statusnya,lihat gambar:
Sebagai langkah terakhir,sobat klik kanan pada file seperti gambar dibawah ini dan klik 'Copy Link Location',lihat gambar:
Nah,setelah sobat melakukan langkah-langkah diatas,sekarang sobat sudah memiliki url dari file yang baru saja sobat upload dari mengcopy lokasi file,pada tahap ini saya mendapatkan url file seperti ini:
http://belajargooglecode.googlecode.com/files/Siapa%20Bilang%20Bid%27ah%20itu%20sesat.mp3Yup,itulah url link yang sobat dapat gunakan dalam tutorial membuat link download kali ini,nah cara menggunakannya pada posting or Html widget gunakan kode berikut:
<a href="nama_url_link" target="_blank">nama file (terserah sobat ya)</a>contoh:
<a href="http://belajargooglecode.googlecode.com/files/Siapa%20Bilang%20Bid%27ah%20itu%20sesat.mp3" target="_blank">Benarkah Bid'ah itu Sesat?</a>Semoga berhasil dan semoga bermanfaat ya sob :D,
sumber http://pelajaran-blog.blogspot.com/
Langganan:
Postingan (Atom)

