Tampilkan postingan dengan label Tips Trik Blogger. Tampilkan semua postingan
Tampilkan postingan dengan label Tips Trik Blogger. Tampilkan semua postingan

Cara Membuat Kotak Pencarian DiBlog


Hallo sobat blogger !...kali ini Blog sidakaton akan memposting dan membahas cara membuat widget kotak pencarian seperti yang Blog sidakaton gunakan ini atau bisa dilihat juga lewat Screenshoot diatas. Kotak pencarian kali ini telah di modifikasi dari segi bentuk sehingga terkesan elegan dan indah, untuk masalah loading, sudah tentu sama sekali tidak memberatkan, karena kotak pencarian ini dibuat seringan mungkin ( krupuk kale ringan he he he ) gimana sobat tertarik untuk membuatnya? oke sobat..kalau begitu mari langsung saja kita sama-sama bahas dan simak tutorialnya dibawah ini
  • Klik Tata Letak / Rancangan
  • Klik Tambah Gadget
  • Pilih HTML/Javascript
  • Masukan kode di bawah ini
<style type="text/css">
form.system_search {
background: -webkit-gradient(linear, left top,left bottom, from(#aa1317), to(#ed1c24));
background: -moz-linear-gradient(top, #aa1317,#ed1c24);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa1317', endColorstr='#ed1c24');
padding: 1px;
width: 300px;
margin: 1px 3px;
-moz-box-shadow: 0 2px 5px #111;
-webkit-box-shadow: 0 2px 5px #111;
box-shadow: 0 2px 5px #111;
-moz-border-radius: 21px;
-webkit-border-radius: 21px;
border-radius: 21px
}

form.system_search input[type="text"] {
    background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyYcQZ0Tn98VBFvMo4h2gUpTN9I5UXJ1VWDzcWr_isBub_yp6cSH99_eoTlfLffgc99S54S4seldaKEjV62gQCvvYPFxH4mgMLUYCGUeTuLPwZOZbdKdW0PkcftYz81oHgXjgmbdJLdsO_/s1600/background.png)repeat;
    border: 1px solid #ddd;
-moz-border-radius-topleft: 14px;
-webkit-border-radius-topleft: 14px;
-khtml-border-radius-topleft: 14px;
border-top-left-radius: 14px;
-moz-border-radius-bottomleft: 14px;
-webkit-border-radius-bottomrleft: 14px;
-khtml-border-radius-bottomrleft: 14px;
border-bottom-left-radius: 14px;
-moz-box-shadow:inset 0px 1px 2px #555;
-webkit-box-shadow:inset 0px 1px 2px #555;
box-shadow:inset 0px 1px 2px #555;
color: black;
width: 230px;
margin: 7px;
height: 20px
}

form.system_search input[type="submit"] {
background: #FF8181;
background: #E70000;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FF0101', endColorstr='#cc000',GradientType=0 );
border: 1px solid #cc0000;
border-bottom:solid 1px #ff6868;
border-left:solid 1px #FF6868;
margin-left: 0;
-webkit-border-radius-topright: 14px;
-khtml-border-radius-topright: 14px;
border-top-right-radius: 14px;
-webkit-border-radius-bottomright: 14px;
-khtml-border-radius-bottomright: 14px;
border-bottom-right-radius: 14px;
box-shadow:0px 2px 5px #000; 
height: 25px
}
</style>
<form class="system_search" style="font-size:11px;" method="get" name="searchform" action="http://www.google.com/search" target="_blank"><input type="hidden" name="sitesearch" value="http://blogger-sidakaton.blogspot.com/"><input onfocus="searchfield_focus(this)" type="text" name="as_q" size="20" placeholder="Cari Artikel" /><input type="submit" value="Cari" title="Cari artikel" />
</form>​
  • Klik simpan
Sebelum disimpan silahkan ganti kode http://blogger-sidakaton.blogspot.com/ dengan URL blog sobat dan setelah itu klik SIMPAN.......
Demikianlah sobat cara membuat kotak pencarian diblog, semoga artikel ini bermanfaat buat sobat sekalian



source: System Of Blog
Label:

Cara Mempercepat Loading Blog Menambah Script

Blog Sidakaton-Loading blog sering kali jadi masalah tersendiri bagi anda,apalagi anda sudah cocok dengan template yang sedang anda gunakan membuat anda enggan rasanya untuk mengganti template anda,tapi jangan kwatir,kita bisa mempercepat loading Blog kita dengan berbagai tehnik.


Tehnik Pertama Mempercepat Lading Blog adalah dengan cara kompres Javascript Milik anda,Javascript sering kali membuat blog anda berat,dan itulah penyebab paling besar.Anda bisa kompres JavaScript anda,Silahkan klik Disini untuk mengetahui Cara Mempecepat Loading Blog Dengan Kompres JavaScript.

Tehnik kedua Mempercepat Loading Blog adalah dengan Kompres CSS Pada template anda,anda sering tak menyadai,bahwa CSS yang anda gunakan masih bisa dikompres dan dikurangi sampai 20%,silahkan baca disini untuk mengetahui cara Kompres CSS untuk mempercepat Loading Blog

Tehnik ketiga Mempercepat Loading Blog adalah dengan menambahkan kode script,silahkan Anda Letakkan script dibawah ini tepat di atas kode </head>
<script charset='utf-8' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
<script src='http://cuerosb.googlecode.com/files/cueros%20-lazyload.js' type='text/javascript'/>
<script charset='utf-8' type='text/javascript'>
$(function() {
$(&quot;img&quot;).lazyload({placeholder : &quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguVIZLtr1VdARzvh7NCfhUgi6DzzwBWIqi_MXgRtNnmpxlDmroawQGyBTB7ASI6lVDGL-DQok41BuVYWHyZYhCE17ET6w1NgWuPPbZ2gjdpjrik8HQWAyUTdsn7jKTwLHRUN8EZj0-c5Q/&quot;,threshold : 200});
});
</script>

Mudah-mudahan dengan menerapkan cara - cara seperti diatas,beban  loading blog Anda akan semakin ringan....wus..wuus...wuus..he he


 source: http://cob22.blogspot.com
Label: ,

Cara Mudah Membuat Daftar Isi Secara Manual

Pada postingan sebelumnya saya sudah post kan Membuat daftar isi secara otomatis. Pada kesempatan ini saya akan coba untuk membuat daftar isi / List Of Content blog dengan cara manual. Maksud nya begini, daftar isi blog akan kita buat dengan mengentrikan satu persatu judul postingan kita sehingga akan menggambarkan isi dari blog milik kita.

Cara membuat daftar isi yang akan saya tuliskan ini jika menggunakan fungsi scroll. Untuk melihat tips membuat menu scroll dapat dilihat disini. Atau saya sarankan untuk membuat daftar isi yang lebih bagus lagi 

Berikut ini langkah-langkahnya cara membuat daftar isi blog secara manual:
1. Masuk ke account blogger anda
2. Pilih tata letak/layout
3. Pilih tambah gadget
4. Pilih HTML/javascript.
5. Kopas kode di bawah ini
<div style="overflow:auto;width:475px;height:120px;padding:10px;border:1px solid #eee">
dan di akhiri dengan kode dibawah ini</div>

Untuk daftar isinya anda letakkan diantara kedua kode tadi (ditengah-tengahnya) Contoh kode-kode untuk daftar isi seperti ini :
<div style="overflow:auto;width:auto;height:50px;padding:10px;border:1px solid #eee">
<a href="http://blogger-sidakaton.blogspot.com/2012/06/software-mempercepat-kinerja-komputer.html">Software Mempercepat Kinerja Komputer</a><br/>

<a href="http://blogger-sidakaton.blogspot.com/2012/06/cara-mengetahui-password-wifi.html">Cara Mengetahui Password Wifi</a><br/>

<a href="http://blogger-sidakaton.blogspot.com/2012/04/mesin-untuk-mencari-sumber-ilmu.html">Mesin Untuk Mencari Sumber Ilmu</a><br/></div>

Hasilnya:

Pada kata-kata yang berwarna merah merupakan kalimat yang akan muncul pada daftar isi.Pada kata-kata yang berwarna biru merupakan alamat url judul postingan




source : http://www.barajakom.blogspot.com/
Label: ,

Cara Membuat Kotak Dengan Fungsi Scroll

Scroll box adalah kotak yang berisi tulisan atau gambar atau lainnya yang menggunakan fungsi scroll. Selain dapat di isi gambar dan tulisan, sobat dapat mengisi kotak scroll  tersebut dengan kode script / HTML. Memasang kotak scroll  sangat bermanfaat sekali untuk kalian yang ingin membuat Linklist / blogroll atau dipostingan agar panjang blogroll tersebut tidak membuat loading blog kita lambat. Untuk membuatnya, cukuplah mudah. Sobat hanya tinggal memasang kode HTML di bawah ini:

<div style="overflow:auto; width:200px; height:250px; padding:10px; border:1px solid #eee;">BLOGGER SIDAKATON</div>

Hasilnya seperti dibawah ini:
<div style="overflow:auto; width:200px; height:250px;
padding:10px; border:1px solid #eee;">BLOGGER SIDAKATON</div>

Scroll box diatas apabila sudah diisi dengan tulisan, widget atau gambar yang melebihi batas tinggi kotaknya, maka kotak tersebut secara otomatis akan menambahkan fungsi scroll



Label: ,

Cara Membuat Huruf Dropcaps Tanpa Edit HTML Template Blog

Pada kesempatan kali ini Blog Sidakaton akan berbagi tentang tips trik blogger yaitu cara membuat huruf besar pada awal posting atau lebih kita kenal dengan istilah Drop caps. Beberapa waktu yang lalu, telah dibahas mengenai cara membuat drop cap di Blogger. Di dalam posting tersebut sudah dijelaskan bahwa untuk membuat drop cap kita perlu mengedit HTML template blog guna menambahkan kode-kode pembentuk drop caps. Nah, kali ini Blog Sidakaton masih membahas tentang cara membuat drop cap, namun dengan cara yang sedikit berbeda. Bila pada cara sebelumnya kita perlu mengedit HTML template blog, maka pada cara yang satu ini kita meletakkan langsung kode pembentuk drop cap di posisi Edit HTML postingan atau dengan kata lain tanpa edit template blog. Kode pembentuk drop cap yang dimaksud adalah seperti di bawah ini.

<span style="background: #ffffff; color: black; float: left; font-family: times; font-size: 100px; line-height: 80px; padding-right: 5px; padding-top: 1px;">HURUP YANG DIJADIKAN DROP CAPS</span>

yang harus anda ingat saat meletakkan kode tersebut harus berada di posisi Edit HTML.Dan untuk mengetikkan huruf atau teks selanjutnya dapat dilakukan di Edit HTML atau Compose.Dan untuk huruf atau teks selanjutnya dapat dilakukan di Edit HTML atau Compose.


sumber materi
Label: ,

Cara Mudah Membuat Artikel Terkait Di Blog

Blog Sidakaton - Pada kesempatan ini saya akan menulis mengenai Cara membuat artikel terkait di blog.
Pasti sebagian diantara anda sekalian sudah mengetahui seperti apa yang disebut dengan artikel terkait atau sering disebut juga related articel.

Dan dibawah ini adalah salah satu contoh bentuk dari artikel terkait saya pakai dalam blog ini.


Untuk membuat artikel terkait seperti pada gambar diatas caranya sbb:
  • Masuk ke akun Blogger Anda.
  • Klik Rancangan.=>Edit HTML.jangan lupa beri tanda centang pada Expand Template Widget.
  • Klik Download Template Lengkap, untuk berjaga-jaga kalau nanti terjadi kesalahan dalam mengedit template.
  • Cari kode <data:post.body/></b:if> atau <data:post.body/> kemudian
  • Copy kode dibawah ini dan paste dibawah kode <data:post.body/></b:if> atau <data:post.body/> tersebut

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<H2>Related Articel:</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 = &quot;<data:blog.homepageUrl/>&quot;;
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;
maxNumberOfPostsPerLabel = 9999;
maxNumberOfLabels = 3;
function listEntries10(json) {
var ul = document.createElement(&#39;ul&#39;);
var maxPosts = (json.feed.entry.length &lt;= maxNumberOfPostsPerLabel) ?
json.feed.entry.length : maxNumberOfPostsPerLabel;
for (var i = 0; i &lt; maxPosts; i++) {
var entry = json.feed.entry[i];
var alturl;
for (var k = 0; k &lt; entry.link.length; k++) {
if (entry.link[k].rel == &#39;alternate&#39;) {
alturl = entry.link[k].href;
break;
}
}
var li = document.createElement(&#39;li&#39;);
var a = document.createElement(&#39;a&#39;);
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 &lt; json.feed.link.length; l++) {
if (json.feed.link[l].rel == &#39;alternate&#39;) {
var raw = json.feed.link[l].href;
var label = raw.substr(homeUrl3.length+13);
var k;
for (k=0; k&lt;20; k++) label = label.replace(&quot;%20&quot;, &quot; &quot;);
var txt = document.createTextNode(label);
var h = document.createElement(&#39;b&#39;);
h.appendChild(txt);
var div1 = document.createElement(&#39;div&#39;);
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById(&#39;albri&#39;).appendChild(div1);
}
}
}
function search10(query, label) {
var script = document.createElement(&#39;script&#39;);
script.setAttribute(&#39;src&#39;, query + &#39;feeds/posts/default/-/&#39;
+ label +
&#39;?alt=json-in-script&amp;callback=listEntries10&#39;);
script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;);
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 = &quot;<data:label.name/>&quot;;
var test = 0;
for (var i = 0; i &lt; labelArray.length; i++)
if (labelArray[i] == textLabel) test = 1;
(test == 0) {
labelArray.push(textLabel);
var maxLabels = (labelArray.length &lt;= maxNumberOfLabels) ?
labelArray.length : maxNumberOfLabels;
if (numLabel &lt; maxLabels) {
search10(homeUrl3, textLabel);
numLabel++;
}
}
</b:loop>
</b:loop>
</script>
</div>
<script type="text/javascript">RelPost();</script>
</div>
</b:if>

  • Setelah itu cari kode ]]></b:skin> lalu copy dan paste script dibawah ini diatas kode ]]></b:skin>.

.rbbox{border: 1px solid rgb(192, 192, 192);padding: 5px;
background-color: #f0f0f0;-moz-border-radius:5px; margin:5px;}
.rbbox:hover{background-color: rgb(255, 255, 255);}

  • Kemudian save template dan artikel terkait sudah nangkring di blog anda.
Label: ,

Cara Mudah Membuat Website Gratisan Untuk Pemula.

Blog Sidakaton - Walaupun sudah banyak artikel yang menulis tentang membuat Website Gratis Untuk Pemula, tapi masih ada loh yang belum tahu, makanya kali ini Blog Sidakaton sengaja menulis tentang Cara Membuat Website Gratisan Untuk Pemula. Baiklah untuk membuatnya kita akan menunjukan sebuah situs penyedia Website Gratisan yang biasa disebut dengan Blog, kurang lebih ada 10 penyedia blog yang saya ketahui berikut dibawah ini daftarnya:

1. Blogger.com

2. WordPress.com

3. Blogsome.com

4. Multiply.com

5. Livejournal.com

6. Spaces.msn.com

7. Journalspace.com

8. my.Opera.com/community

9. 360.yahoo.com

10. weebly.com

Tapi untuk kali ini kita membahas tentang cara membuat blog dari penyedia blog blogger.com, sekilas info kalau blogger.com ini milik mbah google.Untuk cara membuat website gratisan yang disediakan oleh penyedia yang lainnya nanti Blog Sidakaton jelasin koq, sabar yah..
Oke Sobat blogger,langsung saja yah kita ke tutorialnya cekidot......
Pertama, Karena blogger ini milik mbah Google jadi yang untuk membuat akun di blogger sobat blogger harus punya akun di google yaitu Gmail, sudah punya dong? masa si belum punya?, oke baiklah mungkin sobat blogger punya akun di yahoo kali yah..untuk yang belum punya silahkan daftar dulu ini nih www.gmail.com
Setelah itu sobat blogger klik buat akun, seperti yang terlihat gambar diatas lalu ikuti petunjuknya sampai dengan selesai.
Kedua Setelah gmail sobat trickinfocom berhasil dibuat, sekarang saatnya daftar di blogger.com, caranya masuk ke halaman blogger dan daftar seperti gambar dibawah.

 Masukkan alamat gmail sobat yang tadi barusan sobat  buat, dan masukkan kata sandi atau password gmail sobat. setelah itu sobat blogger harus membuat akun, dengan mengisi form nama pengguna blogger atau nama anda yang ingin di tampilkan di blog sobat nantinya, kemudian klik lanjutkan atau next,  setelah itu sobat blogger diharuskan mengisi form Judul Blog , yang ingin sobat buat, buatlah judul blog yang nantinya relevan atau judul blog sobat berhubuangan dengan isi blog sobat nantinya, intinya jangan sampai ngawur, kan nggak lucu judul berbeda dengan isinya.
formnya seperti gambar dibawah dan isikan juga domain sobat, atau alamat url blog sobat yang nantinya akan menjadi alamat blog sobat di internet domain blog itu tidak boleh sama dengan domain blog orang lain, jadi check dulu ketersediannya, caranya setelah sobat ketik doamin yang sobat inginkan klik dibawahnya tombol check ketersedian.setelah anda domain yang sobat inginkan tersedia lalu klik next/lanjutkan


Setelah itu saatnya untuk memilih template atau tampilan blog sobat,
di sana sobat akan diberikan beberapa tampilan gratis yang disediakan oleh blogger, jangan berlama lama disini, sobat blogger pilih saja salah satunya, jangan terlalu lama memilih karena kapanpun sobat bisa ganti tampilan blog sobat. Cara mengganti template atau tampilan blog nanti akan Blog Sidakaton jelaskan. sudah mantab dengan pilhan klik lagi next.
Ketiga, setelah itu sobat akan dibawa kehalaman mulai menulis atau yang biasa disebut halaman posting.


Hal pertama untuk memulainya sobat  tulis terlebih dahulu menulis judul artikel yang sobat mau tulis, setalah itu baru menulis isi artikelnya, buat yang belum mengerti HTML, klik Compose untuk memulai menulis supaya waktu sobat menulis tidak ribet dengan kode kode html.
Jika sobat mau menambahkan gambar bisa juga, menambahkan link, untuk penjelasan mengenai posting atau menulis artikel, saya rasa terlalu panjang untuk diterangin semuanya, jadi sobat blogger coba pelajarin sendiri yah.
Setalah tulisan artikel sobat sudah selesai, isilah label artikel sobat, lihat dibagian kiri bawah , dimana label ini berguna untuk membuat bagian kategori artikel sobat. contohnya seperti artikel ini Blog Sidakaton buat dengan label Tips Trik Blogger, Internet. Jika sobat ingin membuat label artikel sobat lebih dari satu, pisahkanlah labelnya dengan koma, kemudian jika sudah yakin, klik Terbitkan Entri.
Setelah itu akan muncul seperti gambar dibawah.


Nah Artikel sobat  sudah berhasil di diterbitkan di blog, untuk melihat hasilnya klik Lihat Entry, Sekarang Blog sobat sudah berhasil dibuat dengan artikel pertama sobat blogger.
Selamat mencoba dan semoga bermanfaat


source: http://trickinfocom.blogspot.com
Label: ,

Situs Penyedia Email Gratis Buat Pengguna Internet

Blog Sidakaton - Kali ini Blog Sidakaton akan membagikan informasi tentang internet yang mungkin berguna buat sobat Blog Sidakaton.
Kali ini tentang Email, semua pengguna internet pasti tahu dong apa itu email.Nah pembahasan kali ini tentang  Penyedia Layanan Email Gratis di Internet.


Gmail
Penyedia email gratis yang ini di berikan oleh Google buat anda dengan kapasitas kuota sebesar 10GB, wah baik hati banngat yah, bayangin penyimpanan email sobat bisa mencapai 10 GB, Dengan membuat akun gmail sobat bisa menikmati beberapa aplikasi dari google karena akun Gmail sobat inilah yang akan menjadi akun Google anda, dengan demikian sobat akan menikmati berbagi aplikasi gratis seperti Dropbox (Penyimpanan data gratis), Google Plus (Sosial media dari google) setelah sobat join di google plus sobat bisa pelajari disini cara membuat url kode menjadi nama sendiri, Picasa (Penyimpanan Photo Gratis), Blogger (Tempat membuat blog gratis, cocok buat sobat yang suka menulis), dan masih banyak lagi
Kalau sobat berminat mau mencobanya silahkan langsung meluncur ke Gmail.


Windows Live / Hotmail.
Windows Live atau nama lama yang biasa disebut dengan hotmail ini disediakan oleh perusahaan besar Microsoft. Windows live klaim bahwa kuotanya hampir bisa dikatakan unlimited, sama seperti Google dengan Windows Live sobat bisa menikmati beberapa aplikasi gratis sepeti SkyDrive (Penyimpana Data Gratis). dan yang paling penting Messenger yang mereka tawarkan sudah banyak pemakainya, jadi tidak ada salahnya juga sobat menggunakan Window Live Messenger sebagai sebagai messenger sobat karena selain itu dengan windows live sobat bisa menghubungkan akun Facebook sobat jadi sobat juga bisa chat di facebook dengan windows live messenger.
Jika sobat berminat silahkan dipelajari lebih lanjut cara membuat akun windows live


YahooMail
Saya rasa yahoo mail sudah tidak asing lagi buat sobat, secara inilah penyedia email gratis pertama yang kita kenal, ups..mungkin bisa dibilang yang pertama saya kenal.
Sama seperti windows live, yahoo juga tetap terhubung dengan dengan facebook, dengan aplikasi messenger mereka sobat dengan bebas chating dengan teman, tapi untuk messenger saya lebih suka dengan Wildows Live Messenger. Nah sobat bisa langsung ke YahooMail

FastMail
Layanan email dari Opera ini saya boleh saya katakan layanan email yang unik tapi sebenarnya saya suka, knapa saya suka karena FastMail menawarkan anda macam-macam jenis domain email, sepeti fastmail.net, fastmail.fm, airpost.net, mailcan.com, bestmail.us, justemail.net, dan masih banyak lagi. Tapi sayangnya kuotanya terbatas untuk yang personalnya atau yang gratisnya hanya berkisar 25MB, tapi kalau sobat akses email melalu Outlook, itu tidak masalah. Kalau sobat tertari langsung meluncur deh ke FastMail
AOL Mail
Mungkin AOL Mail terasa baru buat sobat, penyedia email dari AOL ini atau America Online ini juga turut memberikan sobat layanan email gratis, untuk soal Messenger tenang AOL juga memberikan jalur akses chating dengan facebook sama dengan Windows Live dan Yahoo.
Yang saya suka dengan AOL Mail ini adalah tampilan web mailnya terasa elegan. Selain itu AOL juga menyediakan layanan Lifesream jadi status facebook ataupun mention twitter sobat bisa di akses disini.
Jika sobat tertarik silahkan di pelajari selanjutnya ke situs resminya langsung http://mail.aol.com

Semoga Informasi ini bisa membantu dan bermanfaat buat sobat blogger semuanya .....


source :  http://trickinfocom.blogspot.com/
Label: , , , ,

Cara Membuat Account Windows Live mail

Buat Sobat Blog Sidakaton, udah nyobain email dari windows blum, kalau belum nih Blog Sidakaton bagikan caranya buat email di windows, email dari windows ini benar benar gratis, namanya windows live mail atau yang bisanaya disebut Hotmail.
ada beberapa keunggulan jika sobat infonetku pakai email windows live mail, salah satunya yang saya suka yaitu Windows Live Messenger.
Okelah kalau begitu langusung saja,
Pertama sobat Infonetku masuk dulu ke Windows Live/Hotmail.


Nah, sebelum sobat isi data sobat disana klik dulu
Or get a Windows Live Email address
nah disana nanti sobat pilih domain yang sobat suka,
hotmail.com, hotmail.co.id atau WINDOWSLIVE.COM tergantung pilihan sobat semua.setelah isi alamat email yang sobar mau.nah seterusnya isi data sobat dengan benar.
Setelah semua terisi klik accept


Tunggu Beberapa saat, nah alamat email sobat sudah berhasil di buat,
Seperti gambar diatas, klik hotmail, untuk melihat halaman email sobat .
Untuk mengganti photo profil klik pada kotak avatar sebelah kiri seperti yang terlihat pada gambar diatas.
Selamat Mencoba yah..semoga bermanfaat
Label: , , , ,

Cara Termudah Membuat Tulisan Tercoret ( Strike ) Buat Status FB Atau Lainnya


Kalo dulu anda bisa membuat tulisan terbalik ( baca : Membuat tulisan terbalik ) untuk status facebook atau yang lainya , kini anda pun bisa mencoba hal yang satu ini, yaitu membuat tulisan menjadi tercoret , Contohnya adalah seperti ini :

T̶u̶l̶i̶s̶a̶n̶ ̶t̶e̶r̶c̶o̶r̶e̶t̶

Bila anda tertarik anda bisa mencobanya dengan cara silahkan kunjungi web berikut : http://adamvarga.com/strike/ silahkan masuk ke web nya dan ketikkan kata yang anda inginkan lalu klik Click to strike dan hasilnya silahkan anda copy untuk di pasang di status atau komentar atau apa saja yang mendukung tulisan seperti itu , selamat mencoba, semoga berhasil




source :  http://www.guestistiqlal.com/
Label: ,

Cara Termudah Menghubungkan Akun Twitter ke Akun Facebook


Berikut langkah termudah menghubungkan akun twitter ke akun facebook kita :
  1. Masuk ke Setting Akun >> Profile
    https://twitter.com/settings/profile
  2. Pada teks facebook klik Post yours Tweet to Facebook
  3. Kalau facebook meminta izin maka anda izinkan twitter untuk memposting update status facebook anda
  4. Klik Connect to Facebook
  5. ketika anda sedang tweet di twitter maka otomatis akan menjadi update status facebook

Nah demikianlah langkah termudah menghubungkan akun twitter anda ke akun twitter facebook anda.
Semoga bermanfaat...
Label: , ,

Modifikasi Huruf Drop caps

Untuk membuat huruf Drop caps simak langkah - langkahnya sbb :
  • Masuk ke akun Blogger Anda.
  • Klik Rancangan.
  • Klik tab Edit HTML.
  • Klik Download Template Lengkap, untuk berjaga-jaga kalau nanti terjadi kesalahan dalam mengedit template.
  • Cari kode ]]></b:skin> (gunakan F3 untuk pencarian cepat)
  • Lalu copy kode css dibawah ini dan paste diatas kode ]]></b:skin>
 .dropcaps {
float:left;
color: #000000;
background:#ffffff;
line-height:40px;
padding-top:1px;
padding-right:3px;
font-size:50px;
}
  • Simpan template

Langkah berikutnya yang harus Anda lakukan adalah saat melakukan posting, Anda harus berada pada mode Edit HTML bukan mode Compose.

Kode HTML :

 <div class="dropcaps">HURUF YANG INGIN DIJADIKAN DROP CAPS</div>

Semoga bermanfaat...
Label: ,

Cara Membuat Tema Vanila Untuk Tag Pre

Tema vanila tag pre ini cukup keren dan menarik bila diaplikasikan pada blog,.. coba anda perhatikan gambar dibawah ini


Cukup keren bukan?....kalau sobat ingin memasang pada blog sobat, berikut  langkah- langkahnya :

  • Masuk ke akun Blogger Anda.
  • Klik Rancangan.
  • Klik tab Edit HTML.
  • Klik Download Template Lengkap, untuk berjaga-jaga kalau nanti terjadi kesalahan dalam mengedit template.
  • Cari kode ]]></b:skin> (gunakan F3 untuk pencarian cepat)
  • Lalu copy kode css dibawah ini dan paste diatas kode ]]></b:skin>
