....ini tempat kode yang anda ingin posting
Sabtu, 19 Januari 2013
Cara membuat Link(1)
P ada pembahasan kali ini, bagaimana membuat link artikel blog.
Apakah kalian pernah menjumpai kalimat seperti ini disebuah web/blog??
Untuk belajar membuat blog silahkan klik DISINI
Yakin pernah donk, kata DISINI itu merupakan sebuah link yang mengarahkan pembaca untuk masuk kesebuah URL lain.
Berikut langkah membuatnya:
A. Untuk link pada postingan.
1. Highlight / Block (caranya: masukkan kursor pada kata yang ingin dibuat link,lalu tekan klik kiri dan tahan lalu tarik)kata-kata yang ingin di buat link, contoh di atas adalah klik DISINI.
2. Setelah itu klik pada icon
,ketikkan URL tujuan misalnya http://mutakbir.blogspot.com lalu klik ok. Maka akan muncul sepeti ini pada entri:<a href="http://mutakbir.blogspot.com">DISINI</a>
Apabila kalian tidak mau susah untuk menghapalkan URL tujuan, kalian bisa menggunakan cara yang paling sering saya gunakan yaitu klik kanan pada judul artikel tujuan pilih copy link location lalu pastekan pada kotak http:// tersebut, jangan lupa hapus tulisan http:// yang ada pada kotak tersebut terlebih dulu sebelum dipaste agar http:// tidak double.Jika link tujuan merupakan halaman utama sebuah blog / web lain maka copy pada bagian address bar (itu loh,bagian atas browser kita tempat biasanya menulis alamat site/blog yang awalannya http:// )
3. selesai.
B. Link terbuka pada tab baru.
Jika kalian menginginkan link tersebut terbuka pada tab baru supaya pengunjung tidak meninggalkan blog kita maka setelah melakukan langkah diatas, kalian tambahakn kede ini target="new" atau target="_blank" setelah link tujuan, hasilnya akan seperti ini:
<a href="http://mutakbir.blogspot.com" target="new">DISINI</a>
Atau bisa juga seperti ini:
<a href="http://mutakbir.blogspot.com" target="_blank">DISINI</a>
untuk melihat cara membuat link berjudul silahkan klik DISINI
Mengalihkan pengunjung keblog baru kita
Pengalihan yang saya maksud disini adalah Redirect dari satu URL address ke URL address yang lain, sebagai ilustrasi misalnya saya menginginkan pengunjung untuk mengunjungi blog/web baru saya dengan cara meninggalkan pesan bahwa alamat situs atau blog sudah pindah alamat.
Berikut langkahnya:
1. Loggin ke Blog dengan ID
2. Klik Edit HTML.
3. Download Template lengkap.
4. Letakkan kode berikut antara kede <head> .... </head>
<meta http-equiv="refresh" content="0;URL=tulis alamat URL tujuan di sini"/>
5.Klik Save template, selesai.
Pasang kalender di Blog
P ada postingan terdahulu membahas bagaimana memasang jam pada blog, sekarang bagi sobat yang ingin mempercantik blog dengan memasang kalender silahkan klik http://www.free-blog-content.com , disana kalian bisa memilih berbagai macam kalender, untuk menggunakan fitur tersebut, kalian tinggal mengcopy code HTML yang ada dibawah kalender tersebut lalu pasang pada blog kalian. Cara memasangnya sama dengan memasang widget pada blog, jika lupa cara memasang widget pada blog silahkan klik disini (cara menambah widget di blog )
Salah satu contoh kalendernya
Menyimpan Widget Persis dibawah Footer
U ntuk menambah sebuah elemen dibawah footer sebenarnya sangat mudah tinggal klik masuk ke Tata letak lalu klik kanan dan tahan lalu geser ketempat dimana kita inginkan. Namun kali ini kita mencoba bagaimana menyimpan widget persis dibawah footer dengan cara lain.
Ini langkahnya :
1. Login dengan Id anda.
2. Klik Edit HTML.
3. Download template lengkap untuk backup.
4. Cari code berikut:
<b:section class='foot' id='footer-3' showaddelement='no'>
5. Lalu ganti code diatas dengan code berikut:
<b:section class='foot' id='footer-3' preferred='yes'>
6. Klik save template.
7. Klik Elemen Halaman.
8. Sekarang kalian tinggal menambah gadget masih ingat kan? jika lupa silahkan buka Cara menambah Gadget diblog
9. Demikian semoga bermanfaat..
Cara Menghapus Account Facebook
S ebelumnya saya ucapkan selamat berlibur bagi rekan-rekan blogger,bagaimana kabar hari ini? "LUAR BIASA?" atau kah "BIASA DiLUAR?"
tapi bagaimana pun kabarnya yang penting TETAP SEMANGAT DAN BERGELORA sepanjang hari.
"MUNGKIN PARA SOBAT BLOGGER BERTANYA-TANYA,,,KENAPA SAYA MENGAMBIL JUDUL DIATAS?" sebenarnya ini bukan maksud untuk menghapus Facebook orang lain tapi untuk hapus account FB milik pribadi, yang sudah tidak ingin kita aktifkan lagi dengan berbagai alasan privasi atau barang kali karena abis nonton film yang berjudul " SETAN FACEBOOK" yang lagi diputar dibioskop2 (udah pada nonton belum?klo belum dan ada niat tuk nonton, saya sarankan periksa jantung dulu...)
Okey,,,saya kira cukup appresepsinya,sebelum kita mulai, Apakah ada yang tidak bisa mengikuti?Bagi yang sakit silahkah sesuaikan.kita langsung saja ke peragaan Cara Menghapus account Facebook kita yang ingin di non aktifkan. Tolong ikuti dengan cermat jangan sampai ada yang terlewatkan karena agak ribet dikit.
Berikut langkah-langkahnya:
Langkah 1
- Login ke FB anda
- Hapus semua temen anda.
- Hapus semua foto di halaman album anda. Caranya, masuk ke halaman foto, lalu pilih album dan pilih “delete this album”.
- Hapus semua komentar yang anda kirim, dengan cara masuk ke halaman profile lalu pilih tanda “x” dan pilih “delete” di setiap kotak wall dan komentar anda.
- Cabut keanggotaan anda dari groups, fan, dan supporter di halaman INFO. Caranya dengan mengunjungi group anda lalu pilih “remove”.
- Hapus semua info tentang anda. Pilih “info” edit.
- Remove smua tag yang ada di halaman foto anda
Langkah kedua:
- Klik disini http://www.facebook.com/help/contact.php?show_form=delete_account
- pilih hapus akun secara permanen.
- Masukkan password anda lalu masukkan kata sandi yang terlihat.
- Tunggu sampai pihak FB memberi konfirmasi tentang penghapusan account.
- Setelah itu FB anda akan log out secara otomatis.
- Penting! Setelah anda mencoba langkah diatas jangan login selama 14 hari artinya pihak FB memberi waktu selama 14 hari untuk benar2 menghapus secara permanen account anda.
Demikian, apakah ada yang mau ditanyakan???jika ada silahkan isi kolom komentar,jika tidak semoga ini bisa membantu rekan2 blogger/facebooker demi mencerdaskan anak bangsa. Sebelum saya akhiri, Apakah ada yang sakit setelah mencoba langkah diatas? Klo ada segera berobat biar cepat sembuh.
Salam Hormat, Tetap semangat!!!
Horisontal dropdown Menu
S ebelumnya saya ucapkan selamat Tahun baru Islam 1432 H. Okey, menanggapi pertanyaan salah satu rekan kita yang telah berkunjung, pertanyaannya kurang lebih seperti ini "eh aq mintol y nie aq mau tau cara membuat.tombol.HOME.DAFTAR ISI.KODE WARNA.PARS KODE.KONTAK KAMI.skalian lh ma kode htmmlnya.ok.th's b4." Namun disini mungkin tidak sesuai keinginan bliau karena tutorial ini tanpa menggunakan tombol tapi rada2 miriplah (heheh), sebenarnya saya ingin berkunjung balik ke blog bliau tapi yang bersangkutan tidak menyertakan URLnya.
Apa itu Horisontal Dropdown Menu (HDM)??? HDM banyak sekali kita jumpai diberbagai website/blog terutama sering digunakan pada web2 bisnis atau iklan seperti HOME, DAFTAR PRODUK, CARA TERANSAKSI, KONTAK dst...dan dari hasil kunjungan saya dibeberapa web misalnya bisnis pulsa hampir semuanya menggunakan HDM persis dibawah Headernya.
Sebenarnya saya ingin memberi contoh gambar tapi karena internetnya lagi lemot (maklum cuma pake CDMA flexi ) jadi maaf banget tidak memberi contoh gambar tapi sebagai contoh bisa anda lihat pada facebook anda( udah punya facebook belum??klo belum segera buat mumpun masih gratis )saya asumsikan kalian sudah punya FB sekaran lihat disana ada tulisan Wall Info Fhotos nah, kurang lebih bentuknya mirip menu tersebut.
Kita mulai saja langkah pembuatannya:
1. Sigin di blogger
2. Klik menu Layout
3. Klik menu Edit HTML
4. Download Full Template (penting tuk jaga2)
5. Letakkan code berikut persis diatas code ]]></b:skin>
#dropmenudiv{
position:absolute;
border:1px solid black;
border-bottom-width: 0;
font:normal 12px verdana;
line-height:18px;
z-index:100;
}
#dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid black;
padding: 1px 0;
text-decoration: none;
font-weight: bold;
color:#ffffff;
}
#dropmenudiv a:hover{ /*hover background color*/
background-color: #e7f4fd;
color:#000000;
}
/* menu dropdown
----------------------------------------------- */
#menu{
text-align: center;
background:#c4e1ff;
height:20px;
}
#menu a{
margin:0;
font-size:1em;
font-weight:normal;
padding-left:20px;
padding-right:20px;
letter-spacing:-1px;
color: #000000;
font-family:georgia,verdana,arial;
text-decoration:none;
}
#menu a:hover{
color: #ffffff;
background: #140E7E;
}
6. Lalu letakkan code berikut diatas code </head>
<script type='text/javascript'>
//<![CDATA[
/***********************************************
* AnyLink Drop Down Menu- © Dynamic Drive (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit http://www.dynamicdrive.com/ for full source code
***********************************************/
//isi dari menu 1, silahkan ubah dengan link milik kalian
var menu1=new Array()
menu1[0]='<a href="http://mutakbir.blogspot.com/2010/07/cara-membuat-foto-animasi.html">1.Tutorial HTML</a>'
menu1[1]='<a href="http://mutakbir.blogspot.com/2010/07/cara-membuat-foto-animasi.html"> 2.Cara membuat foto animasi</a>'
menu1[2]='<a href="http://mutakbir.blogspot.com/2010/07/membuat-paper-style-drop-caps-berita.html"> 3.Membuat paper style drop caps berita</a>'
//isi dari menu 2, silahkan ubah dengan link milik kalian
var menu2=new Array()
menu2[0]='<a href="http://mutakbir.blogspot.com/2010/01/cara-membuat-tulisan-terbalik.html "> Cara membuat tulisan terbalik</a>'
menu2[1]='<a href="http://mutakbir.blogspot.com/2010/01/mempercepat-koneksi-internet-mozilla.html">Mempercepat koneksi internet</a>'
//isi dari menu 3, silahkan ubah dengan link milik kalian
var menu3=new Array()
menu3[0]='<a href="http://avail.rumahkerja.info/drjocf/ "> Rahasia Wanita;/a>'
//isi dari for menu 4, and so on
var menu4=new Array()
menu4[0]='<a href="http://avail.rumahkerja.info/drjocf/ "> Bisnis Wanita;/a>'
var menuwidth='200px' //default menu width
var menubgcolor='#4B4D52' //menu bgcolor
var disappeardelay=250 //menu disappear speed onMouseout (in miliseconds)
var hidemenu_onclick="yes" //hide menu when user clicks within menu?
/////No further editting needed
var ie4=document.all
var ns6=document.getElementById&&!document.all
if (ie4||ns6)
document.write('<div id="dropmenudiv" style="visibility:hidden;width:'+menuwidth+';background-color:'+menubgcolor+'" onMouseover="clearhidemenu()" onMouseout="dynamichide(event)"></div>')
function getposOffset(what, offsettype){
var totaloffset=(offsettype=="left")? what.offsetLeft : what.offsetTop;
var parentEl=what.offsetParent;
while (parentEl!=null){
totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;
parentEl=parentEl.offsetParent;
}
return totaloffset;
}
function showhide(obj, e, visible, hidden, menuwidth){
if (ie4||ns6)
dropmenuobj.style.left=dropmenuobj.style.top="-500px"
if (menuwidth!=""){
dropmenuobj.widthobj=dropmenuobj.style
dropmenuobj.widthobj.width=menuwidth
}
if (e.type=="click" && obj.visibility==hidden || e.type=="mouseover")
obj.visibility=visible
else if (e.type=="click")
obj.visibility=hidden
}
function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}
function clearbrowseredge(obj, whichedge){
var edgeoffset=0
if (whichedge=="rightedge"){
var windowedge=ie4 && !window.opera? iecompattest().scrollLeft+iecompattest().clientWidth-15 : window.pageXOffset+window.innerWidth-15
dropmenuobj.contentmeasure=dropmenuobj.offsetWidth
if (windowedge-dropmenuobj.x < dropmenuobj.contentmeasure)
edgeoffset=dropmenuobj.contentmeasure-obj.offsetWidth
}
else{
var topedge=ie4 && !window.opera? iecompattest().scrollTop : window.pageYOffset
var windowedge=ie4 && !window.opera? iecompattest().scrollTop+iecompattest().clientHeight-15 : window.pageYOffset+window.innerHeight-18
dropmenuobj.contentmeasure=dropmenuobj.offsetHeight
if (windowedge-dropmenuobj.y < dropmenuobj.contentmeasure){ //move up?
edgeoffset=dropmenuobj.contentmeasure+obj.offsetHeight
if ((dropmenuobj.y-topedge)<dropmenuobj.contentmeasure) //up no good either?
edgeoffset=dropmenuobj.y+obj.offsetHeight-topedge
}
}
return edgeoffset
}
function populatemenu(what){
if (ie4||ns6)
dropmenuobj.innerHTML=what.join("")
}
function dropdownmenu(obj, e, menucontents, menuwidth){
if (window.event) event.cancelBubble=true
else if (e.stopPropagation) e.stopPropagation()
clearhidemenu()
dropmenuobj=document.getElementById? document.getElementById("dropmenudiv") : dropmenudiv
populatemenu(menucontents)
if (ie4||ns6){
showhide(dropmenuobj.style, e, "visible", "hidden", menuwidth)
dropmenuobj.x=getposOffset(obj, "left")
dropmenuobj.y=getposOffset(obj, "top")
dropmenuobj.style.left=dropmenuobj.x-clearbrowseredge(obj, "rightedge")+"px"
dropmenuobj.style.top=dropmenuobj.y-clearbrowseredge(obj, "bottomedge")+obj.offsetHeight+"px"
}
return clickreturnvalue()
}
function clickreturnvalue(){
if (ie4||ns6) return false
else return true
}
function contains_ns6(a, b) {
while (b.parentNode)
if ((b = b.parentNode) == a)
return true;
return false;
}
function dynamichide(e){
if (ie4&&!dropmenuobj.contains(e.toElement))
delayhidemenu()
else if (ns6&&e.currentTarget!= e.relatedTarget&& !contains_ns6(e.currentTarget, e.relatedTarget))
delayhidemenu()
}
function hidemenu(e){
if (typeof dropmenuobj!="undefined"){
if (ie4||ns6)
dropmenuobj.style.visibility="hidden"
}
}
function delayhidemenu(){
if (ie4||ns6)
delayhide=setTimeout("hidemenu()",disappeardelay)
}
function clearhidemenu(){
if (typeof delayhide!="undefined")
clearTimeout(delayhide)
}
if (hidemenu_onclick=="yes")
document.onclick=hidemenu
//]]>
</script>
Penjelasan untuk code diatas:
tulisan yang berwarna kuning kalian ganti dengan link milik kalian,itu merupakan isi dari menu pertama. Jika ingin menambahkan isi dari menu tersebut,kalian cukup tambahkan persis dibawahnya.Begitu juga halnya dengan menu selanjutnya kalian ganti URLnya dangan URL milik kalian.(pokoknya semua yang ada tulisan yang dimulai dengan http
7. Selanjutnya letakkan code berikut dibawah code berikut:
<div class='descriptionwrapper'>
<p class='description'><span><data:description/></span></p>
</div>
</div>
</b:if>
</b:includable>
</b:widget>
</b:section>
<div id="menu">
<a href="http://mutakbir.blogspot.com/" title="back to home">Home</a>
<a href="default.htm" onClick="return clickreturnvalue()" onMouseover="dropdownmenu(this, event, menu1, '200px')" onMouseout="delayhidemenu()" title="tips blog">tips blog</a>
<a href="default.htm" onClick="return clickreturnvalue()" onMouseover="dropdownmenu(this, event, menu2, '200px')" onMouseout="delayhidemenu()">Tips Facebook</a>
<a href="default.htm" onClick="return clickreturnvalue()" onMouseover="dropdownmenu(this, event, menu3, '200px')" onMouseout="delayhidemenu()" title="kesehatan wanita">Rahasia Wanita</a>
<a href="default.htm" onClick="return clickreturnvalue()" onMouseover="dropdownmenu(this, event, menu4, '200px')" onMouseout="delayhidemenu()" title="cocok untuk wanita">Bisnisnya Para Gadis</a>
</div>
Penjelasan:
Tulisan yang warna biru kalian ganti dengan halaman pertama yang ingin ditampilkan ketika seseorang mengklik tombol Home.
Tulisan yang berwarna pink merupakan tulisan yang ada pada menu-menu tersebut silahkan kalian ganti dengan yang kalian inginkan.
8. Setelah kalian mengedit code diatas silahkan klik Pratinjau untuk melihat hasilnya sebelum disimpan atau bisa langsung klik Simpan Template.
9. Selesai.
Capek juga ngetiknya, ya udah semoga ini bisa membantu rekan blogger.Kalo masih mengalami kesulitan silahkan komentar dibawah...TETAP SEMANGAT!!!
Membuat Huruf Awal Postingan LEBIH BESAR
K ali ini saya membuat postingan tentang bagaimana membuat huruf awal dari postingan kita jadi lebih besar,misalnya pada setiap saya membuat postingan biasanya saya awali dengan huruf yang ukurannya lebih besar dari pada huruf selanjutnya.
Untuk membuat tulisan semacam itu sebenarnya cukup mudah hanya menambahkan sedikit code HTML pada Edit template blog.
Ini langkahnya:
1. Seperti biasa loggin dulu ke blog dengan Id
2. Pilih tata letak
3. Pilih Edit HTML
4. Download template lengkap (sebagai back up)
5. Copas code berikut lalu letakkan persis diatas code ]]></b:skin>
/* hurup awal lebih besar
----------------------------------------------- */
.awal {
float:left; <!--Letak disebelah kiri-->
color: #000000; <!--Warna huruf hitam-->
line-height:80px; <!--Jarak baris, jgn diganti-->
padding-top:1px; <!--Jarak dengan judul-->
padding-right:5px; <!--Jarak dengan teks dikanannya-->
font-family:times; <!--Jenis font-->
font-size:100px; <!--Ukuran font-->
}
6. Lalu save template
Sekarang yang harus kita lakukan adalah memanggil code tersebut setiap kali melakukan posting. Cara dengan menyisipkan code berikut pada hurup yang diinginkan berukuran lebih besar. Bingung ya???
Biar ga terlalu bingung,langsung saja praktek:
1. Masuk ke Buat Entri baru
2. Lalu pada awal entri/postingan copas code berikut:
<span class="awal"> R </span>,
Hurup berwarna merah R diganti dengan huruf awal dari postingan kalian.
Jika kalian tidak pengen repot untuk mengetikkan code diatas setiap kali memposting,silahkan masuk ke pengaturan lalu klik format,kemudian paste code diatas pada kotak kosong di templat entri.
selamat mencoba!!!
Cara menghapus foto yang di tag pada FACEBOOK
B eberapa hari yang lalu saya iseng buka foto-foto facebook, dan seperti biasa setiap membuka foto loadnya cukup lama. Ternyata salah satu penyebab lambatnya load foto tersebut, yakni banyaknya foto-foto kiriman dari beberapa teman kita yang memasukkan nama kita pada foto yang di upload oleh mereka, inilah yang dikenal dengan "TAG". Jadi setiap kali kita membuka album foto pada facebook maka secara otomatis seluruh foto yang telah ditag oleh teman kita akan ditampilkan, nah inilah membuat berat proses loading.
Saya bukan mau mengajarkan bagaimana mempercepat proses loading tersebut tapi ini hanya salah satu cara mengurangi beban load foto.Ibarat becak,kalau penumpangnya cuma 1 orang dibanding yang penumpangnya ada 3 orang, pasti kecepatannya berbeda.
Untuk menghapus foto yang di tag langkahnya sebagai berikut:
1. Masuk ke account Facebook kalian.
2. Buka profil.
3. Klik pada Foto untuk membuka koleksi foto kalian.
4. Setelah terbuka, disana ada tulisan Your Photo dan dibawahnya ada tulisan Photos and Videos of You.
5. Semua koleksi fhoto yang ada pada Photos and Videos of You itu adalah koleksi photo dimana kita di tag oleh temen atau oleh kita sendiri.
6. Sekarang kalian klik salah satu poto yang ingin dihapus, setelah terbuka maka pada bagian persis dibawah poto tersebut ada tulisan In this photo
7. Silahkan cari nama kalian disana, setelah ketemu maka perhatikan tulisan yang ada dalam kurung, disana ada tulisan photos dan remove tag. Contoh bentuknya kurang lebih seperti ini
APA ADANYA ( photos|Remove tag)
klik pada tulisan Remove tag
8. Selesai.
Kursor di ikuti jam analog
Ass. Rekan Blogger Yang Terhormat.
I ni tips baru,bro. Supaya kalian ga lupa waktu dalam mengarungi asyiknya ngeblog, kini jam dan kalender bisa kalian tempatkan di kursor, maksudnya ngikuti kursor blog kalian. Nah seru kan? bisa dicoba tapi jujur ya, setelah saya coba di blog APA ADANYA ini ga jalan (hehehe) tapi setelah ganti template baru bisa jalan.
Caranya cukup simple, masuk ke tata letak, klok tambah Gadget lalu pilih HTML/script copas kode berikut:
Caranya cukup simple, masuk ke tata letak, klok tambah Gadget lalu pilih HTML/script copas kode berikut:
membuat spoiler:
Untuk warna etc, saya ga jelasin disini silahkan berkreatif sendiri sesuai selera kalian,,,okey
selamat mencoba
Blogspot redirect ke Ripway.com dan Solusinya
Beberapa hari ini blog ini tidak dapat diakses, permasalahannya yaitu ketika saya membuka blog ini yang terbuka justru web dari ripway,,,ada apakah gerangan? Jawabannya adalah adanya url/link ripway yang tertanam di blogspot ini. Satu2nya cara adalah menghapus url/link ripway tersebut di HTML template ataupun di widget
ini langkahnya :
1. Masuk ke blogspot sobat
2. Kemudian edit HTML
3. Expact beri tanda cek
4. Kemudian cari script yang bertuliskan ripway,,jika mengalami kesulitan mencarinya gunakan ctrl F ketik ripway.
5. Hapus url ripway tersebut.
Jika tdk menemukan juga di bagian HTML template, cari di bagian widget.
demikian tutorial ini semoga bermanfaat.
