Cara Membuat Reply Komentar Di Blogger

Kali ini saya mau kasih sesuatu buat sobat blogger hehehehe Sudah 2 hari tak bertemu kini saya akhir nya dapat hadir kembali di hadapan para sobat blogger sekalian, baiklah sobat demi kelancaran dan ketertiban yang telah ada mari kita menuju TKP untuk di tindak lanjuti atas "Cara membuat Replay Komentar Di Blogger".

1. Masuk ke akun Blogger Sobat.

2. Klik Rancangan > Edit HTML.

3. Back-up template dulu dengan mengeklik Download Template Lengkap.

4. Beri tanda centang pada Expand Template Widget.

5. Cari kode <dd class='comment-footer'>.

Jangan Panik, klo kode diatas ga ada cari kode seperti dibawah ini:

<b:include data='comment' name='commentDeleteIcon'/>

Klo udah ketemu, taruh kode dibawah ini diibawah salah satu kode diatas:

Di Clik Tombol =>:

<a expr:href='&quot;https://www.blogger.com/comment.g?blogID=Blog ID anda&amp;postID=&quot; + data:post.id + &quot;&amp;isPopup=true&amp;postBody=%40%3C%61%20%68%72%65%66%3D%22%23&quot; + data:comment.anchorName + &quot;%22%3E&quot; + data:comment.author + &quot;%3C%2F%61%3E#form&quot;' onclick='javascript:window.open(this.href, &quot;bloggerPopup&quot;, &quot;toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=450,height=450&quot;); return false;'><img alt='Reply To This Comment' src='Url Image Reply Anda'/></a>


Nb : ganti tulisan berwarna hijau dengan Blog ID anda serta Url Image Reply anda.

Semoga postingan ini bermanfaat untuk sobat blogger sekalian. terima kasih dan salam blogger 

Membuat Buku Tamu Tersembunyi di Blog

Selamat Sore semua nya baiklah sebelumnya saya ingin berbicang - bicang dahulu kepada sahabat - sahabat blogger sebelum saya melanjutkan postingan saya ini, saya mau kasih tau ni buat sobat blogger kalau saya mau merintis postingan terbaru,terhangat,terpanas hehehehe kayak apa aja deh...

Nah ini lah yang akan menuntut ke mungkinan P_B (Pemula_Blogger) akan merilis tema posting baru nya yang sudah di rencanakan sejak 1 minggu yang lalu yaitu akan berbagi kata-kata Mutiara dll, serta merintis sebuah hobi yang sudah lama saya tekuni saat kelas 4 SD hingga sekarang yaitu tentang Software,Hardware,Tips Trik Komputer,Info Komputer,hingga dari Windows dan juga ebook panduan merakit komputer dll....

Mungkin cukup itu Info nya... sekarang mari kita lanjutkan postingannya
kali ini saya akan berposting tentang "Membuat Buku Tamu Tersembunyi di Blog"
adapun cara nya sebegai berikut :

1. Login Ke akun blogger sobat
2. Clik Rancangan >> Element Laman >> Add a Gadget >> HTML/Javascript.
3. Copy & paste code berikut ini.

Di Clik Aja Tombolnya:

<style type="text/css">
#gb{
position:fixed;
top:23px;
z-index:+1000;
}
* html #gb{position:relative;}

.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjAmf6nrULtk0dufizY3k1qpkJoVGTUuNCqPHCh1bLmOw1XY9fcNt2RQa9T0wtbDBiOl5MNShf49z04Ciwd2-v1hPmXiP6m4Anf0FAxpNg-g7A8oHRNBgRZyjiPz2NddUdDakC1kukZrAj/') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #A5BD51;
background:#F5F5F5;
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.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>

<div id="gb">

<div class="gbtab" onclick="showHideGB()"> </div>

<div class="gbcontent">

( Tempatkan Script Buku Tamu sobat disini)
<br/>

<div style="text-align:right">
<a href="javascript:showHideGB()">
[Close]
</a>
</div>

</div>

</div>

<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script>

