Cara Menghapus Pengikut Blog......

Seperti postingan saya sebelumnya tentang Cara Menghapus Follower Blog yang mungkin ada sedikit mis-Komunikasi penyampaian, maksud saya "Kita berhenti mengikuti Blog orang lain" :w; sekarang yang akan saya bahas kebalikannya yaitu "Meng-Blok Follower Blog atau Menghapus Pengikut Blog Kita" 

Kalau ada kawan yang bertanya mengapa Pengikut Blog kita dihapus...... ?! :y; 

Seperti apa yang saya sampaikan sebelumnya Follower Blog banyak kepentingan disana, seperti Fotonya kurang senonoh, tidak sopan atau Link Blognya [Blog-x] dan lain sebagainya. :z; 

Pada penyampaian saya sekarang ini secara Image / Gambar, Caranya seperti berikut :

• Masuk Account Blogger dengan ID kawan 
• Pada Dasbor pilih Angka [Jumlah Pengikut]

Dasbor Blogger Lama

Dasbor Blogger Baru

• Selanjutkan akan tampil Pengikut Blog dan pilih yang akan dihapus

• Berikut akan kelihatan Pengikut Blog yang kita pilih tadi 
• Image kiri pilih Block this user 
• Akan keluar Image kanan - pilih Block

Pilihan Menghapus

• Sampai disini penghapusan Pengikut Blog sudah selesai
• Seandainya kawan ingin menghapus yang lainnya lakukan seperti dari awal tadi
• Kalau penghapusan sudah selesai, pilih Dasbor untuk kembali

Pengikut Blog

Nah cukup mudah bukan !!!

Pesan saya : 

Penghapusan Pengikut / Follower agar seselektif mungkin

Contoh penghapusan yang saya lakukan karena itu [Blog-x]

Read more ...

Cara Menghapus Follower Blog

Kalau berbicara mengenai Blog, sudah pasti tidak terlepas dari Posting / Artikel, Iklan Sponsor / Image / Banner, Chatt Box [CBox, Shoutmix dll] Follow / Pengikut dan lain sebagainya :r; 

Sekarang saya akan berbagi dengan kawan khusus tentang Follow / Pengikut Blog / Teman Blogger :w; yang pada umumnya keinginan kawan kita itu berbeda-beda kepentingan [ada yang sekedar mengikuti Blog kita supaya kita senang], tapi sebenarnya Blogger tersebut ada keinginan tertentu misalnya ingin mendapatkan Backlink atau sebaliknya menaruh Link SPAM di Blog kita, ini hanya ilustrasi saja :y;

Kembali kepokok Artikel tentang Follow Blog, sudah pasti Blog yang kita ikuti kemungkinan permintaan kawan Blogger lewat Komentar, Chatt dll [misalnya Follow saya] yang selanjutnya Blog tersebut ada yang masih jalan atau sebaliknya Blog yang sudah ditinggalkan oleh pemiliknya [tidak diurus] ini yang menjadi masalah untuk Blog kita. :z;

Cara mengatasi masalah ini satu-satunya jalan dengan menghapus / berhenti mengikuti Blog tersebut, Untuk jelasnya saya tampilkan dengan gambar-gambar :

• Masuk Account Blogger dengan ID kawan
• Pada Dasbor Pilih - Lihat Image

• Pada Daftar Follow tentukan pilihan yang akan dihapus

• Selanjutnya akan muncul Tab Windows berikut 

• Image berikut diminta konfirmasi tindak lanjut

• Penghapusan sudah selesai dan kawan akan dibawa kembali ke Daftar Follow
• Lakukan hal yang sama untuk menghapus Follow yang lain

Read more ...

Slide Carousel untuk Daftar Isi

