Blogger Seni: Tutorial

Home / Tutorial

Tampilkan postingan dengan label Tutorial. Tampilkan semua postingan

Rabu, 03 Juni 2015

Cara Upgrade Alexa Free Jadi Alexa Pro Secara Gratis

Cara Upgrade Alexa Free Jadi Alexa Pro Secara Gratis. Sebelum Memulai Inti Dari Artikel Ini, Saya Akan Kasih Tau Dulu Apa Manfaat Dari Meng-Upgrade Alexa Ke Pro?

Maanfaatnya Antara Lain : Rank Alexa Anda Akan Lebih Cepat Membaik, Backlink Langsung Dari
Alexa.com Yaitu; Anda Diberi 2 Bonus Memasukkan 2 Link Blog Anda Di Alexa. Selain Itu Masih Banyak Lagi Manfaat-Manfaat Yang Bisa Anda Dapatkan Setelah Meng-upgrade Akun Alexa Free Jadi Pro Basic Plan.

Jika Anda Tertarik Untuk Meng-Upgrade Alexa Blog Anda Menadi Pro, Berikut Caranya :

1. ) Buka Alexa.com
2. ) Login, Kalo Belom Punya Akun, Bisa Daftar Dulu.
3. ) Setelah Itu Anda Buka My Dashboard
4. ) Klik Upgrade Plan
5. ) Setelah Itu Isi Semua Data
6. ) Untuk Alexa Pro, Pilih Yang Basic Plan.
7. ) Untuk Pembayaran Bisa Gunakan Data Dibawah Ini :

Nama : Erwind Daniel
C Carrf : 4101626768712830
Exp Date : 10/2015
Security Code : 808

Atau Bisa Juga Anda Gunakan Creadit Card Berikut :

Name : Deni Mulyawan
C Card : 4101626761910001
Exp Date : 10/2015
Security Code : 429

Untuk Melengkapi Data Yang Diminta, Karena Semua Data harus Diisi Pada Adress, City, State/Province, Zip/Postal Code, Contury, Isi Seperti Contoh Dibawah Ini :

Address : Kawunganten | City : Cilacap | State/Province : Jawa Tengah | Postal Code/Zip : 53253 | Country : Indonesia

Ingat, Semua Data Harus Diisi !!!
Jangan Lupa Centang " I've Read And Agree To The Alexa ", Lalu Klik " Start My Subscription "

Jika Semua Langkah Di Atas Sudah Anda Lakukan, Coba Check E-Mail Anda, Jika Berhasil Ada E-Mail Pemberitahuan, Atau Bisa Juga Check Lewa Dashboard Alexa Account Anda.
Sampai Dengan Langkah Ini, Anda Berhasil Meng-Upgrade Ke " Alexa Pro ".

Terima Kasih Sudah Membaca Artikel Tentang Cara Upgrade Alexa Free Jadi Alexa Pro Secara Gratis. Selamat Mencoba Dan Semoga Sukses :D

The Post : Cara Upgrade Alexa Free Jadi Alexa Pro Secara Gratis | Created By : Blogger Seni

Selasa, 26 Mei 2015

Cara Membuat Template Blog Seo 100% ( Seo On Page )

Rafly Umarsyah Iska 10.23 0 Viewers

Pernahkan Anda Mengecek Template Blog Yang Anda Pakai Sudah SEO Atau Belum?Sudah Berkali-Kali Gonta-Ganti Template Yang Katanya SEO, Dan Parahnya Lagi, Template Tersebut Dijual Kepada Publik Padahal Kualitas SEO Templaate Tersebut Rendah.