Cukup segitu dulu ya sobat blogger mudah - mudah isi posting ini bermanfaat untuk sobat blogger sekalian. saya ucapkan terima kasih dan salam blogger.

Cara Membuat Animasi Populer Post

Wahhh Apa kabar sobat blogger, masih dengan saya disini dan pastinya kali ini saya sangat bergembira dengan adanya Pagerank atau yang biasa disebut-sebut dengan panggilan nya (PR) tapi bukan pekerjaan rumah lho hehehehe oke yang secara tiba-tiba muncul di hadapan saya dan itu membuat saya makin semangat untuk berposting...

Nah maka dari itu sobat blogger saat ini saya akan berbagi posting yang telah lama tidak muncul dan kini saya munculkan kembali di hadapan sobat blogger yaitu "Cara Membuat Animasi Populer Post" tanpa banyak basa - basi mendingan kita langsung aja deh ke lokasi cekidot....



Sobat bisa langsung Copas Alias Copy-Paste kode script dibawah ini :

Silahkan Di Clik Tombolnya:

<center><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<style type="text/css" media="screen">
<!--

#spylist {
overflow:hidden;
margin-top:5px;
padding:0px 0px;
height:350px;
}
#spylist ul{
width:220px;
overflow:hidden;
list-style-type: none;
padding: 0px 0px;
margin:0px 0px;
}
#spylist li {
width:208px;
padding: 5px 5px;
margin:0px 0px 5px 0px;
list-style-type:none;
float:none;
height:70px;
overflow: hidden;
background:#fff repeat-x;
border:1px solid #ddd;
}

#spylist li a {
text-decoration:none;
color:#4B545B;
font-size:11px;
height:18px;
overflow:hidden;
margin:0px 0px;
padding:0px 0px 2px 0px;
}
#spylist li img {
float:left;
margin-right:5px;
background:#EFEFEF;
border:0;
}
.spydate{
overflow:hidden;
font-size:10px;
color:#0284C2;
padding:2px 0px;
margin:1px 0px 0px 0px;
height:15px;
font-family:Tahoma,Arial,verdana, sans-serif;
}

.spycomment{
overflow:hidden;
font-family:Tahoma,Arial,verdana, sans-serif;
font-size:10px;
color:#262B2F;
padding:0px 0px;
margin:0px 0px;
}

-->
</style>
<script language='javascript'>

imgr = new Array();
imgr[0] = "https://lh3.googleusercontent.com/-KdP3RAeN7hQ/TsCt3mqIS_I/AAAAAAAAA5U/H4Q8wl_1hgY/s199/no_image.gif";
imgr[1] = "https://lh3.googleusercontent.com/-KdP3RAeN7hQ/TsCt3mqIS_I/AAAAAAAAA5U/H4Q8wl_1hgY/s199/no_image.gif";
imgr[2] = "https://lh3.googleusercontent.com/-KdP3RAeN7hQ/TsCt3mqIS_I/AAAAAAAAA5U/H4Q8wl_1hgY/s199/no_image.gif";
imgr[3] = "https://lh3.googleusercontent.com/-KdP3RAeN7hQ/TsCt3mqIS_I/AAAAAAAAA5U/H4Q8wl_1hgY/s199/no_image.gif";
imgr[4] = "https://lh3.googleusercontent.com/-KdP3RAeN7hQ/TsCt3mqIS_I/AAAAAAAAA5U/H4Q8wl_1hgY/s199/no_image.gif";
showRandomImg = true;
boxwidth = 255;
cellspacing = 6;
borderColor = "#232c35";
bgTD = "#000000";
thumbwidth = 70;
thumbheight = 70;
fntsize = 12;
acolor = "#666";
aBold = true;
icon = " ";
text = "comments";
showPostDate = true;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 10;
home_page = "http://namablogmu.blogspot.com/";
limitspy=4
intervalspy=4000
</script>

<div id="spylist">
<script src='http://masterendi.googlecode.com/files/animasi%20recentpost.js' type='text/javascript'></script>
</div>
</center>


Kemudian Clik Menu Rancangan >> Elemen Laman >> Tambah Gadget >> Pilih HTML/Java Script dan kemudian selesai deh liat hasil nya...emmbb