Cara Membuat Animasi Daftar Isi Otomatis yang pernah saya posting disini dan disini yang Demonya disini, yang kalau dipraktekkan hasilnya selalu gagal [atau kemungkinan diperlukan Template khusus] tapi kawan tak usah berkecil hati karena saya sudah menemukan Cara Membuat Slider Carousel Otomatis Berdasarkan Label yang modelnya hampir sama dengan Animasi Daftar Isi Otomatis karena sudah saya modifikasi dari Berdasarkan Label menjadi Daftar Isi yang model tampilannya seperti Image berikut :

Untuk Demonya kawan bisa lihat  

Setelah kawan melihat Demonya, mari kita langsung ke Cara Membuatnya

• Masuk Account Blogger dengan ID kawan
• Pada Dasbor pilih Template - Edit HTML - Lanjutkan 
• Cari tag ]]></b:skin>
• Copas Script berikut diatas ]]></b:skin>

#bbccarousel{
width: 980px;
height:125px;
border-bottom:1px solid #ccc;
position:relative;
display:block;
background:#5599e6;
margin-bottom:8px;
}
#bbccarousel h3{
color:#555;margin:2px;
}
#bbccarousel .container{
position:absolute;left:24px;
width:930px;
height:125px;
overflow:hidden;
}
#bbccarousel .thumb{float:left;margin-right:5px;}
#bbccarousel #previous_button{
position:absolute;
width:24px;height:125px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNYjvVzbkRd1s5mtagbmYC-GvDBwHLXgCA4XhOnx7Uzr5xal0UMlJiJiwAfjdAbxkYtr9yD9vWWZTaMyTGWoHzMMEoF9RDK9nPaMf94qkFmf9I4goD4WpvLAxZmBoEWNx8bMHuIYNwvP63/s1600/previous.png) center;z-index:100;cursor:pointer;}
#bbccarousel #next_button{
position:absolute; right:0;
width:24px;height:125px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1DrxW11PvxoLCF7E6bLGik1nSCZB8gxIL_2jPZck5KEpWNKWec6pxkEM3P_4FElSQU-sUdpfQe4exBP00Bccos9I9uiEDmQtDcmOlbmV5EYZRsjJxeJFK4N_duX-O2h4xZkcCdJ1aPZF6/s1600/next.png) center;z-index:100;cursor:pointer;}
#bbccarousel #next_button:hover,#bbccarousel .thumb:hover,#bbccarousel #previous_button:hover{filter:alpha(opacity=70);opacity:.7}
#bbccarousel ul{
width:100000px;
position:relative;
margin-top:10px;
}
#bbccarousel ul li{
background:#ebebeb;
display:inline;
float:left;text-align:left;
font:bold 11px Arial;
border:0px solid #ccc;
width:212px;
height:90px;
margin:0 2px 20px 6px;
padding:6px;
}
#bbccarousel ul li a.slider_title{
color:#222;
display:block;
margin-top:0;
padding-top:0;
}
#bbccarousel ul li a.slider_title:hover{color:#1b5d97}
#bbccarousel a img{
display:block;
background:#fff;
margin-top:0;
}

