Vabrose: widget

Showing posts with label widget. Show all posts

Saturday, February 25, 2017

Cara MODIFIKASI Widget STATISTIK Blogger KEREN

Salam Blogger, kali ini BLOGGINGPASURUAN berbagi tutorial tentang “Cara MODIFIKASI Widget STATISTIK Blogger KEREN “ menggunakan background warna dengan horizontal style. Atau seperti gambar diatas

Adapun Fitur dari widget statistik blog ini:

? Menampilkan Jumlah postingan

? Menampilkan Jumlah Komentar

? Menampilkan Total Tayang Laman

Silahkan ikuti langkah-langkah berikut menambahkan widget statistis blogger ini ke blog:

1.Pada Dasbor pilih menu Tata Letak

2.Tambah Gadget >> Pilih widget Statistik blog

Pada kolom konfigurasikan widget, anda tidak perlu mengganti nama atau memilih tampilan, langsung klik simpan dan klik simpan lagi.

3. Sekarang masuk menu Template >> Pilih edit HTML

4. Klik Ctrl+F dan cari kode ]]></b:skin>

5. Kemudian letakkan kode CSS berikut diatas kode ]]></b:skin>

#Stats1 ul{margin:0px 0;border:0;padding:0}

#Stats1 li{display:inline;width:28%;margin:0;border:0;background-color:#fff;background:#0090D5;color:#fff;float:left;padding:5px 7px;text-decoration:none;text-shadow:none;margin:0 1px 1px 0;font-size:12px;list-style-type:none}

#Stats1 h4{margin:0;font-size:18px;line-height:1.2em;color:#fff;text-shadow:none}

#Stats1 span{font-size:12px;color:#fff;text-shadow:none}

#totalComments{background-position:0 -68px}

#totalCount{background-position:0 -136px}

Anda bisa mengganti background, warna font pada kode CSS widget statistik diatas agar sesuai dengan desain template blog anda.

6. Klik Ctrl+F dan cari kode berikut:

<b:widget id=Stats1 locked=false title=Total tayangan lamantype=Stats/>

7. Setelah dapat, ganti kode tersebut dengan kode berikut:

<b:widget id=Stats1 locked=false title= type=Stats>

<b:includable id=main>

<b:if cond=data:title><h2><data:title/></h2></b:if>

<ul>

<li>

<h4 id=Stats1_totalPosts>&hellip;</h4>

<span>Posts</span>

</li>

<h4 id=Stats1_totalComments>&hellip;</h4>

<span>Comments</span>

</li>

<h4 expr_id=data:widget.instanceId + "_totalCount">&hellip;</h4>

<span>Pageviews</span>

</li>

</ul>

//<![CDATA[

function totalPosts(json){document.getElementById(Stats1_totalPosts).innerHTML=json.feed.openSearch$totalResults.$t};function totalComments(json){document.getElementById(Stats1_totalComments).innerHTML=json.feed.openSearch$totalResults.$t};document.write(<script type="text/javascript" src="/feeds/posts/default?alt=json-in-script&max-results=0&callback=totalPosts"></script><script type="text/javascript" src="/feeds/comments/default?alt=json-in-script&max-results=0&callback=totalComments"></script>);

//]]>

</script>

</div>

</b:includable>

</b:widget>

Anda bisa mengganti tulisan yang memiliki background warna diatas dengan kata-kata anda sendiri

8. Simpan template dan lihat hasilnya diblog anda.

Demikian tutorial tentang Cara MODIFIKASI Widget Statistik Bawaan Blogger menjadi lebih KEREN selamat mencoba semoga bermanfaat..

Available link for download

Cara Membuat Widget About the Author tentang Penulis Blogger 3

Bloggingpasuruan – Saya sebelumnya sudah share mengenai Widget "Abaut Me" atau About the Author blogger ini perbedaan dari widget sebelumnya hanya terletak pada desain widgetnya saja. Widget kali ini memiliki latar belakang profil berupa foto, nama dan deskripsi tentang penulis blog. Widget About the Author ( tentang penulis ) di buat sederhana namun kesan pro masih melekat dalam desainnya, widget hanya menunjukkan sebuah gambar dengan Google+ tombol dan link ke profil Google+ pengikut. Kali ini Bloggingpasuruan akan model widget "About Me" yang di letakkan dibawah posting blog namun mudah digunakan, keren dan ada tambahan 3 tombol jaringan sosial di dalam widget yang. Saya harap Anda menyukai widget ini. Untuk menambahkan widdget ini ke blog ikuti langkah-langkah di bawah ini