Sudah Susah Payah Menulis Artikel, Namun Traffik Pengunjung Belom Mengalami Peningkatan. :(
Untuk Mengatasi Hal Tersebut, Tentunya Anda Perlu Melakukan Optimasi SEO. SEO Sendiri Terbagi Dua, Yaitu; SEO On Page ( Optimasi Yang Dilakukan Dalam Web Tersebut ) Dan SEO Of Page ( Optimasi Yang Dilakukan Di Luar Web Blog).

Tutorial Kali Ini, Cara Memodifikasi Template Blogger ( SEO On Page ) Untuk Mendapatkan Skor 100% Dengan 2 Langkah, Yaitu; Mengatur SEO Meta Tag Dan Tag Heading Dinamis.

Cara Membuat Blog SEO 100% ( SEO On Page ) :

SEO Meta Tag :

SEO Meta Tag Yang Dipakai Blogger Seni :

<b:if cond='data:blog.pageType == "item"'>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<meta content='blogger' name='generator'/>
<title><data:blog.pageName/> ~ <data:blog.title/></title>
<link expr:href='data:blog.homepageUrl + "favicon.ico"' rel='icon' type='image/x-icon'/>
<link expr:href='data:blog.url' rel='canonical'/>
<link expr:href='data:blog.homepageUrl + "feeds/posts/default"' expr:title='data:blog.title + " - Atom"' rel='alternate' type='application/atom+xml'/>
<link expr:href='data:blog.homepageUrl + "feeds/posts/default?alt=rss"' expr:title='data:blog.title + " - RSS"' rel='alternate' type='application/rss+xml'/>
<link expr:href='"http://www.blogger.com/feeds/" + data:blog.blogId + "/posts/default"' expr:title='data:blog.title + " - Atom"' rel='alternate' type='application/atom+xml'/>
</b:if>
<link href='http://www.blogger.com/openid-server.g' rel='openid.server'/>
<link expr:href='data:blog.homepageUrl' rel='openid.delegate'/>
<b:if cond='data:blog.pageType == "archive"'>
<meta content='noindex' name='robots'/></b:if>
<b:if cond='data:blog.pageType == "index"'>
<title> <data:blog.title/> ~ Blogger Seni</title>
<meta content='Tutorial Blogger, Film, Antivirus, Software, Islam, Kata-Kata, Facebook, Bitcoin' name='description'/>
<meta content='Tutorial Blogger, Film, Antivirus, Software, Islam, Kata-Kata, Facebook, Bitcoin' name='keywords'/>
<b:if cond='data:blog.pageType == "item"'>
<title><data:blog.pageName/> ~ <data:blog.title/></title>
</b:if></b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta content='Tutorial Blogger, Film, Antivirus, Software, Islam, Kata-Kata, Facebook, Bitcoin' name='description'/>
<meta content='Tutorial Blogger, Film, Antivirus, Software, Islam, Kata-Kata, Facebook, Bitcoin ' name='keywords'/>
<meta content='IQlJARQvQQYV4Lt5dCR548n60mk' name='alexaVerifyID'/>
<meta content='rZw3-q6BrLk9UGcINImvwEq1I_lXsF6LrSyhq_jUMPM' name='google-site-verification'/>
<meta content='kode verifikasi bing' name='msvalidate.01'/>
<meta content='https://plus.google.com/101673980103826608604' name='author'/>
</b:if>

Copy Kode SEO Meta Tag Di Atas Dan Paste Di Bawah Kode <head>.
Yang Berwarna Sesuaikan Dengan Title Blog ANda, Deskripsi Dan Kata Kunci Yang Ada Pada Blog, Beserta Authornya.

Tag Heading Dinamis.

Sebenarnya Langkah Di Atas Sudah Cukup Untuk Membuat Blog Menjadi SEO, Namun Perlu Menyempurnakan Bagian Heading. Buat Heading Blog Menjadi H1, H2, H3, Caranya Adalah Sebagai Berikut :
Cari Kode Berikut Ini ( Yang Berwarna Menyesuaikan Dengan Nama Bllog Anda ).

<b:widget id='Header1' locked='true' title='Blogger Seni(Header)' type='Header'>
<b:includable id='main'>
<b:if cond='data:useImage'>
<b:if cond='data:imagePlacement == "BEHIND"'>

<b:if cond='data:mobile'>
<div id='header-inner'>
<div class='titlewrapper' style='background: transparent'>
<h1 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h1>
</div>
<b:include name='description'/>
</div>
<b:else/>
<div expr:style='"background-image: url(\"" + data:sourceUrl + "\"); " + "background-position: " + data:backgroundPositionStyleStr + "; " + data:widthStyleStr + "min-height: " + data:height + "_height: " + data:height + "background-repeat: no-repeat; "' id='header-inner'>
<div class='titlewrapper' style='background: transparent'>
<h1 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h1>
</div>
<b:include name='description'/>
</div>
</b:if>
<b:else/>

<div id='header-inner'>
<a expr:href='data:blog.homepageUrl' style='display: block'>
<img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_headerimg"' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
</a>

<b:if cond='data:imagePlacement == "BEFORE_DESCRIPTION"'>
<b:include name='description'/>
</b:if>
</div>
</b:if>
<b:else/>

<div id='header-inner'>
<div class='titlewrapper'>
<h1 class='title'>
<b:include name='title'/>
</h1>
</div>
<b:include name='description'/>
</div>
</b:if>
</b:includable>
<b:includable id='description'>
<div class='descriptionwrapper'>
<p class='description'><span><data:description/></span></p>
</div>
</b:includable>
<b:includable id='title'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<data:title/>
<b:else/>
<a expr:href='data:blog.homepageUrl'><data:title/></a>
</b:if>
</b:includable>
</b:widget>

Kemudian Ganti Dengan Kode Berikut Ini :

<b:widget id='Header1' locked='true' title='Blogger Seni(Header)' type='Header'>
<b:includable id='main'>
<b:if cond='data:useImage'>
<b:if cond='data:imagePlacement == "BEHIND"'>

<b:if cond='data:mobile'>
<div id='header-inner'>
<div class='titlewrapper' style='background: transparent'>
<h1 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h1>
</div>
<b:include name='description'/>
</div>
<b:else/>
<div expr:style='"background-image: url(\"" + data:sourceUrl + "\"); " + "background-position: " + data:backgroundPositionStyleStr + "; " + data:widthStyleStr + "min-height: " + data:height + "_height: " + data:height + "background-repeat: no-repeat; "' id='header-inner'>
<div class='titlewrapper' style='background: transparent'>
<h1 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h1>
</div>
<b:include name='description'/>
</div>
</b:if>
<b:else/>

<div id='header-inner'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<h1 style='text-indent:-9999px;margin:0 0 0 0;padding:0 0 0 0;height:0px;'><b:include name='title'/></h1>
</b:if>
</b:if>
<a expr:href='data:blog.homepageUrl' style='display: block'>
<img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_headerimg"' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
</a>

<b:if cond='data:imagePlacement == "BEFORE_DESCRIPTION"'>
<b:include name='description'/>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<h1 style='text-indent:-9999px;margin:0 0 0 0;padding:0 0 0 0;height:0px;'><b:include name='title'/></h1>
</b:if>
</b:if>
</b:if>
</div>
</b:if>
<b:else/>

<div id='header-inner'>
<div class='titlewrapper'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType == "static_page"'>
<p class='title'><b:include name='title'/></p>
<b:else/>
<h1 class='title'><b:include name='title'/></h1>
</b:if>
<b:else/>
<p class='title'><b:include name='title'/></p>
</b:if>
<b:include name='description'/>
</div>
</div>
</b:if>
</b:includable>
<b:includable id='description'>
<div class='descriptionwrapper'>
<p class='description'><span><data:description/></span></p>
</div>
</b:includable>
<b:includable id='title'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<data:title/>
<b:else/>
<a expr:href='data:blog.homepageUrl'><data:title/></a>
</b:if>
</b:includable>
</b:widget>

Tahap Selanjutnya Mengedit Pada Judul Postingan. Cari Kode Seperti Ini :

<b:if cond='data:post.title'>
<h3 class='post-title entry-title' itemprop='name'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<b:if cond='data:blog.url != data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>

Ganti Kode Di Atas Denga Kode Berikut :

<b:if cond='data:post.title'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType == "static_page"'>
<h1 class='post-title entry-title' itemprop='name'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<b:if cond='data:blog.url != data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h1>
<b:else/>
<h2 class='post-title entry-title' itemprop='name'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<b:if cond='data:blog.url != data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h2>
</b:if>
<b:else/>
<h1 class='post-title entry-title' itemprop='name'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<b:if cond='data:blog.url != data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h1>
</b:if>
</b:if>

Jika Sudah, Silahkan Cek Seo Untuk Mengetahui Perubahannya :D

Untuk Cek Seo Silahkan Kunjungi Chkme

Terbukti, Blogger Seni Mendapat Nilai 100%. Pada Home Page

Dan, Blogger Seni Mendapat Nilai 100% Pada Postingan Blog.

NB : Untuk Mendapat Nilai 100% Pada Postingan Blog, Sobat Harus Mengisi Deskripsi Penelusuran Pada Posting Yang Sobat Buat. :D

Terima Kasih Bagi Yang Sudah Membaca Artikel Tentang Cara Membuat Template Blog Seo 100% ( Seo On Page ). Semoga Artikel Ini Bermanfaat. :D

Rabu, 13 Mei 2015

Cara Membuat Blog Safelink Converter Sendiri

Rafly Umarsyah Iska 16.34 0 Viewers

Mungkin Sudah Banyak Blog Yang Menjelaskan Tentang Cara Membuat Blog Safelink Converter Sendiri. SafelinkConverter Sangat Berguna Bagi Blog Download, Karena Dapat Meningkatkan Earning Hingga 100%.

Ok, Bagi Yang Penasaran Silahkan Lihat Demonya Di bawah Ini :

Demo

Bagi Yang Ingin Membuat Blog Safelink Converter Silahkan Ikuti Langah-Langkah Berikut :

1.) Buatlah 1 Blog Baru ( Blog Lama Tak Terpakai Juga Boleh :D ) Dengan Domain .blogspot Juga Tidak Apa-Apa. ( Jangan Pakai Blog Utama !!! )

