Tampilkan postingan dengan label Tutorial Blog. Tampilkan semua postingan
Tampilkan postingan dengan label Tutorial Blog. Tampilkan semua postingan
Cara Membuat Related Post / Postingan Terkait di Blog

Akhirnya aku bisa posting artikel lagi... setelah modem baruku yang agak lemot sampai menguras hatiku. untunglah sedikit demi sedikit aku mulai posting lagi tentang tutorial blog. nah kesempatan ini akan aku manfaatin untuk posting tentang cara membuat related post / postingan terkait. Teknik ini sebenarnya bukanlah teknik yang baru tetapi tidak salahkan jika aku sedikit berbagi bagaimana cara membuat related post / postingan terkait. perlu diketahui sebenarnya dengan adanya related post akan mempermudah pengunjung blog kita untuk mencari informasi terkait dengan artikel yang sedang dibacanya.
Ok lah tanpa panjang lebar aku akan memberi tau cara membuat related post / postingan terkait
1. Silahkan anda login ke account blog anda2. Masuk ke MENU Layout => Edit HTML
3. Jangan lupa 'Download Template Lengakap' untuk jaga-jaga bila template tidak sesuai
4. Centang kotak Expand Widgets Template
5. Cari kode ini <data:post.body/>
6. Setelah ketemu silah anda copy script dibawah ini tepat di bawah kode <data:post.body/>
<b:if cond='data:blog.pageType == "item"'>7. Simpan template
<div class='similiar'>
<div class='widget-content'>
<h3>Related Post</h3>
<div id='data2007'/><br/><br/>
<script type='text/javascript'>
var homeUrl3 = "<data:blog.homepageUrl/>";
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;
maxNumberOfPostsPerLabel = 100;
maxNumberOfLabels = 3;
function listEntries10(json) {
var ul = document.createElement('ul');
var maxPosts = (json.feed.entry.length <= maxNumberOfPostsPerLabel) ?
json.feed.entry.length : maxNumberOfPostsPerLabel;
for (var i = 0; i < maxPosts; i++) {
var entry = json.feed.entry[i];
var alturl;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
alturl = entry.link[k].href;
break;
}
}
var li = document.createElement('li');
var a = document.createElement('a');
a.href = alturl;
if(a.href!=location.href) {
var txt = document.createTextNode(entry.title.$t);
a.appendChild(txt);
li.appendChild(a);
ul.appendChild(li);
}
}
for (var l = 0; l < json.feed.link.length; l++) {
if (json.feed.link[l].rel == 'alternate') {
var raw = json.feed.link[l].href;
var label = raw.substr(homeUrl3.length+13);
var k;
for (k=0; k<20; k++) label = label.replace("%20", " ");
var txt = document.createTextNode(label);
var h = document.createElement('b');
h.appendChild(txt);
var div1 = document.createElement('div');
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById('data2007').appendChild(div1);
}
}
}
function search10(query, label) {
var script = document.createElement('script');
script.setAttribute('src', query + 'feeds/posts/default/-/'
+ label +
'?alt=json-in-script&callback=listEntries10');
script.setAttribute('type', 'text/javascript');
document.documentElement.firstChild.appendChild(script);
}
var labelArray = new Array();
var numLabel = 0;
<b:loop values='data:posts' var='post'>
<b:loop values='data:post.labels' var='label'>
textLabel = "<data:label.name/>";
var test = 0;
for (var i = 0; i < labelArray.length; i++)
if (labelArray[i] == textLabel) test = 1;
if (test == 0) {
labelArray.push(textLabel);
var maxLabels = (labelArray.length <= maxNumberOfLabels) ?
labelArray.length : maxNumberOfLabels;
if (numLabel < maxLabels) {
search10(homeUrl3, textLabel);
numLabel++;
}
}
</b:loop>
</b:loop>
</script>
</div>
</div>
</b:if>
keterangan : pada tulisan Related Post anda bisa menggantinya dengan tulisan yang anda suka, semisal 'postingan terkait' atau 'artikel terkait'
Ok semoga postingan tentang cara membuat related post / postingan terkait sudah selesai, semoga postingan bisa bermanfaat bagi anda.
Diposting oleh
danoeck
On
Jumat, Maret 11, 2011
Label:
Tutorial Blog
Cara Membuat Tulisan Bergerak atau Berjalan di Blog
Cara membuat tulisan bergerak atau berjalan tentunya sobat blogger pernah melihat kan. apalagi saat internetan. Tapi tak semua orang bisa membuat tulisan bergerak dan tulisan nya pun berjalan dengan sendirinya. Padahal ni ya, cara membuat tulisan bergerak atau berjalan tidaklah sulit, sangat gampangg sekali untuk membuatnya. Melihat gambar bergerak dan berjalan sendiri tentunya akan membuat blog kita terlihat semakin menarik. Siapa sih yang ga ingin tampilan blog nya menjadi menarik.
Sobat blogger pada postingan kali ini saya akan berbagi tutorial cara membuat tulisan bergerak atau berjalan. Mungkin sobat blogger pernah melihat tulisan Nah untuk membuat tulisan bergerak berjalan silahkan sobat blogger login dulu ke account blog sobat. Ok silahkan sobat blogger copy script yang ada dibawah ini....
Untuk tulisan bergerak bolak balik kanan kiri silahkan copy script / kodenya dibawah ini
<font face='Arial' color='#000000'><marquee behavior="alternate">TEXT</font></marquee>
Untuk tulisan bergerak Kanan ke Kiri
<font face='Arial' color='#000000'><marquee>TEXT</font></marquee>
Untuk tulisan bergerak Kiri ke Kanan
<font face='Arial' color='#000000'><marquee direction="right">TEXT</font></marquee>
Untuk tulisan bergerak ke atas
<center><font face='Arial' color='#000000'><marquee direction="up">TEXT</font></marquee></center>
Untuk tulisan bergerak ke bawah
<center><font face='Arial' color='#000000'><marquee direction="down">TEXT</font></marquee></center>
Untuk tulisan bergerak ke atas bawah atas bawah
<center><font face='Arial' color='#000000'><marquee direction="up" behavior="alternate">TEXT</font></marquee></center>
Untuk tulisan bergerak Zig Zag
<font face='Arial' color='#000000'><marquee behavior="alternate" direction="up" width="80%"><marquee direction="right">TEXT</font></marquee></marquee>
Untuk tulisan bergerak Kiri Kanan ZigZag
<font face='Arial' color='#000000'><marquee behavior="alternate" direction="up" width="80%"><marquee direction="right" behavior="alternate">TEXT</font></marquee></marquee>
Keterangan :
* Arial adalah jenis huruf yang digunakan, sobat blogger bisa menggantinya menggunakan jenis huruf yang lain. Misal Times News Roman, Calibri, Tahoma, dll
* TEXT bisa Sobat blogger ganti sesuai dengan keinginan tulisan bergerak yang saobat blogger mau
* #00000 adalah warna yang digunakan untuk tulisan bergerak. #00000 adalah warna hitam. Sobat blogger bisa mengubahnya misal menginginkan warna biru maka diganti dengan kode #0000ff
Ok sobat blogger, sekian penjelasan dari saya. Semoga tutorial cara membuat tulisan bergerak atau berjalan bisa bermanfaat. Selamat mencoba
Diposting oleh
danoeck
On
Kamis, Maret 03, 2011
Label:
Tutorial Blog
Cara Memasang / Membuat Iklan Melayang di Blog
Sobat blogger kali ini saya akan berbagi mengenai cara memasang / membuat iklan melayang di blog. Iklan melayang merupakan iklan yang selalu mengikuti saat kita membaca sebuah website. biasanya posisi iklan melayang ada yang di atas maupun dibawah. Cara memasang / membuat iklan melayang di blog sangatlah mudah tak butuh waktu lama untuk memasang / membuat iklan melayang di blog, hanya dibutuhkan waktu kurang lebih 5 menitan lah... mau tau gimana cara memasang / membuat iklan melayang di blog? Ok lah langsung aja tanpa banyak basa basi lagi, berikut cara memasang / membuat iklan melayang di blog :
1. Login ke account blogger anda
2. Masuk ke Tab "Tata Letak"
3. Pilih "Element Halaman"
4. Tambah gadget, pilih "HTML/JAVASCRIPT"
5. Silahkan sobat blogger copy kode script dibawah ini
<style type="text/css">6. Klik Simpan
#gb{
position:fixed;
top:10px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbcontent{
float:right;
border:2px solid #000000;
background:#ffffff;
padding:10px;
}
</style>
<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.top = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>
<div id="gb">
<div class="gbtab" onclick="showHideGB()"> </div>
<div class="gbcontent">
<div style="text-align:right">
<a href="javascript:showHideGB()">
.:[Close][Klik 2x]:.
</a>
</div>
<center>
Tambahkan kode iklan sobat blogger disini !!!!
</center>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.center = (30-gb.offsetWidth).toString() + "px";
</script></div></div>
Keterangan :
border:2px solid #000000;
background:#ffffff; warna biru pada border dan background bisa sobat ganti sesuai dengan warna yang sobat inginkan. Nah untuk meengganti background transparant sobat blogger hanya menggati tulisan background:#fffff; dengan "bgcolor:transparent;" (tanpa tanda petik).
Ok sobat blogger akhirnya postingan tentang cara memasang / membuat iklan melayang di blog selesai juga. semoga tutorial tentang cara memasang / membuat iklan melayang di blog bermanfaat bagi sobat blogger.
Ok sobat blogger akhirnya postingan tentang cara memasang / membuat iklan melayang di blog selesai juga. semoga tutorial tentang cara memasang / membuat iklan melayang di blog bermanfaat bagi sobat blogger.
Diposting oleh
danoeck
On
Rabu, Maret 02, 2011
Label:
Tutorial Blog
Cara Membuat Kata Penutup di Blog
Kali ini saya akan berbagi dengan rekan blogger mengenai cara membuat kata penutup di blog. Cara membuat kata penutup di blog ini tujuannya tidak lain yaitu untuk memberikan ucapan salam dan terimakasih kepada pengunjung blog kita. Tentunya sebelum pengunjung menutup atau keluar dari blog kita maka akan muncul pesan sesuai dengan cara membuat kata penutup di blog yang telah dibuat.
berikut cara membuat kata penutup di blog :1. Silahkan anda login ke akun blogger anda
2. Klik layout => edit HTML
3. Centak kotak widget
4. Cari kode </head> (ketik ctrl+F lalu ketik </head>)
5. Setelah ketemu copy paste script yang ada di bawah ini tepat dibawah kode </head>
<script type='text/javascript'>
// goodbye alert
function goodbye(){
alert('Terima kasih telah berkunjung !! Silahkan Kembali dan Beri Komentar Anda! Terima Kasih !!');
}
parent.window.onunload=goodbye;
</script>
6. Klik simpan
*kalimat yang berwarna biru bisa anda ganti sesuai dengan keinginan anda
Semoga tutorial cara membuat kalimat penutup di blog dapat bermanfaat bagi anda
Diposting oleh
danoeck
On
Senin, Februari 28, 2011
Label:
TIPS TRIK,
Tutorial Blog
Cara Memasang Kode Script Anti Copy Paste (Copas)
Tulisan merupakan hasil karya dari seseorang yang sifatnya ada yang pribadi dan ada juga yang untuk kalangan umum. Banyak orang yang kurang menghargai hasil karya dari orang yaitu dengan meng copy paste karya orang lain tanpa ijin. siapa sih yang mau hasil karya nya di copy paste tanpa ijin? Nah bagi anda yang geram dengan ulah para copas yang seenaknya meng copy paste karya anda khusunya bagi anda yang memiliki blog, anda bisa menyiasati agar karya tulis anda tidak dapat di copy paste oleh orang lain yaitu dengan cara memasang kode script anti copy paste (copas) di template blog anda, dengan cara memasang kode script anti copy paste (copas) diharapkan agar orang lain tidak asal meng copy paste karya anda.
Nah berikut cara memasang kode script anti copy paste (copas) di blog anda :1. Silahkan anda login ke akun blogger anda
2. Masuk ke menu rancangan, edit HTML
3. Jangan lupa centang "Expand Template Widget"
4. Cari didalam template anda kode (biar lebih mudah ketik ctrl+F) lalu ketik <head>
5. Setelah ketemu, silahkan anda copy paste kode script anti copy paste (copas) yang ada dibawah ini tepat setelah kode <head>
<SCRIPT type="text/javascript">
if (typeof document.onselectstart!="undefined") {
document.onselectstart=new Function ("return false");
}
else{
document.onmousedown=new Function ("return false");
document.onmouseup=new Function ("return true");
}
</SCRIPT>
6. Simpan template
Semoga cara memasang kode script anti copy paste (copas) di blog ini bisa bermanfaat dan dapat meminimalisir copas
Diposting oleh
danoeck
On
Label:
TIPS TRIK,
Tutorial Blog
Langganan:
Postingan (Atom)
MENU
- Cerita Lucu (2)
- Film Gaby dan Lagunya (1)
- IDM 5.18 Full Patch (1)
- Lagu Terbaru (8)
- PENDIDIKAN (3)
- Sahabat (2)
- Smadav 8.4 (1)
- SMS (3)
- software (3)
- Sport (2)
- TENTANG CINTA (4)
- TIPS TRIK (5)
- Tutorial Blog (5)
- VIDEO LUCU (3)
