Minggu, 04 Desember 2011

Widget Kurs (Nilai Tukar)

Apa kabar sahabat blogger ??
Kali ini saya akan melengkapi blog kamu denan widget info nilaai tukat atau nilai kurs kurs.
pasti kalian bertanya apakah fungsinya?
Fungsinya menurut saya untuk membantu memberikan informasi kepada para blogger dan pengunjung untuk mengetahui nilai tukar mata uang dari beberapa negara, widget ini sering dicari loh.
Langsung aja ya tidak usah berlama-lama.

1. login blogger kamu terlebih dahulu
2. setelah kamu berada di jendela dasbor pilih rancangan
3. kamu pilih galaman elemen laman
4. kamu tambahkan gadget dan pilih HTML/JavaScript
5. masukkan kode dibawah ini

<style type="text/css">
#gb{
position:fixed;
top:50px;
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/AVvXsEgY3u9PG0CirNqLC8wYuTKzPq-VoY2omWcsJ1gVC9N4JRg-TbBwCW-J6QGjPlqxLicC8hnsbpVOsf68U0_61N7IyMTDbhsPd72pK0kI0VgJv3x1yLsj5vwlyLgvW9DRuuisj45tUvdKNMbp/') 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">

<!-- Begin ShoutMix - http://www.shoutmix.com -->
<iframe title="reynalnugraha" src="http://www5.shoutmix.com/?reynalnugraha" width="300" height="300" frameborder="0" scrolling="auto">
<a href="http://www5.shoutmix.com/?reynalnugraha">View shoutbox</a>
</iframe>
<br /><a href="http://www.shoutmix.com" title="Get your own free shoutbox chat widget at ShoutMix!">ShoutMix chat widget</a><br />
<!-- End ShoutMix -->
<div style="text-align:right">
<a href="javascript:showHideGB()">
[tutup]
</a>
</div>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script>

6. setelah itu kamu simpan atau save, kemudian liat hasilnya.

Selamat Mencoba ya. .

Jumat, 18 November 2011

Ebook (Kiat Sukses Promosi Blog)

 
"Halo para blogger"
Kali ini saya akan memberikan ebook yang saya dapatkan dari google, ebook kali ini berjudul Kiat Sukses Promosi Blog, ebook ini sangat cocok sekali untuk kamu yang baru seperti saya dalam mengenal blog dan belum mengerti tentang promosi blog.

Promosi blog sangat dianjurkan untuk para blogger, karena dengan promosi blogger kita dapat mendapatkan pengunjung yang datang karena promosi kita di baca atau dilihat mereka. Bagaimana caranya ?? , jika saya terangkan dan saya beritahu langsung, saya takut salah mengucap atau saya takut kamu tidak mengerti dengan apa yang saya  katakan, lebih baik kamu download saja dan baca dan pelajari sendiri dari ebook "kiat sukses promosi blog".

yang ingin mendownload silahkan
KLIK DOWNLOAD

Ebook (97 langkah sukses blog di search engne)

Untuk blogger pemula seperti saya, ebook ini sangat bermanfaat sekali untuk saya agar kedepannya blog saya dapat berjalan dengan baik dan tentunya dapat sukses di  search engine,tips dan trik tentang search engine dibahas disini, 

Untuk sobat yang ingin belajar, sobat dapat mendownload ebook ini secara gratis, sangat bermanfaat sekali buat para blogger.

Silahkan di download :
KLIK DOWNLOAD

Kamis, 17 November 2011

Cara Membuat Artikel Terkait Blog


Untuk sobat yang ingin memasang info artikel terkait pada setiap postingan sobat, mudah-mudahan tulisan saya ini dapat membantu sobat dalam membuatnya,
okeee sekarang ikuti langkah-langkahnya sbb:

1. Login ke akun Blogger anda.
2. Klik Rancangan, kemudian pilih Edit HTML.
3. Centang Expand Template Widget (saya anjurkan download dahulu template anda).
4. Cari kode seperti ini: <data:post.body/> (cara mudahnya untuk mencari, tekan tombol CTRL dan F, lalu masukan kata pencariannya)

* Jika sobat sudah memasang script Read More, maka akan terdapat 2 kode <data:post.body/>. Maka kita pasang script Artikel Terkait atau Related Post di bawah <data:post.body/> yang ke 2

5. Jika sudah ketemu, maka copy paste-kan kode di bawah ini persis berada dibawahnya :

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<br/>
<br/>
<H2>Artikel Terkait:</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 = 10;
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;
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>
<script type="text/javascript">RelPost();</script>
</div>
</b:if>

6. Cari kode ini : ]]></b:skin>
7. Copy kode di bawah ini dan paste diatasnya.


.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);}

8. Klik Simpan Template.

Semoga berhasil sobat blogger 

Sumber 

Share

Twitter Delicious Facebook Digg Stumbleupon Favorites