Tampilkan postingan dengan label tutorial. Tampilkan semua postingan
Tampilkan postingan dengan label tutorial. Tampilkan semua postingan

membuat scroll di blog

Untuk membuat kolom scroll di blog silahkan ikuti langkah langkah berikut ini.

Login ke Blog anda

Klik Tata Letak

Klik Elemen Halaman

Klik Tambah Gadget

Pilih Menu HTML/JavaScript

Copy script dibawah ini



<div style="overflow:auto;width:220px;height:150px;padding:10px;border:1px solid #c0c0c0">
<ul>
<li><a href="alamat tautan" >nama tautan </a></li>
<li>alamat tautan</li>
<li>alamat tautan</li>
<li>alamat tautan</li>
<li>alamat tautan</li>
<li>3</li>
<li>1</li>
<li>2</li>
<li>3</li>
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
</div>
alamat tautan contoh : <li><a href="http://www.tanjung-kona.co.cc" target="_blank">tanjung kona </a></li>

==================Selamat Mencoba================

cara menampilkan visitor di blog

apa itu visitor ?

visitor kalau bahasa indonesia artinya pengunjung

gunanya?

untuk melihat seberapa banyak orang yang mengunjungi blog kita

caranya : ?

kunjungi http://flagcounter.com ( ada juga yang lain seperti feedjit cuman saya pernah nyoba..bagus sih bagus tapi cuma 10 hari batas nyobanya...)
lanjut..

setelah masuk di flagcounter..di pages bagian atas ada getyours klik situ  lalu  cari tombol get your flag counter
(ada di kanan bawah ) klik ..masukkan emailmu lalu
copy kode script htmlnya
seperti contoh di bawah ini


<a href="http://s08.flagcounter.com/more/wMC3"><img src="http://s08.flagcounter.com/count/wMC3/bg=FFFFFF/txt=000000/border=CCCCCC/columns=2/maxflags=12/viewers=0/labels=1/pageviews=1/" alt="free counters" border="0"></a>

---
langkah untuk pasang di website / blog.
1.login ke blog
2.tambahkan gadget/widget HTML/Java Sript

3.paste sript tadi di dalamnya
4.simpan
5.selamat mencoba

Membuat huruf, kata, kalimat bergerak (marquee)

Teks yang bergerak dari kiri ke kanan atau dari bawah ke atas dan juga sebaliknya dari atas ke bawah itu dikenal dengan sebutan marquee. Banyak website atau blog menampilkan teks yang bergerak bahkan gambar yang bergerak kesemuanya itu merupakan perintah program marquee untuk menggerakan teks atau gambar tersebut.

Saya yakin anda pernah mellihat entah itu di program-program atau software-software yang berada di tempat kerja atau sekolah ataupun dimana saja bahkan di dunia maya/internet tulisan bergerak adalah salah satu cara seorang programer untuk memberikan kesan yang berbeda dengan tampilan program atau website atau blognya.

Namun bila hanya untuk membuat sebuah teks bergerak anda tidak harus menjadi seorang programer tetapi anda hanya membutuhkan sedikit ilmu tentang marque dan cara penulisan marquee. Lalu bagaimana cara menuliskan kode marquee agar bisa menampilkan teks yang berjalan didalam program atau website ataupun blog anda berikut ini adalah beberapa contoh penulisan marquee.

Teks yang bergerak
setiap kali penunjuk mouse berada di atas marquee teks maka marquee teks tersebut akan berhenti

Teks yang bergerak
bergerak ke kiri dan kekanan bolak balik

Teks yang bergerak
dengan scrollamount membuat marquee semakin cepat dalam pergerakan

Teks yang bergerak
bergerak kiri kanan kalau ada penunjuk mouse maka teks yang bergerak langsung berhenti

Teks yang bergerak
bergerak ke atas pelan dan kena mouse stop

Teks yang bergerak kekiri
marquee direction left dimaksud agar teks akan bergerak dari kanan ke kiri

Teks yang bergerak ke kanan
marque direction right untuk menggerakan teks dari kirijavascript:void(0) ke kanan secara terus menerus

Sedangkan untuk mengubah directionnya agar bisa bergerak ke atas dan ke bawah gunakan direction "Up" dan "Down"

sumber : http://www.tobipuken.com

membuat blog diterjemahkan dalam bahasa lain

