Cara Blok Situs di Mikrotik Lewat Winbox
-
Yang suka ngoprek jaringan, tentu kenal dengan mikrotik. Salah satu
firewall yang banyak digunakan untuk membatasi akses internet.Salah satunya
adalah blok...
cara membuat status loading di blog ini cukup mudah untuk dimengerti. status loading ini akan muncul sementara blog kamu sedang memuat halaman sampai 100%, silahkan lihat tampilan status loading (preload page) pada demo dibawah ini.
demo tampilan status loading :
Memuat halaman...
langkah-langkah membuat status loading :
1. pasang kode javascript dibawah ini pada bagian <head> blog kamu.
<script src='http://tc.comze.com/js/preloadpage.js' type='text/javascript'/>
2. kemudian cari baris <body>, ganti kode tersebut dengan kode html dibawah ini :
<body onLoad='waitPreloadPage();'>
<div id='prepage' style='position: fixed; _position: absolute; top: 0px; right: 0px; clip: inherit; _top: expression(document.documentElement.scrollTop+ document.documentElement.clientHeight-offsetHeight); _left: expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth-offsetWidth); width: 100%; height: 100%; background-color: #000; padding: 0px; border: 0px; text-align: center; filter: alpha(opacity=75); -moz-opacity: .75; opacity: .75; font-family: verdana; font-weight: bold; color: #ccc;'>
<center><p style='margin-top: 250px;'><img src='http://tc.comze.com/js/images/ajax-loader.gif' style='border: 1px solid #555; padding: 2px;'/><br/>Memuat halaman...</p></center>
</div>
seperti apa ? bentuknya seperti pada blog saya di sebelah kanan yang berwarna coklat kalau mousenya di dekatkan maka menu blognya akan keluar, mau tau bagaiman cara membuatnya , langsung aja :
Halo blogger,,,Kembali saya akan berbagi Tips Blogger,Mungkin agak aneh teman - teman Membaca judul dari posting ini saya sendiri bingung mau memberi judul apa pada postingan kali ini,Karena postingan ini merupakan pesanan atau permintaan dari seseorang teman blogger yang ingin memasang tampilan menu seperti sebelah kanan blog saya.
Berikut Ini langkah - Langkah nya : 1. Masuk ke account Blogger kamu, pilih Layout: kemudian Page Elements. 2. Klik "Add a Gadget" yang mana saja, kemudian pilih "HTML/JavaScript", 3. Copy-paste kode di bawah ini:
Spoiler:
<style type="text/css"> #gb{ position:fixed; top:20px; z-index:+1000; } * html #gb{position:relative;} .gbtab{ height:100px; width:30px; float:left; cursor:pointer; background:url('http://lh3.ggpht.com/_KdeVdQg2Vsw/Swj9uvNEeVI/AAAAAAAAAGs/N5XIUu3ymzY/tabs.png') no-repeat; } .gbcontent{ float:left; border:2px solid #A5BD51; background:#F5F5F5; padding:5px; } </style> <script type="text/javascript"> function showHideGB(){ var gb = document.getElementById("gb"); var w = gb.offsetWidth; gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0); gb.opened = !gb.opened; } function moveGB(x0, xf){ var gb = document.getElementById("gb"); var dx = Math.abs(x0-xf) > 10 ? 5 : 1; var dir = xf>x0 ? 1 : -1; var x = x0 + dx * dir; gb.style.right = x.toString() + "px"; if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);} } </script> <div id="gb"> <div class="gbtab" onclick="showHideGB()"> </div> <div class="gbcontent">
Tunggu belum Selesai,,,selanjutnya kita tambah gadget lagi, kan tips ini menampilkan 2 menu tersembunyi,,berikut ini selanjutnya : 1. Klik "Add a Gadget" yang mana saja, kemudian pilih "HTML/JavaScript", 2. Copy-paste kode di bawah ini:
Catatan : Tulisan yang "taruh script Buku Tamu disini" & "taruh script Facebook disini" isi dengan script yang ingin anda tampilkan Selamat Mencoba.....!!! Apabila Suka dengan posting ini, berilah komentarnya....
Fungsi dari recent comment atau komentar terbaru ini, agar kita dapat mengetahui siapa yang baru saja berkomentar dan dipostingan kita yang mana pengunjung meninggalkan komentarnya.
Nah berikut tutorial untuk membuat recent comment atau komentar terbaru:
1. Login ke blogger lalu pilih menu tata letak lalu plih elemen halaman
2. Kemudian copy script berikut ini :
<script style="text/javascript" src=" http://h1.ripway.com/oktri/recents.comments.js"></script> <script style="text/javascript"> var numcomments = 8; var showcommentdate = true; var showposttitle = true; var numchars = 100; var standardstyling = true; </script> <script src="http://yourblog.blogspot.com"/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"></script>
- Angka 8 merupakan jumlah komentar yang mau ditampilkan. - Ganti http://yourblog.blogspot.com dengan nama blog anda!
3. Untuk menampilkanya di sidebar maka pilih "Add a Gadget --> HTML/Javascript" Lalu masukkan script diatas kedalam kotak yg disediakan.
Fungsi dari recent comment atau komentar terbaru ini, agar kita dapat mengetahui siapa yang baru saja berkomentar dan dipostingan kita yang mana pengunjung meninggalkan komentarnya.
Nah berikut tutorial untuk membuat recent comment atau komentar terbaru:
1. Login ke blogger lalu pilih menu tata letak lalu plih elemen halaman 2. Kemudian copy script berikut ini :
<script style="text/javascript" src=" http://h1.ripway.com/oktri/recents.comments.js"></script> <script style="text/javascript"> var numcomments = 8; var showcommentdate = true; var showposttitle = true; var numchars = 100; var standardstyling = true; </script> <script src="http://yourblog.blogspot.com"/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"></script>
- Angka 8 merupakan jumlah komentar yang mau ditampilkan. - Ganti http://yourblog.blogspot.com dengan nama blog anda!
3. Untuk menampilkanya di sidebar maka pilih "Add a Gadget --> HTML/Javascript" Lalu masukkan script diatas kedalam kotak yg disediakan.
Kali ini saya berbagi tips memasang emaotion dikotak komentar ,karena Dengan adanya emoticon di kotak komentar tentunya akan membuat blog menjadi lebih hidup. Para komentator menjadi lebih bisa mengekspresikan perasaannya melalui icon2 (emoticon). tips ini saya kutip dari blognya mas kendhi
jenis emoticon yaitu emoticon kucing, contohnya ada di bawah ini :
Emoticon Kucing : Gini nih cara membuatnya :
1. Pertama login ke blogger, trus ke "Layout (Tataletak) --> Edit HTML " 2. Beri tanda centang pada kotak "expand widget template" 3. Lalu letakkan script berikut sebelum kode </body>
Tambahan : Kadang-kadang ada beberapa template memiliki kode yang beda. Kalau caranya sudah dilaksanakan dengan benar tapi hasilnya tidak terjadi apa2 atau kodenya tidak berubah menjadi emoticon, kemungkinan itu karena Kode untuk templatenya berbeda atau bisa juga karena mungkin hosting untuk menaruh file emoticon dan javascriptnya sedang bermasalah
Buat para Blogger baru nama favicon pasti begitu asing di telinga. Sebenarnya yang namanya favicon itu letaknya tidak jauh dari address bar atau judul halaman sebuah blog. Tepat di sebelah kiri tulisan halaman url letaknya. Seperti ini contohnya :
Sekarang sobat sudah bisa membayangkan akan membuat favicon seperti apa untuk Blog sobat
Bagaimana caranya membuat favicon nya? Untuk membuatnya, sobat harus punya gambar yang akan dipakai untuk membuat faviconnya. Jika sudah punya, simak baik - baik caranya berikut ini.
Pertama buatlah sebuah gambar yang akan di jadikan sebagai favicon
Setelah itu anda harus mengubah gambar tersebut kedalam bentuk gambar icon. Untuk hal tersebut, anda bisa menggunakan tool Favicon Generator, silahkan kunjungi situs http://www.favicongenerator.com
Klik pada tombol Browse...
Masukan gambar yang tadi dibuat untuk di ubah menjadi format icon
Klik pada tombol Generate Favicon.
Setelah proses selesai, klik pada Click Here to Download your favicon.
Save ke komputer anda.
Langkah selanjutnya adalah anda harus meng upload Favicon yang tadi ke tempat hosting gamabar, contoh adalah keRipway! Geocities. ,dlll
Sekarang saya asumsikan bahwa anda sudah mempunyai alamat URL dari favicon anda. sebagai contoh, saya mempunyai sebuah alamat URL seperti ini : http://h1.ripway.com/oktri/favicon.ico
Anda harus mengubah alamat URL favicon anda menjadi seperti ini :
Selesai. Sekarang anda sudah mempunyai favicon di alamat URL blog anda.
Bagi anda yang masih menggunakan browser IE6, favicon anda tidak akan langsung terlihat, coba di bookmark dulu alamatnya. Berbeda jika anda menggunakan browser firefox, opera dan yang lainnya, favicon anda sudah langsung dapat di nikmati.
Pada postingan sebelumnya sudah pernah saya bahas tentang cara membuat read more atau baca selengkapnya. Hampir sama dengan postingan saya kali ini, namun read more otomatis memiliki kelebihan yaitu postingan akan terbagi menjadi 2 bagian secara otomatis.postingan ini saya dapat kan dari berbagi sumber, dan mungkin saya praktekan langsung pada blog saya ini
Untuk read more otomatis ini, dibutuhkan kode javascript yang sebenarnya bisa sobat simpan sendiri di tempat biasa sobat menyimpan file secara online. Namun kali ini script read more diletakkan langsung di template tanpa menggunakan hosting untuk mencegah errror saat hosting yang kita gunakan untuk menyimpan kode script-nya sedang down. Buat blogger baru, seperti saya ini saya sarankan menggunakan read more otomatis saja ketimbang read more yang biasa. Karena tentunya sobat tidak akan repot membagi 2 postingan sobat dengan kode manual.,yang sebelumnya saya lakukan memang agak ribet pada saat posting artkel atau pun tulisan...saat ini saya menggunakan read more otomatis...
Berikut langkah – langkah dalam membuat read more otomatis :
Silahkan login ke blogger terlebih dahulu.
Klik Tata Letak.
Kemudian klik Edit HTML.
Centang Expand Template Widget.
Letakkan kode berikut ini tepat diatas kode </head>
6. Untuk yang sudah pernah menggunakan read more versi lama (manual), sebaiknya sobat kembalikan dulu kodenya seperti semula. Hapus kode yang saya tandai dengan warna biru di bawah ini, sesuaikan dengan template sobat, karena setiap template berbeda - beda :
Pertama kali temen kamu masuk ke blogger kamu ,, dikirain nya error mozilla/ Ienternetnya/Operanya ... mayan kan bikin kagek temen kamu.... script ROMING ini memang kurang disukai bagi paga tamu yang mampir diblog kita, sebagai ilmu tambahan dan pengalaman boleh kita coba , agar blog kita agak kere...et keren.. untuk melihat contoh nya http://roming-blog.blogspot.com/ oke .. kita ke pokok permasalahan nya :
1. Sign in di blogger. 2. Klik menu Template 3. Klik menu Edit HTML 4. Copy seluruh kode template yang ada, lalu save untuk backup data 5. Cari kode yang ada di bawah ini : <head> 6.Kemudian copy kode yang yang ada di bawah ini :
Jika sobat tertarik untuk menciptakan cursor dengan text sendiri, silahkan ikuti langkah-langkah berikut ini :
1. Masuk ke Blog 2. Klik Tab Tata Letak 3. Klik Tab Elemen Halaman 4. Klik Tambah Gadget 5. Klik pilhan HTML/JavaScript 6. Pastekan script di bawah ini ke kolom Konten
Spoiler:
<script> //mouse //Circling text trail- Tim Tilton //Website: http://www.tempermedia.com/ //Visit http://www.dynamicdrive.com for this script and more function cursor_text_circle(){ // your message here var msg='Wellcom To My Blog'.split('').reverse().join('');
var font='Verdana,Arial'; var size=3; // up to seven var color='#ff0000';
// This is not the rotation speed, its the reaction speed, keep low! // Set this to 1 for just plain rotation w/out drag var speed=.3;
// This is the rotation speed, set it negative if you want // it to spin clockwise var rotation=-.2;
// Alter no variables past here!, unless you are good //---------------------------------------------------
var ns=(document.layers); var ie=(document.all); var dom=document.getElementById; msg=msg.split(''); var n=msg.length; var a=size*13; var currStep=0; var ymouse=0; var xmouse=0; var props="<font face="+font+" size="+size+" color="+color+">";
if (ie) window.pageYOffset=0
// writes the message if (ns){ for (i=0; i < n; i++) document.write('<layer name="nsmsg'+i+'" top=0 left=0 height='+a+' width='+a+'><center>'+props+msg[i]+'</font></center></layer>'); } else if (ie||dom){ document.write('<div id="outer" style="position:absolute;top:0px;left:0px;z-index:30000;"><div style="position:relative">'); for (i=0; i < n; i++) document.write('<div id="iemsg'+(dom&&!ie? i:'')+'" style="position:absolute;top:0px;left:0;height:'+a+'px;width:'+a+'px;text-align:center;font-weight:normal;cursor:default">'+props+msg[i]+'</font></div>'); document.write('</div></div>'); } (ns)?window.captureEvents(Event.MOUSEMOVE):0;
if (ns||ie||dom) (ns)?window.onMouseMove=Mouse:document.onmousemove=Mouse; var y=new Array(); var x=new Array(); var Y=new Array(); var X=new Array(); for (i=0; i < n; i++){ y[i]=0; x[i]=0; Y[i]=0; X[i]=0; }
var iecompattest=function(){ return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body; }
var makecircle=function(){ // rotation properties if (ie) outer.style.top=iecompattest().scrollTop+'px'; currStep-=rotation; for (i=0; i < n; i++){ // makes the circle var d=(ns)?document.layers['nsmsg'+i]:ie? iemsg[i].style:document.getElementById('iemsg'+i).style; d.top=y[i]+a*Math.sin((currStep+i*1)/3.8)+window.pageYOffset-15+(ie||dom? 'px' : ''); d.left=x[i]+a*Math.cos((currStep+i*1)/3.8)*2+(ie||dom? 'px' : ''); // remove *2 for just a plain circle, not oval } }
var drag=function(){ // makes the resistance y[0]=Math.round(Y[0]+=((ymouse)-Y[0])*speed); x[0]=Math.round(X[0]+=((xmouse)-X[0])*speed); for (var i=1; i < n; i++){ y[i]=Math.round(Y[i]+=(y[i-1]-Y[i])*speed); x[i]=Math.round(X[i]+=(x[i-1]-X[i])*speed);
} makecircle(); // not rotation speed, leave at zero setTimeout(function(){drag();},10); } if (ns||ie||dom) if ( typeof window.addEventListener != "undefined" ) window.addEventListener( "load", drag, false ); else if ( typeof window.attachEvent != "undefined" ) window.attachEvent( "onload", drag ); else { if ( window.onload != null ) { var oldOnload = window.onload; window.onload = function ( e ) { oldOnload( e ); drag(); }; } else window.onload = drag; }
} cursor_text_circle();
</script>
7. Silahkan ganti tulisan berwarna merah dengan tulisan pilihan anda 8. Klik Simpan 9. Selesai
pada blog, wah cold(dingin) Dengan membuat salju pada blog anda, mungkin juga orang senang melihat blog anda dan anda pun mempunyai banyak pengunjung penasaran bagaimana cara membuatnya:
pertamlogin terlebih dahulu
kedua masuk ke tata letak (layout) >> Element Halamant
Tak di sangkal bahwa tujuan utama dari membuat blog antara lain adalah agar tulisan-tulisan kita bisa di baca oleh orang lain atau pengunjung blog, semakin banyak yang berkunjung apalagi memberikan komentar pada apa yang kita posting tentunya akan membuat hati kita merasa senang dan bahagia. Akan tetapi tentunya tidak serta merta blog kita akan ramai di kunjungi, ini memerlukan usaha publikasi yang gencar dari pemilik blog apabila ingin banyak pengunjungnya.
Banyak cara yang bisa kita lakukan agar blog kita bisa dikenal dan di kunjungi, antara lain adalah dengan rajinnya kita blogwalking atau berkunjung ke blog milik orang lain, mendaftarkan ke berbagai agregator, dan yang paling efektif adalah melalui search engine atau mesin pencari. Bagi blogger pemula mungkin berangggapan bahwa apabila kita membuat website atau blog akan secara otomatis terindeks atau berada pada list berbagai search engine, dan kenyataannya tidaklah demikian. Seperti halnya sebuah sekolah, agar nama kita terdaftar pada buku daftar siswa, tentunya kita harus melakukan pendaftaran terlebih dahulu ke sekolah tersebut. Sama halnya dengan mesin pencari, agar blog kita terindeks pada mesin pencari, maka kita harus terlebih dahulu mendaftarkan blog milik kita pada situs pemilik mesin pencari.
Mesin pencari tentu jumlahnya sangat banyak sekali, dan pada saat ini yang paling terkenal di dunia adalah Google, Yahoo, serta Msn. Apabila blog kita ingin terindeks pada mesin pencari mereka, maka kewajiban kita adalah mendaftarkan URL blog kita pada mesin pencari mereka. Bila ada yang belum tahu ke manakah harus mendaftarkan blognya, maka silahkan simak tulisan berikut :
Daftar Google
Untuk mendaftar ke google, silahkan sobat kunjungi http://www.google.com/addurl/, nah apabila sudah berada pada halaman pendaftaran ada beberapa langkah yang harus di lakukan, yaitu mengisi form yang di sediakan :
URL --> Isi dengan URL blog sobat.
Comments --> Isi dengan keyword atau kata kunci yang berhubungan dengan blog sobat
Isi kotak kosong dengan huruf Verifikasi yang tersedia
Klik tombol Add URL
Selesai.
Setelah sobat melakukan pendaftaran ke Google, maka tidak serta merta blog sobat terindeks pada mesin pencari nya, akan tetapi memerlukan 3 sampai 4 minggu baru blog sobat bisa terindeks. Jika sudah 3 sampai 4 minggu, maka cobalah ketik alamat blog sobat pada mesin pencari google, apakah sudah terindeks atau belum? jika belum, coba tunggu beberapa minggu lagi, dan tuliskan kembali alamat blog sobat, Jika ternyata masih belum juga, coba deh daftarin lagi blog nya ke google seperti langkah di atas. Atau mungkin sobat tidak sabar ingin cepat terindeks, sebenarnya bisa saja ini terjadi, hanya dalam 3 atau 4 hari saja blog sobat sudah bisa terindeks di google. Ingin tahu caranya? simak saja postingan berikutnya ya, mungkin satu dua hari ke depan artikelnya selesai saya buat.
Daftar Yahoo!
Untuk mendaftar ke yahoo! silahkan sobat kunjungi https://siteexplorer.search.yahoo.com/submit. Akan tetapi untuk mendaftar ke yahoo, sobat harus terlebih dahulu mempunyai account yahoo, karena di perlukan log in terlebih dahulu ke account yahoo. Bagi yang belum punya account yahoo (email di yahoo) silahkan bikin dulu, bagi yang sudah punya, sobat tinggal login dengan username serta password sobat. Apabila sudah login, nanti sudah tersedia kolom untuk di isi, silahkan isi kolom tersebut dengan URL sobat, kemudian klik tombol Add URL, selesai.
Daftar ke Msn
Untuk daftar ke Msn, silahkan sobat kunjungi http://search.msn.com/docs/submit.aspx?FORM=WSDD2 silahkan sobat isi huruf verifikasi dan URL sobat pada kotak yang tersedia, kemudian klik tombol Submit URL, selesai.
Apabila sobat mempunyai keinginan lebih, yaitu URL blog sobat terindeks pada puluhan mesin pencari, sobat bisa menggunakan bantuan situs submitter. Coba klik saja banner dibawah ini :
Tugas sobat hanya mengisi alamat URL blog miliknya, serta menuliskan alamat email saja, kemudian klik tombol Submit Your Site.
Jika ingin lebih cepat terkenal coba lakukan ping ke bebagai agregator, silahkan klik link di bawah :
Sobat tinggal mengisi form yang di sediakan. Mau lebih banyak lagi beserta data-data search engine lengkap dengan ranking masing-masing .. loncat ke posting berikut : Submit Web/Blog ke Search Engine Populer.
Ada beberapa cara untuk meningkatkan rangking blog kita, salah satunya adalah dengan saling bertukar link. Tukeran link ini sangat bermanfaat untuk meningkatkan rangking blog kita di google sekaligus menjalin hubungan yang baik antara sesama blogger. Jika link untuk mengakses ke blog kita terpasang pada blog orang lain yang sudah punya page rank yang tinggi, wah alangkah bagusnya karena blog kita bisa dengan cepat ikut terdongkrak posisinya. Untuk yang berminat, berikut ada sedikit langkah untuk memasukkan kode tukeran link ke blog sobat.
Pertama, sobat harus membuat banner terlebih dahulu, bisa menggunakan photoshop atau dengan jasa pembuatan banner online yang tersedia di internet. Kemudian sobat upload gambar tersebut ke jasa penyimpanan online, bisa di Yahoo! Geocities atau Photobucket.
Seperti ini contoh file yang sudah saya upload ke Photobucket :
Setelah itu ubah menjadi seperti berikut ini : <a href="http://arifjayarana.blogspot.com/"><img src="http://i708.photobucket.com/albums/ww86/AriEfRaNna/Bannerarifjayarana2.gif" /></a>
Langkah selanjutnya :
1. Login ke Blogger dengan ID sobat, jangan pake ID orang ya tar ditangkap polisi loh.
2. Pilih Tata Letak.
3. Klik Elemen Halaman.
4. Klik Tambah Gadget --> pilih yang HTML/Java Script.
5. Kemudian masukkan kode tukaran link di bawah ini :
Link Exchange Copy kode di bawah ke blog sobat, saya akan linkback kembali
Lihat hasilnya yang sudah terdapat gambar dari banner kita diatas kode tukeran link. Jika sobat berminat untuk tukeran link dengan saya silahkan copy kode yang terdapat didalam text area diatas kedalam blog sobat, saya akan segera linkback sobat kembali.
Awalnya alasan membuat scroll pada artikel terkait/ related post diblog ini karena pada postingan saya Cara Membuat Related Post / Posting ,kurang efisien atau kurang rapih untuk dilihat .
Berikut membuat scroll pada artikel terkait/ related post
1. Loggin ke blogger=> Klik layout=> Edit HTML=> Klik Expand Template Widget=> Cari kode
<data:post.body/>
Kalau sudah ketemu, copi dan pastekan script/ code berikut dibawah kode tadi
<b:if cond='data:blog.pageType == "item"'> <br/> <br/> <H2>Artikel Terkait:</H2> <div class='rbbox'> <div style='margin:0; padding:10px;height:200px;overflow:auto;border:1px solid #ccc;'> <div id='albri'/> <script type='text/javascript'> var homeUrl3 = "<data:blog.homepageUrl/>"; var maxNumberOfPostsPerLabel = 4; var maxNumberOfLabels = 10; maxNumberOfPostsPerLabel = 10; maxNumberOfLabels = 3; function listEntries10(json) { var ul = document.createElement('ul'); var maxPosts = (json.feed.entry.length <= maxNumberOfPostsPerLabel) ? json.feed.entry.length : maxNumberOfPostsPerLabel; for (var i = 0; i < maxPosts; i++) { var entry = json.feed.entry[i]; var alturl; for (var k = 0; k < entry.link.length; k++) { if (entry.link[k].rel == 'alternate') { alturl = entry.link[k].href; break; } } var li = document.createElement('li'); var a = document.createElement('a'); a.href = alturl; if(a.href!=location.href) { var txt = document.createTextNode(entry.title.$t); a.appendChild(txt); li.appendChild(a); ul.appendChild(li); } } for (var l = 0; l < json.feed.link.length; l++) { if (json.feed.link[l].rel == 'alternate') { var raw = json.feed.link[l].href; var label = raw.substr(homeUrl3.length+13); var k; for (k=0; k<20; k++) label = label.replace("%20", " "); var txt = document.createTextNode(label); var h = document.createElement('b'); h.appendChild(txt); var div1 = document.createElement('div'); div1.appendChild(h); div1.appendChild(ul); document.getElementById('albri').appendChild(div1); } } } function search10(query, label) { var script = document.createElement('script'); script.setAttribute('src', query + 'feeds/posts/default/-/' + label + '?alt=json-in-script&callback=listEntries10'); script.setAttribute('type', 'text/javascript'); document.documentElement.firstChild.appendChild(script); } var labelArray = new Array(); var numLabel = 0; <b:loop values='data:posts' var='post'> <b:loop values='data:post.labels' var='label'> textLabel = "<data:label.name/>"; var test = 0; for (var i = 0; i < labelArray.length; i++) if (labelArray[i] == textLabel) test = 1; if (test == 0) { labelArray.push(textLabel); var maxLabels = (labelArray.length <= maxNumberOfLabels) ? labelArray.length : maxNumberOfLabels; if (numLabel < maxLabels) { search10(homeUrl3, textLabel); numLabel++; } } </b:loop> </b:loop> </script> </div> <script type="text/javascript">RelPost();</script> </div> </b:if>
2. Selanjutnya cari kode ]]></b:skin> 3. JIka sudah ketemu copy dan pastekan code berikut diatas code tadi.
Banyak cara untuk membuat pengunjung blog betah atau jalan - jalan, nah salah satunya dengan menampilkan artikel yang berhubungan atau related Post, fungsi dari Related Articl atau related post adalah untuk membuat teks link-link yang berhubungan dengan halaman yang sedang dibaca misalnya admin menulis tentang cara membuat read more otomatis, cara membuat iklan float image dan membuat footer tiga kolom, semua itu admin menulis label yang sama misal tips - trik blog maka otomatis artikel yang berhubungan dengan tips - trik blog akan muncul ketika pengunjung membuka salah satu artikel berlabel tips - trik blog.
Nah kali ini gimana sih carannya buat Artikel yang Berhubungan? kalo kamu minat dan pengen bikin, ayo baca artikel ini untuk metodenya dan trik berikut tips: Berikut membuat artikel yang berhubungan :
1. Login ke blogger Blogger 2. Pilih menu Tataletak lalu pilih edit HTML 3. Setelah itu beri tanda centang pada kotak "Expand Widgets Template". 4.cari kode berikut dengan Ctrl+F masukkan <data:post.body/> 5 lalu paste kode dibawah ini, persis dibawah <data:post.body/> catatan: kalo kamu sudah pasang readmore/bacaselengkapnya, maka taruh di bawah <data:post.body/> yang pertama, bukan yang kedua
function listEntries10(json) { var ul = document.createElement('ul'); var maxPosts = (json.feed.entry.length <= maxNumberOfPostsPerLabel) ? json.feed.entry.length : maxNumberOfPostsPerLabel; for (var i = 0; i < maxPosts; i++) { var entry = json.feed.entry[i]; var alturl;
for (var k = 0; k < entry.link.length; k++) { if (entry.link[k].rel == 'alternate') { alturl = entry.link[k].href; break; } } var li = document.createElement('li'); var a = document.createElement('a'); a.href = alturl;
if(a.href!=location.href) { var txt = document.createTextNode(entry.title.$t); a.appendChild(txt); li.appendChild(a); ul.appendChild(li); } } for (var l = 0; l < json.feed.link.length; l++) { if (json.feed.link[l].rel == 'alternate') { var raw = json.feed.link[l].href; var label = raw.substr(homeUrl3.length+13); var k; for (k=0; k<20; k++) label = label.replace("%20", " "); var txt = document.createTextNode(label); var h = document.createElement('b'); h.appendChild(txt); var div1 = document.createElement('div'); div1.appendChild(h); div1.appendChild(ul); document.getElementById('data2007').appendChild(div1); } } } function search10(query, label) {
var test = 0; for (var i = 0; i < labelArray.length; i++) if (labelArray[i] == textLabel) test = 1; if (test == 0) { labelArray.push(textLabel); var maxLabels = (labelArray.length <= maxNumberOfLabels) ? labelArray.length : maxNumberOfLabels; if (numLabel < maxLabels) { search10(homeUrl3, textLabel); numLabel++; } } </b:loop> </b:loop> </script> </div>
</div> </b:if>
6 warna merah bisa kamu ganti sesuai selera 7 kalau sudah, SIMPAN TEMPLATE
Anda bisa mengganti tulisan 'Related Post' dengan kalimat lain misalnya 'posting terkait', 'artikel terkait', dll. Kalau di blog saya tulisannya 'Baca juga postingan di bawah ini'
kali ini saya akan berbagai tips buat temen yang belum tahu bagaimana untuk membuat judul blog bergerak atau pun ber animasi katanya ci... mungkn tips ini sudah tidak lagi asing bagi blogger profesional....!! oya ni scrictnya di bawah ini :
untuk memasangnya semuanya lakukan sebagaiberikut : * Masuk BLOGGER Anda * Dashboard/dabor * Layout/tata letak * Tambah Gaget * Pilih HTML/JAVASCRIPT. * Paste script diatas lalu edit sesuai keinginan anda * kemudian simpan
kali ini saya akan berbagi tips membuat gambar dipojok haaman ,Anda pingin ada sesuatu gambar hidup yang menghiasi halaman blog anda..? Gambar ini bisa anda letakkan di salah satu pojok di halaman blog anda. Anda bisa meletakkannya di kiri atas, kiri bawah, kanan atas ataupun kanan bawah
Bagaimana caranya..? Silahkan ikuti langkah-langkah berikut ini.
1. Pertama-tama silahkan cari dulu icon yang cocok dengan selera anda. 2. Setelah ketemu gambar yang anda inginkan, silahkan di copy alamat URL nya 3. Masuk ke Dasbor 4. Klik Tata Letak 5. Klik Edit HTML 6. Klik kotak kecil Expand Template Widget 7. Silahkan cari di dalam template anda kode ]]></b:skin> 8. Persis sebelum kode tersebut, copypastekan script berikut ini ---------------------------------------------------------------- #trik_pojok { position:fixed;_position:absolute;bottom:0px; left:0px; clip:inherit; _top:expression(document.documentElement.scrollTop+ document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); } ---------------------------------------------------------------- 9. Text yang berwarna merah adalah menunjukkan posisi penempatan dari gambar tersebut 10. Silahkan anda ganti sesuai keinginan anda, (kiri=left, kanan=right, atas=top, bawah=bottom) 11. Berikutnya cari lagi di dalam template anda kode </body> 12. Persis sebelum kode tersebut, copypastekan script berikut ini ----------------------------------------------------------------- <div id="trik_pojok"> <a href="http://arifjayarana.blogspot.com"> <img src="http://www.boongan_doang.gif" border="0" /></a> </div> ------------------------------------------------------------------ 13. Silahkan ganti http://arifjayarana.blogspot.com dengan alamat blog anda 14. Ganti juga http://www.boongan_doang.gif dengan alamat URL gambar pilihan anda, yang telah anda copy (lihat langkah no. 2) 15. Cara mendapatkan URLnya, silahkan anda klik kanan pada gambar yang anda inginkan, kemudian klik Properties, kemudian copy alamat URL yang ditampilkan pada baris Location 16. Klik Pratinjau untuk melihat hasil kerja anda 17. Jika sudah sesuai dengan keinginan anda, klik Simpan Template 18. Selesai
kali ini, saya akan membahas tentang membuat spoiler pada blog. Spoiler sendiri fungsinya adalah untuk memperkecil postingan, kode script atau tulisan agar tidak makan tempat. Sebenarnya sobat juga bisa menggunakan menu dengan fungsi scroll atau bisa juga dengan menggunakan text area untuk menghemat tempat dalam penulisan kode script atau gambar.
Spoiler ini bisa sobat letakkan di postingan, mungkin sobat gunakan untuk meletakkan kode script yang panjang. Atau bisa juga meletakkan di sidebar, header atau footer blog.
1. Untuk tulisan Open dan Close bisa sobat ganti sesuai keinginan. 2. Width : 55px untuk lebar spoiler. 3. Font-size: 11px untuk besar tulisan pada kotak spoiler. 4. Tulisan Spoiler adalah judul, silahkan ganti sesuai keinginan sobat.
Tag Cloud Comulus ? Apa sih Tag Cumulus itu? Tag Cumulus adalah sebuah fitur/widget yang fungsinya sama dengan Label, Categories, dan Tag.. bila di dekat kan cursor anda akan bergerak seperti awan tag tersebut
Untuk membuatnya cukup mudah. saya akan memberikan caranya : 1 Login Blogger 2 Masuk ke Layout –>> Edit HTML 3 Beri tanda centang pada Expand Template Widget 4 Kalau anda ingin membackup template anda sebaiknya backup terlebih dahulu 5 Cari code Seperti berikut:
Kalau bingung mencarinya dan tidak ketemu tekan bersamaan Crtl+F kemudian pastekan code tadi. Kalau tidak ada juga mungkin karena bawaan dari templates anda yang memamang tidak menyediakannya. 6. Kalau sudah ketemu copy code berikut dan letakkan tepat dibawah code diatas tadi.
Tutorial sebelumnya, saya sudah pernah membahas tentang memasang alert di blog untuk pesan pembuka. Nah, untuk kali ini saya akan mencoba membuat alert di blog tapi sebagai penutup. Efek ini akan muncul apabila pengunjung atau kita sendiri menutup jendela blog kita, otomatis akan muncul kotak alert. Untuk mempersingkat, mari kita tengok bagaimana caranya :D
1. Login ke Blogger 2. Pilih Layout/Tata Letak 3. Kemudian pada tab menu pilih Edit HTML 4. Kalau sudah beri tanda pada Expand Template Widget 5. Taruh kode di bawah ini di bawah kode </head>
<script type='text/javascript'> // goodbye alert function goodbye(){ alert('Terima KAsih Atas Kunjungan Anda, Ditunggu Kunjungan Selanjutnya'); } parent.window.onunload=goodbye;
</script>
Keterangan : Tulisan tebal berwarna merah bisa Anda ganti dengan kalimat penutup Anda sendiri. 6.Kembali ke pengeditan oke? setelah meletakkan kode tersebut, langkah selanjutnya adalah SIMPAN PERUBAHAN
Kembali lagi pada posting yang akan membahas tentang trik blog yg ke 2. Trik ini sangat mudah alias gampang banget diterapkan. Trik ini berfungsi sebagai pesan pembuka, ya seperti yang dikatakan pada judul tadi, kotak yang akan muncul sebelum loading page blog, udah pernah liyat kan blog yang ada pesan pembukanya? Mereka itu pake cara ini nih. Ohya, ada beberapa trik yang membuat trik ini menjadi sebegitu indahnya, tetapi kali ini yang standar dulu deh, oke???
Langsung aja deh, caranya gini nih:
1. Pergi ke Layout--->Elemen Halaman 2. Klik Tambah Gadget 3. Kemudian buka HTML/Java Script 4. setelah itu copy - pastekan script dibawah ini.
<script type="text/javascript"> alert("Assalamualaikum") </script> <script type="text/javascript"> alert("Selamat Surfing Di Blog Ini") </script>
5. Tulisan yang tertulis "Assalamualaikum" dan Selamat Surfing Di Blog Ini" dapat Anda ganti dengan tulisan/kata-kata Anda sendiri 6. setelah itu buka blog anda dan akan ada pesan seperti yang tertulis "Assalamualaikum" dan Selamat Surfing Di Blog Ini"
Kembali lagi pada posting yang akan membahas tentang trik blog degh. Trik ini sangat mudah alias gampang banget diterapkan. Trik ini berfungsi sebagai pesan pembuka, ya seperti yang dikatakan pada judul tadi, kotak yang akan muncul sebelum loading page blog, udah pernah liyat kan blog yang ada pesan pembukanya? Mereka itu pake cara ini nih. Ohya, ada beberapa trik yang membuat trik ini menjadi sebegitu indahnya, tetapi kali ini yang standar dulu deh, oke???
Langsung aja deh, caranya gini nih:
1. Pergi ke Layout--->Edit HTML 2. Centang dulu kotak pada Expand Template Widget 3. Kemudian pasangkan kode berikut sebelum kode </body>
<script language="JavaScript">alert("SELAMAT DATANG DI BLOG SAYA");</script>
sebagai contoh:
4. Tulisan yang berwarna merah dapat Anda ganti dengan tulisan/kata-kata Anda sendiri 5. Simpan dan lihat deh Hasilnya :D
Kita yang berkecimpung dalam dunia blog, kita dapat menuangkan ucapan tersebut pada halaman blog dengan mengaplikasi script marquee pada blog kita.
Salah satu contoh aplikasi marquee yang dapat kita terapkan dengan format seperti di bawah ini.
<marquee direction="left" scrollamount="4"><font color="black" face="broadway" size="3">
teks atau tulisan yang ingin ditampilkan
</font>
</marquee>
Keterangan
* Direction >> arah gerakan, dapat kita ganti dengan RIGHT
* Scrollamount >> semakin kecil nilanya semakin cepat gerakannya, dapat kita ubah sesuai kebutuhan
* Size >> ukuran huruf, semakin besar nilanya semakin besar pula ukuran hurufnya
* Color >> warna huruf, dapat diubah sesuai selera masing-masing
* Face >> jenis font, dapat diubah sesuai selera
Di mana kita menempatkanya pada blog kita? Sedapat mungkin di tempat yang “strategis” sehingga mudah dilihat pengunjung yang datang ke blog kita. Pada tips ini, Tips Blog mencoba menempatkan di tempat sedemikian rupa sehingga mudah dilihat. Anda pun dapat menempatkan di tempat lain sesuai selera Anda.
* Login ke http://blogger.com hingga masuk halaman Kontrol Panel
* Klik Tata Letak (layout)
* Klik Edit HTML
* Kemudian cari kode
* Kemudian tempatkan kode html di atas tadi persis di bawah kode
* Kemudian Simpan Template
Blog sebuah gaya hidup baru era digital yang sudah meluas di berbagai kalangan, dengan tujuan masing-masing orang membuat blog untuk kepentingan personal, komersial maupun organisasi. Untuk saling bertukar pikiran, opini maupun saran itulah salah satu tujuan orang membuat blog. Tapi sebagian orang masih belum bisa tentang cara membuat blog. bagaimanakah membuat blog secara gratis itu?
langkah pertama yang harus Anda punya adalah alamat email. Jika belum mempunyai alamat email silahkan ikuti panduan dibawah ini.
Penulis meyarankan membuat email di gmail (google mail) atau Yahoo karena satu layanan dengan blogger yang menyediakan layanan blog secara gratis.
Postingan