Nb : http://namablogmu.blogspot.com/ Diganti dengan nama blog sobat.

Sumber : masterendi

Rekaman Video Kekerasan Remaja di Bali

Rekaman Video Kekerasan Remaja di Bali - ini adalah sebuah video kekerasan yang terjadi di bali, video yang sangat tidak patut buat dicontoh, apalagi untuk para remaja, ingat, jangan ditiru dirumah, kalau di sekolah gk apa2 heheh (lho?)

Membuat Galeri Foto Melingkar Dengan Jquery

Nah disini saya akan menerapkan langsung dengan kode JQuery sobat langsung bisa copy paste kode yang ada dibawa nanti. Ketika saya menemukan plugin yang menarik hati saya saat ini untuk langsung bisa berposting, baru saya berhenti sejenak dalam penelusuran Mbah Google.

Plugin ini benar-benar sangat menarik perhatian, sobat dapat membuat lingkaran dari elemen html banyak yang bisa sobat didefinisikan, yang berarti sobat tidak harus membuat formula untuk mengatur semua posisi elemen untuk membuat bentuk lingkaran baiklah dari pada kita banyak berbicang lebih baik kita langsung ke TKP Cekidott....

Sobat Cukup Copy Paste Kode dibawah ini, Terserah sobat mau ditaruh dimana di postingan juga bisa di widget (HTML/JavaScript) alias sesuka hati sobat aja enak nya dimana. hehehehe

Silahkan Di Clik :

<!DOCTYPE html>
<html>
<head>
<title>JQuery Circle Gallery</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="jquery-1.6.min.js"></script>
<script type="text/javascript" src="jQuery.radmenu.min.js"></script>
<script type="text/javascript">
jQuery(document).ready(function() {

var posc = $("#radial_container").position();
var left = $(window).width() / 2;

if ($.browser.opera) {
$("#big").css({"left": left - 122, "top": posc.top - 13});
} else {
$("#big").css({"left": left - 122, "top": posc.top + 3});
}

jQuery("#radial_container").radmenu({
listClass: 'list',
itemClass: 'item',
radius: 220,
animSpeed:800,
centerX: 0,
centerY: 150,
selectEvent: "click",
onSelect: function($selected) {
var imgindex = $selected.index() + 1;
$(".my_class").removeClass("selected");
$(".img"+imgindex).addClass("selected");
$("#big").css("background-image", "url('images/"+imgindex+".jpg')");
},
angleOffset: 0
});

jQuery("#radial_container").radmenu("show");
});
</script>
<style>
body{
background: #f3f3f3;
}
#radial_container {
position:relative;
margin: 0 auto;
top: 80px;
height: 20px;
width: 20px;
}
.radial_div_item {
}
.radial_div_item.active {
z-index: 100;
}
.my_class {
cursor: pointer;
height: 75px;
width: 75px;
border: 5px solid #333;
-moz-border-radius: 45px;
-webkit-border-radius: 45px;
border-radius: 45px;
-webkit-box-shadow: 1px 1px 10px rgba(0,0,0,.5);
-moz-box-shadow: 1px 1px 10px rgba(0,0,0,.5);
box-shadow: 1px 1px 10px rgba(0,0,0,.5);
position: relative;
text-align: center;
font-size: 12px;
font-weight: bold;
font-family: "Arial";
}
.my_class:hover {
border-color: #0066cc;
}
.my_class:active {
-webkit-box-shadow: 1px 1px 5px rgba(0,0,0,.5);
-moz-box-shadow: 1px 5px 1px rgba(0,0,0,.5);
box-shadow: 1px 1px 5px rgba(0,0,0,.5);
top: 2px;
border-color: #e3e3e3;
}
.img1 { background-image: url("images/thumbs/1.jpg"); }
.img2 { background-image: url("images/thumbs/2.jpg"); }
.img3 { background-image: url("images/thumbs/3.jpg"); }
.img4 { background-image: url("images/thumbs/4.jpg"); }
.img5 { background-image: url("images/thumbs/5.jpg"); }
.img6 { background-image: url("images/thumbs/6.jpg"); }
.img7 { background-image: url("images/thumbs/7.jpg"); }
.img8 { background-image: url("images/thumbs/8.jpg"); }
.img9 { background-image: url("images/thumbs/9.jpg"); }
.img10 { background-image: url("images/thumbs/10.jpg"); }
.selected {
border-color: #0066cc;
}