Untuk mempermudah orang untuk membaca blog kita..so kita harus ( wajib ) memasang terjemahan blog dalam beberapa bahasa yang ada di dunia..so caranya
pasang script:
1.klik add Gadget
2.lalu pasang script di bawah ini

<style>

.google_translate img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
border:0;
}
.google_translate:hover img {
filter:alpha(opacity=30);
-moz-opacity: 0.30;
opacity: 0.30;
border:0;
}
.google_translatextra:hover img {
filter:alpha(opacity=0.30);
-moz-opacity: 0.30;
opacity: 0.30;
border:0;
}
</style>

<div>

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="English" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cen&hl=en'); return false;"><img alt="English" border="0" align="absbottom" title="English" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoOvOO8B3kkU5yMPBEJxJLMPY-QRVG9QUptMGedz3Z2L-JUcbhBbPNwUZxCfsxi9Qcjbo0TMFSyRPYbbawCaRulhEvS0AW0xqwMQwrkZL7LRkEr0i1HLgbOzblFkm0bPSdyQ5sIhUCcVg/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="French" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cfr&hl=en'); return false;"><img alt="French" border="0" align="absbottom" title="French" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDasaECLUMLkEe237hI9YBGae6Z5gpOsz1v5Wsxc5ZcHy0ELpppvDA30rRrUjunviRIUNRHGxna7leGQaH8Y048ZTi8w56k9ZhVhfbv7fbPp5gELmiyxLscHUJPh2y7lnw_ilGY1gdG1o/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="German" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cde&hl=en'); return false;"><img alt="German" border="0" align="absbottom" title="German" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2KisuW1KuXu8Ir-lr8Cmep6ecRuxnqRDmWtDwSzRqc8ah8P6esdYpmb_9ruMxFH2g28QF9ccJXRNsFnh9fnDA-v5CLH_eaUKdvrp2RMMJ0upKvHaoRghcOYFeChm5TmTCQ0rracPCRcSQ/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Spain" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Ces&hl=en'); return false;"><img alt="Spain" border="0" align="absbottom" title="Spain" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5JWAXXDtv0G0snCwikZ7EJ4Qg0OMZgn-vU9lAKbjE_KLKaf4OrPjtoRYCj3fuf7G7MFbn_EEgFKyX9cV2Kv7pAzGz4HOnvLEFPt2vySnATerN1tRBQ_t9SyJC8p-luwrpdO9VdKAUdRZd/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Italian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cit&hl=en'); return false;"><img alt="Italian" border="0" align="absbottom" title="Italian" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEvOBYhhoC4YUSJVELF3dEZ5m_S3ewzxaReZ7UckzftfsmPt4yNHxlqE9sPQ2L56fK3nWFB1wxv41-wURROLtqFu1cEsZtvYCNixMLTSqTQ7fLxfHMdpZThlN5nKSIXO6iZHOHst-PEe4/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Dutch" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cnl&hl=en'); return false;"><img alt="Dutch" border="0" align="absbottom" title="Dutch" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMJrFD84esGs86P-p_cKw59CyKTLjR_9xoPEwwjN0iYF4zfAtgk1TF_zMBpDGunXzLS9bboZ-NB48yp57ITROAYfjGUBRVkcSaCKrpuI0vLE_zAWsWO0R6_uUfhcMVZnw0slOGLJDjxTI/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<br/><br/>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Russian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cru&hl=en'); return false;"><img alt="Russian" border="0" align="absbottom" title="Russian" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLBXGWs8hb_OcfBGXbH84m3znze597eZ2H_XE15ynCT2t_f-L3GZVpmgvGrgHNlJT5-v9bJoxPkAt-ySWGcg34YclLi9YgP20Qlk4zISngKQLy2uhLk0Ob9UR19b6F60K4gFm6CMQA7aY/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Portuguese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cpt&hl=en'); return false;"><img alt="Portuguese" border="0" align="absbottom" title="Portuguese" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEA2rSHnk_MZELsa6Rwx7N8cy-LKwNFyEAE5Ijqa9WQjYCu80FGv7jNQTngtVyN6yJKAWVrUtBsYYkwV8iZdzVG8IF8Hz2XoDPs4quy2PoWnWptzQGynoP6Zw_WQ6uuno3dAV45RevUv8/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Japanese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cja&hl=en'); return false;"><img alt="Japanese" border="0" align="absbottom" title="Japanese" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVBrNjA9vphZq61Hz0TGCnwVzdSV_W4CyOwFD8P2wLEoM0FZx_kXdIEGoAJwSIDVzOORrf2yp-oK3Y-Av3cGNj-mBJk-5JJ6GKmICYT6EhFym7AVYHQzcX5tDMqdSzP03VmKmTfquI0rBg/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Korean" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cko&hl=en'); return false;"><img alt="Korean" border="0" align="absbottom" title="Korean" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8YwE5sjgc62tei-EGQVPXDzqMnk6WAok2yZZ40f3VFqj79ZYX-MDA2CNYNxjfgW80BJZvF9gbLoRSWppqC4vcmln82qjts8LrhL8rngYiPI3lBCneka1gLLMOjGVNAZYHrzFWdZdtkLk/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Arabic" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Car&hl=en'); return false;"><img alt="Arabic" border="0" align="absbottom" title="Arabic" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWZQkqNdL2QRGVZIn7zoMFhv3LfMOAC_CRCY8L53VIcpLY7pu-l6l7yrSfqF7lQBmLPJJal-h2O_OZWlRCwIZhB1p8El82iC1QXWBA3i-hVBqYIMRUpC63FJVnTHe9_sc-eq2wklzfCEI/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Chinese Simplified" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Czh-CN&hl=en'); return false;"><img alt="Chinese Simplified" border="0" align="absbottom" title="Chinese Simplified" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTC7W5oFIr3zfxsDfitjHkMDYFd_ZYcnpooDdsJIyQLs5If3kL6D6T85ku2-cwl6SsfwSZVfCZErJbzbxw7_tLlm7wCnczwaiiF3Yq9DF-JrMKq1JfA3FjxO-1rL5HsAoXq8IzjJqJOaM/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
</div> <div 0px style="font-size:10px;margin:8px" 3px>