• Selanjutnya Copas script berikut dibawah ]]></b:skin> atau diatas </head> 

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'/>
<script src='https://sites.google.com/site/blogbegocreation/javascript/bbccarousel.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
imgr = new Array();
imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAH9dy09Chpwjh4oO5HUA3kSET13uhcNqyAHmHQjR17pSl0mAxFag3tC8zpkQiCxeNs5XNnjQzNDmQMfuiQMJyiDWdGV5T6S3oO6ibNCTM9NV6Fmd-nkhC7Nk-czJfFN120BqCLvHvKv0/s1600/no+image.jpg";
showRandomImg = true;
aBold = true;
summaryPost = 140;
summaryTitle = 25;
numposts1 = 50;
function removeHtmlTag(strx,chop){
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
s = s.join("");
s = s.substring(0,chop-1);
return s;
}
function showrecentposts(json) {
j = (showRandomImg) ? Math.floor((imgr.length+1)*Math.random()) : 0;
img = new Array();
document.write('<ul>');
for (var i = 0; i < numposts1; i++) {
var entry = json.feed.entry[i];
var posttitle = entry.title.$t;
var pcm;
var posturl;
if (i == json.feed.entry.length) break;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
posturl = entry.link[k].href;
break;
}
}
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'replies' && entry.link[k].type == 'text/html') {
pcm = entry.link[k].title.split(" ")[0];
break;
}
}
if ("content" in entry) {
var postcontent = entry.content.$t;}
else
if ("summary" in entry) {
var postcontent = entry.summary.$t;}
else var postcontent = "";
postdate = entry.published.$t;
if(j>imgr.length-1) j=0;
img[i] = imgr[j];
s = postcontent ; a = s.indexOf("<img"); b = s.indexOf("src=\"",a); c = s.indexOf("\"",b+5); d = s.substr(b+5,c-b-5);
if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")) img[i] = d;
//cmtext = (text != 'no') ? '<i><font color="'+acolor+'">('+pcm+' '+text+')</font></i>' : '';
var month = [1,2,3,4,5,6,7,8,9,10,11,12];
var month2 = ["Jan","Feb","Mar","Apr","May","Jun","Jul","Ags","Sep","Okt","Nov","Des"];
var day = postdate.split("-")[2].substring(0,2);
var m = postdate.split("-")[1];
var y = postdate.split("-")[0];
for(var u2=0;u2<month.length;u2++){
if(parseInt(m)==month[u2]) {
m = month2[u2] ; break;
}
}
var daystr = day+ ' ' + m + ' ' + y ;
var trtd = '<li class="car"><div class="thumb"><a href="'+posturl+'"><img width="100" height="90" class="alignnone" src="'+img[i]+'"/></a></div><h3>'+daystr+'</h3><a class="slider_title" href="'+posturl+'">'+posttitle+'</a></li>';
document.write(trtd);
j++;
}
document.write('</ul>');
}
//]]>
</script>

• Simpan Template kawan
• Teks yang saya beri warna merah, seandainya pada Template kawan sudah berisi walaupun serialnya berbeda - bisa dihilangkan, cukup pasang satu saja
• Teks yang saya beri warna Kuning adalah jumlah Posting yang dipakai Slider, bisa dirubah

Langkah terakhir adalah memanggil Slide, disini kawan ada dua cara » Langsung di Template dan » Tambah Gadget [INGAT Pilih salah satu]
Kalau langsung pada Template : 

• Beri tanda check disamping  Expand Template Widget 
• Cari  <div id='main-wrapper'> 
• Copas script berikut diatasnya [sebelumnya di Parse dulu]

Kalau kawan ingin menaruhnya di Gadget :

• Pada Tata Letak pilih Tambah Gadget - HTML / JavaScript
• Copas script berikut kedalamnya

<div id='bbccarousel'>
<div id='previous_button'/>
<div class='container'>
<script>
document.write(" <script src=\"/feeds/posts/default?max-results="+numposts1+"&orderby=published&alt=json-in-script&callback=showrecentposts\"><\/script>");
</script>      
<div class='clear'/></div>
<div id='next_button'/></div>
<script type='text/javascript'>
(function($) {     $(document).ready(function(){
$("#bbccarousel .container").bbcCarousel({
    auto:4000,
    scroll: 3,
    speed: 800,  
    visible: 4,
    start: 1,
    circular: true,
    btnPrev: "#previous_button",
    btnNext: "#next_button",
    });
    })})(jQuery)  
</script></div></div></div>

• Simpan Kembali Template / Blog kawan

Kelebihan Slider Carousel untuk Daftar Isi ini selain bisa dipanggil lewat Gadget juga bisa dipakai untuk Slider berdasarkan Label / Katagori :q; 

Caranya sebagai berikut :

misalnya kawan ingin Slide dengan Label tutorial maka 

