ILMU KOMPUTER: Februari 2013

Jumat, 22 Februari 2013

Cara Membuat Rating Bintang Di Posting Artikel Blog

Published : 20.24 Author : senanghidupsehat.blogspot.com

Cara Membuat Rating Bintang Di Posting Artikel Blog adalah cara yang sama dengan cara membuat & menampilkan rating bintang di Google namun beda penampilan. Jika cara membuat rating bintang di posting artikel blog akan menampilkan tombol rating bintang secara otomatis disetiap artikel blog yang akan membantu pengunjung blog memberikan penilaian terhadap artikel yang dibacanya. Sedangkan cara membuat & menampilkan rating bintang di Google, akan membantu artikel blog lebih banyak dikunjungi oleh pengunjung melalui search engine karena adanya nilai pageview yang tampil. Semakin tinggi nilai pageviewnya, semakin banyak pengunjung yang akan membaca artikel blog dan itu pun juga tergantung dari posisi SERP artikel di search engine. Jika posisi SERP ada di halaman belakang, ya sama saja hasilnya nol! :)

Berikut Panduan Cara Membuat Rating Bintang Di Posting Artikel Blog

Masuk ke akun blogger melalui Draft.Blogger.com
Pilih dan klik Tata Letak
Klik edit pada tab kolom Posting Blog
Tampil halaman pop-up seperti berikut ini
Beri tanda pada check box Show Star Rating
Selanjutnya beralih ke dashboard blogger anda...
Pilih dan klik Template >> Edit Html >> Lanjutkan >> centang Expand Template Widget >> tekan Ctrl + F di keyboard
Cari kode <data:post.body/> atau <p><data:post.body/></p>
Tempatkan kode berikut dibawah <data:post.body/> atau <p><data:post.body/></p> atau komponen yang menyertainya seperti Artikel terkait, Tombol sosial bookmark, Permalink blog, dll.
<span class='star-ratings'>
<b:if cond='data:top.showStars'>
<div expr:g:background-color='data:backgroundColor' expr:g:text-color='data:textColor' expr:g:url='data:post.absoluteUrl' g:height='42' g:type='RatingPanel' g:width='280'/>
</b:if>
</span>
Simpan template dan lihat hasilnya seperti yang tampak pada artikel blog ini yang berdampingan dengan tombol sosial bookmark

Selesai, terimakasih telah membaca Panduan Cara Membuat Rating Bintang Di Posting Artikel Blog

Cara Menyembunyikan Widget/Gadget Facebook Di Kiri

Published : 19.41 Author : senanghidupsehat.blogspot.com

Cara Membuat Wiget/Gadget Facebook di Kiri, sama seperti menyembunyikan Gadget di sebelah kanan. Scriptnya hanya di ubah - ubah sedikit. Langsung saja di masuk ke tutorialnya saja.

1. Seperti biasa login dulu di Blogger.com
2. Buka Rancangan - Elemen Laman.
3. Tambah Widget/Gatget - Html/Javascript
4. Copy paste kode script di bawah ini


<style>
#hcl {
position:fixed;
top:50px;
left:0px;
z-index:+1000;
}
* html #hcl {position:relative;}
.hcltab {
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaR5UPe4alUIEK0lu49DOTrS3Q1K2lOQ7jiNXA1MRqB6nslwHpN30kTCTP_FwCo-BE5QVbf1iGvFcHI_HWVgbd094eUZ4GOhGDEOUA-U1dqVDVSmedKV3UvIHmeYWw0okFLEowd397iYQ/s1600/cbred-LEFT+copy4545.png') no-repeat;
}
.hclcontent {
float:left;
border:6px solid #e08200;
background:#ffffff;
padding:5px;
}
.hc-credit {font-size:9px}
.hc-credit a {text-decoration:none}
</style>
<script type="text/javascript">
function showHidehcl(){
var hcl = document.getElementById("hcl");
var w = hcl.offsetWidth;
hcl.opened ? movehcl(0, 30-w) : movehcl(20-w, 0);
hcl.opened = !hcl.opened;
}
function movehcl(x0, xf){
var hcl = document.getElementById("hcl");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
hcl.style.left = x.toString() + "px";
if(x0!=xf){setTimeout("movehcl("+x+", "+xf+")", 10);}
}
</script>
<div id="hcl">
<div class="hclcontent">

Ganti Tulisan Ini Dengan Script Facebook Atau Widget Lain

<br />
<div class="hc-credit">
<span style="float:left">

<a href=http://www.ryuuku-sena.blogspot.com/ target="_blank">
Get this widget!
</a>
</span>
<span style="float:right">
<a href="javascript:showHidehcl()">
[close]
</a>
</span>
</div>
</div>
<div class="hcltab" onclick="showHidehcl()"> </div>
</div>
<script type="text/javascript">
var hcl = document.getElementById("hcl");
hcl.style.left = (30-hcl.offsetWidth).toString() + "px";
</script>


5. Ganti tulisan Yang berwarna merah dengan script facebook anda.
6. Yang terakhir simpan. lalu lihat tampilan blog anda sekarang

Senin, 18 Februari 2013

Cara Membuat Widget SMS Gratis di Blog Cara Membuat Widget SMS Gratis di Blog

Published : 22.02 Author : senanghidupsehat.blogspot.com

Share-Tuts kali ini akan membuat sebuah tutorial tentang Membuat Widget SMS Pada Blog mungkin sobat ada yang kepengen meletakkan ini diblognya masing - masing agar bisa kirim sms lewat blognya dan ngga perlu ribet buka web orang lagi :P.

Oke berikut tutorialnya Share-Tuts buat ikutin yah, bagi yang kepengen aja ikutin :P
1. Pertama ya jelas login dulu ke Blog atau Web sobat
2. Copykan code dibawah ini ke Notepad :

<iframe frameborder="0" height="264" name="I2" scrolling="no" src="http://sms-online.web.id/widget" style="border: 1px solid rgb(255, 255, 255);" width="84%"> not support</iframe>
<small><center>
<a href="http://share-tuts.blogspot.com/2012/11/cara-membuat-widget-sms-gratis-di-blog.html" rel="nofollow">Make Widget</a></center>
</small>

3. Pilih Tata Letak > lalu pilih Tambah Widget Baru > pilih lagi HTML/JavaScript.
4. Setelah sobat pilih HTML/JavaScript tadi lalu sobat masukkan code yang sobat copykan ke notepad tadi.
5. Klik Simpan/Save

Sekarang blog sobat sudah tersedia Widget SMS. Selamat melakukan sms gratis diblog sendiri ^_^.

1 Comment

Pages

MENU

MUSIC

PENGUNJUNG ONLINE

KELAS XI IPA 1

ALLAH

Jumat, 22 Februari 2013

Senin, 18 Februari 2013

JUMLAH PENGUNJUNG

ILMU BLOGGER

Total Tayangan Halaman

VISITOR

SELURUH ARTIKEL