2.) Buatlah Sebuah Post, Beri Judul Terserah Sobat. Lalu Masukkan Kode HTML Berikut Dan Kemudian Publikasikan.

<div dir="ltr" style="text-align: left;" trbidi="on">
<center>
<h2 id="daplong" style="color: daplong;">
Please Wait...</h2>
<script src="KODE_SCRIPT" type="text/javascript"></script> <script type="text/javascript">
var currentURL=location.href;
var str = currentURL;
var res = str.replace("ALAMAT_POSTING?url=", "");
document.write('<button id="download" class="Visit_Link" onclick="changeLink();" style="display: none;text-align:justify;margin-bottom:2px;">Visit Link</button>')
</script></center>
</div>

3.) Jika Sudah Di Publish. Kemudian Edit Lagi Artikel Tersebut. KODE_SCRIPT Tidak Usah Di Edit Dulu. Sedangkan ALAMAT_POSTING Dengan Url Artikel Yang Baru Sobat Buat, Lalu Klik Perbarui.

4.) Buka Notepad Sobat, Lalu Copy Paste Script Berikut :

var Base64={_keyStr:"ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=",encode:function(input){var output="";var chr1,chr2,chr3,enc1,enc2,enc3,enc4;var i=0;input=Base64._utf8_encode(input);while(i<input.length){chr1=input.charCodeAt(i++);chr2=input.charCodeAt(i++);chr3=input.charCodeAt(i++);enc1=chr1>>2;enc2=((chr1&3)<<4)|(chr2>>4);enc3=((chr2&15)<<2)|(chr3>>6);enc4=chr3&63;if(isNaN(chr2)){enc3=enc4=64;}else if(isNaN(chr3)){enc4=64;}
output=output+ this._keyStr.charAt(enc1)+ this._keyStr.charAt(enc2)+ this._keyStr.charAt(enc3)+ this._keyStr.charAt(enc4);}
return output;},decode:function(input){var output="";var chr1,chr2,chr3;var enc1,enc2,enc3,enc4;var i=0;input=input.replace(/[^A-Za-z0-9\+\/\=]/g,"");while(i<input.length){enc1=this._keyStr.indexOf(input.charAt(i++));enc2=this._keyStr.indexOf(input.charAt(i++));enc3=this._keyStr.indexOf(input.charAt(i++));enc4=this._keyStr.indexOf(input.charAt(i++));chr1=(enc1<<2)|(enc2>>4);chr2=((enc2&15)<<4)|(enc3>>2);chr3=((enc3&3)<<6)|enc4;output=output+ String.fromCharCode(chr1);if(enc3!=64){output=output+ String.fromCharCode(chr2);}
if(enc4!=64){output=output+ String.fromCharCode(chr3);}}
output=Base64._utf8_decode(output);return output;},_utf8_encode:function(string){string=string.replace(/\r\n/g,"\n");var utftext="";for(var n=0;n<string.length;n++){var c=string.charCodeAt(n);if(c<128){utftext+=String.fromCharCode(c);}
else if((c>127)&&(c<2048)){utftext+=String.fromCharCode((c>>6)|192);utftext+=String.fromCharCode((c&63)|128);}
else{utftext+=String.fromCharCode((c>>12)|224);utftext+=String.fromCharCode(((c>>6)&63)|128);utftext+=String.fromCharCode((c&63)|128);}}
return utftext;},_utf8_decode:function(utftext){var string="";var i=0;var c=c1=c2=0;while(i<utftext.length){c=utftext.charCodeAt(i);if(c<128){string+=String.fromCharCode(c);i++;}
else if((c>191)&&(c<224)){c2=utftext.charCodeAt(i+ 1);string+=String.fromCharCode(((c&31)<<6)|(c2&63));i+=2;}
else{c2=utftext.charCodeAt(i+ 1);c3=utftext.charCodeAt(i+ 2);string+=String.fromCharCode(((c&15)<<12)|((c2&63)<<6)|(c3&63));i+=3;}}
return string;}}
var encode=document.getElementById('encode'),decode=document.getElementById('decode'),output=document.getElementById('output'),input=document.getElementById('input');var User_ID="";var protected_links="";var a_to_va=0;var a_to_vb=0;var a_to_vc="";function auto_safelink(){auto_safeconvert();}
function auto_safeconvert(){var a_to_vd=window.location.hostname;if(protected_links!=""&&!protected_links.match(a_to_vd)){protected_links+=", "+ a_to_vd;}else if(protected_links=="")
{protected_links=a_to_vd;}
var a_to_ve="";var a_to_vf=new Array();var a_to_vg=0;a_to_ve=document.getElementsByTagName("a");a_to_va=a_to_ve.length;a_to_vf=a_to_fa();a_to_vg=a_to_vf.length;var a_to_vh=false;var j=0;var a_to_vi="";for(var i=0;i<a_to_va;i++)
{a_to_vh=false;j=0;while(a_to_vh==false&&j<a_to_vg)
{a_to_vi=a_to_ve[i].href;if(a_to_vi.match(a_to_vf[j])||!a_to_vi||!a_to_vi.match("http"))
{a_to_vh=true;}
j++;}
if(a_to_vh==false)
{var encryptedUrl=Base64.encode(a_to_vi);a_to_ve[i].href="ALAMAT_POSTING?url="+ encryptedUrl;a_to_ve[i].rel="nofollow";a_to_vb++;a_to_vc+=i+":::"+ a_to_ve[i].href+"\n";}}
var a_to_vj=document.getElementById("anonyminized");var a_to_vk=document.getElementById("found_links");if(a_to_vj)
{a_to_vj.innerHTML+=a_to_vb;}
if(a_to_vk)
{a_to_vk.innerHTML+=a_to_va;}}
function a_to_fa()
{var a_to_vf=new Array();protected_links=protected_links.replace(" ","");a_to_vf=protected_links.split(",");return a_to_vf;}

