Jumat, 22 Februari 2013

Cara Membuat Rating Bintang Di Posting Artikel Blog

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! :)

Cara Membuat Rating Bintang Di Posting Artikel Blog

Berikut Panduan Cara Membuat Rating Bintang Di Posting Artikel Blog
  1. Masuk ke akun blogger melalui Draft.Blogger.com
  2. Pilih dan klik Tata Letak
  3. Klik edit pada tab kolom Posting Blog
    Cara Membuat Rating Bintang Di Posting Artikel Blog
  4. Tampil halaman pop-up seperti berikut ini
    Cara Membuat Rating Bintang Di Posting Artikel Blog
  5. Beri tanda pada check box Show Star Rating
  6. Selanjutnya beralih ke dashboard blogger anda...
  7. Pilih dan klik Template >> Edit Html >> Lanjutkan >> centang Expand Template Widget >> tekan Ctrl + F di keyboard
  8. Cari kode <data:post.body/> atau <p><data:post.body/></p>
  9. 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>
  10. 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


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



<!-- left/right hidden chatbox byhttp://www.ryuuku-sena.blogspot.com/ START -->
<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">
<!-- THIS CREDIT MUST STAY INTACT FOR LEGAL USE -->
<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>
<!-- left/right hidden chatbox by http://ryuuku-sena.blogspot.com/ END -->

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


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 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 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 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 sobat sudah tersedia Widget SMS. Selamat melakukan sms gratis diblog sendiri ^_^.

KUMPULAN TEMPLATE TERKEREN 2013



Captivating

Pink Cake

Covenant

Diapason

Main Photo

Charming Art Palace

Arkham

Gaming

Rikka Takanashi

Cool and Cute

 

Evander

Evander

FinanceSpot

FinanceSpot
Rating: 1 Star2 Stars3 Stars4 Stars5 Stars
1 Comment
Rating: 1 Star2 Stars3 Stars4 Stars5 Stars
0 Comments

Your Fashion Your Way

Your Fashion Your Way
Rating: 1 Star2 Stars3 Stars4 Stars5 Stars
0 Comments
 

Stylify Minimal

Stylify Minimal
Rating: 1 Star2 Stars3 Stars4 Stars5 Stars
0 Comments

Literature Blog

Literature Blog
Rating: 1 Star2 Stars3 Stars4 Stars5 Stars
0 Comments
 

StylishLine

StylishLine
Rating: 1 Star2 Stars3 Stars4 Stars5 Stars
1 Comment