Kategori: Widget

Cara Memasang widget icon social media di sidebar blog


Bani Cyber – Hallo blogger, di artikel ini saya akan membahas dan memberikan informasi secara lengkap untuk membuat widget sosial media di sidebar blog anda. Sebelum itu, Widget Sosial media ataupun Media Sosial dalam bahasa indonesianya sangat dibutuhkan dalam perannya untuk membantu pengguna nya mencari teman ataupun followers. Disamping itu pula ada juga yang menggunakan media sosial sebagai alat atau modal untuk mencari korban kejahatan mereka. Seperti penipuan, penjualan anak bayi, dll.

Udah sampai penipuan pula ceritanya, balik lagi ke social media/media sosial. Widget ini terdapat banyak jenis social media seperti Facebook, twitter, instagram, rss, usercloud, youtube, pinterest, linkedin dan lainnya. Facebook adalah media sosial yang mendapat peringkat nomor 1 karena media sosial ini yang paling sering digunakan untuk mencari kenalan, teman, sahabat ataupun pasangan. Pasti anda juga punya akun Facebook, kalau belum punya silahkan daftar disini.

Baca Lengkap : Cara membuat dan memasang author box di bawah artikel blog – part 2
Baca Lengkap : Cara memasang anti klik kanan di blog
Baca Lengkap : Cara membuat text area beserta “copy all” di blog

Widget ini sebenarnya adalah widget yang telah terpasang di template yang saya pakai ini, saya melepasnya supaya blog saya tampil lebih elegan di ponsel atau smartphone. Tapi tenang saja widget medsos ini tidak memberatkan blog anda, dijamin jika anda menggunakan widget ini blog anda tetap fast seperti biasanya. Apakah widget ini seo? Mungkin. Karena saya belum yakin, tapi jangan khawatir widget ini tidak akan menggeser peringkat blog anda di google.

Baca Dulu : Cara agar blog berada di peringkat nomor 1 halaman pertama google.

Penggunaan widget medsos adalah salah satu syarat seo loh, supaya google mengetahui kita berada di media sosial lain. Dan ini akan berdampak baik pada nilai seo blog kita, maka dari itu saya sarankan kepada anda untuk memasang widget ini di blog anda dengan cara nya yang akan dibahas dibawah nanti. Ada 3 dari 10 blogger yang tidak menggunakan widget ini, tapi ya ada juga yang menjadi no.1 di mesin pencari google karena artikel berkualitas dan juga template nya yang seo serta responsive ketika di akses dimanapun, misal smartphone dan ipad.

Baca Juga : 10 Free Template Berkualitas Premium, Fast, Seo Responsive Dan Mobile Friendly

Setelah membahas tentang widget media sosial diatas, sekarang kita masuk ke cara memasang widget social media di sidebar blog , langsung saja baca tutorial nya sebagai berikut:
1.Buka blogger.com dan login.
2.Buka Template, Lalu Edit HTML
3.Find (CTRL+F) kode berikut : <div class=’sidebar-inner’>
4.Letakkan Kode Script berikut dibawah kode tadi

<div class=’gvusion-socials-icons mom-socials-widget’>
    <ul>
        <li class=’facebook’><a href=’#’ rel=’nofollow’ target=’_blank’ title=’Follow us on Facebook’><i class=’fa fa-facebook’/></a></li>
        <li class=’twitter’><a href=’#’ rel=’nofollow’ target=’_blank’ title=’Follow us on Twitter’><i class=’fa fa-twitter’/></a></li>
        <li class=’googleplus’><a href=’#’ rel=’nofollow’ target=’_blank’ title=’Follow us on Google+’><i class=’fa fa-google-plus’/></a></li>
        <li class=’rss’><a href=’#’ rel=’nofollow’ target=’_blank’ title=’Follow us on RSS’><i class=’fa fa-rss ‘/></a></li>
        <li class=’youtube’><a href=’#’ rel=’nofollow’ target=’_blank’ title=’Follow us on Youtube’><i class=’fa fa-youtube ‘/></a></li>
        <li class=’dribbble’><a href=’#’ rel=’nofollow’ target=’_blank’ title=’Follow us on Dribble’><i class=’fa fa-dribbble ‘/></a></li>
        <li class=’deviantart’><a href=’#’ rel=’nofollow’ target=’_blank’ title=’Follow us on DeviantArt’><i class=’fa fa-deviantart’/></a></li>
        <li class=’pinterest’><a href=’#’ rel=’nofollow’ target=’_blank’ title=’Follow us on Pinterest’><i class=’fa fa-pinterest ‘/></a></li>
        <li class=’instgram’><a href=’#’ rel=’nofollow’ target=’_blank’ title=’Follow us on Instagram’><i class=’fa fa-instagram ‘/></a></li>
        <li class=’tumblr’><a href=’#’ rel=’nofollow’ target=’_blank’ title=’Follow us on Tumblr’><i class=’fa fa-tumblr ‘/></a></li>
        <li class=’linkedin’><a href=’#’ rel=’nofollow’ target=’_blank’ title=’Follow us on LinkedIn’><i class=’fa fa-linkedin ‘/></a></li>
        <li class=’soundcloud’><a href=’#’ rel=’nofollow’ target=’_blank’ title=’Follow us on Soundcloud’><i class=’fa fa-soundcloud ‘/></a></li>
    </ul>

5.Sekarang Find (CTRL+F) lagi kode berikut : </style> atau ]]></b:skin>
6.Masukkan Kode css berikut diatasnya.

