SELAMAT DATANG SEMUANYA DI BLOG UNTUK SEMUA KALANGAN YANG MENYEDIAKAN BERITA TERBARU, DOWNLOAD SOFTWARE, FILM TERBARU, GOSIP ARTIS, BERITA PENDIDIKAN, DAN SEMUA MEDIA TERBARU
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 anda
2. 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"'>
<div class='similiar'>

<div class='widget-content'>
<h3>Related Post</h3>
<div id='data2007'/><br/><br/>
<script type='text/javascript'>

var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;

maxNumberOfPostsPerLabel = 100;
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;data2007&#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;
if (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>

</div>
</b:if>
7. Simpan template

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.

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 SEPERTI ININah 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>

HASILNYA SEPERTI INI

Untuk tulisan bergerak Kanan ke Kiri
<font face='Arial' color='#000000'><marquee>TEXT</font></marquee>

HASILNYA SEPERTI INI

Untuk tulisan bergerak Kiri ke Kanan
<font face='Arial' color='#000000'><marquee direction="right">TEXT</font></marquee>
HASILNYA SEPERTI INI

Untuk tulisan bergerak ke atas
<center><font face='Arial' color='#000000'><marquee direction="up">TEXT</font></marquee></center>
HASILNYA SEPERTI INI


Untuk tulisan bergerak ke bawah
<center><font face='Arial' color='#000000'><marquee direction="down">TEXT</font></marquee></center>
HASILNYA SEPERTI INI


Untuk tulisan bergerak ke atas bawah atas bawah
<center><font face='Arial' color='#000000'><marquee direction="up" behavior="alternate">TEXT</font></marquee></center>
HASILNYA SEPERTI INI


Untuk tulisan bergerak Zig Zag
<font face='Arial' color='#000000'><marquee behavior="alternate" direction="up" width="80%"><marquee direction="right">TEXT</font></marquee></marquee>
HASILNYA SEPERTI INI

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>
HASILNYA SEPERTI INI
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

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">
#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>
6. Klik Simpan

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.

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&gt)
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

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