Jika Sudah, Simpan Dengan Format.js ( Contoh : Safelink.js ). Jangan Lupa Ubah ALAMAT_POSTING Dengan Url Artikel Yang Tadi Sobat Buat.

5.) Lalu Uploadlah File .JS Di YourJavaScript.com Atau Selain Itu. Misal; Dropbox.

6.) Dapatkan Url Dari File .JS Tersebut, Kemudian Editlah Lagi Artikel Yang Sobat Buat Tadi -_- Ganti KODE_SCRIPT Dengan Url File .JS yang Barusan Di Upload.

7.) Ganti Template Blog Safelinknya ( Download Template Safelink Ada Di Bawah Posting )

8.) Pada Template Baru, Klik Menu Template >> Edit HTML >> Cari ALAMAT_POSTING ( Biar Cepat Tekan CTRL + F )

9.) Blog Safelink Sobat Sudah jadi. Tinggal Pasang Script Berikut Di Blog Utama.

<script type="text/javascript" src="KODE_SCRIPT"></script>
<script type="text/javascript">
protected_links = "blogger-seni.blogspot.com ";
auto_safelink();
</script>

Ganti KODE_SCRIPT Dengan Url File .Js Yang Barusan Sobat Upload Tadi.

10.) Sekarang Buka Blog Utama Sobat, lalu Tambahkan Widget, Lalu Pilih HTML/JavaScript. lalu Masukkan Kode No 9 Tadi. Letakan Widget Tersebut Tepat Di Bawah Postingan Blog. Jangan Letakkan Dimana-Mana.

Setelah Sampai Langkah Ke 10, Berarti Anda Telah Berhasil Membuat Blog SafelinkConverter Sendiri Dan Memasangnya Pada Blog Utama.
Jangan Lupa Update Blog Safelink Sobat, Agar Tidak Mempengaruhi Kinerjanya, Dan Tidak Dianggap Google Sebagai Blog Sampah..

Downnload Template Safelink :

Server 1 : Download

Server 2 : Download

Server 3 : Download

Server 4 : Download

Server 5 : Download ( New)

Terima Kasih Sudah Membaca Artikel Tentang Cara Membuat Blog Safelink Converter Sendiri. Jangan Lupa Tinggalkan Komen Jika Kalian Bingung.

Kamis, 02 April 2015

Cara Membuat Daftar Isi Seperti Blog Kang Ismet

Rafly Umarsyah Iska 14.27 0 Viewers

Selamat Datang Pengunjung Setia Blogger Seni. Posting Kali Ini Saya Akan Membahas Tentang Cara Membuat Daftar Isi Seperti Blog Kang Ismet.

Gak Usah Basa-Basi Lagi, Langsung Simak Aja :D

Sumber : Gambar Blogger Seni

Demo1. Login Ke Blogger Kalian. www.blogger.com
2. Kemudian Klik Laman Atau Page.
3. Lalu Buat Laman, Terus Isi Nama Sesuka Hati Anda :D
4. Selanjutnya Pilih Mode HTML, Lalu Copy Script Berikut :