/* CSS Social Network */
.gvusion-socials-icons{margin:0 0 20px 0}
.gvusion-socials-icons ul{margin:0;padding:0;list-style:none;margin-bottom:-5px;margin-right:-5px;overflow:hidden}
.gvusion-socials-icons ul li:before{display:none}
.gvusion-socials-icons ul li{margin:0;padding:0;list-style:none;float:left;width:45px;height:45px;line-height:45px;text-align:center;background:#00baff;font-size:21px;margin-right:5px;margin-bottom:5px;opacity:.9;border-radius:3px;}
.gvusion-socials-icons ul li:hover{opacity:1;}
.secondary-sidebar .gvusion-socials-icons ul li{width:36px;height:36px}
.secondary-sidebar .gvusion-socials-icons ul li a{line-height:45px}
.secondary-sidebar .gvusion-socials-icons ul li a i{font-size:20px}
.gvusion-socials-icons ul li a{line-height:45px;display:block;color:#fff}
.gvusion-socials-icons ul li a:hover{color:#fff}
.gvusion-socials-icons ul li.home{background:#83868a}
.gvusion-socials-icons ul li.facebook{background:#516ca4}
.gvusion-socials-icons ul li.googleplus{background:#f20000}
.gvusion-socials-icons ul li.rss{background:#f29400}
.gvusion-socials-icons ul li.youtube{background:#f20000}
.gvusion-socials-icons ul li.dribbble{background:#dc71a6}
.gvusion-socials-icons ul li.deviantart{background:#4c5e51}
.gvusion-socials-icons ul li.pinterest{background:#f20000}
.gvusion-socials-icons ul li.instgram{background:#406f94}
.gvusion-socials-icons ul li.tumblr{background:#395875}
.gvusion-socials-icons ul li.linkedin{background:#1985bc}
.gvusion-socials-icons ul li.soundcloud{background:#f60}

7.Preview template, jika berhasil langsung Save Template.
Settings Script Code :
!Kode Pagar (#) bisa anda ganti dengan dengan url akun medsos anda.
Maka hasilnya menjadi sebagai berikut:
Bagaimana keren gak? Gak bisa bilang “Tidak”. Ya iyalah, widget ini di design oleh sang pendesign handal yaitu Arlina Design ( http://arlinadesign.com ). Saya? saya cuma share saja ke anda supaya blog anda juga terlihat keren dan ganteng. Jangan lupa tinggalkan komentar sebelum pergi dari artikel Cara Memasang widget social media full di sidebar blog. Wassalamualaikum blogger J.

Widget Animasi Kartun Bergerak Spesial Tahun Baru Di Blog

Tags : kumpulan widget naruto untuk blog, widget animasi bergerak di blog, widget animasi spesial kartun super hero untuk blog , kumpulan widget animasi spiderman spesial kartun di blog.

Bani Cyber.com – pasti kalau punya widget animasi bergerak keren kan, memang menyenangkan jika blog penuh dengan widget animasi kartun yang kita sukai seperti spongebob, naruto shippuden, hulk dll. pada malam jum’at kali ini saya akan bagikan animasi kartin bergerak di blog dijamin keren 100%.

saya telah mengumpulkan widget animasi kartun bergerak di blog untuk saya bagikan kembali untuk para pengguna blogger yang suka kartun animasi. animasi yang saya bagikan bukan hanya kartun di tv tapi juga kartun buatan sendiri yang lucu dan gokil. silahkan download kumpulan widget animasi bergerak keren di blog blogger anda.

bahan dan alat :

  • javascript/html
  • html template </body>

cara pasang animasi bergerak spesial kartun di blog:

  • login to blog
  • go to tata letak
  • select html/javascript
  • enter code in the content
  • mantap gak bahasa inggris gue

Silahkan gunakan CTRL + C Untuk Copy Script Kode
 
Hai Friends

animasi bergerak gif

<div style=”position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;”><a href=”http://cara-banicyber.blogspot.com/2015/12/download-kumpulan-widget-animasi.html” target=”_blank”><img border=”0″ src=”http://s.myniceprofile.com/myspacepic/243/th/24365.gif” title=”My widget” alt=”animasi bergerak gif” /></a><small><center><a href=”http://catatan-lingga.blogspot.com/2014/05/20-widget-animasi-yang-lucu-dan-keren.html” target=”_blank”>My Widget</a></center></small></div>

Naruto VS Sasuke V1

gambar

 <div style=”position: fixed; bottom: 0px; left: 20px;width:110px;height:80px;”><a href=”http://cara-banicyber.blogspot.com/2015/12/download-kumpulan-widget-animasi.html”target=”_blank”><img src=”https://lh3.googleusercontent.com/-J4_PyD70k60/TYH6mTxoqjI/AAAAAAAAAXw/wRUif2zOElM/s1600/NarutoVSSasuke.gif”alt=”gambar”title=”klik here to get more”/></a></div>

Deidara

Deidara

<div style=”position: fixed; bottom: 0px; left:20px;”><a href=”http://cara-banicyber.blogspot.com/2015/12/download-kumpulan-widget-animasi.html” target=”_blank”><img src=”http://1.bp.blogspot.com/-Rgn6WlX1cLc/T46JKmI2CoI/AAAAAAAAAZg/ezOu9LSzTsw/s1600/n3.gif” alt=”Deidara” title=”Klik Disini Untuk Lebih Lengkap”/></a></div>

Gara VS Deidara

<div style=”position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;”><a href=”http://permathic.blogspot.com/” target=”_blank”><img border=”0″ src=”http://i446.photobucket.com/albums/qq182/kisot06/Naruto1%20gif/GaaraDeidara.gif ” title=”lihat lebih banyak animasi naruto bergerak.” /></a><small><center><a href=”http://permathic.blogspot.com/2012/04/cara-memasang-widget-animasi-naruto.html” target=”_blank” title=”Cara Memasang Widget Animasi Naruto”>Animasi Naruto</a></center></small></div>

Kakashi

Kakashi

<div style=”position: fixed; bottom: 0px; left:20px;”><a href=”http://cara-banicyber.blogspot.com/2015/12/download-kumpulan-widget-animasi.html” target=”_blank”><img src=”http://www.fe-online.co.uk/gallery/albums/userpics/10457/FINAL_KAKASHI.gif” alt=”Kakashi” title=”Klik Disini Untuk Lebih Lengkap”/></a></div>

 untuk cara memasang widget animasi dibawah anda harus mengikuti cara berikut :

  • login ke blog
  • buka template
  • klik edit html
  • cari kode </body> dengan CTRL+F
  • letakkan kode dibawah diatas kode </body>
  • selesai
Spiderman

<div align=”left”>
<embed AllowScriptAccess = “sameDomain” height = “400” loop = “true” menu = “false” pluginspage = “http://www.adobe.com/go/getflashplayer” kualitas = “best”swliveconnect = “true” type = “application / x-shockwave-flash” width = “250” wmode = “transparent”> </ embed> </ div>

Super Hero

<script>
var noPic = 6;
var speedPic = 20;

var doclink =”http://cara-banicyber.blogspot.com”;
var doctitle =”Follow me“;
var floatr = new Array();
floatr[0] = “http://dl.dropboxusercontent.com/u/74044634/Image/Superman-144.png“;
floatr[1] = “http://dl.dropboxusercontent.com/u/74044634/Image/Batgirl.png“;
floatr[2] = “http://dl.dropboxusercontent.com/u/74044634/Image/wonderwoman-144.png“;
floatr[3] = “http://dl.dropboxusercontent.com/u/74044634/Image/ironman-144.png“;
floatr[4] = “http://dl.dropboxusercontent.com/u/74044634/Image/supergirl-144.png“;
floatr[5] = “http://dl.dropboxusercontent.com/u/74044634/Image/batman-144.png“;
</script>
<script src=’http://dl.dropboxusercontent.com/u/74044634/Javascript/ImageFlowUp.js’></script>


Hanya sedikit widget itu lah yang bisa saya bagikan, jika penasaran anda bisa mencoba di blog anda, jika menurut anda bagus silahkan komentar, agar saya bisa terus update dan tambah sedikit widget lagi.terimakasih telah membaca artikel Widget Animasi Kartun Bergerak Spesial Tahun Baru Di Blog

Tips Mematikan/Disable Fungsi Klik Kanan Di Blog – Anti Copas ~

tags : cara agar blog tidak bisa di copy paste di blog, cara mematikan fungsi klik kanan di blog ,cara disable fungi klik kanan secara permanen di blog , cara mencegah si tukang copas , cara paling mujarap menaklukkan tukang copas , cara anti copy paste , cara anti copy paste di blog, cara disabli klik kanan selamanya di blog.

anti copas

BaniCyber.com – copas adalah kegiatan yang sering dilakukan blogger pemula, untuk mengatasi nya kita perlu cara mengatasi anti copas dengan mematikan funsi klik kanan di blog. Dan juga banyak orang sekarang menggunakan DMCA.com untuk melindungi teks artikelnya. baca cara mendaftar dan menggunakan DMCA disini.

kali ini admin cyber akan memberitahu tahu cara mematikan fungsi klik kanan/ disable pada blog. ada beberapa macam jenis mematikan fungsi klik kanan. yaitu :
1.mematikan fungsi klik kanan untuk memperingatkan, biasanya digunakan agar si tukang copas mencantumkan sumber atau penulis artikel.
2.mematikan fungsi klik kanan/disable pada blog secara permanen, yang cara ini cara paling ampuh mengatasi si tukang copy paste.

pada artikel kali ini saya akan membahas cara mematikan fungsi klik kanan/disable secara permanen dan juga untuk memperingatkan dengan syarat menyiapkan beberapa bahan dan alat, berikut contoh nya :

  • javascript

setelah menyiapkan beberapa  bahan dan alat lanjut ke tkp, silahkan monggo…

cara yang pertama dengan menggunakan javascript.

  1. Buka Tata Letak > Tambahkan Gadget > HTML/Javascipt
  2. Masukkan HTML dibawah ini di konten

 <script> var message=”maaf, untuk sementar tidak bisa klik kanan!”;
///////////////////////////////////
function clickIE4(){if (event.button==2){alert(message);return false;}} function clickNS4(e){if (document.layers||document.getElementById&&!document.all){if (e.which==2||e.which==3){alert(message);return false;}}} if (document.layers){document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS4;} else if (document.all&&!document.getElementById){document.onmousedown=clickIE4;} document.oncontextmenu=new Function(“alert(message);return false”)</script>  <br>

cara yang kedua dengan menggunakan javascript

  1. Buka Tata Letak > Tambahkan Gadget > HTML/Javascipt
  2. Masukkan HTML dibawah ini di konten

<script language=’JavaScript1.2′>
function disableselect(e){
return false
}
function reEnable(){
return true
}
document.onselectstart=new Function (“return false”)
if (window.sidebar){
document.onmousedown=disableselect
document.onclick=reEnable
}
</script>

saya akan menjelaskan ,cara yang pertama orang lain masih bisa klik kanan dengan menekan tombol centang, dan saya bilang sekali lagi cara yang pertama hanya untuk memperingatkan untuk mencantumkan sumber. dan cara yang kedua adalah cara yang paling ampuh dan paling tepat karena biasanya orang mencamtukan html di postingan untuk di copas…

  • Jangan Lupa : Cara Membuat Kotak Copy All beserta Kotak Text Area  Di Postingan Blog

Sekali lagi, anda telah tepat datang kesini untuk keperluan Disable Klik Kanan Di Blog – Anti Copas ,terima kasih.

Tips Membuat Kotak “Copy All” Beserta Text Area Di Blog – Lengkap Disini

tags : cara membuat kotak copy all dengan text area di blog , cara membuat kotak copy all terbaru 2015 , membuat kotak copy all bagi pemula , membuat kotak copy all beserta text area dengan html 

Cyber.com – bagi anda yang kurang tahu dalam membuat kotak copy all beserta dengan text area nya di blog, silahkan lihat cara pembuatan nya. pembuatan nya menggunakan kode html dan menggunakan nya bisa manual dan juga bisa otomatis dengan memasukkan nya ke template anda.

gak usah lama lama lagi langsung aja ke tkp

cara membuat kotak copy all dan juga beserta dengan text area secara manual :
yang manual biasanya memasukkan kode html untuk di share.untuk membuat nya anda harus

1.masuk ke blog, buat artikel mu dulu.
2.copy kode dibawah ini, dan paste di artikel anda

 <div>
<form name=”copy”>
<div align=”center”>
<span><input onclick=”javascript:this.form.txt.focus();this.form.txt.select();” value=”Copy all” type=”button”> </span></div>
<p align=”center”>
<textarea style=”width: 200px; height: 100px;” name=”txt” rows=”5″ wrap=”VIRTUAL” cols=”20″>Masukan Teks Tulisan Atau Kode Html/Javascript Disini <br>

3.gunakan dengan mode html sebelum memasukkan kode.

kalau secara otomatis anda harus meletakkan di html tertentu, seperti
<div id=”post-footer”>

biasanya digunakan untuk meletakkan url postingan nya sendiri sebagai sumber

berakhirlah artikel saya pada kali ini yang berjudul Cara Membuat Kotak Copy all Di Blog Beserta Text Area, selamat berakhir pekan dan selamat tahun baru dan selamat mencoba dan semoga berhasil 🙂 :2thumbup

Cara Memasang Kotak Admin – Author Box Di Blogger

Hai sobat blogger ketemu lagi kita dipostingan baru saya , maksud saya postingan baru dicopas. nah pada pertemuan kali ini saya akan membagikan artikel tentang cara membuat kotak admin atau author box di blog anda masing masing untuk membuat nya anda harus mengikuti langkah langkah atau 
cara berikut ini…:

  1. Login ke account blogger atau dashboard anda , lalu Pilih template 
  2. Sebaiknya klik Backup/Restore dulu untuk membackup template anda
  3. Kemudian  klik  Edit HTML >> Lanjutkan/Proceed
  4. Centang Expand Template Widget
  5. Cari kode <div class=’post-footer’> , untuk memudahkan mencarinya gunakan Ctrl +F atau kalau di Firefox klik Edit….> Find … ( di blog saya kodenya ada 2 dan saya simpan di atas kode yg pertama).
  6. Copy kode HTML dibawah ini dan pastekan sebelum / diatas kode no. 5 diatas.
  1. <!– Kotak Admin –>
    <b:if cond=’data:blog.pageType == &quot;item&quot;’>
    <div class=’admin-tulisan’>
    <h4>Posted by : <a expr:href=’data:blog.homepageUrl’>Cara Admin </a> ~ / Software Collections , Blog Tutorial , Internet Bisnis</h4>
    <div class=’kontainer’>
    <img src=‘https://lh5.googleusercontent.com/-fm58MMf7D0g/UFBN1EVY0gI/AAAAAAAACTk/aAtjvWLajrk/s800/Saung.jpg‘/>
    Artikel <a expr:href=’data:post.url’><data:post.title/></a> diposting oleh<b> Cara Admin </b>pada <data:post.dateHeader/>. Terima kasih atas kunjungannya.  Kritik dan saran dapat disampaikan via kotak komentar..  Jika diperlukan Artikel ini bisa disebarluaskan melalui blog sobat, hanya mohon sebutkan sumbernya dengan tautan link aktif ke postingan ini. Terimakasih. Happy blogging
    <div style=’clear:both;’/>
    </div>
    </div>
    </b:if>
    <!– Kotak Admin selesai –>

    Catatan :

    • Yang warna merah silahkan ganti  dengan link gambar profil sobat. kata-katanya juga boleh diganti sesuai selera.
    • Cara admin bisa juga diganti dengan <data:post.author/>
  2. Sekarang ketahap berikutnya , silahkan cari kode ]]></b:skin>
  3. Sebelum / diatas kode ]]></b:skin>, silahkan Copas kode CSS dibawah ini (Jika error coba letakkan tepat dibawah kode <data:post.body/>

    /*–Mulai Kotak Admin –*/
    .admin-tulisan{
    display:block;
    width:auto;   
    background:#CFE2E0;
    border:2px solid #fff;
    box-shadow:0 1px 3px #000;-moz-box-shadow:0 1px 3px #000;-
    webkit-box-shadow:0 1px 3px #000;
    padding:0;
    margin:30px 0 10px 0;
    font:normal 12px Arial, Sans-Serif;
    color:#222;
    }
    .admin-tulisan .kontainer{padding:5px;}
    .admin-tulisan h4{
    background:#8A9C04;
    border:none;
    border-bottom:1px solid #699019;
    color:#fff;
    text-transform:normal;
    text-shadow:0 1px 0 rgba(0, 0, 0, 0.4);
    font:bold 12px Arial,Sans-Serif;
    padding:5px 10px;
    margin:0 0 0 0;
    display:block;
    }
    .admin-tulisan h4 a{color:#FEEA83;}
    .admin-tulisan img{
    width:70px;
    height:70px;
    margin:0 10px 0 0;
    float:left;
    border:1px solid #954B02;
    padding:2px;
    background:#C36702;
    box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;
    }

  4. Untuk jenis font, warna background dan border bisa diganti sesuai selera
  5. Selesai jangan lupa Simpan template lalu ucapkan Alhamdulillah..

Sampai disini artikel tentang Cara Membuat Kotak Admin atau Author Box Dibawah Posting . Selamat mencoba. Siapa tahu dengan setelah memasangnya blog sobat akan semakin akan semakin berkualitas dan SEO Friendly hingga pagerank google semakin naik .

Tips Pemasangan Widget Fanspage Facebook Melayang Di Blogger


Hai sobat berjumpa lagi sama saya banicyber di postingan saya yang membahas cara memasang widget fanspage facebook melayang di blog anda masing masing,belum tahu fanspage itu apa? Fanspage adalah halaman fb yang digunakan untuk dijadikan sarana bersosialisasi antar sesama pengguna fb, di dalam fanspage melayang ini tersedia follow twitter untuk supaya orang bisa follow twitter anda.
untuk membuat fanspage melayang tersebut anda harus mengikuti langkah langkah atau cara admin berikut ini karena kode fanspage fb melayang susah cari sumber aslinya !
==!> Read More :

1.pergi dulu ke dasbor anda masing masing
2.ketika sampai di dasbor cari tata letak / layout
3.kalau sudah sampai ,klik bacaan tambahkan gadget / add gadget
4.akan ada browse kecil muncul ,klik bacaan html/ javascript.

<style type=’text/css’>
/* Message Box */
#box-message {
position:fixed !important;
position:absolute;
top:-1000px;
left:50%;
margin:0px 0px 0px -182px;
width:300px;
height:auto;
padding:16px;
background:#fff;
font:normal Dosis, Georgia, Serif;
color:#111;
border:2px solid #333;
-webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
}
#box-message a.close {
position:absolute;
top:-10px;
right:-10px;
background:#fff;
font:bold 16px Arial, Sans-Serif;
text-decoration:none;
line-height:22px;
width:22px;
text-align:center;
color:#111;
border:2px solid #333;
-webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-webkit-border-radius:22px;
-moz-border-radius:22px;
border-radius:22px;
cursor:pointer;
}
#twitterx {
background: #EEF9FD;
padding: 10px;
text-align:center;
border: 1px solid #C7DBE2;
border-top: 0;
}
</style>
<script type=”text/javascript” src=”http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js”></script>
<script type=’text/javascript’>
$(window).bind(“load”, function() {
// Animate Top Value When Page Loaded Completed
$(‘#box-message’).animate({top:”50px”}, 1000);
// Remove Mailbox When Close Button On Click
$(‘a.close’).click(function() {
$(this).parent().fadeOut();
return false;
});
});
</script>
<div id=’box-message’>
<!– HTML Start –>
<center>
<a class=”murub”>Like Fanspage untuk mendapatkan berita baru</a></center>
<center>
<iframe src=”//www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/Banicyber99?ref=hl&width=292&height=258&colorscheme=light&show_faces=true&border_color&stream=false&header=false&appId=371524026202784″ scrolling=”no” frameborder=”0″ style=”border:none; overflow:hidden; width:292px; height:258px;” allowtransparency=”true”></iframe>
</center>
<!– HTML End –>
<br/>
<div class=”twitter”>
<!– Twitter –> <iframe title=”” style=”width: 250px; height: 20px;” class=”twitterx-follow-button” src=”http://platform.twitter.com/widgets/follow_button.html#_=1319978796351& align=&button=blue&id=twitter_tweet_button_0& lang=ID&link_color=&screen_name=banicyber&show_count=& show_screen_name=&text_color=” frameborder=”0″ scrolling=”no”></iframe> </div>
<div style=”text-align: center;”>
<a href=”http://www.bani-hacker.tk/2015/10/cara-memasang-widget-fanspage-facebook.html” target=”_blank”>Get This Widget</a></div>
<a class=’close’ href=’#’>×</a>
</div>

5.Masukkan kode diatas di kotak konten.

Keterangan :

Merah ialah pesan yang di sampaikan untuk pengunjung blog
Kuning ialah ID blog anda
Hijau ialah ID twitter anda

Nah berhasil kan ,widget fanspage melayang ini berhasil di blog ku ,tapi karena template blog nya tidak mendukung jadi gak nampak tombol close dan tombol like nya gak nampak ,begitu lah artikel saya semoga berhasil dan selamat mencoba . 🙂 ;;(

Cara Membuat Sosial Media Sharing Platform PO.ST Pada Blogs Anda


Sosial Media Sharing Platform PO.ST Pada Blogs

Free+Link+Shortener+-+Social+Media+Share+Button+-+Po.st

Pada malam ini kita posting dengan tema Cara Membuat Sosial Media Sharing Platform PO.ST Pada Blogs Anda,cara ini bisa dikatakan lebih baik dibandinkan dengan sosial media lain, karena platform ini dilengkapi dengan link URL singkat yang memungkinkan terhindar serangan dari virus. Tidak sama dengan sosial media sharing lain seperti yang pernah kita ketahui banyak merek sosial media yang bisa di jadikan link dofollow.

Register PO.ST

Dapatkan Link Pendek Dari PO.ST Dengan Gratis

Yang di maksud PO.ST tautan pendek adalah link URL singkat yang bisa menghubungkan URL Anda dengan khalayak sosial media yang bersipat terbuka di seluruh web. Sehingga tital sosial media Anda akan meningkat cepat keseluruhan pada kampanye dengan cara menekan “data kepemirsaan Anda” PO.ST tautan shorted sangat beda dari yang lain dalam memberikan investasi untuk sosial media Anda.

Sign Up

Akhir Kata

Demikianlah posting Cara Membuat Sosial Media Sharing Platform PO.ST Pada Blogs Anda semoga bermanfaat,Apa pendapat Anda tentang indikasi Saya ? atau ada metode blog indikasi yang Anda tahu ? mohon berbagi dengan kami dibagian komentar, Salam Blogger.



Cara Menambahkan Translation Flags Pada Blogger Anda | alfiyah info blogger

Written by on


translate-flag-in-blogger

Bagaimana tindakan Anda ketika singgah di suatu situs yang isi kontenya berbahasa Cina,Jepang dan Spanyol ?.Sedangkan kita sangat memerlukannya pada konten itu,apa yang akan kita cari selain untuk menterjemahkan.Untuk itu pada kesempatan ini akan memberikan Translation Flag JavaScript di Blogger Anda.Sehingga kita tidak usah melakukan copy-paste di google translate cukup klik lambang bendera suatu Negara.

Sekarang kembalikan pada pengunjung Blogger kita dari manca negara yang konten kita berbahasa Indonesia,apa yang mereka lakukan ? misalnya pengunjung dari Timur Tengah ,tentu Mereka memerlukan bahasa Arab.Dengan adanya Translation Flag sangat mudah untuk mengambil kesimpulan dari suatu konten apa lagi isi posting Blogger kita sangat bagus dan kita juga dapat bertambah pengunjung dari Negara lain.

Berikut ini Saya akan memberikan bagaimana

Cara Menambahkan Translation Flags Pada Blogger Anda pengunjung bisa melihat sembilan lambang Bendera Terjemaahan yaitu : Italia, Spanyol, Germany, Cinese, Japanese, Korea, Arabic dan bahasa Portugal


Bagaimana Cara Menambahkan Translation Flags Pada Blogger Anda ?


Cukup copy-paste kode Translation Flag javascript di bawah ini tempatkan di Template Blogger Anda di bagian posting HTML.

<form action="http://www.google.com/translate" > <script language="JavaScript"> <!– document.write undefined"<input name=u value="+location.href+" type=hidden>") // –> </script> <input name="hl" value="en" type="hidden"> <input name="ie" value="UTF8" type="hidden"> <input name="langpair" value="" type="hidden"> <input name="langpair" value="en|fr" title="French" src= "http://photos1.blogger.com/img/43/1633/320/13539949_e76af75976.jpg" onclick="this.form.langpair.value=this.value" height="20" type="image" width="30"> <input name="langpair" value="en|de" title="German" src= "http://photos1.blogger.com/img/43/1633/320/13539933_041ca1eda2.jpg" onclick="this.form.langpair.value=this.value" height="20" type="image" width="30"> <input name="langpair" value="en|it" title="Italian" src= "http://photos1.blogger.com/img/43/1633/320/13539953_0384ccecf9.jpg" onclick="this.form.langpair.value=this.value" height="20" type="image" width="30"> <input name="langpair" value="en|pt" title="Portuguese" src= "http://photos1.blogger.com/img/43/1633/320/13539966_0d09b410b5.jpg" onclick="this.form.langpair.value=this.value" height="20" type="image" width="30"> <input name="langpair" value="en|es" title="Spanish" src= "http://photos1.blogger.com/img/43/1633/320/13539946_2fabed0dbf.jpg" onclick="this.form.langpair.value=this.value" height="20" type="image" width="30"> <input name="langpair" value="en|ja" title="Japanese" src= "http://photos1.blogger.com/img/43/1633/320/13539955_925e6683c8.jpg" onclick="this.form.langpair.value=this.value" height="20" type="image" width="30"> <input name="langpair" value="en|ko" title="Korean" src= "http://photos1.blogger.com/img/43/1633/320/13539958_3c3b482c95.jpg" onclick="this.form.langpair.value=this.value" height="20" type="image" width="30"> <input name="langpair" value="en|zh-CN" title="Chinese Simplified" src= "http://photos1.blogger.com/img/43/1633/320/14324441_5ca5ce3423.jpg" onclick="this.form.langpair.value=this.value" height="20" type="image" width="30"> <input name="langpair2" value="en|ar" title="Arabic" src= "http://photos1.blogger.com/blogger/3709/485/1600/arabic-flag.gif" onclick="this.form.langpair.value=this.value" height="20" type="image" width="30" /> </form>

Demikialah Cara Menambahkan Translation Flags Pada Blogger Anda semoga Artikel ini bermanfaat dan lebih banyak lagi pengunjung Blogger kita dari berbagai Negara.Saya ucapkan banyak terimakasih,bila konten ini berarti bagi Anda silahkan dibagikan melalui:

Google+

Facebook

Twitter


Cara Menambahkan Dengan Gaya Berbeda Recent Post Widget Pada Blogger

Cara Menambahkan Dengan Gaya Berbeda Recent Post Widget Pada Blogger

Written by on

 Recent Post Widget Pada Blogger

Cara meningkatkan tampilan dihalaman Blog Anda atau Website dengan menambahkan recent post gaya baru untuk mempermudah pengunjung dalam pencarian artikel yang terkait di suatu halaman Blog.Juga sangat bagus untuk mengurangi Bounce Rate Blog/Website Anda.Pada hari Saya akan menunjukan Cara Menambahkan Dengan Gaya Berbeda Recent Post Widget Pada Blogger Anda dengan tampilan yang lebih indah dan lebih menarik bagi pengunjung Blog Anda.Harapan Saya Anda menikmati tampilan yang multi warna Widget Recent Post dengan CSS dan jQuery dalam meningkatkan Page views pengunjung Anda.Semoga Blog/Website Anda lebih top dalam peringkat Google, Yahoo dan Bing.


Bagaimana Cara Menyipan Widget Recent Post Pada Blogger…?


Langkah 1. Anda Ligin Blogger Account
Langkah 2. Pilih Layout dan langsug klik
Langkah 3. Pilih Gadget dan klik tambah gadget
Langkah 4. Copypaste kode HTML dan simpan kolom popup HTML/JavaScript
Langkah 5. Sudah menyimpan kodenya lalu klik Save
Langkah 6. Selesai dan lihat hasilnya


 Anda ikuti langkah-selanjutnya cara menambahkan widget pada Blogger Anda


Live Demo

Silahkan Anda Sekarang Copypaste Kode HTML Ini
 <script src=”http://code.jquery.com/jquery-latest.min.js” type=”text/javascript”></script><div id=”recent-posts”><script language=”JavaScript”>

home_page = “http://cara-alfiyah.blogspot.com/“;
numposts = 7;

imgr = new Array();showRandomImg = false;boxwidth = 255;cellspacing = 6;borderColor
 = “#232c35”;bgTD = “#000000”;thumbwidth = 0;thumbheight = 0;fntsize = 15;acolor
= “#666″;aBold = true;icon = ” “;text = false;showPostDate
= false;summaryPost = 0;summaryFontsize = 10;summaryColor
= “#666″;icon2 = ” “;</script><script
 src=”http://dl.dropboxusercontent.com/s/niuq8uqagunjvbq/recent-posts-min-1-ycode.js”
 type=”text/javascript”/><a href=”http://cara-alfiyah.blogspot.com/”
rel=”dofollow” target=”_blank” title=””><img alt=”” border=”0″
 src=”http://i1341.photobucket.com/albums/o741/bujangarab1/56bbf131-f319-4643-8c54-4ae97111d956_zps5c4c7e72.gif” style=”position: fixed; bottom: 10%; right: 0%; top: 0px;”/>
</a><a href=”http://cara-alfiyah.blogspot.com/” rel=”dofollow” target=”_blank”
 title=”ALfiyah Info Blogger”><img alt=”ALfiyah Info Blogger” border=”0″
 src=”http://i1341.photobucket.com/albums/o741/bujangarab1/56bbf131-f319-4643-8c54-4ae97111d956_zps5c4c7e72.gif” style=”position: fixed; bottom: 10%; right: 0%;”/>
</a><a href=”http://cara-alfiyah.blogspot.com/” rel=”dofollow” target=”_blank” title=”ALfiyah Info Blogger”>
<img alt=”ALfiyah Info Blogger” border=”0″ src=”http://i1341.photobucket.com/albums/o741/bujangarab1/56bbf131-f319-4643-8c54-4ae97111d956_zps5c4c7e72.gif” style=”position:
 fixed; bottom: 10%; left: 0%;”/></a><link rel=”stylesheet” type=”text/css” href=”http://dl.dropboxusercontent.com/s/ecikvgo68yrfgps/recent-posts-min-1.css” /></script
></div>

Catatan : Kode HTML yang bertanda merah diganti dengan alamat Blogger Anda,Sedangkan warna biru bisa Anda rubah sesuai dengan selera yang Anda mau.Misalkan dirubah dengan 5,6,7 dan selanjutnya.

Demikian tutorial cara menambahkan widget semoga bermanfaat. Anda juga mungkin meminati Cara Memasang Auto Scroll Widget Pada Blogger


Membuat Sitemap Di Halaman Blogger

Alt Tag Sitemap Page

Membuat Sitemap Di Halaman BloggerSelamat jumpa kawan bloger dimana aja berada pada kesempatan sekarang kita akan membahas bagaimana untuk memasang WIDGETsitemap di halaman bloger,sebetulnya sangat gampang kalau kalian memerlukannya.Kita lakukan seperti petunjuk yang saya akan paparkan berikut ini,sebelumnya ada beberapa Orang yang bertanya untuk apa gunanya memasang sitemap dihalaman bloger…? Ok …Saya akan jawab :
Halaman sitemap tidak banyak diperlukan untuk blog tapi dibeberapa isisi lebih baik memiliki halaman sitemap di menu.Halaman sitemap bada dasarnya membantu anda untuk membuat navigasi yang lebih mudah dan juga membantu untuk meningkatkan peringkat blog kita yaitu untuk internal linking blog kita itulah yang mengagumkan untuk meningkatkan menghubungkan internal dihalaman tersebut.Anda akan melihat semua tulisan yang di publikasikan dihalaman anda.Selain itu,juga membantu Crawler Mesin Pencari untuk mengindeks konten dan halaman Web lebih mudah.Jadi itulah sekilas penjelasannya

Membuat Sitemap Di Halaman Bloger
Widget terbaru yang kita berbagi dalam ” WIDGET ” kategori adalah Horizontal Berbagi Sosial Widget dan hari ini kita kembali dengan widget lain . Sementara berselancar Blogger Yard, Anda mungkin telah melihat Page Peta Situs sini . Jika Anda tidak melihat sebelum itu kita lihat pada sekarang . Halaman sitemap tidak banyak diperlukan untuk blog tapi dari beberapa sisi lebih baik untuk memiliki halaman sitemap di menu . Halaman Sitemap pada dasarnya membantu Anda untuk membuat navigasi yang lebih mudah dan juga meningkatkan peringkat halaman blog kita karena untuk membuat internal linking blog kita . Yeah! Itu hal yang mengagumkan untuk meningkatkan menghubungkan internal karena di halaman tersebut , Anda akan melihat semua tulisan yang dipublikasikan di blog Anda . Selain itu, juga membantu crawler mesin pencari untuk mengindeks konten dan halaman web lebih mudah . Jadi , dalam posting ini kita akan berbagi halaman sitemap ini untuk blogger

Penerapan Halaman Sitemap

Demo

Sebelum kita memulai melakukan tweak dengan blog kita untuk menerapkan halaman sitemap , saya ingin menjelaskan bahwa cara kerjanya sebenarnya atau dengan kata lain , saya akan menjelaskan itu fitur dalam bagian ini . Pertama-tama , ini adalah rapi dan bersih halaman sitemap yang baik kode khusus untuk blog blogger . Ini skema warna hanya biru yang dapat Anda lihat di halaman demo . Hal ini otomatis halaman sitemap yang secara otomatis menambahkan pesan-pesan terbaru dalam dirinya sendiri tanpa menyentuhnya sehingga lebih baik bagi kita bahwa kita tidak perlu menyentuhnya hanya setelah menerapkan di blog , ia akan melakukan semua tugas itu sendiri . Dalam halaman sitemap ini , Anda dapat melihat bahwa posting dikategorikan oleh label yang lebih baik bagi pembaca bahwa mereka dapat menemukan hal-hal di halaman tersebut dengan mudah . Halaman Sitemap ini dikembangkan dengan JavaScript Dan CSS yang benar-benar membutuhkan link posting blog kami melalui Feed blog kita . Ini dibuat oleh Abu Farhan sehingga semua kredit pergi ke mereka .

Membuat Sitemap Di Halaman Blogger

Jangan khawatir sobat! Anda mungkin berpikir bahwa hal itu akan sedikit sulit untuk menerapkan semacam ini di halaman blogger tapi itu tidak benar karena Anda berpikir! Padahal, Ini adalah tugas yang paling mudah untuk memasukkan WIDGET ini dalam blog kita. Cukup ikuti langkah-langkah sederhana yang diberikan di bawah ini.

 >>    Pergi Untuk Blogger >> Dashboard >> Halaman

 >>       Buat New Page >> Halaman Kosong

 >>        Masukkan Judul Halaman Yours Choice.

 >>      Go To HTML Tab

Alt tag HTML Tab

             

>>      Salin Kode Di Bawah Dan Tempelkan D Tab HTML.

<style type=”text/css”>
#toc{
width:99%;
margin:5px auto;
border:1px solid #2D96DF;
-webkit-box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);
-moz-box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);
box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);
}
.labl{
color:#FF5F00;
font-weight:bold;
margin:0 -5px;
padding:1px 0 2px 11px;
background:-moz-linear-gradient(right,#C2EAFE 0%,#055A85 40%);
background:-webkit-gradient(linear,left 10,right 80,color-stop(0.20,#055A85)
,color-stop(1,#C2EAFE));
border:1px solid #2D96DF;
border-radius:4px;-moz-border-radius:4px;
-webkit-border-radius:4px;box-shadow:3px 3px 1px #bbb;
-moz-box-shadow:3px 3px 1px #bbb;-webkit-box-shadow:3px 3px 1px
 #bbb;display:block;
}
.labl a{
color:#fff;
}
.labl:first-letter{t
ext-transform:uppercase;
}
.new{
color:#FF5F00;
font-weight:bold;
font-style:italic;
}
.postname{
font-weight:normal;
background:-moz-linear-gradient(right,#C2EAFE 0%,#fff 40%);
background:-webkit-gradient(linear,left 80,right 10,color-stop(0.60,#fff)
,color-stop(1,#C2EAFE));
}
.postname li{
border-bottom: #ddd 1px dotted;
margin-right:5px
}

</style>

<div id=”toc”>
<script src=”https://googledrive.com/host/0ByNodV_m9cVLR0pm
WFgwZ1NmdW8/” type=”text/javascript”></script>
<script src=”http://www.YOURBLOGDOMAIN.com/feeds/posts/
default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc”>
</script></div>

>>     Ganti YOURBLOGDOMAIN Dengan Nama Blogger Anda

>>     Klik “Publikasikan” 

Selesai

Demikian Halaman sitemap sederhana untuk bloger yang saya suka untuk berbagi hari ini dengan kalian,Saya berharap postingan ini sedikit membantu bagi mereka yang membutuhkan halaman sitemap ini.
Terima kasih.

Membuat Sitemap Di Halaman Blogger

Demo

Cara Menambahkan Tombol Indah Ke Bloger


cara-alfiyah.blogspot.com+p+blog-page_3.html

Seperti yang kita ketahui bahwa memiliki desain yang lebih profesional dari sebuah blog di perlukan waktu ini karena memberikan beberapa manfaat.Bloger dan webmaster mencoba untuk membuat blogs desain mereka dengan pelayanan geratis,untuk itu Cara alfiyah hari ini mau memberikan informasi tentang cara pemasangan Button cantik buat anda yang belum punya.Sebetulnya pitur ini sangat berguna buat antar muka pengguna,seperti SEO+FIENDLY,Ruang Ad siap warna tidak akan tertutup kemungkinan.

Ulasan Buttons Indah

Demo

Ini adalah desain UI datar tombol yang indah yang akan membantu Anda untuk membawa keangkeran desain blog Anda. Tombol-tombol ini memiliki warna dan ukuran yang akan membantu Anda untuk menggunakannya untuk situasi dan tempat-tempat yang paling tepat yang berbeda. Ada tiga ukuran untuk tombol-tombol ini yang besar, menengah dan kecil. Cara Alfiyah. telah memilih lima total warna UI datar untuk tombol ini yang Biru, Hijau, Merah, Ungu, dan Green Sea. Sebenarnya, ini tidak tepat warna-warna yang disebutkan di atas tetapi kita dapat memanggil mereka di atas warna yang sama karena kebanyakan mereka cocok satu sama lain. Kami telah dikodekan tombol ini sedemikian rupa sehingga mereka tidak akan mempengaruhi pada kecepatan loading blog Anda karena kami telah menulis coding pendek, pipih dan hanya digunakan CSS3 tanpa gambar. Hal lain tentang tombol ini adalah bahwa mereka akan bekerja sempurna.

Cara Menambahkan Tombol Indah Ke Bloger

Menerapkan tombol ini di blog kita tidak ada pekerjaan yang sulit tapi setiap orang dapat dengan mudah menambahkan Cara Alfiyah dalam blog-nya dengan mengikuti langkah-langkah sederhana yang diberikan di bawah ini. Jadi, mari kita mulai langkah pertama dengan memasang tombol ini di blog kita.

Langkah 1.
 instalasi Pergi Ke Blogger >> Template >> Backup Template Anda
Klik Edit HTML dan Search For </ head>
Paste kode  Berikut di atas </ head>


<!– Flat UI Buttons By Www.BloggerYard.Com Start –>
<link href=”http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,
600,700,800″ rel=”stylesheet” type=”text/css”></link>

<style type=”text/css”>
.button {color:white!important; font-family:open sans; margin:10px 10px
10px 0;text-decoration:none!important; font-weight:700;border-radius:5px;
-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;
-oborder-radius:5px; transition:all .4s;-webkit-transition:all .4s;-moz-transition:
all .4s;-ms-transition:all .4s;-o-transition:all .4s;}

.blue {background: #3498db;border-bottom: 3px solid #226693;}
.blue:hover {background:#2980b9;}
.green {background: #2ecc71;border-bottom: 3px solid #1F8C4C;}
.green:hover {background: #27ae60;}
.red {background: #e74c3c;border-bottom: 3px solid #922C20;}
.red:hover {background:#c0392b;}
.purple {background: #9b59b6; border-bottom: 3px solid #74398E;}
.purple:hover {background:#8e44ad;}
.seagreen {background: #1abc9c;border-bottom: 3px solid #127F69;}
.seagreen:hover {background: #16a085;}
.big {font-size:18px; padding:15px 20px;}
.medium {font-size:15px; padding: 10px 15px;}
.small {font-size:12px; padding:8px 10px;}
</style>
<!– Flat UI Buttons By Www.BloggerYard.Com End –>

KLIK “Simpan Template”.
Instalasi Selesai!

Langkah 2.

 Menambahkan Tombol UI Datar di Blogger

Andari dapat menggunakan tombol UI Datar di mana Saja di blog Andari. Untuk ITU, Andari HANYA Perlu menyalin Kode tombol apapun Dan tempel di mana Saja Andari ingin menggunakannya. Di Bawah Suami, Cara alfiyah Akan memberikan Kode tombol Dan juga Akan menunjukkan kepada Andari bahwa bagaimana kitd dapat menggunakannya Dalam, posting.

Pergi Ke Blogger >> Buat  Posting Baru
KLIK “HTML” Tab
Copy Paste Kode Dan Tombol terkait masih berlangsung



Big Size Buttons

<a class=”button blue big” href=#>Blue Button</a>
<a class=”button green big” href=#>Green Button</a>
<a class=”button red big” href=”#“>Red Button</a>
<a class=”button purple big” href=”#“>Purple Button</a>
<a class=”button seagreen big” href=”#“>SeaGreen </a>

Medium Size Buttons

<a class=”button blue medium” href=”#“>Blue Button</a>
<a class=”button green medium” href=”#“>Green Button</a>
<a class=”button red medium” href=”#“>Red Button</a>
<a class=”button purple medium” href=”#“>Purple Button</a>
<a class=”button seagreen medium” href=”#“>SeaGreen</a>

Small Size Buttons

<a class=”button blue small” href=”#“>Blue Button</a>
<a class=”button green small” href=”#“>Green Button</a>
<a class=”button red small” href=”#“>Red Button</a>
<a class=”button purple small” href=”#“>Purple Button</a>
<a class=”button seagreen small” href=”#“>SeaGreen </a>


Ganti # Dengan The Link Button.
Ganti Teks Disorot Dengan Text Anda Yang Ingin Tampilkan Pada Tombol itu.
Siapkan Pos Konten dan Publikasikan.

Akhir Kata

Demikianlah posting Cara Menambahkan Tombol Indah Ke Bloger semoga bermanfaat,Apa pendapat Anda tentang indikasi Saya ? atau ada metode blog indikasi yang Anda tahu ? mohon berbagi dengan kami dibagian komentar, Salam Blogger.



How To Save The Star Ratings In Blogger

 How To Save The Star Ratings In Blogger

Posts among blogers if we have meet the demand of readers,the publishing of a page sometimes they do not want to comment after analyzing the new article.Fact that they need the information published by bloggers such as widgets , social, media and other tips . Sometimes they are in a hurry we are reluctant to see the writing carefully , just the point that note , for the more simple we can keep their star ratings  can click one time only then it is a postig feedback for our page . For that we will provide a way to add your article  Star Ratings


Follow the way of uptake

Step 1 .Open Your  Blogger Account
Step 2 . Go to Home Rating Widget 
             List do with filling pormulir available .

 Step 3.icone select bloggers just click the picture . 

 How To Save The Star Ratings In Blogger


 Step 4. specify the mode of for example right center , left to save the star ratings , whatever you want are selected.
 Step 5.Klik Add Widget , to check the look on your page Follow the way of uptake

 How To Save The Star Ratings In Blogger


Step 5. And pinally,drag the star Rating Button below post body then Clik Save arranggement button

 How To Save The Star Ratings In Blogger


So How to Setup Star Rating Widget Hopefully this article useful for you, success always.

How to Add Histats In Blog/Website

 How to Add Histats In Blog/Website

Previous entry in LIST Histats do you first have to do a LIST to fill fields, such as Name, eMail and a new name for the entry in Histats.Setelah successful you are asked to fill in name blogs / websites. example:
* Create new website / blog and fill in the time zone, category, title and deskription blog / website do not forget to smear a small box fill in the captcha below.
* Get Your Counter Code Coppypaste sample code 2442806 then click on the link your website name Coppypaste sample code 2442806 then click on the link your website name, there will be a box fill existing code continue.
* Put In Your Cde Counter blog / Website Then select one of the counter style



 How to Add Histats In Blog/Website


How to Counter retrieval code counter code -> add new counters -> select one counter You can see the pictures that show the widget javascript code 


 How to Add Histats In Blog/Website


Similarly, the way to take histats, less and more shall you please be advised may be useful, and you are satisfied with this article please share it with friends on the other bloggers.