#big {
position: relative;
border: 5px solid #0066cc;
width: 300px;
height: 300px;
-moz-border-radius: 200px;
-webkit-border-radius: 200px;
border-radius: 200px;
-webkit-box-shadow: 1px 1px 10px rgba(0,0,0,.5);
-moz-box-shadow: 1px 1px 10px rgba(0,0,0,.5);
box-shadow: 1px 1px 10px rgba(0,0,0,.5);
}

</style>
</head>
<body>
<div id="radial_container">
<ul class="list">
<li class="item"><div class="my_class img1"></div></li>
<li class="item"><div class="my_class img2"></div></li>
<li class="item"><div class="my_class img3"></div></li>
<li class="item"><div class="my_class img4"></div></li>
<li class="item"><div class="my_class img5"></div></li>
<li class="item"><div class="my_class img6"></div></li>
<li class="item"><div class="my_class img7"></div></li>
<li class="item"><div class="my_class img8"></div></li>
<li class="item"><div class="my_class img9"></div></li>
<li class="item"><div class="my_class img10"></div></li>
</ul>
</div>

<div id="big"></div>

</body>
</html>



Mungkin Cukup samapi disini dulu ya sobatku tercinta... bila ada kendala silahkan tinggalkan komentar sobat di postingan ini. sekian terima kasih

SALAM BLOGGER

Video Kekerasan Pertandingan Sepak Bola Mesir

Video Kekerasan Pertandingan Sepak Bola Mesir, 70 lebih orang tewas dalam kejadian ini, berikut adalah video kekerasan yang terjadi di mesir,



Tag : Video, Kekerasan, Mesir, Video Sepak Bola, Pertandingan Sepak Bola Mesir, Pertandingan Bola Ricuh.

Pengertian SEO (Search Engine Optimization)

Sebelumya, apakah kamu tau dari mana pengunjung blog kamu dan mengetahui blog kamu, ternyata setelah saya selidiki. Orang datang ke situs / blog kita yaitu dengan 2 hal :
  1. Mesin Pencari (Google, Yahoo, Msn, Bing, dll)
  2. Referensi dari blog atau situs lain.
Terus saya berpikir lagi bagaimana situs atau blog saya bisa muncul di Search Engine (Mesin Pencari) dan ternyata setelah saya cari-cari informasi mengenai hal tersebut, barulah saya tahu kenapa suatu situs bisa muncul di search engine, yaitu dengan istilah SEO.
Pengertian SEO
SEO adalah kepanjangan dari Search Engine Optimization yang intinya, SEO adalah suatu cara untuk meningkatkan ranking situs / blog kita di Mesin Pencari. Sobat tau apa itu mesin pencari…? Mesin Pencari adalah suatu mesin yang bisa mencari atau yang lebih pasnya melacak situs kita dengan kata kunci tertentu.
Kembali ke masalah pengertian SEO. Sebenarnya, Teknik SEO itu sendiri, lebih diterapkan untuk blog / situs yang memang sifatnya komersial. Dalam artian blog / situs tersebut memang ditujukan khusus untuk bisnis. Nah…kalo kita selaku blogger dan memang kalo kita buat blog hanya sekedar hobi tanpa ada latar belakang bisnis maka SEO itu tidak terlalu penting.
Tapi kalo sobat sungguh ingin mengerti dan ingin tahu mengenai Pengertian SEO beserta tips dan trik SEO supaya blog / situs kita bisa muncul di search engine

Nah itulah sobat dari pengertian yang saya katehui saat ini atau mungkin sobat ada pendapat sendiri boleh di tuangkan di kotak komentar.... cukup sekian dulu ya sobat udah ngantuk niii hehehehe