</div>


3.klik simpan


---semoga berhasil---

membuat Related Post

Untuk membuat Related Post dibutuhkan beberapa langkah berikut:

Langkah Pertama

1. Log in --> Click Layouts --> Click EDIT HTML dan cari kode di ini </head>

2. Copy kode di bawah ini dan letakan di atas kode </head>

<script type="text/javascript">
//<![CDATA[
var relatedTitles = new Array();
var relatedTitlesNum = 0;
var relatedUrls = new Array();
function related_results_labels(json) {
for (var i = 0; i < json.feed.entry.length; i++) {
var entry = json.feed.entry[i];
relatedTitles[relatedTitlesNum] = entry.title.$t;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
relatedUrls[relatedTitlesNum] = entry.link[k].href;
relatedTitlesNum++;
break;
}
}
}
}
function removeRelatedDuplicates() {
var tmp = new Array(0);
var tmp2 = new Array(0);
for(var i = 0; i < relatedUrls.length; i++) {
if(!contains(tmp, relatedUrls[i])) {
tmp.length += 1;
tmp[tmp.length - 1] = relatedUrls[i];
tmp2.length += 1;
tmp2[tmp2.length - 1] = relatedTitles[i];
}
}
relatedTitles = tmp2;
relatedUrls = tmp;
}
function contains(a, e) {
for(var j = 0; j < a.length; j++) if (a[j]==e) return true;
return false;
}
function printRelatedLabels() {
var r = Math.floor((relatedTitles.length - 1) * Math.random());
var i = 0;
document.write('<ul>');
while (i < relatedTitles.length && i < 20) {
document.write('<li><a href="' + relatedUrls[r] + '">' + relatedTitles[r] + '</a></li>');
if (r < relatedTitles.length - 1) {
r++;
} else {
r = 0;
}
i++;
}
document.write('</ul>');
}
//]]>
</script>

3. Save Template

Langkah Kedua

1. Klik Edit HTML lagi dan beri centang pada Expand Widget Template.

2. Cari kode di bawah ini

<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop>
</b:if>

3. Masukan kode merah diantara kode-kode di atas. Lihat di bawah ini.


<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
<b:if cond='data:blog.pageType == "item"'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=10"' type='text/javascript'/>
</b:if>

</b:loop>
</b:if>

4. Save Template

Langkah ketiga

1. Di dashboard menu --> Klik Layouts --> Add A Gadget dan pilih HTML/Javascript