Baca juga : Widget About the Author ( profesional )dengan 4 model pilihan widget

Cara Membuat Widget About the Author ( tentang Penulis ) Blogger #3

1. Masuk ke Blogger >> Dashboard >> Templete >> Edit HTML

2.Cari kode <head>, kalau sudah ketemu >> letakkan kode di bawah ini sebelumkode <head>

<link href=http://fonts.googleapis.com/css?family=Droid+Serif rel=stylesheet type=text/css/>

3. Kemudian cari juga kode seperti di bawah ini :

<div class=post-footer-line post-footer-line-1>

4.Anda akan menemukan dua atau lebih kode yang mirip atau sama ( kode di bawah ini jangan diletakkan pada kode yang pertama ), sekarang salin kode dibawah ini ( kode CSS ) dan paste tepat di bawah kode yang ke kedua.

<b:if cond=data:blog.pageType == "item">

.ks-auth {height:160px; width:500px; background:#151515; margin:auto;overflow:hidden; -webkit-box-shadow: 0px 1px 5px rgba(0,0,0,.25);

-moz-box-shadow: 0px 1px 5px rgba(0,0,0,.25);

box-shadow: 0px 1px 5px rgba(0,0,0,.25);}

.ks-auth1 {width:120px;height:100%; float:left;}

.ks-auth2 {float:right; margin-top:-155px;}

.ks-auth2 h3 { color:#fff; margin-left:135px; margin-top:8px; margin-bottom:8px; border-bottom:1px dashed #5C97BF;font-family: Droid Serif, serif; font-weight:300;font-size:16px;}

.ks-auth2 img { float:right; margin-right:7px; height:20px; width:20px; margin-top:-4px}

.ks-auth2 img:hover { opacity:.9;}

.ks-auth2 p {font-size:13px; color:#fff; margin-left:135px;font-family: Droid Serif, serif; line-height:1.5; margin-top:5px; font-weight:100}/*crawlist.net CSS ends*/

</style><!—bloggingpasuruan.blogspot.co.id - widget starts-->

</div>

<h3>About Author <a href="http://plus.google.com/ID google plus anda" title="Find me on Google plus" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2ETB9gy2zejhg2xIWvwW0EYPYBT7Cvq7zXA9qgj7Cq2JfgkHlPyE9rEF5MWBRBwIQ7nRLOzUpFx_4nohDulVdU7uIRvHemLO0ZobpAllRsrYg-H2bRWqnItXD-v22CA72htSdTsNcfnY/s1600/google-plus_64.png"/></a>

<p>Tulis diskripsi profile Anda sebagai penulis blog disini { kira 30 sd 40 kata }</p>

</div></div><!—blogginpasuruan.blogspot.co.id - widget ends--></b:if>

5. Jika Anda tidak menemukan kode <div class=post-footer-line post-footer-line-1>

Pada template blog, silakan cari kode ini : </article>

6. Kemudian paste kan kode CSS di atas dibawah kode </article>

Jika ada masalah dengan widget diatas, silahkan tinggalkan komentar anda di kotak komentar di bawah ini.

Semoga bermanfaat….

Available link for download

Cara Membuat Widget Email Subcribe dengan Ripple Animasi di Blogger

Tujuan kita dalam membuat sebuah blog tentu tidak lepas dengan pengunjung (visitor), baik visitor bertarget maupun tidak, visitor yang datang melalui Search Engine maupun hasil Blogwalking. Nah, biasanya ada suatu visitor yang menganggap blog anda selalu berguna untuknya, selalu dianggap menarik dalam segi isi dan cara penulisannya. Maka dari itu dibutuhkan widget seperti Artikel Berlangganan agar memudahkan visitor mengakses artikel anda apabila suatu saat anda meng-update.

Kali ini saya akan posting tentang Cara Membuat Widget Email Subcribe dengan Ripple Animasi di Blogger, memang sudah banyak artikel tentang cara mendisain widget Email Subscribe namun desain kali ini cukup sederhana menarik dan responsive.

Lihat DEMO

Catatan :Disini Anda harus memiliki ID Feedburnersebelum memasang Widget Subscribe dengan Ripple Animasi di atas. Untuk mendaftarkan Blog Anda di Feedburner terlebih dahulu untuk mendapatkan ID Feedburner yang nantinya akan diletakkan pada script yang akan saya terangkan lebih lengkap seperti dibawah ini.

Silahkan baca “ CaraLengkap Mendaftarkan Blog ke Feedburner Google ”

Ikuti langkah-langkahnya berikut ini :

1. Masuk ke akun Blogger Anda

2. Masuk ke Dashboard >> Templete >>Edit HTML

3. Cari kode berikut ini ]]</b:skin>jika sudak ketemu, letakkan kode dibawah ini sebelum kode ]]</b:skin>