<style scoped="scoped" type="text/css">
/* Basic Skin for Multi Feed Loader */
.list-entries{background:white;border:1px solid #d8d8d8}.list-entries ul,.list-entries li{margin:0;padding:0;list-style:none}.list-entries li{padding:1em;border-bottom:1px solid #ddd}.list-entries .main-title{padding:0}.list-entries .main-title h4{display:block;font:inherit;font-weight:bold;padding:.5em 1em;background-color:#4f93c5;color:#fff;margin:0;line-height:normal;font-size:14px;margin-top:0 !important}.list-entries .title a{font-weight:300;font-size:14px;text-decoration:none;line-height:.5em;color:#222}.list-entries .title a:hover{text-decoration:underline;color:#5886a7}.list-entries img,.list-entries .fake-img{border:none;background-color:#333;margin:0 1em 0 0;padding:0;float:left}.list-entries .summary{overflow:hidden;color:#999}.list-entries .more-link{border-bottom:none;}.list-entries .more-link a{display:block;line-height:2em;height:2em;overflow:hidden;text-decoration:none;background-color:#82b965;padding:.5em 1em;position:relative;font-weight:bold;color:white}.list-entries .more-link a:after{content:"";width:0;height:0;position:absolute;top:50%;right:.3em;border:4px solid transparent;border-left-color:white;margin-top:-4px}.list-entries .more-link a:hover{background-color:#71a555}
/* Custom CSS */
.list-entries {
margin:7px;
width:251px; /* Lebar widget */
float:left;
font-size:11px;
}
</style>
<div id="feed-list-container">
</div>
<div style="clear: both;">
</div>

<script type="text/javascript">
var multiFeed = {
feedsUri: [
{
name: "Antivirus",
url: "http://blogger-seni.blogspot.com/",
tag: "Antivirus"
},
{
name: "Biografi",
url: "http://blogger-seni.blogspot.com/",
tag: "Biografi"
},
{
name: "Blogger",
url: "http://blogger-seni.blogspot.com/",
tag: "Blogger"
},
{
name: "Film",
url: "http://blogger-seni.blogspot.com/",
tag: "Film"
},
{
name: "Islam",
url: "http://blogger-seni.blogspot.com/",
tag: "Islam"
},
{
name: "Kata-Kata",
url: "http://blogger-seni.blogspot.com/",
tag: "Kata-Kata"
},
{
name: "Software",
url: "http://blogger-seni.blogspot.com/",
tag: "Software"
},
{
name: "Template",
url: "http://blogger-seni.blogspot.com/",
tag: "Template"
},
{
name: "Tutorial",
url: "http://blogger-seni.blogspot.com/",
tag: "Tutorial"
},
{
name: "Umum",
url: "http://blogger-seni.blogspot.com/",
tag: "Umum"
}
],
numPost: 4,
showThumbnail: true,
showSummary: true,
summaryLength: 80,
titleLength: "auto",
thumbSize: 72,
containerId: "feed-list-container",
readMore: {
text: "Selengkapnya",
endParam: "?max-results=8"
}
};
</script>
<script src="http://blogger-json-experiment.googlecode.com/svn/resources/multi-feed/multi-feed.min.js" type="text/javascript"></script>
<div style="clear: both;">
</div>

5. Cari Dan Ganti Text Yang Berwarna :
- Merah ' Ganti Dengan Judul Tag/Label Yang Kalian Kehendaki
- Biru ' Ganti Dengan Url/Alamat Blog Kalian
- Orange ' Ganti Dengan Katagori/Tag/Label Blog Kalian Masing-Masing

6. Sebelum Anda Publikasikan, Silahkan Lakukan Pratinjau Terlebih Dahulu. Kalau Sudah Yakin, Lalu Publikasikan. :D

Demikian Posting Tentang Cara Membuat Daftar Isi Seperti Blog Kang Ismet. Semoga Artkel Yang Saya Bagikan Bermanfaat Untuk Kalian :D Terima Kasih.

Senin, 23 Maret 2015

Membuat Widget Popular Post Keren

Rafly Umarsyah Iska 09.07 0 Viewers

Selamat Datang Di Blogger Seni. Sebelumnya Saya Pernah Membahas Tentang Cara Membuat Upapan Selamat Komentator Pertama Di blog, Dan Posting Kali Ini Saya Akan Membahas Tentang Membuat Widget Popular Post Keren.
Widget Popular Post Merupakan Widget Bawaan Blogger Yang Menampilkan Post-Post Atau Artikel Yang Sering Dibaca Dalam Seminggu, Sebulan, Atau Sepanjang Waktu. Agar Kelihatan Lebih Keren, Kali Ini Saya Akan Share Tutorial Membuat Widget Popular Post Keren, Dimana Kita Akan Tambahkan Sedikit Kode CSS.

Ok, Tanpa Basa basi Lagi, Langsung Saja Ikuti Langkah-Langkah Berikut :
1. Pasang Widget Popular Post Default Bawaan Blogger.
2. Lalu Pilih Template Dan Edit HTML.
3. Lalu Cari ]]></b:skin> Dan Letakan Kode Berikut Di Atas ]]></b:skin>

Berikut Ini Kode Beberapa Widget Popular Post :

Widget 1 :

#PopularPosts1 ul li a:hover{color:#fff;text-decoration:none} #PopularPosts1 ul li a {-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; color: #333333; display: block; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; margin: 0px 40px 0px 0px; min-height: 30px; orphans: 2; padding: 0px; text-align: -webkit-auto; text-decoration: none !important; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;} #PopularPosts1 ul li .item-thumbnail{float:left;border:0;margin-right:10px;background:transparent;padding:0;width:51px;height:51px} #PopularPosts1 ul li:first-child:after, #PopularPosts1 ul li:first-child + li:after, #PopularPosts1 ul li:first-child + li + li:after, #PopularPosts1 ul li:first-child + li + li + li:after, #PopularPosts1 ul li:first-child + li + li + li + li:after, #PopularPosts1 ul li:first-child + li + li + li + li + li:after, #PopularPosts1 ul li:first-child + li + li + li + li + li + li:after, #PopularPosts1 ul li:first-child + li + li + li + li + li + li + li:after, #PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li:after, #PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li + li:after{position:absolute;top:10px;right:5px;border-radius:50%;border:2px solid #ccc;background:#353535;-webkit-box-shadow:0px 0px 5px #000;-moz-box-shadow: 0px 0px 5px #000;width:30px;height:30px;line-height:1em;text-align:center;font-size:28px;color:#fff} #PopularPosts1 ul li:first-child + li + li + li + li + li + li + li {background:#DF01D7;width:90%} #PopularPosts1 ul li:first-child + li + li + li + li + li + li + li:after{content:"8"} #PopularPosts1 ul li:first-child + li + li + li + li + li + li + li +li{background:#B041FF;width:90%} #PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li:after{content:"9"} #PopularPosts1 ul li:first-child + li + li + li + li + li + li + li +li +li{background:#F52887;width:90%} #PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li + li:after{content:"10"} #PopularPosts1 ul li:first-child + li + li + li + li +li{background:#7ee3c7;width:90%} #PopularPosts1 ul li:first-child + li + li + li + li + li:after{content:"6"} #PopularPosts1 ul li:first-child + li + li + li + li + li +li{background:#f6993d;width:90%} #PopularPosts1 ul li:first-child + li + li + li + li + li + li:after{content:"7"} #PopularPosts1 ul li:first-child + li + li + li + li{background:#33c9f7;width:90%} #PopularPosts1 ul li:first-child + li + li + li + li:after{content:"5"} #PopularPosts1 ul li:first-child + li + li + li{background:#c7f25f;width:90%} #PopularPosts1 ul li:first-child + li + li + li:after{content:"4"} #PopularPosts1 ul li:first-child + li + li{background:#ffde4c;width:90%} #PopularPosts1 ul li:first-child + li + li:after{content:"3"} #PopularPosts1 ul li:first-child + li{background:#ff764c; width:90%} #PopularPosts1 ul li:first-child + li:after{content:"2"} #PopularPosts1 ul li:first-child{background:#ff4c54 ;width:90%} #PopularPosts1 ul li:first-child:after{content:"1"} #PopularPosts1 ul{margin:0;padding:0px 0;list-style-type:none} #PopularPosts1 ul li{position:relative;margin:6px 0;border-radius:25px 0px 25px 0px;border:2px solid #f7f7f7;-webkit-box-shadow:3px 3px 3px #000;-moz-box-shadow: 3px 3px 3px #000;padding:10px}

