Saya sempat banyak menerima pertanyaan mengenai cara untuk melihat IP dari lawan chat kita di YM. Sungguh sebenarnya saya bukanlah orang yang ahli dalam dunia chat di YM. tapi karena rasa penasaran saya, mbah google pun menemani saya untuk mencari jawabannya…
Setelah mencoba dan berlatih, ternyata kita bisa mengetahui IP address dari lawan chat kita dengan sebuah trik. cara itu adalah menggunakan fitur netstat di kompie windows anda. Netstat adalah fitur windows yang dapat membaca/melihat proses koneksi antar jaringan yang terjadi di komputer tersebut.
Tapi YM bukanlah sebuah chat yang menggunkan koneksi P2P yang notabene singkatnya adalah koneksi yang terjadi secara direct antar 2 komputer. YM menggunakan server sebagai medianya. Jadi ketika kita ketikkan netstat, akan terlihat IP dari server YM, bukan IP dari chatter yang kita ajak bicara.
Namun setelah mengetahui triknya, itu semua bisa diakali. caranya dengan mengirim file kepada lawan chatting kita.
Langkahnya sebagai berikut :
- Login ke YM
- Ajak chat siapa saja yang ingin anda ketahui ip addressnya
- Buka cmd anda… ketik netstat kemudian enter
- Akan ada banyak proses yang terlihat
- Kirim file apa saja kepada lawan chat
- Saat proses terjadi, pada jendela cmd, ketik netstat sekali lagi kemudian enter
- Maka akan terlihat sebuah IP contohnya seperti ini : 10.245.101.204:5101 SYN_SENT
- Nah.. itu dia ip address lawan chat anda.. ipnya adalah 10.245.101.204
- Jika belum jelas, anda bisa menggunakan command netstat -n, maka akan keluar ip address dan port dalam numerik
Selamat mencoba…
Wah kali ini infonya bagaimana cara ngehack koneksi Wi-Fi biar bisa internetan gratis!!. Sebelumnya saya berpesan gunakan cara ini sesuai kebutuhan anda saja jangan keterlaluan ntar kasihan yang bayar wkwkwkw!! Tip ini hanya sebagai pelajaran buat yang ingin coba coba ngehack koneksi Wi-Fi.
Oke yang anda butuhkan disini tentunya seperangkat komputer atau laptop yang dilengkapi dengan modem Wi-Fi. Caranya :
1-Download software yang diperlukan untuk modal anda ngehack Wi-Fi--->Download.
2-Download IP Scan Tool ---->Download.
3-Setelah di download, tentunya harus anda instal kedua software tadi.
4-Cari lokasi hotspot atau lokasi yang sinyal Wi-Fi nya yg bisa anda deteksi.
4-Kemudian hidupkan laptop atau kompi anda dan buka Wireless Network dan lihat di sistem tray icon wireless network, lalu klik kanan pilih view Availible Wireless Network kemudian anda connect ke sinyal Wi-Fi yang terdeteksi oleh laptop anda.
5-Setelah connect,klik kanan sistem tray dan pilih status pada langkah ini anda akan mendapatkan alamat IP yg diberikan kepada kita.Catat IP nya.
6-Berikutnya buka software IP Scanner yg anda download tadi, masukan no Ip yang anda catat tadi misalnya xxx.xxx.x.xx pada kolom IP Range pertama,tetapi pada angka terakhir IP yg anda dapatkan tadi di ganti dengan angka 1, misalnya xxx.xxx.x.xx menjadi xxx.xxx.x.1 lalu pada kolom IP Range kedua masukkan juga IP yg sama tetapi ganti angka 1 menjadi angka 300.maka pada kolom IP Range kedua Ip nya menjadi xxx.xxx.x.300 lalu klik tombol start untuk memulai scanning IP ( Tombol Merah ).
Untuk lebih jelas lihat screen shot nya :
7-Setelah melakukan scanning maka kita akan mendapatkan data IP yang hidup dan terkoneksi dengan hotspot tersebut.Kemudian lihat IP yang hidup (alive host) yang warna biru. lalu klik kanan pada IP yg hidup tadi warna biru hasilnya --> Show--> Mac Address jika berhasil maka akan muncul kode Mac Address ( Catatan : Terkadang Tidak Muncul Kode Mac Addressnya coba lagi IP lainnya )Jika anda berhasil mendapatkan kode Mac Address . Catat Kodenya.
8-Kemudian buka Software TMAC v5 R3 yang anda download dan instal ke laptop anda. Cari tombol Change MAC maka akan muncul kolom tempat anda memasukkan kode Mac Adrress yang anda catat tadi.Kemudian tekan Change Now. Untuk lebih jelas lihat Screen shotnya :
Tunggu beberapa saat untuk proses penggantian kode Mac Adrressnya dan koneksi akan terputus sementara dan akan terkoneksi lagi secara otomatis.
9-Langkah terakhir tentunya seperti yang anda harafkan yaitu koneksi internet gratis dengan membuka browsing anda.
10-Selamat menambah dosa anda karena telah melakukan pencurian koneksi Wi-Fi orang lain.Catatan dosanya anda tanggung sendiri ya!! wkwkwkwkwkw.
Trik diatas bukan bermaksud mengajarkan anda berbuat jahat! tetapi sebagai pembelajaran bagi anda bahwa semua sistem keamanan Wi-Fi bisa di hack!!!
Oke yang anda butuhkan disini tentunya seperangkat komputer atau laptop yang dilengkapi dengan modem Wi-Fi. Caranya :
1-Download software yang diperlukan untuk modal anda ngehack Wi-Fi--->Download.
2-Download IP Scan Tool ---->Download.
3-Setelah di download, tentunya harus anda instal kedua software tadi.
4-Cari lokasi hotspot atau lokasi yang sinyal Wi-Fi nya yg bisa anda deteksi.
4-Kemudian hidupkan laptop atau kompi anda dan buka Wireless Network dan lihat di sistem tray icon wireless network, lalu klik kanan pilih view Availible Wireless Network kemudian anda connect ke sinyal Wi-Fi yang terdeteksi oleh laptop anda.
5-Setelah connect,klik kanan sistem tray dan pilih status pada langkah ini anda akan mendapatkan alamat IP yg diberikan kepada kita.Catat IP nya.
6-Berikutnya buka software IP Scanner yg anda download tadi, masukan no Ip yang anda catat tadi misalnya xxx.xxx.x.xx pada kolom IP Range pertama,tetapi pada angka terakhir IP yg anda dapatkan tadi di ganti dengan angka 1, misalnya xxx.xxx.x.xx menjadi xxx.xxx.x.1 lalu pada kolom IP Range kedua masukkan juga IP yg sama tetapi ganti angka 1 menjadi angka 300.maka pada kolom IP Range kedua Ip nya menjadi xxx.xxx.x.300 lalu klik tombol start untuk memulai scanning IP ( Tombol Merah ).
Untuk lebih jelas lihat screen shot nya :
7-Setelah melakukan scanning maka kita akan mendapatkan data IP yang hidup dan terkoneksi dengan hotspot tersebut.Kemudian lihat IP yang hidup (alive host) yang warna biru. lalu klik kanan pada IP yg hidup tadi warna biru hasilnya --> Show--> Mac Address jika berhasil maka akan muncul kode Mac Address ( Catatan : Terkadang Tidak Muncul Kode Mac Addressnya coba lagi IP lainnya )Jika anda berhasil mendapatkan kode Mac Address . Catat Kodenya.
8-Kemudian buka Software TMAC v5 R3 yang anda download dan instal ke laptop anda. Cari tombol Change MAC maka akan muncul kolom tempat anda memasukkan kode Mac Adrress yang anda catat tadi.Kemudian tekan Change Now. Untuk lebih jelas lihat Screen shotnya :
Tunggu beberapa saat untuk proses penggantian kode Mac Adrressnya dan koneksi akan terputus sementara dan akan terkoneksi lagi secara otomatis.
9-Langkah terakhir tentunya seperti yang anda harafkan yaitu koneksi internet gratis dengan membuka browsing anda.
10-Selamat menambah dosa anda karena telah melakukan pencurian koneksi Wi-Fi orang lain.Catatan dosanya anda tanggung sendiri ya!! wkwkwkwkwkw.
Trik diatas bukan bermaksud mengajarkan anda berbuat jahat! tetapi sebagai pembelajaran bagi anda bahwa semua sistem keamanan Wi-Fi bisa di hack!!!
Back To Top merupakan sebuah aplikasi tambahan (widget/plugin) untuk ditempatkan di dalam sebuah blog dan sepertinya saat ini memang sudah tidak asing lagi di telinga kita dan mungkin saja kita sendiri sudah sering menjumpai widget Back To Top ini.
Kali ini saya ingin share kepada teman-teman semua tentang bagaimana Membuat Back To Top Dengan Smoothscroll jQuery, sedikit berbeda memang dengan cara memuat Back To Top yang biasanya kita jumpai (tanpa edit HTML).
Tapi ini kita harus sedikit mengutak atik templates namun hasilnya bisa saya katakan sedikit lebih baik, karena ini adalah Smoothscroll jQuery, ketika kita klik tulisan Back To Top (silahkan di coba di dalam blog ini) maka dia akan perlahan-lahan naik ke atas dengan smooth (lembut dan santai).
Fungsi:
Memudahkan kita khususnya para pengunjung blog untuk kembali ke halaman atas, jadi kita tidak perlu men-scroll secara manual menggunakan mouse untuk kembali keatas, cukup dengan mengklik tulisan "Back To Top".
Buat teman-teman yang ingin membuatnya silahkan ikuti langkah-langkah di bawah ini:
1. Login akun blogspot,
2. Klik Design/Rancangan >> Edit HTML >> klik Expand Templates Widget,
3. Cari kode berikut: </head> lalu copy kan script jQuery di bawah ini persis berada di atas kode tadi:
Tapi ini kita harus sedikit mengutak atik templates namun hasilnya bisa saya katakan sedikit lebih baik, karena ini adalah Smoothscroll jQuery, ketika kita klik tulisan Back To Top (silahkan di coba di dalam blog ini) maka dia akan perlahan-lahan naik ke atas dengan smooth (lembut dan santai).
Fungsi:
Memudahkan kita khususnya para pengunjung blog untuk kembali ke halaman atas, jadi kita tidak perlu men-scroll secara manual menggunakan mouse untuk kembali keatas, cukup dengan mengklik tulisan "Back To Top".
Buat teman-teman yang ingin membuatnya silahkan ikuti langkah-langkah di bawah ini:
1. Login akun blogspot,
2. Klik Design/Rancangan >> Edit HTML >> klik Expand Templates Widget,
3. Cari kode berikut: </head> lalu copy kan script jQuery di bawah ini persis berada di atas kode tadi:
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.1/jquery.min.js' type='text/javascript'/>
4. Lalu lanjutkan dengan menaruh kode javascript di bawah ini persis di bawah script jQuery tadi:
<!-- Back To Top -->
<script src='https://sites.google.com/site/anggasonaanotherbestblog/javascript/back-to-top.js' type='text/javascript'/>
<script type='text/javascript'>
jQuery.fn.topLink = function(settings) {
settings = jQuery.extend({
min: 1,
fadeSpeed: 200
}, settings);
return this.each(function() {
var el = $(this);
el.hide();
$(window).scroll(function() {
if($(window).scrollTop() >= settings.min)
{
el.fadeIn(settings.fadeSpeed);
}
else
{
el.fadeOut(settings.fadeSpeed);
}
});
});
};
$(document).ready(function() {
$('#top-link').topLink({
min: 300,
fadeSpeed: 500
});
$('#top-link').click(function(e) {
e.preventDefault();
$.scrollTo(0,300);
});
});
</script>
<!-- End Back To Top -->
<script src='https://sites.google.com/site/anggasonaanotherbestblog/javascript/back-to-top.js' type='text/javascript'/>
<script type='text/javascript'>
jQuery.fn.topLink = function(settings) {
settings = jQuery.extend({
min: 1,
fadeSpeed: 200
}, settings);
return this.each(function() {
var el = $(this);
el.hide();
$(window).scroll(function() {
if($(window).scrollTop() >= settings.min)
{
el.fadeIn(settings.fadeSpeed);
}
else
{
el.fadeOut(settings.fadeSpeed);
}
});
});
};
$(document).ready(function() {
$('#top-link').topLink({
min: 300,
fadeSpeed: 500
});
$('#top-link').click(function(e) {
e.preventDefault();
$.scrollTo(0,300);
});
});
</script>
<!-- End Back To Top -->
5. Terus cari kode <body> dan gantikan dengan <body id='top'>
6. Lanjutkan dengan mencari kode ]]></b:skin> dan masukkan kode CSS di bawah ini di atas kode ]]></b:skin>
#top-link {display:none;font-weight:bold;font-family:tahoma;font-size:10px;width:70px;background:#000;color:#fff;text-shadow:1px 1px 1px #666;font-size:11px;position:fixed;right:-20px;bottom:150px;padding:5px;-moz-transform: rotate(90deg);-webkit-transform: rotate(90deg);-webkit-border-radius: 4px;-moz-border-radius: 4px; border-radius: 4px;}
7. Terus cari kode </body> dan masukkan kode HTML di bawah ini persis ada di atas kode </body>
<a class="no-click no-print" href="#top" id="top-link" rel="nofollow" title="Back to Top Page">Back To Top</a>
8. Jika sudah dikerjakan dengan benar, maka klik Save Templates.
Note:
1. Apabila sudah ada Script jquery di dalam blog maka script jQuery di atas tidak usah di masukkan (biar tidak double), lanjutkan saja dengan langkah selanjutnya,
2. Untuk merubah warna, posisi dan tulisan cek di di bagian tulisan yang saya beri warna HIJAU
Bagi sobat yang ingin membuat sebuah homepage atau tampilan pada home berbeda dengan tampilan pad postingan, itu bisa di buat dengan melakukan langkah-langkah di bawah.
Sebetulnya postingan ini merupakan permintaan dari teman saya yang ingin membuat tampilan home-nya berbeda.
Nampaknya sobat tidak sabar lagi ingin mencobanya, silakan telusuri triknya......
Dibawah ini adalah kode scriptnya :
1. Menampilkan Widget hanya di homepage :
<b:if cond='data:blog.url == data:blog.homepageUrl'>..........................script widget................................</b:if>
2. Menampilkan widget selain di homepage :
<b:if cond='data:blog.url != data:blog.homepageUrl'>..........................script widget.............................</b:if>
3. Menampilkan widget hanya di archivepages :
<b:if cond='data:blog.pageType == "archive"'>.........................script widget..............................</b:if>
4. Menampilkan widget selain di archivepages :
<b:if cond='data:blog.pageType != "archive"'>........................script widget................................</b:if>
5. Menampilkan widget selain di itemages :
<b:if cond='data:blog.pageType != "item"'>.........................script widget.......................</b:if>
6. Menampilkan widget hanya di staticpages :
<b:if cond='data:blog.pageType == "static_page"'>........................script widget....................</b:if>
7. Menampilkan widget selain di staticpages :
<b:if cond='data:blog.pageType != "static_page"'>.......................script widget.......................</b:if>
8. Menampilkan widget pada postingan tertentu :
<b:if cond='data:blog.url == "alamatpostingan"'>........................script widget.....................</b:if>
9. Menampilkan widget selai pada postingan tertentu :
<b:if cond='data:blog.url != "alamaatpostingan"'>.........................script widget....................</b:if>
Cara menggunakanya yaitu dengan cara menyisipkan kode diatas kedalam script widget.
Kalau di blog saya ini pada tampilan homenya tidak ada widget postingan, ini scriptnya :
<b:if cond='data:blog.url != data:blog.homepageUrl'>
<div id='templatemo_content_wrapper'><div id='templatemo_content'><div class='content_section'>
<b:section class='main' id='main' showaddelement='no'><b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'/></b:section>
</div><div class='content_section'><h2>Welcome To General Template</h2><div class='service_box float_l'><div class='service_image'><img alt='image' src='#'/></div><div class='service_text'><h3>Left Column</h3><p>Integer ut justo. </p>
<div class='button_01'><a href='#'>More</a></div><b:section class='service_text' id='service_text' preferred='yes'/></div></div><div class='service_box float_r'><div class='service_image'><img alt='image' src='#'/></div>
<div class='service_text'><h3>Right Column</h3><p>tristique.</p><div class='button_01'><a href='#'>More</a></div><b:section class='service_text' id='service_text2' preferred='yes'/></div></div><div class='cleaner'/></div>
<div class='content_section'><div class='section_410 float_l'><h2>What We Do</h2><p align='justify'>provided <a href='#' target='_blank'>Blogger</a> websites.</p>
<p align='justify'>adipiscing pharetra.</p></div>
<div class='section_410 float_r'><h2>Featured Section</h2><div class='news_box'><a href='#' target='_blank'><img alt='image 3' class='news_image' height='80' src='h#' width='80'/></a><h3><a href='#'>Praesent pretium diam quam</a></h3><p align='justify'>cubilia Curae.</p></div><div class='cleaner_h20'/><div class='button_01'><a href='#'>View All</a></div> </div><div class='cleaner'/></div></div></div> <!-- end of templatemo_content -->
</b:if>
Maka secara otomatis postingan tidak muncul pada homepage.
Ini gambar screenshoot pada homepage yang posti
nganya sudah disembunyikan :
Ini screnshoot pada postinganya :
Gimana....
Biar ga penasaran langsun ja dipraktekin....
Semoga bermanfaat dan tetaplah tersenyum,
Salam senyum dariku......
Salah satu opsi cara membalas komentar dengan cepat dan praktis adalah dengan memasang widget replay pada kotak komentar blog. Pada dasarnya sama saja dengan membalas komentar pada umumnya, namun cara ini lebih praktis dan cepat. Berbeda dengan replay pada wordpress yang menempatkan komentar balasan dalam satu kolom dengan komentar pertama. Untuk widget yang satu ini akan saya bahas lain waktu, sekarang kita coba membuat yang simple dulu.Buat yang belum memasangnya, berikut ada sedikit langkah mudah untuk memasangnya di blog. Sebelum memasang memasangnya, silahkan backup template-nya terlebih dahulu, untuk menghindari hal-hal yang tidak di inginkan.
- Masuk Ke Tata Letak.
- Pilih tab Edit HTML.
- Klik Expand Template Widget.
- Cari kode <data:commentPostedByMsg/> kemudian letakkan kode berikut tepat dibawahnya
<span class='comment-reply'><a expr:href='"https://www.blogger.com/comment.g?blogID=YOUR-BLOG-ID&postID=" + data:post.id + "&isPopup=true&postBody=%40%3C%61%20%68%72%65%66%3D%22%23" + data:comment.anchorName + "%22%3E" + data:comment.author + "%3C%2F%61%3E#form"' onclick='javascript:window.open(this.href, "bloggerPopup", "toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=400,height=450"); return false;'>[Reply to comment]</a></span> - Ganti kode yang berwarna merah (YOUR-BLOG-ID) dengan ID blog sobat, untuk melihat ID blog, silahkan perhatikan pada address pada browser, contoh pada gambar dibawah ini.
- Jika sudah selesai jangan lupa Simpan Template.
Selamat mencoba, semoga berhasil !
Lagi – lagi tentang recent posts, semoga sobat tidak bosan dengan postingan saya. Sama dengan postingan yang kemarin, bedanya kalo postingan saya terdahulu, saya menulis tentang membuat recent posts dari fasilitas yang ada di blogger, maka kali ini yang akan saya bahas adalah membuat recent posts yang di buat oleh Kranthi yang empunya bloggertricks.com. Widget ini agak berbeda dari recent posts part 1, bedanya disini kita bisa atur lebar widget, warna border, ukuran font, tinggi dan lebar thumbnails, dll. Tapi kelemahan widget ini adalah tidak adanya cuplikan isi post atau preview dari postingan kita. Silahkan pilih sobat mau menggunkan yang mana.
Mau coba yang ini ? ayo kita lanjutkan. Jika dalam tulisan / postingan, sobat tidak pernah memasukkan gambar, maka gambar akan menjadi kotak hitam dan akan terlihat kurang bagus, jadi sebaiknya jika sobat menulis artikel, masukkanlah minimal 1 gambar agar dalam widget recent posts ini muncul gambar / thumbnails dari postingan kita. Lanjut, silahkan ikuti langkah – langkahnya berikut ini :
- Seperti biasa, loginlah ke blogger terlebih dahulu.
- Klik Tata Letak.
- Klik Elemen Halaman.
- Kemudian klik Tambah Gadget.
- Pilih yang HTML / Javascript, lalu masukkan kode scriptnya berikut ini :
<script language="JavaScript">
imgr = new Array();
imgr[0] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[1] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[2] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[3] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[4] = "http://i43.tinypic.com/orpg0m.jpg"; showRandomImg = true;
boxwidth = 298;
cellspacing = 8;
borderColor = "#FFFFFF";
bgTD = "#000000";
thumbwidth = 40;
thumbheight = 40;
fntsize = 12;
acolor = "#666";
aBold = true;
icon = " ";
text = "comments";
showPostDate = false;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 5;
home_page = "http://fresco-cyber.blogspot.com/";
</script>
<script src="http://myblogtalk.com/bloggertemplates/js/recentposts_thumbnail.js" type="text/javascript"></script>
- Yang harus di ganti / edit:
boxwidth = 298 -–> lebar kotak widget
cellspacing = 8 -–> ruang di antara sel
borderColor = "#FFFFFF" -–> warna border / garis pada kotak
thumbwidth = 40 --> lebar thumbnails
thumbheight = 40 --> tinggi thumbnails
fntsize = 12 --> ukuran font (huruf)
acolor = "#666" --> warna Judul
aBold = true --> tebal huruf pada judul post (true or false)
numposts = 5 --> jumlah judul post yang ingin ditampilkan
home_page = http://miscah.blogspot.com/ -–> ganti dengan alamat url blog sobat.
Untuk kode warna – warna, bisa lihat disini.
- Kemudian Simpan.
Kemarin saya mendapat email dari sobat johan yang menanyakan perihal membuat huruf yang besar pada awal postingan. Sebenarnya jika ingin tau bisa saja searching di google tentang hal ini karena memang sangat banyak bloggers yang menulis tutorial ini. Saya agak lupa apakah pernah menulis tutorial huruf besar pada awal postingan ini, jadi semalam saya bongkar-bongkar lagi semua judul post dan ternyata memang belum pernah saya tulis mengenai hal ini.
Sekedar info buat yang baru, huruf ini akan tampil besar dan berbeda sendiri dengan huruf lain yang ada di blog kita. Biasanya bisa kita lihat di koran atau majalah. Untuk membuatnya sangat mudah, karena hanya butuh satu kode css dan sedikit sentuhan pada saat membuat postingan.
- Setelah masuk blogger, silahkan klik Edit HTML.
- Tambahkan kode berikut sebelum kode ]]>< /b:skin> .huruf {
float:left;
color:#000;
line-height:60px;
padding-right:5px;
font-family:trebuchet ms,verdana;
font-size:60px;
} - Simpan Template.
Cara Posting
Tambahkan kode <span class="huruf"> sebelum huruf pertama dan </span> setelahnya. Contohnya seperti ini :
<span class="huruf">K</span>emarin saya mendapat email dari sobat johan yang menanyakan perihal membuat huruf yang besar pada awal postingan. Sebenarnya jika ingin tau bisa saja searching di google tentang hal ini karena memang sangat banyak bloggers yang menulis tutorial ini.
Sip, semoga bermanfaat !
Menanggapi pertanyaan sobat ISS pada postingan widget sharing is sexy yang menanyakan perihal seputar pemasangan widget lintas berita di blog. Kebetulan saya belum pernah membahas masalah ini, dan sebenarnya widget lintas berita ini pernah saya pasang di blog ini karena beberapa hal saya hilangkan. Seperti kita ketahui, lintas berita merupakan situs portal tempat orang mempromosikan web atau blog mereka.
Hampir semua blogger menggunakan fasilitas lintas berita sebagai media untuk promosi blog atau istilah kasarnya menjadi benalu di lintas berita, dengan total ribuan halaman/pages yang terindex di google. Dengan begitu blog kita jadi ikut terkenal dan setidaknya mendapat cipratan traffic dari lintas berita. Untuk mempermudah dalam submit berita atau artikel blog, widget lintas berita ini mungkin bisa menjadi alternatif.
Hampir semua blogger menggunakan fasilitas lintas berita sebagai media untuk promosi blog atau istilah kasarnya menjadi benalu di lintas berita, dengan total ribuan halaman/pages yang terindex di google. Dengan begitu blog kita jadi ikut terkenal dan setidaknya mendapat cipratan traffic dari lintas berita. Untuk mempermudah dalam submit berita atau artikel blog, widget lintas berita ini mungkin bisa menjadi alternatif.
Cara pasangnya sangat mudah, coba perhatikan langkah-langkahnya berikut ini.
- Pada Edit HTML, silahkan klik Expand Template Widget.
- Letakkan kode css berikut ini diatas kode ]]></b:skin>
#lintas-berita {
background:#ECE0F8;
border:1px solid #cccdcd;
margin:15px 0px 10px 0px;
padding:10px;
color:#000;
font-weight:normal;
}
.lintaskiri {
float:left;
margin:0px 15px 0px 0px;
width:380px;
}
.lintaskanan {
text-align:center;
} - Kemudian letakkan kode berikut setelah kode <data:post.body/> atau <p><data:post.body/></p> :
<div class='clearfix' id='lintas-berita'>
<div class='lintaskiri'>
Jika menurut sobat artikel ini bermanfaat, silahkan vote ke <strong>Lintas Berita</strong> agar artikel ini bisa di baca oleh orang lain.
</div>
<div class='lintaskanan'>
<script type='text/javascript'>lb_skin = 'mode2'; </script>
<script src='http://www.lintasberita.com/widget_vote/lintasberita.js' type='text/javascript'/>
<noscript>Powered by www.lintasberita.com visit <a href='http://www.lintasberita.com'>Lintas Berita</a></noscript>
</div>
</div> - Simpan Template.
Perhatikan kode css yang berwarna merah, kode tersebut adalah lebar untuk widget sebelah kiri (widget untuk tulisan) harap disesuaikan dengan lebar template. Jika widget lintas berita muncul pada halaman depan blog, maka tambahkan kode
<b:if cond='data:blog.pageType == "item"'>
diantara kode yang berwarna hijau dan tutup dengan kode
</b:if>
Semoga berhasil.
Perhatikan semua link yang terdapat di dalam blog saya, coba sobat sorot dan lihat hasilnya.
Tampak link yang disorot akan berkelip warna-warni seperti pelangi, hehe..
Sobat bisa menggunakan jasa penyedia script gratisan yang ada di Internet yaitu dengan menggunakan jasa http://www.dynamicdrive.com, filenya bernama rainbow dalam format java script yang bisa sobat download secara gratis.
Atau jika ingin menggunakan hasil download dari saya juga tidak apa-apa, monggo mas..sama gratisnya.
Berikut beberapa langkah untuk membuat link berkelip warna-warni.
^^Langkah Pertama :
- Download file script rainbow, klik disini untuk mendownload.
- Kemudian extract file tersebut dari format zip menjadi file java.
- Kemudian upload file tersebut ke GoogleCode.
- Simpan alamat url yang terdapat diatas address bar. Contohnya seperti ini :
http://miscah.googlecode.com/files/rainbow.js
- Setelah itu ubahlah alamat url tadi menjadi seperti ini :
<script src='http://miscah.googlecode.com/files/rainbow.js'/ >
^^Langkah Kedua :
- Login Ke Blogger Menggunakan ID sobat
- Klik "Tata Letak"
- Klik "Edit HTML"
- Cari kode seperti ini : </head>
- Kemudian copy paste kode tadi dibawah kode </head>
- Seperti ini hasilnya :
</head><script src='http://miscah.googlecode.com/files/rainbow.js'/>
- Setelah itu "Simpan Template"
Selamat Mencoba !
Buat sobat" yang bingung mau nambah tempat gadget sepeti gambar disamping ...
ni saya punya sedikit tips untuk Membuat 3 kolom Widget di Bawah Postingan.
tips ini mungkin dah banyak diketahui oleh blogger" lain,
tp disini saya hanya ingin share ja dan pastinya buat nambah koleksi tips blogging saya.... hehehehehe
ok langsung aja pada tipsnya....
1. Login ke blogger.
2. Klik Rancangan --> tata letak --> Edit HTML
3. Cari kode ]]></b:skin>
4. Copy kode dibawah ini dan paste di atas kode ]]></b:skin>
#footer-column-divide {
clear:both;
}
.footer-column {
padding: 10px;
}
5. Cari kode
<div id='footer-wrapper'><b:section class='footer' id='footer'/>
</div>
6. Hapus kode <b:section class='footer' id='footer'/>
7. ganti kode tersebut dengan kode
<div id='footer-column-divide'>
<div id='footer1' 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='footer2' 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='footer3' 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;'/>
</div>
8. Simpan Template.
Lihat pada Rancangan --> elemen halaman dan akan terlihat seperti gambar dibawah ini.
good luck... Happy Blogging ^_^
Subscribe to:
Posts (Atom)