CCS - Bloggingpasuruan.blogspot.co.id

/* CSS Subscribe email by bloggingpasuruan.blogspot.co.id */

@import url(https://fonts.googleapis.com/css?family=Oswald);

.subscribe-box { background: #00ACF5;color: #FFF;width:86%;letter-spacing: 1px;text-align: center;padding: 20px;font-family:'Open Sans'box-shadow: 1px 1px 2px;}

.text-subscribe {text-transform: uppercase;}

.bigger-text {font-size: 50px;font-weight: 900;}

.text2-subscribe {text-align: justify;font-family:'Open Sans'margin-top: 3px;line-height: 1.5em;margin-bottom: 20px;font-size: 12px;}

input.newsletter-address {width: 80%;padding: 24px;background: #008BC5;color: #FFFFFF;font-family: Oswald;border: 0;}

.newsletter-address::-webkit-input-placeholder {color: #00ACF5;}

input.newsletter-submit {color: #FFF;transition: ease .3s all;font-family:'Oswald'cursor: pointer;background: #005D84;border: 0;width: 100%;padding: 10px;font-size: 15px;margin-top: 10px;text-align: center;}

.attention-subscribe { font-size: 11px;margin-top: 7px;font-family:'Open Sans'

}

input.newsletter-submit:hover {box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);}

input.ripple-effect.newsletter-submit:focus {box-shadow: 0px 5px 10px 2px rgba(0, 78, 111, 0.43);}

4. Setelah itu silahkan cari kode </head>jika sudah ketemu silahkan letakkan kode dibawah ini sebelum kode </head>

jQuery - Bloggingpasuruan.blogspot.co.id

//<![CDATA[

jQuery(document).ready(function(e){e("body").on("click",".ripple-effect",function(t){t.preventDefault();var i=e(this),a=i.attr("data-ripple-limit"),n=i.attr("data-ripple-color");if("undefined"==typeof n)var n="rgba( 0, 0, 0, 0.3 )";var o=i.attr("data-ripple-wrap-radius");if("undefined"==typeof o)var o=0;if("undefined"==typeof a)var r=i;else var r=i.closest(a);var p=r.offset(),d=t.pageX,s=t.pageY,f=r.outerWidth(),l=r.outerHeight(),u=e(<span class="ripple-effect-wrap"></span>);u.css({width:f,height:l,position:"absolute",top:p.top,left:p.left,"z-index":1e4,overflow:"hidden","background-clip":"padding-box","-webkit-border-radius":o,"border-radius":o});var c=i.attr("data-ripple-wrap-class");"undefined"!=typeof c&&u.addClass(c),u.appendTo("body");var b=d-p.left,m=s-p.top,g=1e3,h=e(<span class="ripple"></span>);h.css({width:g,height:g,background:n,position:"absolute",top:m-g/2,left:b-g/2,content:"","background-clip":"padding-box","-webkit-border-radius":"50%","border-radius":"50%","-webkit-animation-name":"ripple-animation","animation-name":"ripple-animation","-webkit-animation-duration":"5s","animation-duration":"5s","-webkit-animation-fill-mode":"both","animation-fill-mode":"both"}),e(".ripple-effect-wrap:last").append(h),setTimeout(function(){u.fadeOut(function(){e(this).remove()})},500);var v=i.attr("href"),w=i.attr("target");w||(w="_self"),"undefined"!=typeof v&&"#"!=v.substring(0,1)&&setTimeout(function(){window.open(v,w)},200),(i.is("input")||i.is("button"))&&setTimeout(function(){i.removeClass("ripple-effect"),i.trigger("click"),i.addClass("ripple-effect")},200)})});

//]]>

</script>

5. Setelah itu tekan Save ( simpan )

6. Kemudian silahkan masuk ke Dashboad >> Tata Letak >>Add Gadget (tambah gadget).Pada kotak yang di sediakan, silahkan masukan kode HTML dibawah ini ke dalam kotak tersebut.

HTML - Bloggingpasuruan.blogspot.co.id

<div class="subscribe-box"><div class="text-subscribe">Dapatkan Update Artikel Terbaru<div class="bigger-text">GRATIS !</div><div class="text2-subscribe"> Hanya dengan memasukkan id email Anda di bawah ini dan kemudian tekan tombol "Berlangganan" maka secara otomatis Anda akan menerima update artikel terbaru dari blog ini langsung di inbox email Anda!</div></div>

<div>

<form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open

(http://feedburner.google.com/fb/a/mailverify?uri=ID-FEEDBURNER-ANDA, popupwindow, scrollbars=yes,width=550,height=520);return

true" id="bg-embedded-subscribe-form" name="bg-embedded-subscribe-form" class="validate" target="_blank" novalidate>

<div>

</div>

</form>

</div>

<div class="attention-subscribe"> Kami tidak akan pernah spam Anda.</div></div>

7. Simpan, Selesai dan lihat hasilnya….

Jika Anda menemui masalah terkait desain dari Widget Email Subcribe dengan Ripple Animasi, silahklan tinggalkan pesan pada kotak komentar dibawah ini. Sebelumnya Admin mengucapkan terima kasih atas kunjungannya..

Anda suka artikel di atas ? Jangan lupa share ya…….

Available link for download

Cara Memodifikasi Widget Email Subcribe Feedburner Dan Social Share

Salam Blogger, Kali ini Bloggingpasuruan akan berbagi Cara Memodifikasi Widget Email Subcribe Feedburner Dan Social Share plus tombol share berputar di blog, Widget ini penting bagi pengunjung agar mereka lebih mudah mendapatkan informasi terupdate dari postingan Anda terbaru, dan para pengunjung blog mau untuk berlangganan dan share artikel blog anda tentunya. Dan penambahan tombol share perputar hanya sebuah aksesoris agar bisa menarik perhatian mata pengunjung. Untuk melakukan hal ini tidaklah sulit karena sudah saya sediakan pada postingan ini dengan modifikasi sehingga tampilan kotak feedburner menjadi lebih menarik dan dilengkapi dengan tombol share yang bisa berputar. Sehingga pengunjung bisa menikmati blog anda yang rapi dan teratur. Langsung saja menuju ke TKP hehehehehe

1. Login Blogger kemudian klik Tata Letak > Tambah Widget > pilih HTML/Java Script.

2. Kemudian masukan kode berikut ini :

Keterangan:

Ganti tulisan warna merahdengan ID Feedburner anda.

Ganti tulisan warna orangedengan ID Facebook anda.

Ganti tulisan warna hitam dengan ID Twitter anda.

Ganti tulisan warna biru dengan ID Google+ anda.

3. Simpan ( Save ) dan lihat hasilnya.

Available link for download

Cara Modifikasi Widget LABEL cloud Responsive Blogger

BLOGGINGPASURUAN - Label widget ini sangat berguna sebagai navigasi yang mudah. Kita semua tahu widget label Blogger tidak enak dipandang, untuk alasan ini saya telah membuat beberapawidget label cloud unik dengan sangat menarik dan jelas pengunjung Blog Anda akan menyukainya. Saya menggunakan kode CSS murni sehingga tidak akan menghambat waktu loading Blog Anda. Di sisi lain, dilihat dari bentuknya dapat menarik perhatian pengunjung. Untuk menambahkan widget ini silahkan ikuti langkah-langkah sederhana dari bawah ini :

SAYA AKAN MENYAJIKAN 7 DESAIN LABEL DAN ANDA DAPAT MEMILIH SESUAI SELERA

Cara Modifikasi Widget Label Bloggger ( cloud )

1.Masuk ke Akun Blogger Anda

2. Masuk ke menu Tata letak ( layout ) >> Add gadget

3. Setelah klik pada LABEL, lihat gambar dibawah ini cara memilih LABEL jenis CLOUD

4. Kemudian tekan Save, sampai disini proses pembuatan LABEL jenis CLOUD selesai namun masih dalam desain default-nya ( asli ), nah sekarang kita akan MODIFIKASI dengan desain yang kita inginkan.

Cara Modifikasi Widget Cloud Blogger >> DESAIN # 1

1. Masuk ke menu TEMPLETE >> EDIT HTML

2. Cari kode ]]></b:skin>: gunakan Ctrl+F untuk mempercepat pencarian

3. Letakkan kode script di bawah ini sebelum/diatas kode ]]></b:skin>

CSS - BLOGGINGPASURUAN

/* cloud label by http://bloggingpasuruan.blogspot.co.id*/

.label-size-1,.label-size-2,.label-size-3,.label-size-4,.label-size-5 {

font-size:100%;

filter:alpha(100);

opacity:10

}

.cloud-label-widget-content{

text-align:left

}

.label-size {

background:#0dd7b4;

display:block;

float:left;

margin:0 3px 3px 0;

color:#ffffff;

font-size:11px;

text-transform:uppercase;

}

.label-size a,.label-size span{

display:inline-block;

color:#ffffff !important;

padding:6px 8px;

font-weight:bold;

}

.label-size:hover {

background:#333333;

}

.label-count {

white-space:nowrap;

padding-right:3px;

margin-left:-3px;

background:#333333;

color:#fff !important;

}

.label-size {

line-height:1.2

}

Cara Modifikasi Widget Cloud Blogger >> DESAIN # 2

CSS - BLOGGINGPASURUAN

/* cloud label oleh http://bloggingpasuruan.blogspot.co.id */

.label-size-1,.label-size-2,.label-size-3,.label-size-4,.label-size-5 {

font-size:100%;

filter:alpha(100);

opacity:10

}

.cloud-label-widget-content{

text-align:left

}

.label-size {

border-radius:30px;

background:#FA0830;

display:block;

float:left;

margin:0 3px 3px 0;

color:#ffffff;

font-size:11px;

text-transform:uppercase;

}

.label-size a,.label-size span{

display:inline-block;

color:#ffffff !important;

padding:6px 8px;

font-weight:bold;

}

.label-size:hover {

border-radius:30px;

background:#333333;

}

.label-count {

white-space:nowrap;

border-radius:30px;

padding-right:3px;

margin-left:-3px;

background:#333333;

color:#fff !important;

}

.label-size {

line-height:1.2

}

Cara Modifikasi Widget Cloud Blogger >> DESAIN # 3

CSS - BLOGGINGPASURUAN

/* cloud label oleh http://bloggingpasuruan.blogspot.co.id */

.label-size-1,.label-size-2,.label-size-3,.label-size-4,.label-size-5 {

font-size:100%;

filter:alpha(100);

opacity:10

}

.cloud-label-widget-content{

text-align:left

}

.label-size {

border:5px dashed #000000;

border-bottom-right-radius: 30px;

border-top-left-radius: 30px;

background:#FA0830;

display:block;

float:left;

margin:0 3px 3px 0;

color:#ffffff;

font-size:11px;

text-transform:uppercase;

}

.label-size a,.label-size span{

display:inline-block;

color:#ffffff !important;

padding:6px 8px;

font-weight:bold;

}

.label-size:hover {

border:5px dashed #FA0830;

background:#000000;

}

.label-count {

white-space:nowrap;

border-bottom-right-radius: 30px;

border-top-left-radius: 30px;

padding-right:3px;

margin-left:-3px;

background:#000000;

color:#fff !important;

}

.label-size {

line-height:1.2

}

Cara Modifikasi Widget Cloud Blogger >> DESAIN # 4

CSS - BLOGGINGPASURUAN

/* cloud label oleh http://bloggingpasuruan.blogspot.co.id */

.label-size-1,.label-size-2,.label-size-3,.label-size-4,.label-size-5 {

font-size:100%;

filter:alpha(100);

opacity:10

}

.cloud-label-widget-content{

text-align:left

}

.label-size {

border: 8px inset #0572F8;

background:#0572F8;

display:block;

float:left;

margin:0 3px 3px 0;

color:#ffffff;

font-size:11px;

text-transform:uppercase;

}

.label-size a,.label-size span{

display:inline-block;

color:#ffffff !important;

padding:6px 8px;

font-weight:bold;

}

.label-size:hover {

background:#000000;

}

.label-count {

white-space:nowrap;

padding-right:3px;

margin-left:-3px;

background:#000000;

color:#fff !important;

}

.label-size {

line-height:1.2

Available link for download

Cara Membuat Widget SITEMAP Daftar Isi Blog Keren

Salam Blogger, Artikel kali ini tentang Widget lagi yaitu Cara membuat Widget DAFTAR ISI ( Sitemap ) Keren. Bloggingpasuruan akan mecoba membagikan widget Daftar isi Blog dengan menampilkan pada halaman statis di Blog Sobat.

Tertarik memasang Widget DAFTAR ISI ( SITEMAP ) di Blog Sobat ? Silahkan ikuti tutorialnya berikut ini :

1. Masuk Ke akun Bloger Sobat

2. Masuk Ke LAMAN >> Laman Baru

3. Pilih HTML untuk memasukkan kode di bawah ini ( jangan pilih compose…! )

containerId: "tabbed-toc", // Container ID

activeTab: 1, // The default active tab index (default: the first tab)

showDates: false, // `true` to show the post date

showSummaries: false, // `true` to show the posts summaries

numChars: 200, // Number of summary chars

showThumbnails: false, // `true` to show the posts thumbnails (Not recommended)

thumbSize: 40, // Thumbnail size

noThumb: "http://3.bp.blogspot.com/-vpCFysMEZys/UOEhSGjkfnI/AAAAAAAAFwY/h1wuA5kfEhg/s72-c/grey.png", // A "no thumbnail" URL

monthNames: [ // Array of month names

"January",

"February",

"March",

"April",

"May",

"June",

"July",

"August",

"September",

"October",

"November",

"December"

newTabLink: true, // Open link in new window?

maxResults: 99999, // Maximum post results

preload: 0, // Load the feed after 0 seconds (option => time in milliseconds || "onload")

sortAlphabetically: true, // `false` to sort posts by published date

showNew: 7, // `false` to hide the "New!" mark in most recent posts, or define how many recent posts are to be marked

newText: " - <em style=color:red;>New!</em>" // HTML for the "New!" text

};

</script>

4. Publikasikan

>> Lihat LINK WIDGET DAFTAR ISI dari Blog Sobat pada adress bar

>> Simpan LINK tersebut di notepad ( untuk sementara )

Cara membuat Widget DAFTAR ISI ( Sitemap ) ini tampil pada halaman statis Blog Sobat

Diatas adalah contoh DAFTAR ISI milik saya yang saya letakkan pada halaman statis Blog, Cara sebagai berikut di bawah ini :

1. Masuk ke TEMPLATE >> EDIT HTML

2. Cari “Sitemap” dengan menggunakan Ctrl+F ( masukkan sitemap pada kotak pencarian kode lalu tekan enter ). Umumnya kode akan tampak seperti di bawah ini ( atau lihat contoh kode milik saya seperti gambar di atas )

<li><a href= # target=_blank><i class=fa fa-sitemap/> Sitemap</a></li>

3. # masukkan LINK URL Sitemap milik Sobat yang disimpan di notepad tadi ( lihat langkah ke 4 )

4. Tekan Simpan Template ( Selesai ) dan Lihat hasilnya

Saya akan sangat berterima kasih jika sobat Blogger berkenan meninggalkan komentar, saran atau tambahan informasi serta pertanyaan seputar artikel Cara membuat Widget DAFTAR ISI ( Sitemap ) Keren. Semoga bermanfaat dan terima kasih..

Available link for download

Vabrose

Saturday, February 25, 2017

Cara MODIFIKASI Widget STATISTIK Blogger KEREN

Cara MODIFIKASI Widget STATISTIK Blogger KEREN

Wednesday, February 22, 2017

Cara Membuat Widget About the Author tentang Penulis Blogger 3

Cara Membuat Widget About the Author tentang Penulis Blogger 3

Saturday, February 18, 2017

Cara Membuat Widget Email Subcribe dengan Ripple Animasi di Blogger

Cara Membuat Widget Email Subcribe dengan Ripple Animasi di Blogger

CCS - Bloggingpasuruan.blogspot.co.id

jQuery - Bloggingpasuruan.blogspot.co.id

HTML - Bloggingpasuruan.blogspot.co.id

Tuesday, February 7, 2017

Cara Memodifikasi Widget Email Subcribe Feedburner Dan Social Share

Cara Memodifikasi Widget Email Subcribe Feedburner Dan Social Share

Sunday, February 5, 2017

Cara Modifikasi Widget LABEL cloud Responsive Blogger

Cara Modifikasi Widget LABEL cloud Responsive Blogger

CSS - BLOGGINGPASURUAN

CSS - BLOGGINGPASURUAN

CSS - BLOGGINGPASURUAN

CSS - BLOGGINGPASURUAN

Wednesday, January 25, 2017

Cara Membuat Widget SITEMAP Daftar Isi Blog Keren

Cara Membuat Widget SITEMAP Daftar Isi Blog Keren