Widget 2 :

.popular-posts ul{padding-left:0px;}
.popular-posts ul li {background: #fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUh4JonVCcpo60h7DVVVnAZFxl3oz5FQ8rmdDAEtiR02k04ccTtyoEtYDEnoSyhsal5Tr-aYQLuwOhbISspoI8xtH9rbQWr5XldgjdpJTltKLfJJZRKeBz1x2sXBeWXgBAH1tGXx7YwqI/s1600/rb+cancel+icon...jpg) no-repeat scroll 5px 10px;
list-style-type: none;
margin: 0 0 5px 0px;
padding: 5px 5px 5px 33px !important;
border: 1px dashed #dddddd;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}
.popular-posts ul li:hover {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXZw5DgSuQo85Waw0R-vd11Y00Os23PpvYXnIMHltE7H4IMKtpNQ87iAKQsAUfrZ4HTw6Vb7XrkT8lAyIgR6eWDDsv7ae_GGK9exxbpL_WQleUeXtBa2XePZuIHS8oKfQ10MOdXAbMXvU/s1600/rb+mark+icon...jpg) no-repeat 2px;
border: 2px solid #b60000;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
}
.popular-posts ul li a:hover {
text-decoration:none;
}

Widget 3 :

#PopularPosts1 ul li a:hover{color:#fff;text-decoration:none}
#PopularPosts1 ul li a {-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; color: #333333; display: block; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; margin: 0px 40px 0px 0px; min-height: 30px; orphans: 2; padding: 0px; text-align: -webkit-auto; text-decoration: none !important; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;}
#PopularPosts1 ul li .item-thumbnail{float:left;border:0;margin-right:10px;background:transparent;padding:0;width:51px;height:51px}
#PopularPosts1 ul li:first-child:after,
#PopularPosts1 ul li:first-child + li:after,
#PopularPosts1 ul li:first-child + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li + li:after{position:absolute;top:10px;right:5px;border-radius:50%;border:2px solid #ccc;background:#353535;-webkit-box-shadow:0px 0px 5px #000;-moz-box-shadow: 0px 0px 5px #000;width:30px;height:30px;line-height:1em;text-align:center;font-size:28px;color:#fff}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li {background:#DF01D7;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li:after{content:"8"}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li +li{background:#B041FF;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li:after{content:"9"}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li +li +li{background:#F52887;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li + li:after{content:"10"}
#PopularPosts1 ul li:first-child + li + li + li + li +li{background:#7ee3c7;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li + li:after{content:"6"}
#PopularPosts1 ul li:first-child + li + li + li + li + li +li{background:#f6993d;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li:after{content:"7"}
#PopularPosts1 ul li:first-child + li + li + li + li{background:#33c9f7;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li:after{content:"5"}
#PopularPosts1 ul li:first-child + li + li + li{background:#c7f25f;width:90%}
#PopularPosts1 ul li:first-child + li + li + li:after{content:"4"}
#PopularPosts1 ul li:first-child + li + li{background:#ffde4c;width:90%}
#PopularPosts1 ul li:first-child + li + li:after{content:"3"}
#PopularPosts1 ul li:first-child + li{background:#ff764c; width:90%}
#PopularPosts1 ul li:first-child + li:after{content:"2"}
#PopularPosts1 ul li:first-child{background:#ff4c54 ;width:90%}
#PopularPosts1 ul li:first-child:after{content:"1"}
#PopularPosts1 ul{margin:0;padding:0px 0;list-style-type:none}
#PopularPosts1 ul li{position:relative;margin:6px 0;border-radius:25px 0px 25px 0px;border:2px solid #f7f7f7;-webkit-box-shadow:3px 3px 3px #000;-moz-box-shadow: 3px 3px 3px #000;padding:10px}

Widget 4 :