• numposts1 =50, bisa kawan sesuaikan dengan jumlah Label yang ingin dipakai Slide 
• Tambahkan  label1="tutorial", dibawah  numposts1 = 50; 
• Ganti  <script src=\"/feeds/posts/default?max-results="+numposts1+"&orderby=published&alt=json-in-script&callback=showrecentposts\">  dengan  <script src=\"/feeds/posts/default/-/"+label1+"?max-results="+numposts1+"&orderby=published&alt=json-in-script&callback=showrecentposts\">
• Simpan Template kawan

Read more ...

Slide Daftar Isi Lainnya

Kawan masih ingat dengan Artikel saya tentang Slide Daftar Isi :z; kalau ingin membacanya dipersilahkan dulu, karena yang sekarang ini bentuk dan modelnya sama cuma ini mempunyai kelebihan tersendiri pokoknya Keren [bagi saya pribadi lho] karena yang ini bisa diatur misalnya ukuran, warna huruf, untuk lihat Demonya disini

SCREENSHOT

Cara membuatnya sebagai berikut :

• Masuk Account Blogger dengan ID kawan
• Pada Dasbor pilih Tata Letak - Tambah Gadget - HTML / JavaScript
• Copas Script berikut kedalamnya

<style type="text/css">
.gfg-root {
width : 100%;
height : auto;
position : relative;
overflow : hidden;
text-align : center;
font-family: "Arial", sans-serif;
font-size: 14px;
border: 1px solid #000;
}
.gfg-title {
font-size: 20px;
font-weight : bold;
font-family: Segoe Print;
color : #FF0;
text-shadow: 1px 1px 1px #F00;
background-color: #000;
line-height : 1.4em;
overflow : hidden;
white-space : nowrap;
padding: 5px;
}
.gfg-title a {
color : #3366cc;
}
.gfg-subtitle {
font-size: 15px;
font-weight : bold;
color : #3366cc;
background-color: #E5ECF9;
line-height : 1.4em;
overflow : hidden;
white-space : nowrap;
margin-right: 5px;
float: left;
}
.gfg-subtitle a {
color : #3366cc;
display:none !important;
}
.gfg-entry {
background-color : white;
width : 100%;
height : 6.9em;
position : relative;
overflow : hidden;
text-align : left;
margin-top: 3px;
padding: 5px;
}
/* To allow correct behavior for overlay */
.gfg-root .gfg-entry .gf-result {
position : relative;
background-color : white;
width : 480px;
height : 100%;
padding-left : 10px;
padding-right : 10px;
float: left;
margin-right: 10px;
}
.gfg-list {
position : relative;
overflow : hidden;
text-align : left;
margin-bottom : 5px;
display:none !important;
}
.gfg-listentry {
line-height : 1.5em;
overflow : hidden;
white-space : nowrap;
text-overflow : ellipsis;
-o-text-overflow : ellipsis;
padding-left : 15px;
padding-right : 10px;
margin-left : 5px;
margin-right : 10px;
}
.gfg-listentry-odd {
background-color : #F6F6F6;
}
.gfg-listentry-even {
}
.gfg-listentry-highlight {
background-image : url('garrow.gif');
background-repeat: no-repeat;
background-position : center left;
}
/*
* FeedControl customizations.
*/
.gfg-root .gfg-entry .gf-result .gf-title {
font-size: 24px;
line-height : 1.2em;
overflow : hidden;
white-space : nowrap;
text-overflow : ellipsis;
-o-text-overflow : ellipsis;
margin: 0 auto 2px;
}
.gfg-root .gfg-entry .gf-result .gf-snippet {
height : 3.8em;
color: #000000;
margin-top : 3px;
}
/*
* Easy way to get vertical mode, applicable via js options to gadget.
*/
.gfg-vertical-container {
position : relative;
}
.gfg-vertical-root {
height : 1.5em;
_height : 100%;
position : relative;
white-space : nowrap;
overflow : hidden;
text-align : center;
font-family: "Arial", sans-serif;
font-size: 13px;
border: 1px solid #AAAAAA;
padding : 5px;
margin-right : 80px;
}
.gfg-vertical-root .gfg-title {
font-weight : bold;
background-color: #FFFFFF;
line-height : 1.5em;
overflow : hidden;
white-space : nowrap;
float : left;
padding-left : 10px;
padding-right : 12px;
border-right: 1px solid #AAAAAA;
}
.gfg-vertical-root .gfg-title a {
color : #444444;
text-decoration : none;
}
.gfg-vertical-root .gfg-entry {
width : auto;
height : 1.5em;
position : relative;
overflow : hidden;
text-align : left;
margin-top : 0px;
margin-left : 0px;
padding-left : 10px;
}
/* To allow correct behavior for overlay */
.gfg-vertical-root .gfg-entry .gf-result {
position : relative;
background-color : white;
width : 100%;
height : 100%;
line-height : 1.5em;
overflow : hidden;
white-space : nowrap;
}
.gfg-vertical-root .gfg-list {
display : none;
}
/*
* FeedControl customizations.
*/
.gfg-vertical-root .gfg-entry .gf-result .gf-snippet,
.gfg-vertical-root .gfg-entry .gf-result .gf-author {
display : none;
}
.gfg-vertical-root .gfg-entry .gf-result .gf-title {
color: #0000cc;
margin-right : 3px;
float : left;
}
.gfg-vertical-root .gfg-entry .gf-result .gf-spacer {
float : left;
}
.gfg-vertical-root .gfg-entry .gf-result .gf-spacer,
.gfg-vertical-root .gfg-entry .gf-result .gf-relativePublishedDate {
display : block;
color: #AAAAAA;
}
.gfg-branding {
white-space : nowrap;
overflow : hidden;
text-align : left;
position : absolute;
right : 0px;
top : 0px;
width : 80px;
}
.gfg-collapse-open, .gfg-collapse-closed {
background-repeat : no-repeat;
background-position : center;
cursor : pointer;
float : right;
width : 17px;
height : 20px;
}
.gfg-collapse-open {
background-image : url('arrow_open.gif');
}
.gfg-collapse-closed {
background-image : url('arrow_close.gif');
}
.gfg-collapse-href {
float : left;
}
.clearFloat {
clear : both;
}
#feedGadget {
margin-top : 5px;
margin-left: auto;
margin-right: auto;
width : 500px;
font-size: 10px;
color: #9CADD0;
}
</style>
<noscript><a href="http://blogbego-creation.blogspot.com" target="_blank">BLOGBEGO CREATION</a></noscript>
<script src="http://www.google.com/jsapi/?key=internal-sample"
type="text/javascript"></script>
<script src="https://sites.google.com/site/blogbegocreation/javascript/gfdynamicfeedcontrol.js" type="text/javascript"></script>
<script type="text/javascript">
function showGadget() {
var feeds = [
{title:'title',
url:'http://blogbego-creation.blogspot.com/atom.xml?redirect=false&start-index=1&max-results=999'},
];
new GFdynamicFeedControl(feeds, 'feedGadget',
{numResults : 1000, stacked : true,
title: "BlogBego Creation Post"});
}
google.load("feeds", "1");
google.setOnLoadCallback(showGadget);
</script>
<noscript><a href="http://blogbego-creation.blogspot.com" target="_blank">BLOGBEGO CREATION</a></noscript>
<div id="feedGadget"><center><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRFDDgMikJ7d0r4cMhN26T-rC_NQY7qapK6siHaJgc-ht-KiduJi1ONQP7B4Vr4GBHs-c69CWmZFajxJ3-NCCC_NZGikySgFvXcwGaxwijlanBIXxmp_b-QaNE0j2OLwnDid-h0yUX3Wtf/s1600/loading+(1).gif" /></center></div>
<div id="feedGadget"><a href="http://blogbego-creation.blogspot.com" target="_blank">widget</a>.</div>

• Silahkan ganti teks yang saya beri warna merah sesuai URL kawan 
• Simpan Blog kawan

Read more ...