pre {
  background-color:white;
  background-image:-webkit-linear-gradient(top, #f5f5f5 50%, white 50%);
  background-image:-moz-linear-gradient(top, #f5f5f5 50%, white 50%);
  background-image:-ms-linear-gradient(top, #f5f5f5 50%, white 50%);
  background-image:-o-linear-gradient(top, #f5f5f5 50%, white 50%);
  background-image:linear-gradient(top, #f5f5f5 50%, white 50%);
  -webkit-background-size:30px 30px;
  -moz-background-size:30px 30px;
  -ms-background-size:30px 30px;
  -o-background-size:30px 30px;
  background-size:30px 30px;
  background-repeat:repeat;
  font:bold 12px/15px "Inconsolata","Monaco","Consolas","Andale Mono","Bitstream Vera Sans Mono","Courier New",Courier,monospace;
  color:#333;
  border:2px solid #666;
  position:relative;
  padding:0 7px;
  margin:10px 0;
  overflow:auto;
  word-wrap:normal;
  white-space:pre;
  -webkit-box-shadow:0 1px 2px rgba(0,0,0,0.2);
  -moz-box-shadow:0 1px 2px rgba(0,0,0,0.2);
  box-shadow:0 1px 2px rgba(0,0,0,0.2);
  position:relative;
}

pre[data-codetype] {
  padding:29px 1em 7px 1em;
}

pre[data-codetype]:before {
  content:attr(data-codetype);
  display:block;
  position:absolute;
  top:0;
  right:0;
  left:0;
  background-color:#666;
  padding:0 7px;
  font:bold 11px/20px Arial,Sans-Serif;
  color:white;
}

pre[data-codetype="HTML"] {border-color:#0B7E88;color:#08464B;}
pre[data-codetype="CSS"] {border-color:#7B990C;color:#4B5D08;}
pre[data-codetype="JavaScript"] {border-color:#545448;color:#1F2E24;}
pre[data-codetype="JQuery"] {border-color:#395540;color:#2E2E27;}
pre[data-codetype="PHP"] {border-color:#FF9900;color:#865003;}
pre[data-codetype="XML"] {border-color:#FF0C39;color:#790015;}

pre[data-codetype="HTML"]:before {background-color:#0B7E88;}
pre[data-codetype="CSS"]:before {background-color:#7B990C;}
pre[data-codetype="JavaScript"]:before {background-color:#545448;}
pre[data-codetype="JQuery"]:before {background-color:#395540;}
pre[data-codetype="PHP"]:before {background-color:#FF9900;}
pre[data-codetype="XML"]:before {background-color:#FF0C39;
}

Untuk menulisan script kode di postingan, cukup anda masukan kode dibawah ini :

Kode HTML :
<pre data-codetype="HTML"> ... </pre>

Kode CSS :
<pre data-codetype="CSS"> ... </pre>

Kode JAVASCRIPT :
<pre data-codetype="JavaScript"> ... </pre>

Kode JQUERY :
<pre data-codetype="JQuery"> ... </pre>

Kode PHP :
<pre data-codetype="PHP"> ... </pre>

Kode XML :
<pre data-codetype="XML"> ... </pre>

Disini yang perlu sobat ingat untuk penulisan kode, harus di mode EditHTML bukan mode COMPOSE

LIHAT DEMO


source :  http://hompimpaalaihumgambreng.blogspot.com/
Label:

Cara Atasi Loading Blog dengan Google Code

Loading atau proses membuka pada sebuah program menjadi salah satu faktor penting bagi bekerjanya sebuah sistem. Begitu juga dengan loading sebuah blog, jika terlalu berat maka akan membuat kinerja blog yang kita kelola menjadi sulit untuk berkembang karena pengunjung pasti akan berkurang. Seorang pengunjung tidak mau lama-lama menunggu untuk melihat isi atau artikel yang ingin dibacanya. Mereka lebih memilih mengunjungi sebuah blog yang cepat proses membukanya, disamping lebih efisien waktu, mungkin juga biaya yang dikeluarkan lebih kecil jika mereka mesti bayar koneksi internet.


Blog yang saya bahas disini adalah blogspot, kecepatan loading blog platfrom blogger ini hanya tergantung pada seberapa banyak kode script yang kita masukkan ke dalam template tapi dengan asumsi kecepatan koneksi internet yang digunakan sama.  Beda dengan Wordpress atau platform blog lain yang menggunakan hosting sendiri, kecepatan blog tergantung juga dengan jenis dan kapasitas hosting yang dipakainya. Umumnya blog yang loadingnya berat biasanya memakai template jenis magazine seperti yang sering saya buat, karena banyak sekali fitur yang dipasang pada homepage. Sebenarnya dari Google sendiri juga menyarankan agar loading blog lebih cepat, paling tidak hanya 9 post yang ada di homepage. Tapi karena semakin berkembangnya blogger, platform blog ini sekarang bisa lebih dikembangkan sehingga menyerupai bentuk blog-blog profesional seperti platform lainnya dengan konsekuensi loading blog yang semakin lambat.

Bagi Anda pengguna blogger, saya akan memberikan solusi logis untuk meningkatkan performa kecepatan loading blog, khususnya bagi anda yang memakai sebuah template dengan menggunakan banyak fitur, seperti slider, label per categori atau lainnya. Pasti pernah menemukan sebuah script yang panjang (biasanya diletakkan diatas kode </head>) atau script yang sudah disimpan di tempat penyimpanan Google Code oleh si pembuat template.

Javascript yang belum disimpan di Google Code

Saya akan berikan contoh sebuah script dan cara menyimpannya di Google code anda sendiri. Perhatikan contoh script di bawah ini saya ambil yang sederhana :

<script language='javascript'>
function Barva(koda)
{
document.getElementById(&quot;vzorec&quot;).bgColor=koda;
document.hcc.barva.value=koda.toUpperCase();
document.hcc.barva.select();
}
function BarvaDruga(koda)
{
document.getElementById(&quot;vzorec2&quot;).bgColor=koda;
document.hcc.Barva2.value=koda.toUpperCase();
document.hcc.Barva2.select();
}
</script>
Perhatikan kode warna biru diatas, buka notepad kemudian copy kode warna biru ke notepad. (hanya warna kuning). Setelah itu klik save as, pada File name beri nama file itu dengan diakhiri .js (misalnya : contoh.js). Dan pada Save as type pilih All files, Encoding biarkan pada ANSI, seperti pada gambar di bawah :


Setelah proses penyimpanan file di komputer sekarang kita simpan di Google Code agar bisa dipasang pada template. Buka Google Code Anda, kalau belum pernah menggunakan Google Code sebelumnya, Anda harus membuatnya terlebih dahulu berikut caranya :
  1. Login ke akun Google anda, kemudian kunjungi http://code.google.com/hosting/
  2. Setelah itu klik Create a new project seperti gambar diatas, setelah muncul jendela baru isi kotak kosong seperti contoh gambar di bawah.


    Yang perlu anda perhatikan adalah dalam mengisi Version control system dan source code lisence, Anda harus isi seperti contoh gambar diatas. Untuk kolom lain bisa diisi terserah anda. Setelah itu klik Create project.
  3. Anda sekarang sudah mempunyai akun di Google Code, langkah selanjutnya adalah menyimpan kode javascript yang sudah dibuat diatas di Google Code. Menuju ke tab 'Download' dan klik New download. Kemudian klik Browse dan pilih file javascript yang ingin diupload. Isi informasi yang berhubungan dengan file javascript tersebut kemudian klik Submit file.
  4. File javascript anda sudah diupload ke Google code. Sekarang tinggal memanggilnya dan meletakkanya di template Anda. Klik file yang tadi sudah diupload, setelah itu akan terbuka jendela baru. Untuk mendapatkan direct link dari file yang anda upload. Klik kanan pada nama file tersebut kemudian pilih copy link location (firefox) atau salin alamat tautan (Chrome) seperti gambar dibawah.
  5. Sekarang bagaimana menempatkan direct link tersebut ke dalam template? Perhatikan dua gambar di bawah ini :

( Sebelum disimpan di Google code )


( Sesudah disimpan di Google code )


Perhatikan kode block biru pada kedua gambar diatas, gambar atas belum diringkas dan pada gambar bawah kode sudah diringkas dan disimpan di tempat penyimpanan Google Code menjadi seperti ini :
<script src="http://kauman.googlecode.com/files/contoh.js" type="text/javascript"/>

    Kode script diatas adalah kode ringkasan dari contoh kode script panjang paling atas dan warna merah adalah direct link file yang kita upload di Google Code pada langkah nomer 4 diatas.

Javascript yang sudah disimpan di Google Code

Nah sekarang bagaimana jika file javascript itu sudah disimpan di Google Code milik akun lain? Saya akan berikan contohnya dibawah :
<script src='http://jamu-martin.googlecode.com/files/related-martin.js' type='text/javascript'/>

URL Javascript warna merah diatas yang harus diganti dengan URL script dari Google Code anda. Caranya copy URL tersebut ke browser Anda seperti gambar dibawah :


Kemudian tekan Enter pada keyboard. Jika muncul pilihan save, Anda tinggal save file tersebut kemudian upload ke Google Code Anda seperti langkah nomer 3 diatas. Tetapi jika setelah tekan enter muncul kode javascript yang berderet-deret banyak sekali deh pokoknya, copy kan kode itu ke notepad kemudian simpan seperti pada gambar paling atas pada artikel ini. Setelah itu upload ke Google Code seperti langkah-langkah diatas. Setelah itu masukkan atau ganti URL warna merah pada javascript diatas dengan URL atau direct link dari google code yang sudah Anda upload.

Kok bisa ya dengan menyimpan javascript di tempat penyimpanan Google Code sendiri bisa meringankan loading blog? Penjelasannya seperti ini, jika Anda memakai sebuah template dengan menggunakan banyak script yang disimpan di Google Code oleh si pembuat template, pastinya tidak hanya Anda yang memakai template tersebut, pasti ada pengguna lain yang memakai template yang sama. Jika kedua blog dengan menggunakan template yang sama loading pada saat bersamaan pasti akan terasa semakin berat, kalau cuma dua atau tiga sih nggak terlalu terasa kalau yang memakai template itu banyak apa tidak semakin berat loadingnya? Disamping itu juga untuk berjaga-jaga jika sewaktu-waktu script si pembuat template rusak atau overload.

Itu tadi satu tips untuk mempercepat loading blog Anda dengan menyimpan file Javascript di Google Code Anda sendiri, silahkan dipahami dan semoga bermanfaat.



 source : creatingwebsite
Label: ,

Cara Paling Mudah Membuat Syntax Highlighter di Blog

Syntax Highlighter merupakan fitur dari text editor, khususnya editor untuk kode, html, php atau bahasa program lainnya sehingga berbeda dengan tulisan lain di sekitarnya. Fungsinya untuk memudahkan programmer dalam membaca dan menganalisa source code tersebut. Oke Mungkin sebagian sudah tau Apa manfaat dari syntax highlighter namun sedikit saya jelaskan cara kerja dari syntax highlighter . Syntax highlighter berkerja akan melakukan Konvert tag kedalam bentuk entitas hingga dapat ditampilkan ke browser tanpa dieksekusi sebagai bahasa pemograman .Harap maaf bila pernyataan dari kesimpulan saya ngawur,,,maklum saya bukan ahlinya he he.... Jika sobat ingin memasang pada blog sobat, silahkan ikuti tutorialnya dibawah ini
  • Masuk ke akun Blogger Anda.
  • Klik Rancangan.=>Edit HTML.
  • Beri tanda centang pada Expand Template Widget.
  • Klik Download Template Lengkap, untuk berjaga-jaga kalau nanti terjadi kesalahan dalam mengedit template.
  • Cari kode </head> dan copy kode dibawah ini di atasnya.
<!-- Add-in CSS for syntax highlighting -->
<link href='http://alexgorbatchev.com/pub/sh/2.1.364/styles/shCore.css' rel='stylesheet' type='text/css'/>
<link href='http://alexgorbatchev.com/pub/sh/2.1.364/styles/shThemeRDark.css' rel='stylesheet' type='text/css'/>
<!-- Add-in Script for syntax highlighting -->
<script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shCore.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushAS3.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushBash.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushCSharp.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushColdFusion.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushCpp.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushCss.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushDiff.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushErlang.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushGroovy.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushJScript.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushJava.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushJavaFX.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushPerl.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushPhp.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushPlain.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushPowerShell.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushPython.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushRuby.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushScala.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushSql.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushVb.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushXml.js' type='text/javascript'></script>
<script language='javascript'>
SyntaxHighlighter.config.bloggerMode = true;
SyntaxHighlighter.config.clipboardSwf = 'http://alexgorbatchev.com/pub/sh/2.1.364/scripts/clipboard.swf';
SyntaxHighlighter.all();
</script>
<!-- End code hilight -->
  • Lalu Save template.

Tiap kamu mau nulis script, kamu harus masukin kode di post kamu, klik tab "Edit HTML" dari editor posting kamu dan tulis kode berikut:

Untuk kode CSS:
<pre class="brush: css">
Letakkan Kode CSS Disini
</pre>

Untuk kode HTML:
<pre class="brush: html">
Letakkan Kode HTML Disini
</pre>

Untuk Kode JS:
<pre class="brush: Java">
Letakkan Kode Javascript Disini
</pre>


Semoga bermanfaat
Label:

Cara Melihat Blogger Satu Kota/Prov/Negara

kali ini saya coba posting salah satu postingan yang sangat jauh dengan postingan sebelum nya,.. yaitu Cara Melihat Blogger Satu Kota/Prov/Negara. saya kira tips ini sangat memudahkan kita dalam melakukan blogwalking dan melakukan perkenalan dengan blogger-blogger yang satu daerah dengan kita.

Ok lah,, tidak perlulah saya jelaskan panjang lebar lagi, so pasti sobat blogger sudah lebih tau dan mengerti di bandingkan saya.

Berikut cara-cara yang harus kita lakukan:

  • Cara cek Blogger yang 1 kabupaten atau daerah sama kita:
     http://www.blogger.com/profile-find.g?t=l&loc0=ID&loc1=jawa+tengah&loc2=tegal
  • Cara cek Blogger 1 Provinsi dengan kita
     http://www.blogger.com/profile-find.g?t=l&loc0=ID&loc1=Jawa-Tengah
  • Cara cek blogger 1 Negara
     http://www.blogger.com/profile-find.g?t=l&loc0=ID

Nah itu dia  Cara Melihat Blogger Satu Kota/Prov/Negara, dan untuk sobat yang ingin ngelihat temen2 yang 1 daerah sobat tinggal ganti aja tulisan yang bewarna Biru.
Label:

Cara Pasang Widget Histats Pada Gatget Blogspot

Memasang widget histats ke dalam Gadget Blogspot sama mudahnya dengan cara kita memasang Tampilan Recent Posts pada postingan yang lalu.

Histats adalah sebuah layanan web gratis untuk mentracking visitor blog, atau menghitung pengunjung ke blog kita. Sebagaimana kita ketahui bahwa dengan bantuan Histats ini kita bisa melihat langsung berapa pengunjung yang sedang online di web/ blog kita, kita juga bisa melihat berapa total pengunjung hari ini, berapa halaman yang pengunjung buka hari ini, berapa total pengunjung selama dari awal hingga saat ini, dan semuanya bisa ditracking secara detail oleh Histats, dan kita dapat memanfaatkan widgetnya secara gratis dengan memasang widget Histats pada blog kita.

Very well, kita lanjutkan cara memasang widget Histats kedalam blog, langkahnya lebih kurang seperti dibawah ini:

Anda bisa membuka halaman Histats dengan mengcopy url http://www.histats.com/ ke browser anda, atau dengan mengetikkan "Histats" pada Google.com, untuk lebih mudahnya anda bisa klik Histats INI dan tampilan halamannya seperti dibawah ini.



Setelah itu silahkan login di Histats untuk mendaftar terlebih dahulu dengan mengklik Register pada bawah kanan halaman utama Histats. Dan anda akan dibawa ke halaman seperti dibawah.


Untuk dapat Memasang Widget Histats Pada Gadget Blogspot di histats. Isikan informasi pada Create New Account Histats terlebih dahulu. isikan informasi berupa email anda, dan comfirmasi email, kemudian password, dan konfirmasi password,  informasi tambahan, serta memilih time zone dimana anda berada, mencentang pada I have read and agree publisher agreement terms, masukkan chapta dan klik Register seperti pada gambar login diatas yang saya beri centang merah. Setelah selesai silahkan anda mengkomfirmasi link yang dikirim Histats ke email anda.

Kemudia klik control Panel, dan add a website. Kemudian isikan alamat url anda, set time zone, kategori blog anda, judul blog dan diskripsi, kemudian masukkan chapta dan klik "Continue", lihat ilustrasi gambar dibawah.


Kemudia klik url blog yang barusan anda daftar di Histats, dan klik Counter Code seperti pada ilustrasi gambar dibawah ini.


Selanjutnya pilih klik Add Counter, dan pilih Histats Counter yang anda anginkan seperti ilustrasi gambar dibawah ini, dan pilih jenis tracking yang anda ingin tampilkan.


Kemudian klik Counter Id


Dan copy seluruh JavaScript/ HTML Histats seperti pada gambar dibawah yang saya pagari dengan garis merah dan paste kedalam gadget HTML/ Javascript blog anda.


Masuk ke dasbor blog, Tambah Gadget, pilih HTML/Javascript dan langsung bisa paste widget histats dan jangan lupa Save, cara ini sama seperti di cara menampilkan artikel terbaru di postingan terdahulu.

Barusan kita sudah belajar cara  Memasang Widget Histats Pada Gadget Blogspot. Terimakasih sudah berkunjung ke KERJA ONLINE. Selamat mencoba semoga berhasil.
Label: ,

Cara Memasang Widget Label Cloud Animasi Di Blog

Cara Memasang Widget Label Cloud Animasi Pada Blog mungkin adalah cara yang sedang anda cari untuk mempercantik blog anda, cara ini berbeda dengan cara Memasang Widget Histats. Pada dasarnya ada dua jenis label cloud untuk blog, yang bisa anda pakai untuk mempercantik blog anda, yang pertama adalah label cloud blog yg bentuk tag nya tidak sama dari ukuran, yang kedua adalah label cloud animasi yang berputar apabila anda mendekatkan mouse/ kursor ke label tersebut, untuk lebih jelasnya saya beri gambar untuk ilustrasinya dibawah.



Anda sudah dapat ilustrasinya kan!!!

Ok dech...kalau begitu mari kita langsung ke pokok pembahasan
Berikut cara memasang widget label cloud animasi diblog:
  • Masuk ke akun Blogger Anda.
  • Klik Rancangan.
  • Klik tab Edit HTML.
  • Klik Download Template Lengkap, untuk berjaga-jaga kalau nanti terjadi kesalahan dalam mengedit template.
  • Beri tanda centang pada Expand Template Widget.
  • Cari kode <b:section class='sidebar' id='sidebar' preferred='yes'> Bila Anda menggunakan browser Mozilla Firefox, tekan tombol Ctrl + F, lalu isikan kode yang dimaksud untuk memudahkan pencarian.
  • Copy kode berikut dan paste dibawah kode <b:section class='sidebar' id='sidebar' preferred='yes'>  

<b:widget id='Label99' locked='false' title='Kategori' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<script src='https://sites.google.com/site/scriptawalk/javascript/tagcloudawalkblogs.js' type='text/javascript'/>
<div id='flashcontent'>Tag Cloud <a href='http://abas-kerja-online.blogspot.com/'>kerja online</a></div>
<script type='text/javascript'>
var so = new SWFObject("http://sites.google.com/site/ruangsc/enes/tagcloud.swf", "tagcloud", "300", "320", "7", "#ffffff");
// uncomment next line to enable transparency
//so.addParam("wmode", "transparent");
so.addVariable("tcolor", "0x333333");
so.addVariable("mode", "tags");
so.addVariable("distr", "true");
so.addVariable("tspeed", "100");
so.addVariable("tagcloud", "<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>");
so.addParam("allowScriptAccess", "always");
so.write("flashcontent");
</script>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

.Silahkan sahabat blog tekan Preview atau Pratinjau terlebih dahulu untuk melihat hasilnya sebelum melakukan save template anda. Jika sudah silahkan Save Tamplate.

 Keterangan:
  • Lebar widget : 300px
  • Tinggi widget : 320px
  • Warna latar (background) : putih atau #ffffff
  • Warna huruf : abu gelap atau 0x333333
  • Ukuran huruf : 12

Sahabat blogger bisa mengubah settingan tersebut jika diperlukan untuk penyesuaian dengan blog sobat. Misalnya ukuran siderbar dan code warna, untuk kode warna anda bisa cari disini

Demikian sahabat blogger mengeanai Cara Memasang Widget Label Cloud Animasi Pada Blog, semoga postingan ini bisa membantu dan bermanfaat untuk sahabat blogger dalam membuat label cloud animasi pada blog anda.
Selamat mencoba semoga berhasil.
Label: ,

Cara Nakal Menyedot Perhatian Pencari Google

Pencari Google sangatlah banyak,jika disuruh menuliskannya dalam huruf,saya tidak bisa melakukannya.Dari sekian banyaknya pengunjung Google yang mencari sesuatu yang mereka butuhkan,apakah blog Anda mendapatkan jatahnya?Jika belum,saya ucapkan dengan sangat semangat,"ikuti cara saya,semoga anda bisa dapat jatah pengunjung".

Nah..ditulisan ini,saya akan membuka tabir rahasia yang disembunyikan para SEO Master untuk mendapatkan trafik/pengunjung blognya.Mereka menyimpannya untuk digunakan sendiri,menjual sebagian kecil dari pengetahuannya agar mendapat tambahan materi.Saya tidak sama dengan mereka,saya akan membuat anda mendapat pencerahan dalam hal menghisap pengunjung Google.

Pertama,-Trik saya ini sangatlah sederhana.Trik ini adalah mengakali judul posting agar mendapat perhatian pengunjung yang mencari di Google.Ketika mereka mencari sesuatu yang bersifat porno,maka saya menyajikan kepornoan yang aneh.Hal ini akan membuat mereka penasaran dan akhirnya melayang ke blog anda.

Kedua,-Trik ini sedikit sulit.Trik ini adalah dengan mengakali judul blog agar mendapat kesan kontroversial.Cara ini menggunakan blog Dummy yang tujuannya 'menghajar' blog utama agar pengunjung yang lain menjadi penasaran dengan blog utama dan akhirnya melayang ke blog yang memang kita inginkan.

Ketiga,-Trik ini sangat sulit.Trik ini adalah trik rahasia yang tidak akan pernah saya beberkan kepada siapapun kecuali Tuhan.Saya hanya berkompromi dengan Tuhan yang dengan sangat mudahnya mengetahui apa yang saya pikirkan saat ini ketika menulis artikel ini.

Nah..dari ketiga trik tersebut,semoga anda mendapat sebuah pencerahan untuk meraup trafik yang lebih banyak lagi ke blog anda.
Label: ,

Rahasia Cara Meningkatkan Pagerank Blog

Oleh para ahli SEO,pagerank adalah sebuah alat ukur yang penting untuk menjadikan blog/situsnya berharga. Dengan pagerank yang tinggi,tentu paman Google akan lebih menyayangi blog/situs tersebut.Menyayangi dalam artian,blog/situs tersebut akan mendapat peringkat yang tinggi di google SERP.

Bukan tidak mungkin bagi para blogger cilik yang masih belum mengerti baik tentang SEO tetapi memiliki blog dengan pagerank yang tinggi.Rahasianya?
Nah..Disini saya akan membeberkan sedikit rahasia membuat blog sobat yang memiliki pagerank kecil menjadi gede.

1.Sering Update,disayang Google;
Sering2lah Update blog/situs sobat,itu adalah nasehat yang sering saya dengar dari para ahli seo.Cukup mengejutkan jika sobat jarang update postingan tetapi memiliki pagerank yang tinggi.Ada apa gerangan?Nah..inilah rahasia berikutnya..

2.Link terbangun sempurna;
Yap!dengan adanya link blog/situs kita yang disebar ke blog tetangga dengan pagerank tinggi,blog/situs sobat juga akan mendapat 'tempat' bagus di google SERP.

Nah..dengan modal kedua rahasia yang sudah kubeberkan diatas,sobat sudah berkesempatan mendapat pagerank yang tinggi di update berikutnya..
Semoga bermanfaat.


Label: ,
 
Copyright © 2011 - 2012. Agoengsang - All Rights Reserved Sitemap · Privacy Policy · Pasang Iklan Proudly Powered by Blogger