2. Copy kode di bawah ini dan masukan di kotak yang tersedia


<script type="text/javascript">
removeRelatedDuplicates();
printRelatedLabels();
</script>

3. Beri Judul, misalnya Related Post atau Post yang berkaitan atau sejenisnya.

4. Jangan lupa Simpan

Langkah ke empat

Untuk tidak membuat Related Post muncul di halaman utama dari blog tapi muncul di halaman postingan atau single page, kita harus menambahkan beberapa kode.

1. Cari kode di bawah ini. Fokus saja pada tulisan Related Post atau Post yang berkaitan (tergantung dari judul yang kalian buat di step 3 pada langkah ke 3)


<b:widget id='HTML13' locked='false' title='related post' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType == "item"'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>


2. Kode merah diatas adalah kode yang harus di tambahkan.

3. Save template dan Sekarang lihat hasilnya.
http://www.edisamsuri.com/2009/07/membuat-related-post-di-blogspot.html

cara menghilangkan navigation bar di blogspot

Navbar adalah fasilitas yang dimiliki oleh Blogger/blogspot, bentuknya berupa kotak kecil memanjang kesamping yang letaknya berada di bagian paling atas dari blog yang fungsinya antara lain untuk mulai melakukan Sign In/out atau bisa juga membuat Blog baru. Navigation Bar juga bisa digunakan untuk melaporkan kecurangan atau tindak kejahatan weblog yang dilakukan oleh seorang blogger, misalnya kontent blognya yang melanggar TOS atau hal-hal yang dianggap merugikan orang lain.

Namun ada beberapa blogger yang merasa akan lebih enak jika melihat tampilan blognya dalam keadaan bersih tanpa harus ada bagian mencolok di bagian atas blognya sendiri (NavBar). Karena itu, kadang para blogger menghapus NavBar tersebut. Pertanyaannya adalah: Apa tidak melanggar Term of Service (TOS) dari Blogger.com?
Sejauh ini, banyak blogger yang telah menghilangkan Navbar mereka dan tidak juga mendapat teguran dari blogger. Artinya, bisa dilakukan. Toh di TOS Blogger sendiri juga tidak ada aturan yang cukup detail tentang hal ini.

Nah, bagaimana menghilangkan Navigation Bar?
Ada beberapa penyedia template yang memang sudah tidak ada NavBar-nya. Namun bagi kamu yang memakai template yang masih ada NavBarnya dan ingin menghilangkannya maka inilah caranya.

1. Kamu harus Login dulu di Blogger.com / Blogspot.com
2. Trus Pilih Layout --> Edit HTML
3. Copy script berikut ke dalam tag head

#navbar-iframe {
display: none !important;
}
contohnya sebagai berikut :
-----------------------------------------------
Blogger Template Style
Name:     Ethereal
Designer: Jason Morrow
URL:      jasonmorrow.etsy.com
----------------------------------------------- */

#navbar-iframe {
display: none !important;
}


/* Variable definitions
====================

4. Kemudian simpan.

Selamat Mencoba.....!!

sumber: http://trik-tips.blogspot.com 

tutorial

Tutorial Photoshop
Tutorial Flash
Tutorial Blog
Tutorial Download video
Tutorial Pemograman
  • Delphy
  • Visual Basic
  • C++
  • HTML
  • PHP

Cara menghilangkan link bergaris bawah

Cara menghilangkan link bergaris bawah

Link tidak harus menyolok. Keberadaannya bisa disamarkan tanpa garis bawah. Namun tetap bisa diklik. Pembeda link dan bukan link terletak pada perubahan kursor yang Anda arahkan ke sebuah karakter atau kata tertentu. Untuk membuat link tanpa garis bawah, bisa Anda lakukan dengan upaya berikut ini...
  • Sign in ke blogger
  • Di halaman Dashboard, klik Layout
  • Klik Edit HTML. 
  • Cari kode berikut...
A:hover {
Color:$mainVisitedLinkColor;
Text-decoration:underline;
}

Ubah kode tersebut menjadi...

A:hover {
Color:$mainVisitedLinkColor;
Text-decoration:none;
}
  • Klik Save Template
Recheck ke blog Anda dengan cara mengarahkan mouse ke sebuah link. Jika penulisan kode benar, maka link tersebut tidak bergaris bawah. Namun tetap bisa diakses.