.PopularPosts ul,
.PopularPosts li,
.PopularPosts li img,
.PopularPosts li a,
.PopularPosts li a img {
margin:0 0;
padding:0 0;
list-style:none;
border:none;
background:none;
outline:none;
}
.PopularPosts ul {
margin:.5em 0;
list-style:none;
font:normal normal 13px/1.4 "Arial Narrow",Arial,Sans-Serif;
color:black;
counter-reset:num;
}
.PopularPosts ul li img {
display:block;
margin:0 .5em 0 0;
width:50px;
height:50px;
float:left;
}
.PopularPosts ul li {
background-color:#eee;
margin:0 10% .4em 0;
padding:.5em 1.5em .5em .5em;
counter-increment:num;
position:relative;
}
.PopularPosts ul li:before,
.PopularPosts ul li .item-title a {
font-weight:bold;
font-size:120%;
color:inherit;
text-decoration:none;
}
.PopularPosts ul li:before {
content:counter(num);
display:block;
position:absolute;
background-color:black;
color:white;
width:30px;
height:30px;
line-height:30px;
text-align:center;
top:50%;
right:-10px;
margin-top:-15px;
-webkit-border-radius:30px;
-moz-border-radius:30px;
border-radius:30px;
}
/* Set color & level */
.PopularPosts ul li:nth-child(1) {background-color:#E11E28;margin-right:1%}
.PopularPosts ul li:nth-child(2) {background-color:#FD3C03;margin-right:2%}
.PopularPosts ul li:nth-child(3) {background-color:#FECB09;margin-right:3%}
.PopularPosts ul li:nth-child(4) {background-color:#6EBE27;margin-right:4%}
.PopularPosts ul li:nth-child(5) {background-color:#149A48;margin-right:5%}
.PopularPosts ul li:nth-child(6) {background-color:#5BBFF1;margin-right:6%}
.PopularPosts ul li:nth-child(7) {background-color:#61469C;margin-right:7%}
.PopularPosts ul li:nth-child(8) {background-color:#863E86;margin-right:8%}
.PopularPosts ul li:nth-child(9) {background-color:#863E62;margin-right:9%}
.PopularPosts ul li:nth-child(10) {background-color:#815540;margin-right:10%}

Widget 5 :

.PopularPosts .item-title{display:none}
.PopularPosts ul li {background: none repeat scroll 0 0 transparent;float: left;list-style: none outside none;margin: 3px !important;padding: 0 !important;}
.PopularPosts ul li img {padding:3px;background:#fefefe;-webkit-box-shadow:0 1px 1px #3e78b3;-moz-box-shadow:0 1px 1px #3e78b3;box-shadow:0 1px 1px #3e78b3;float:left;margin:0 6px 0 0;position:relative;overflow:hidden;-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px; -o-transition:all 1.5s ease;-moz-transition:all 1.5s ease;-webkit-transition:all 1.5s ease}
.PopularPosts ul li img:hover {padding:3px;border-radius:5px;-o-transform:scale(1.2) translate(0px);-moz-transform:scale(1.2)translate(0px);-webkit-transform:scale(1.2)translate(0px);-o-transition:all 1.5s ease;-moz-transition:all 1.5s ease;-webkit-transition:all 1.5s ease;-moz-box-shadow: 0px 0px 50px #555555;-webkit-box-shadow:0px 0px 50px #555555;box-shadow: 0px 0px 50px #555555;}

Widget 6 :

#PopularPosts1 ul{margin:0;padding:5px 0;list-style-type:none} #PopularPosts1 ul li{position:relative;margin:5px 0;border:0;padding:10px} #PopularPosts1 ul li:first-child{background:#ff4c54;width:97%} #PopularPosts1 ul li:first-child:after{content:"1"} #PopularPosts1 ul li:first-child + li{background:#ff764c;width:87%} #PopularPosts1 ul li:first-child + li:after{content:"2"} #PopularPosts1 ul li:first-child + li + li{background:#ffde4c;width:84%} #PopularPosts1 ul li:first-child + li + li:after{content:"3"} #PopularPosts1 ul li:first-child + li + li + li{background:#c7f25f;width:81%} #PopularPosts1 ul li:first-child + li + li + li:after{content:"4"} #PopularPosts1 ul li:first-child + li + li + li + li{background:#33c9f7;width:78%} #PopularPosts1 ul li:first-child + li + li + li + li:after{content:"5"} #PopularPosts1 ul li:first-child + li + li + li + li +li{background:#7ee3c7;width:75%} #PopularPosts1 ul li:first-child + li + li + li + li + li:after{content:"6"} #PopularPosts1 ul li:first-child + li + li + li + li + li +li{background:#f6993d;width:72%} #PopularPosts1 ul li:first-child + li + li + li + li + li + li:after{content:"7"} #PopularPosts1 ul li:first-child + li + li + li + li + li + li +li{background:#f59095;width:69%} #PopularPosts1 ul li:first-child + li + li + li + li + li + li + li:after{content:"8"} #PopularPosts1 ul li:first-child + li + li + li + li + li + li + li +li{background:#c7f25f;width:66%} #PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li:after{content:"9"} #PopularPosts1 ul li:first-child:after, #PopularPosts1 ul li:first-child + li:after, #PopularPosts1 ul li:first-child + li + li:after, #PopularPosts1 ul li:first-child + li + li + li:after, #PopularPosts1 ul li:first-child + li + li + li + li:after, #PopularPosts1 ul li:first-child + li + li + li + li + li:after, #PopularPosts1 ul li:first-child + li + li + li + li + li + li:after, #PopularPosts1 ul li:first-child + li + li + li + li + li + li + li:after, #PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li:after{position:absolute;top:20px;right:-15px;border-radius:50%;background:#353535;width:30px;height:30px;text-align:center;font-size:28px;color:#fff} #PopularPosts1 ul li .item-thumbnail{float:left;border:0;margin-right:10px;background:transparent;padding:0;width:70px;height:70px;} #PopularPosts1 ul li a{font-size:13px;color:#444;text-decoration:none} #PopularPosts1 ul li a:hover{color:#222;text-decoration:none} #PopularPosts1 img{ -moz-border-radius: 130px; -webkit-border-radius: 130px; border-radius: 130px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; padding:4px; border:1px solid #fff !important; } #PopularPosts1 img:hover { border-radius: 0 0 0 0; -moz-transform: scale(1.2) rotate(-711deg) ; -webkit-transform: scale(1.2) rotate(-711deg) ; -o-transform: scale(1.2) rotate(-711deg) ; -ms-transform: scale(1.2) rotate(-711deg) ; transform: scale(1.2) rotate(-711deg) ; }

Demikian Posting Tentang Membuat Widget Popular Post Keren. Bila Css Tidak Work Silahkan Komen. :D
Terima Kasih Sudah Membaca :D

Jika Ingin Copas, Harap Sertakan Link Sumber : http://blogger-seni.blogspot.com/2015/03/membuat-widget-popular-post-keren.html

Sabtu, 21 Maret 2015

Cara Membuat Ucapan Selamat Komentator Pertama Di Blog

Rafly Umarsyah Iska 15.17 0 Viewers

Selamat Datang Pengunjung Setia Blogger Seni. Posting Kali Ini Akan Membahas Tentang Cara Membuat Ucapan Selamat Komentator Pertama Di Blog.

Istilah PERTAMAX Pertama Kali Muncul Di Forum Kaskus, Mungkin Bagi Agan-Agan Kaskuser Sudah Tidak Asing Lagi Dengan Istilah Ini. Pertamax Diambil Dari 2 Kata, Pertama Dan X ( Yang Artinya Pertama Kali ) Yaitu Orang Yang Pertama Kali Membalas Sebuah Thread. Dan Kemudian Istilah Itu Dipakai Untuk Blog Dan Jaringan Sosial. Cara Ini Terdapat 2 Versi.
- Pertama, Versi Pengguna Comment Thread Hack
- Kedua, Versi Pengguna Thread Comment Default Blogger.

Sumber : Blogger Seni

Ok, Tanpa Basa Basi Lagi, Langsung Aja Simak Caranya :D

Versi Thread Comment Hack :
1. Buka Dashboard Blogger Anda ( www.blogger.com )
2. Setelah Itu Pilih Edit HTML, Lalu Cari Code <data:comment.body/> Yang Ke-2
3. Salin Dan Simpan Kode Ini:

<b:if cond="data:post.numComments == 1"> <script type="text/javascript"> //<![CDATA[ for(i=0;i<items_copy.length;i++){if(i==items_copy.length-1){d=document.getElementById('c'+items_copy[i].id).getElementsByTagName('p').item(0);e=d.innerHTML+'<div class="pertamax '+items_copy[i].deleteclass.replace(/ blog-admin/,'')+'">
Selamat '<b>+items_copy[i].author.name+</b>' <font color="#0000ff">Anda dapat PERTAMAXXX !!! Tunggu kunjungan saya ke Blog Anda</font>.</div>
';d.innerHTML=e}} //]]> </script> </b:if>

Versi Thread Comment Default Blogger :
1. Simpan Kode Ini Diatas ]]></b:skin> Atau </style>

..comments .pertamax{position:relative;margin:10px 0;padding5px 10px;margin-top:10px;border:1px solid #e4c445;background:#ffe785;padding:5px;color:#fff !important'}

2. Cari Kode :

(function() {
var items = <data:post.commentJso/>;

Lalu Ganti Dengan :

var items_copy=[];
(function() {
var items = <data:post.commentJso/>;
items_copy=items;

3. Simpan Kode Ini Di Bawah <data:post.commentHtml/>

<b:if cond='data:post.numComments == 1'>
<script type='text/javascript'>
//<![CDATA[
for(i=0;i<items_copy.length;i++){if(i==items_copy.length-1){d=document.getElementById('c'+items_copy[i].id).getElementsByTagName('p').item(0);e=d.innerHTML+'<div class="pertamax '+items_copy[i].deleteclass.replace(/ blog-admin/,'')+'">Selamat '<b>+items_copy[i].author.name+</b>' Anda dapat PERTAMAXXX !!! Tunggu kunjungan saya ke Blog Anda.</div>';d.innerHTML=e}}
//]]>
</script>
</b:if>

Nb: Ganti Yang Berwarna Biru Dengan Kata-Kata Agan :D

Catatan : Ucapan Selamat Ini Hanya Muncul Ketika Posting 1 Komentar. Dan Ketika Komentar Bertambah, Maka Ucapan Ini Akan Disembunyikan.

Sudah Dulu Ya Posting Tenntang Cara Membuat Ucapan Selamat Komentator Pertama Di Blog.
Adminnya Udah Ngantuk :D :v
Terima Kasih Bagi Yang Sudah Membaca :D

Jika Ingin Copas Harap Sertakan Sumber : http://blogger-seni.blogspot.com/2015/03/cara-membuat-ucapan-selamat-komentator.html

Sabtu, 14 Maret 2015

Cara Membuat Kotak Langganan Atau Subscribe Di Blog

Rafly Umarsyah Iska 16.11 0 Viewers

Kotak Langganan/Subscibe Bagi Blogger Memiliki Banyak Fungsi. Apalagi Bagi Blog Dengan Berpengunjung Tinggi. Kotak Ini Bisa Sangat Membatu Dan Dapat Meningkatkan Jumlah Pembaca.

Selamat Datang Pengunjung Setia Blogger Seni. Posting Kali Ini, Saya Akan Membahas Cara Membuat Kotak Langganan Atau Subscribe.

Berikut Ini Gambar Kotak Subscribe Yang Akan Kita Buat :

Baiklah, Untuk Memasang Kotak Langganan Atau Subscribe Ini Di Blog Anda, Ikuti Langka-Langkah Berikut:
1. Login Ke Akun Blogger Anda Dan Masuk Ke Halaman Tata Letak.
2. Klik Add A Gadget/Tambahkan Gadget
3. Klik HTML Atau JavaScript

4. Lalu Copy Paste Script Berikut :

5. Save

Catatan :
Cari Kode :

http://www.facebook.com/BloggerSeni . Ganti Dengan Url Facebook Sobat
http://twitter.com/Rafly25id. Ganti Dengan Url Twitter Sobat
http://feeds.feedburner.com/BloggerSeni. Ganti Dengan Url FeedBurner Sobat.
https://plus.google.com/101673980103826608604. Ganti Dengan Url Profile Google Sobat.
http://feedburner.google.com/fb/a/mailverify?uri=BloggerSeni. Dengan Url FeedBurner Sobat

Jika Sudah Diganti, Lalu Save. Dan Lihat Hasilnya. :D

Sudah Dulu Ya Posting Tentang Cara Membuat Kotak Langganan Atau Subscribe Di Blog