Microsoft Office 2013 Pro Plus Full Version Terbaru

Kembali lagi Software kantoran ini mampu menghipnotis penggunanya, bagai mana tidak software ini sangat melekat dengan pekerjaan kantoran, tentu saja akan memberikan kesan postif untuk para pekerja kantoran karena dengan software ini mampu untuk membuat dokument-dokument penting yang di perlukan, bukan hanya itu masih banyak lagi kegunaanya.
Microsoft Office 2013 Professional Plus merupakan pengembangan penyempurnaan dari versi sebelumnya. Tampilan lebih dinamis dan lebih ringan. Untuk merasakan apa saja fitur barunya anda wajib download Microsoft Office 2013 32 bit dan 64 bit full version pada link yang kami sediakan dibawah. Microsoft Office Professional Plus 2013 adalah seri terbaru dari Microsoft office yang memiliki update serta fitur yang lebih baik dari versi office sebelumnya.
Screenshot dari Microsoft Office 2013 Pro Plus:

System Requirements Minimum Microsoft Office 2013

Windows 7, Windows 8, Windows 10

Processor 1 GHZ atau lebih

Memory 1 GB RAM untuk 32 Bit dan 2 GB RAM untuk 64 bit

Disk space 3 GB

Download Microsoft Office Pro 2016 32/64 bit Final disini

Download Microsoft Office Pro 2010 32/64 bit Final disini

Download Microsoft Office Pro 2007 32/64 bit Final disini

Download Microsoft Office 2013 Professional Plus Final

Silahkan pilih jenis file. Untuk file iso/img cara buka klik disini dan untuk file rar cara mudah bukanya disini.

Lihat Cara download mudah disini

=>32 bit (700mb)

32 bit MS Office 2013 [file rar] download | Alternatif link 1

32 bit MS Office 2013 [file iso/img] download | Alternatif link 1 | Alternatif link 2


=>64 bit (769mb

64 bit MS Office 2013 [file rar] download | Alternatif link 1

64 bit MS Office 2013 [file iso/img] download | Alternatif link 1 | Alternatif link 2



->Pasw rar :  www.mandrivea.blogspot.com  -> dicopy saja agar tidak salah ketik

Serial Number install :

NTQV7-XR4TC-69RMT-HXFM7-94MP8 atau Y86N6-KWWJX-YHFVP-DWMGK-XKR9J


Activator Microsoft Office 2013 Professional Plus 32 dan 64 bit

Cara download Activator Disini



Untuk aktivasi silahkan download 2 tools ini :

- Microsoft Toolkit 2.4.7.rar download
- Woat-v31-win7.rar download

- Cara menggunakan 2 aktivasi diatas masuk disini

Atau aktivasi menggunakan KMSPico

Download KMSPico terbaru Link 1 | Link 2 | Mirror Download (pass: www.bagas31.com )

Cara Activator Microsoft Office 2013 dengan KMSPico

1. Matikan internet dan disable antivirus
2. Mount file dengan DaemonTools, lihat cara mudah mount disini
3. Install Microsoft Office sampai selesai, jika diminta SN masukan SN diatas.
4. Setelah install selesai lalu Restar PC kamu [internet dan antivirus masih dimatikan]
5. Ekstract Activatornya (KMSPico), buka folder "KMSPico Install" lalu jalankan KMSPico_Install_v7.1.exe
6. Ceklis Microsoft Office Professional Plus 2013
7. Install seperti biasa dan ikuti petunjuknya Sampai KMSpico berhasil terinstall.
8. Restart PC kamu.
9. Enjoy Microsoft Office Professional Plus 2013 Full Version.

Demikian dari postingan kali ini 

Sumber: http://www.mandrivea.com/2014/06/download-microsoft-office-2013-32bit.html

Cara Memprotect JavaScript (EnCode) Base62

Cara Memprotect JavaScript (EnCode) Base62: Baiklah kali ini saya akan coba membagikan tutorial untuk memprotect JavaScript menggunakan Base62. Kebanyakan designer web memprotect javascript untuk credit link template blog, hal ini dilakukan agar javascript ini berbeda/Di samarkan tidak bisa di edit secara langsung harus ada steep by steep yang di lakukan baru bisa mengedit javascript yang sudah di EnCode. apalagi Javascript untuk Link Credit biasanya berisikan Url Redirect, sehingga EnCode ini wajib di lakukan untuk menyamarkan Url agar tidak terlihat/Terdeteksi saat di cari.

Memprotect JavaScript ini sebenarnya cukup mudah di lakukan, dengan sedikit Langkah yang harus di lakukan maka JavaScript kamu berhasil di protect. untuk cara membuatnya kamu bisa ikuti tutorial di bawah ini.

Cara Memprotect JavaScript (EnCode) Base62

Contoh JavaScript:

var _0x53b7=["<","indexOf","split","length",">","substring","","join"," ","charAt","...","getElementById","<div class="snippets">","innerHTML","</div>","<img width="","" height="","" src="","/s72-c/","/w","-h","-c/","replace","" alt="","" title="",""/>","onload","virightcredit","href","location","http://www.iddzgn.blogspot.com","setAttribute","rel","nofollow","Created by <a href='http://www.iddzgn.blogspot.com' rel='nofollow' target='_blank'>ID Dzgn</a>"];function removeHtmlTag(_0x746ax2,_0x746ax3){if(-1!=_0x746ax2[_0x53b7[1]](_0x53b7[0])){for(var _0x746ax4=_0x746ax2[_0x53b7[2]](_0x53b7[0]),_0x746ax5=0;_0x746ax5<_0x746ax4[_0x53b7[3]];_0x746ax5++){-1!=_0x746ax4[_0x746ax5][_0x53b7[1]](_0x53b7[4])&&(_0x746ax4[_0x746ax5]=_0x746ax4[_0x746ax5][_0x53b7[5]](_0x746ax4[_0x746ax5][_0x53b7[1]](_0x53b7[4])+1,_0x746ax4[_0x746ax5][_0x53b7[3]]))};_0x746ax2=_0x746ax4[_0x53b7[7]](_0x53b7[6]);};for(_0x746ax3=_0x746ax3<_0x746ax2[_0x53b7[3]]-1?_0x746ax3:_0x746ax2[_0x53b7[3]]-2;_0x53b7[8]!=_0x746ax2[_0x53b7[9]](_0x746ax3-1)&&-1!=_0x746ax2[_0x53b7[1]](_0x53b7[8],_0x746ax3);){_0x746ax3++};return _0x746ax2=_0x746ax2[_0x53b7[5]](0,_0x746ax3-1),_0x746ax2+_0x53b7[10];}function createSnippet(_0x746ax2){var _0x746ax3=document[_0x53b7[11]](_0x746ax2),_0x746ax4=snippet_count,_0x746ax5=_0x53b7[12]+removeHtmlTag(_0x746ax3[_0x53b7[13]],_0x746ax4)+_0x53b7[14];_0x746ax3[_0x53b7[13]]=_0x746ax5;}function arlina_thumbnail_resize(_0x746ax3,_0x746ax4){var _0x746ax2=280;var _0x746ax8=180;image_tag=_0x53b7[15]+_0x746ax2+_0x53b7[16]+_0x746ax8+_0x53b7[17]+_0x746ax3[_0x53b7[22]](_0x53b7[18],_0x53b7[19]+_0x746ax2+_0x53b7[20]+_0x746ax8+_0x53b7[21])+_0x53b7[23]+_0x746ax4[_0x53b7[22]](/"/g,_0x53b7[6])+_0x53b7[24]+_0x746ax4[_0x53b7[22]](/"/g,_0x53b7[6])+_0x53b7[25];if(_0x746ax4!=_0x53b7[6]){return image_tag}else {return _0x53b7[6]};}window[_0x53b7[26]]=function(){var _0x746ax3=document[_0x53b7[11]](_0x53b7[27]);if(_0x746ax3==null){window[_0x53b7[29]][_0x53b7[28]]=_0x53b7[30]};_0x746ax3[_0x53b7[31]](_0x53b7[28],_0x53b7[30]);_0x746ax3[_0x53b7[31]](_0x53b7[32],_0x53b7[33]);_0x746ax3[_0x53b7[13]]=_0x53b7[34];};

Nah di atas adalah javascript yang belum saya Encode, Javascript di atas adalah Script Link Credit yang nantinya akan di gunakan untuk meredirect ke Url yang sudah di tentukan jika memiliki perbedaan pada HTML Credit Link.
Pada javascript di atas sudah saya berikan tanda pada bagian link, nah nantinya jika javascript sudah di EnCode maka link yang tadinya terlihat akan tersamarkan sehingga tidak terlihat atau tersembunyi.

Hasil JavaScript Di Atas:

eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('j b=["<","X","U","T",">","R","","P"," ","O","...","M","<u J="1e">","V","</u>","<S Y="","" Z="","" 1b="","/1c-c/","/w","-h","-c/","1v","" K="","" L="",""/>","N","Q","x","W","z://A.C.p.q","1h","r","s","1m 1q <a x=\'z://A.C.p.q\' r=\'s\' 1w=\'1x\'>H I</a>"];k t(e,d){l(-1!=e[b[1]](b[0])){v(j f=e[b[2]](b[0]),i=0;i<f[b[3]];i++){-1!=f[i][b[1]](b[4])&&(f[i]=f[i][b[5]](f[i][b[1]](b[4])+1,f[i][b[3]]))};e=f[b[7]](b[6])};v(d=d<e[b[3]]-1?d:e[b[3]]-2;b[8]!=e[b[9]](d-1)&&-1!=e[b[1]](b[8],d);){d++};m e=e[b[5]](0,d-1),e+b[10]}k 1a(e){j d=y[b[11]](e),f=1d,i=b[12]+t(d[b[13]],f)+b[14];d[b[13]]=i}k 1f(d,f){j e=1g;j n=1i;B=b[15]+e+b[16]+n+b[17]+d[b[o]](b[18],b[19]+e+b[1j]+n+b[1k])+b[1l]+f[b[o]](/"/g,b[6])+b[1n]+f[b[o]](/"/g,b[6])+b[1o];l(f!=b[6]){m B}1p{m b[6]}}D[b[1r]]=k(){j d=y[b[11]](b[1s]);l(d==1t){D[b[1u]][b[E]]=b[F]};d[b[G]](b[E],b[F]);d[b[G]](b[1y],b[1z]);d[b[13]]=b[1A]};',62,99,'|||||||||||_0x53b7||_0x746ax3|_0x746ax2|_0x746ax4|||_0x746ax5|var|function|if|return|_0x746ax8|22|blogspot|com|rel|nofollow|removeHtmlTag|div|for||href|document|http|www|image_tag|iddzgn|window|28|30|31|ID|Dzgn|class|alt|title|getElementById|onload|charAt|join|virightcredit|substring|img|length|split|innerHTML|location|indexOf|width|height|||||||||||createSnippet|src|s72|snippet_count|snippets|arlina_thumbnail_resize|280|setAttribute|180|20|21|23|Created|24|25|else|by|26|27|null|29|replace|target|_blank|32|33|34'.split('|'),0,{}))

Nah di atas adalah javascript yang sudah di EnCode, bagai mana Shobat berbeda bukan, tentu saja berbeda javascript yang sudah di EnCode sudah menggunakan Penyamaran kode ke dalam bentuk kode Base64.
Mau tau cara Encode Yuk ikuti tutorialnya di bawah ini.
1. Masuk Terlebih dahulu ke situs Packer EnCode Base62
2. Silahkan kamu Copy JavaScript kamu pada template (Bisa Untuk JavaScript Link Credit)

lalu paste pada area javascript seperti pada gambar di atas.
Jangan lupa untuk centang EnCode Base62 seperti pada gambar di atas, lalu klik Pack (Tombol EnCode), Nah jika sudah tunggu hasilnya di bawahnya. jika sudah selamat kamu berhasil
4. kamu tinggal mengganti javascript yang tadi dengan javascript yang sudah di EnCode.

Oky bagai mana shobat mudah bukan semoga bermanfaat ya. sampe di sini dlu tutorial saya kali ini.
Jangan Lupa tinggalin jejak di bawah ini..

Cara Membuat Contact Form Material Design

Cara Membuat Contact Form Material Design:Hallo Shobat ID Dzgn, Kali ini saya mau coba untuk membagikan sedikit Tutorial Cara Membuat Contact Form Material Design, nah mumpung karena tugas untuk PSG (Pendidikan Sistim Ganda) saya sudah kelar, saya akan coba untuk membagikan Tutorial-tutorial blog yang sederhana saja namun bermanfaat bagi banyak orang, nah kembali ke pembahasan Contact Form atau biasa di sapa Contact Us ini di gunakan untuk mengirimkan pesan pribadi secara langsung ke admin blog/web via email,
Nah Tutorial ini tidak menggunakan JavaScript untuk JavaScript bawaan Material Design.

Google Tampaknya saat ini sudah cukup sukses dalam mengembangkan Material Design ini, Banyak Designer web yang sekarang sudah mulai memperlajari struktur kode dari Material Design ini termasuk juga saya sendiri, namun saya sendiri saat ini masih belum terlalu mendalam untuk pengetahuan saya dalam Struktur kode Material Design ini.Material Design ini saya sudah menerapkanya pada tutorial Contact Form blogger ini. sebelumnya saya juga sudah membagikan Tutorial blog yang menggunakan Material Design namun dalam tutorial itu saya masih menggunakan Javascript untuk bawaan Material Design ini.

Cara Membuat Contact Form Material Design

Result

Nah Bagai mana Shobat ID Dzgn Tertarik Untuk membuatnya??.

Tutorial Membuat Contact Form Material Design

1. Masuk terlebih dahulu ke Blogger>Tata Letak>Pilih Tambahkan Widget.

Silahkan kamu pilih Gatget atau Lainya>Tambahkan Formulir Kontak

Silahkan kamu simpan, lanjut ke tahap berikutnya
3.Masuk ke Laman>Buat Laman Baru>Pada bagian Navbar silahkan ubah Mode Compose>HTML>Bukan Compose
Jika shobat sudah mempunya laman kontak sebelumnya, shobat bisa gunakan itu shobat hanya harus mengedit Laman
4. Silahkan masukan CSS di bawah ini pada kotak HTML

<style scoped="" type="text/css">
#comments,.post_meta,#blog-pager{display:none}
form{color:#666}
#kontak-IDdzgn{margin:auto;max-width:640px}
#ContactForm1_contact-form-name,#ContactForm1_contact-form-email{height:auto;margin:5px auto;padding:15px 12px;background:#fff;color:#444;border:2px solid #cccccc;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);border-radius:3px;width:100%;min-width:100%;transition:all 0.5s ease-out}
#ContactForm1_contact-form-email-message{width:100%;height:175px;margin:5px 0;padding:15px 12px;background:#fff;color:#444;border:2px solid #cccccc;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);border-radius:3px;resize:none;transition:all 0.5s ease-out}
#ContactForm1_contact-form-name:focus,#ContactForm1_contact-form-email:focus,#ContactForm1_contact-form-email-message:focus{outline:none;background:#fff;color:#444;border-color:#0aff8e;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,0.6)}
#ContactForm1_contact-form-submit{float:left;background:#a20623;margin:auto;vertical-align:middle;cursor:pointer;padding:12px 20px;font-size:14px;text-align:center;letter-spacing:.5px;border:0;width:100%;max-width:140px;border-radius:3px;color:#fff;font-weight:500;transition:all .8s ease}
#ContactForm1_contact-form-submit:hover{background:#00c585;color:#000;box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,0.6);}
#ContactForm1_contact-form-error-message,#ContactForm1_contact-form-success-message{width:100%;margin-top:35px}
.contact-form-error-message-with-border{background:#f6f6f6;border:none;box-shadow:none;color:#444;padding:5px 0}
.contact-form-success-message{background:#4fc3f7;border:none;box-shadow:none;color:#fff}
img.contact-form-cross{line-height:40px;margin-left:5px}
.post-body input{width:initial}
@media only screen and (max-width:640px){
#ContactForm1_contact-form-name, #ContactForm1_contact-form-email,#ContactForm1_contact-form-submit{width:100%;}}
.contact_layout{text-align:center;position:fixed;top:0;left:0;bottom:0;right:0;background:rgba(0,0,0,.8);z-index:99999}
.contact_message{width:50%;background:#fff;border-radius:5px;padding:20px;border:1px solid transparent;text-align:center;color:#333;position:absolute;top:30%;left:50%;margin-left:-25%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
.contact_message:before{content:"\f164";font-family:FontAwesome;font-weight:500;font-size:30px;display:block;margin-bottom:10px}
@media screen and (max-width:768px){.contact_message{width:90%!important;margin-left:-45%!important}}
</style><br />
<script type="text/javascript">
//<![CDATA[
if (window.jstiming) window.jstiming.load.tick('widgetJsBefore');
//]]>
</script><br />
<script src="https://www.blogger.com/static/v1/widgets/2271878333-widgets.js" type="text/javascript"></script><br />
<script type="text/javascript">
//<![CDATA[
if (typeof(BLOG_attachCsiOnload) != 'undefined' && BLOG_attachCsiOnload != null) { window['blogger_templates_experiment_id'] = "templatesV1";window['blogger_blog_id'] = '2097019471312122410';BLOG_attachCsiOnload(''); }_WidgetManager._Init('https://www.blogger.com/rearrange?blogID=2097019471312122410','//www.iddzgn.blogspot.com.com/','2097019471312122410');
_WidgetManager._RegisterWidget("_ContactFormView", new _WidgetInfo("ContactForm1", "sidebar-two", null, document.getElementById("ContactForm1"), {"contactFormMessageSendingMsg": "Sending...", "contactFormMessageSentMsg": "<div class='contact_layout'>
<div class='contact_message'>
<b>Your message has been sent</b>.
Jika tidak ada halangan dan kesibukan lainnya, admin akan langsung merespon pesan yang Anda kirimkan.</div></div>", "contactFormMessageNotSentMsg": "Message could not be sent. Please try again later.", "contactFormInvalidEmailMsg": "A valid email address is required.", "contactFormEmptyMessageMsg": "Message field cannot be empty.", "title": "Contact Form", "blogId": "2097019471312122410", "contactFormNameMsg": "Name", "contactFormEmailMsg": "Email", "contactFormMessageMsg": "Message", "contactFormSendMsg": "Send", "submitUrl": "https://www.blogger.com/contact-form.do"}, "displayModeFull"));
//]]>
</script>
<div class='clear'></div>
<div style='clear:both;'></div>

Silahkan Shobat ganti dengan ID blog shobat 2097019471312122410, //www.iddzgn.blogspot.com.com/ Ganti dengan Url Blog/Web kamu, ContactForm1 ganti dengan ID Widget Contact Form/Formulir Kontak tadi, sidebar-two Ganti dengan ID Section Widget kamu, untuk mendapakan ID Widget sama ID Section kembali ke widget Contact Us tadi.

Semoga Shobat bisa mengerti. Jika sudah semuanya di ubah sesuai dengan Setting di atas terakhir silahkan kamu Publikasikan Laman, Lalu lihat hasilnya.
Oky Shobat ID Dzgn mungkin sekian dulu dari saya semoga bermanfaat ya, Jangan lupa ninggalin jejak.

Widget Box Subscribe (Kotak Berlangganan) Menggunakan Material Design Di Blog

Widget Box Subscribe atau biasa di sebut Kotak Berlangganan Via Email, sangat wajib di pasang pada web atau blog, Hal ini untuk mempermudah pengunjung dalam berlangganan Artikel via Email.
Banyak bentuk dari kotak berlangganan ini, ada yang model default bawaan dari blogger, atau juga di buat sendiri oleh Pengguna-pengguna yang lebih dahulu mendahului kita,
Nah sebelumnya saya sudah membagikan Box Subscribe (Kotak Berlangganan) dengan posisi di bawah postingan. Namun untuk kali ini saya akan coba membagikan lagi Tutorialnya dalam posisi berbeda dan berbentuk berbeda pula dengan penerapan pada widget. Ada yang istimewa dengan yang satu ini, Untuk Widget Box Subscribe ini menggunakan efek Material Design berbeda dengan sebelumnya hanya biasa saja namun juga cukup menarik tidak kalah dengan yang satu ini.

Result

Nah bagai mana shobat mungkin kalian tertarik untuk menerapkanya di blog atu web kalian???, Jika kalian tertarik kalian bisa mengikuti langkah-langkah penerapanya di bawah ini. Untuk mempercepat pencarian kamu bisa Klik tombol

CTRL

+

F

Pada Keyboard kamu

Widget Box Subscribe (Kotak Berlangganan) Menggunakan Material Design Di Blog

1. Masuk terlebih dahulu ke blogger>Tema>Edit Html, Nah silahkan kamu cari kode berikut pada Html tadi ]]></b:skin>  atau </style> pastekan kode berikut tepat sebelum kode yang di cari.

#material-subscribe:hover{opacity:1}#material-subscribe:hover{box-shadow:0 6px 20px #AFAFAF}#material-subscribe{transition:all .4s ease-in-out;padding:20px 30px 30px;background:#fff;box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);width:auto;max-width:400px}
.buttonx{color:#fff!important;padding:10px 15px;border-radius:4px;border:none;outline:none;box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);cursor:pointer;transition:all .4s ease-in-out}
.buttonx:hover{box-shadow:0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)}
.buttonx.red{    background: #d21919;
    width: auto;
    font-size: large;
}
a:active{color:#22A65A;text-decoration:none;transition: all 0.25s linear;}a:hover{color:#444;text-decoration:none;transition: all 0.5s ease}
input.inputfield,.input-field textarea{background-color:transparent;border:none;border-bottom:1px solid  #000000;border-radius:0;outline:none;height:3rem;width:100%;font-size:1rem;margin:0 0 15px 0;padding:0;box-shadow:none;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;transition:all .3s}
.input-field input:focus,.input-field textarea:focus{border-bottom:1px solid #d21919;box-shadow:0 1px 0 0 #2DCC70}
.input-field{position:relative;margin-top:1rem}
.input-field label{color:#9e9e9e;position:absolute;top:0.8rem;left:0;font-size:1rem;cursor:text;-webkit-transition:.2s ease-out;-moz-transition:.2s ease-out;-o-transition:.2s ease-out;-ms-transition:.2s ease-out;transition:.2s ease-out}
.input-field label.active{color:#d21919;font-size:0.8rem;-webkit-transform:translateY(-140%);-moz-transform:translateY(-140%);-ms-transform:translateY(-140%);-o-transform:translateY(-140%);transform:translateY(-140%)}
@media screen and (max-width:684px){
.buttonx.red {    width: auto;}
#material-subscribe{auto}}

Silahkan kamu Save/Simpan Tema

2. Nah sekarang alihkan perhatian kamu ke menu blogger kembali, pindahkan dari Tema menjadi Tata Letak, Silahkan kamu Pilih Tambahkan Widget/Gadget sesuai dengan posisi yang kamu inginkan, Biasanya widget ini di pasang pada bagian Sidebar atau Footer itu terserah kamu.
Pilih  Html/Javascript dan pastekan kode berikut pada bagian Html tadi.

<div id='material-subscribe'>
<form action="https://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('https://feedburner.google.com/fb/a/mailverify?uri=IDDzgn', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
<div class="input-field">
<input class="inputfield" name="email" type="email" required="" class="validate"/> <label for="email" data-error="wrong" data-success="right">Email</label> <input type="hidden" value="IDDzgn" name="uri"/><input type="hidden" name="loc" value="en_US"/> <button class="buttonx red waves-effect waves-light" type="submit"/><i class="fa fa-envelope"></i> Subscribe</button> </div>
</form>
</div>
<div style='clear: both;'/>
  

Silahkan kamu ganti IDDzgn dengan Id Feedburner kamu

Nah bagai man shobat mudah bukan. Oky sampe di sini dulu ya tutorialnya salam berjumpa lagi. jangan lupa buat ninggalin jejak di bawah ini.

Baca Juga: Cara Membuat Box Subscribe (Kotak Berlangganan) Keren Di Bawah Postingan Blog

Cara Membuat Box Subscribe (Kotak Berlangganan) Keren Di Bawah Postingan Blog

Kegunaan dari Box Subscribe atau biasa di sebut Kotak Berlangganan ini adalah untuk mempermudah pengunjung yang ingin mendapatkan (Berlangganan) informasi-informasi baru dari situs tertentu yang di daftarkan memalui email dengan menggunakan Subscribe lewat FeedBurner, Subscribe ini bisa di pasang pada bagian/posisi tertentu misalkan pada bagian: sidebar blog, dengan menggunakan element widget, footer seperti yang saya gunakan  dengan posisi di area footer, atau bahkan di bawah postingan (artikel Blog).

Kamu hanya harus memasukan email kamu dengan langkah yang singkat maka kamu sudah bisa mendapatkan informasi dari situs yang kamu subscribe (Berlangganan).
Nah untuk yang saya bahas kali ini adalah Box Subscribe Keren Di Bawah Postingan Blog, kamu tertarik membuatnya??? jika iya kamu bisa memasangnya di blog kamu dengan mengikuti langkah-langkahnya di bawah ini.

Membuat/Memasang Box Subscribe Keren Di Bawah Postingan Blog

1. Masuk terlebih dahulu ke Blogger>Tema>Edit Html
2. Cari kode ]]></:skin> atau kode </style> pastekan kode di bawah ini tepat di atasnya.
Untuk mempercepat kamu dalam mencari kode silahkan kamu klik

CTRL

+

F

pada keyboard kamu

.note{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGEEMilV2ThkVHC2SCn2UggKhb-5Ra7HGcdk9B6MP8VQ242k5cUmWS6AGcMCv7AVl5NiF6TGXH4_J4mEG1wJZGZzUd-kL3vWiUNZWdAoujcpHuqbAwbJ1RuqlfexeLu5mhSrcvNq1fKsM/s110/thanks-seocips.png) no-repeat left;min-height:38px;padding:10px 12px 12px 68px;margin:5px 0;font:normal 13px Arial,Sans-Serif}.note{color:#333;border:1px solid #ddd;line-height:25px}.note a:link,.note a:visited{color:#333}
@media screen and (max-width:480px){.note{background:0;padding:1px}}

3. Silahkan kamu cari kode  <div class='post-footer'> atau markup kode lainya yang posisinya pada bagian bawah postingan, lalu pastekan kode berikut tepat di atasnya.

<b:if cond='data:blog.pageType == &quot;item&quot;'> 
<div class='note'>
<div class='note3'>
Terimakasih telah membaca : <a href='' title=''><data:blog.pageName/></a>. Silahkan masukan email anda dibawah ini! dan anda akan otomatis mendapatkan kiriman artikel terbaru dari <a class='sitename' href='http://www.bulshitman.blogspot.com/' title='BulshitMan'>BulshitMan</a>. Terimakasih.<br/>
</div>
<form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=dblogspot/ByMPu;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' style='border:0px;padding:3px;text-align:right;' target='popupwindow'>
 <i class='fa fa-plus fa-spin fa-2x'/> <input class='blogspot/ByMPu' name='email' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Ketikkan email anda disini&quot;;}' onfocus='if (this.value == &quot;Ketikkan email anda disini&quot;) {this.value = &quot;&quot;;}' type='text' value='Ketikkan email anda disini'/>
<input name='uri' type='hidden' value='blogspot/ByMPu'/>
<input name='title' type='hidden' value='ID Dzgn'/>
<input name='loc' type='hidden' value='en_US'/>
<input class='menu-btn' type='submit' value='Subscribe'/>
</form>
</div>
</b:if>
<div style='clear: both;'/>  

Silahkan Kamu Ganti blogspot/ByMPu Dengan ID Url FeedBurner Kamu
Dan ID Dzgn' Dengan judul Blog kamu

4. Silahkan Kamu Save/Simpan Tema

Result

Oky bagai mana shobat apakah Box Subscribe nya sudah terpasang di blog kamu???
Kalau sudah sukses jangan lupa ya berbagi komentar di bawah ini.

Cara Mengatasi Masalah Kotak Komentar Disqus Yang TidakTampil Di Blog

Hallo para sahabat blogger, yeah meski saya dalam keadaan sibuk saat ini namun saya akan tetap coba untuk membagi waktu saya sama kalian ne. mohon doanya yaa shobat semoga saya bisa melewati masa-masa PSG saya saat ini sedang saya lewati.
oky kali ini saya akan coba membagikan sedikit pengetahuan saya tentang Cara Mengatasi Masalah Kotak Komentar Disqus Yang TidakTampil Di Blog, oky kalian saat ini mengalaminya tidak???. saya tidak tau juga heeee☺ v kalo kalian mengalaminya mungkin kalian bisa coba sedikit Tips untuk menampilkanya kembali, bisa kamu coba caranya di bawah ini..

Cara Mengatasi Masalah Kotak Komentar Disqus Yang TidakTampil Di Blog

1. Silahkan kamu masuk ke Dasboard blog kamu
2. BackUp terlebih dahulu template kamu demi keamanan takut terjadi error
3. Silahkan kamu hapus terlebih dahulu Widget Disqus, jika kamu sudah terlanjur memasangnya pada blog kamu.
4. Pilih Tema, lalu pilih Edit HTML, kemudian cari kode berikut pada area HTML tadi, untuk mempercepatnya kamu bisa mengklik

CTRL

+

F

Pada keyboard leptop kamu

<b:includable id='comments' var='post'>
..................................
.................
...................
............
.............
....................Sampai dengan kode penutup...........
......................................
....................
..........
</b:includable>

Silahkan kamu ganti kode di atas dari Tag pembukanya sampe dengan Tag penutup, dengan kode berikut ini.

<div id='disqus_thread'/>
<script type='text/javascript'>
var disqus_shortname = &#39;design-seo&#39;
var disqus_blogger_current_url = &quot;<data:blog.canonicalUrl/>&quot;;
if (!disqus_blogger_current_url.length) {
    disqus_blogger_current_url = &quot;<data:blog.url/>&quot;;
}
var disqus_blogger_homepage_url = &quot;<data:blog.homepageUrl/>&quot;;
var disqus_blogger_canonical_homepage_url = &quot;<data:blog.canonicalHomepageUrl/>&quot;;
/* * * ID Dzgn JANGAN DI HAPUS KODE INI * * */
(function() {
var dsq = document.createElement(&#39;script&#39;); dsq.type = &#39;text/javascript&#39;; dsq.async = true;
dsq.src = &#39;http://&#39; + disqus_shortname + &#39;.disqus.com/embed.js&#39;;
(document.getElementsByTagName(&#39;head&#39;)[0] || document.getElementsByTagName(&#39;body&#39;)[0]).appendChild(dsq);
})();
</script>
<noscript>Please enable JavaScript to view the <a href='http://disqus.com/?ref_noscript'>comments powered by Disqus.</a></noscript>
</b:includable>

Silahkan kamu ganti id disqus di atas dengan id disqus kamu.

5. Selanjutnya kamu simpan kode berikut tepat di atas kode </body>

<script type='text/javascript'>
var disqus_shortname = &#39;design-seo&#39;
var disqus_blogger_current_url = &quot;<data:blog.canonicalUrl/>&quot;;
if (!disqus_blogger_current_url.length) {
    disqus_blogger_current_url = &quot;<data:blog.url/>&quot;;
}
var disqus_blogger_homepage_url = &quot;<data:blog.homepageUrl/>&quot;;
var disqus_blogger_canonical_homepage_url = &quot;<data:blog.canonicalHomepageUrl/>&quot;;
    /* * * JANGAN DIEDIT KODE DIBAWAH INI * * */
    (function () {
        var s = document.createElement(&#39;script&#39;); s.async = true;
        s.type = &#39;text/javascript&#39;;
        s.src = &#39;http://&#39; + disqus_shortname + &#39;.disqus.com/count.js&#39;;
        (document.getElementsByTagName(&#39;HEAD&#39;)[0] || document.getElementsByTagName(&#39;BODY&#39;)[0]).appendChild(s);
    }());
</script>

Silahkan kamu ganti kembali id yang sudah saya tandai di atas dengan id disqus kamu

6. Silahkan kamu Simpan/Save template kamu.
Nah sekarang bagaimana apakah komentar Disqus kamu sudah muncul jika masih terjadi error kamu bisa tanyakan di bawah ini.

Sampe di sini dulu Tips yang saya bagikan kali ini. saya harap kalian sebagai para blogger mau membagikan Tips ini di sosial media kalian terimakasi.

Cara Membuat Box Share Sosial Media Melayang Di Blog

Hallo shobat blogger kali ini saya akan coba membagikan tutorial untuk Cara Membuat Box Share Sosial Media Melayang Di Blog, membuat Box Share Sosial Media ini di blog dapat kita pasang dengan cara mendaftar di situs resmi Sumo.com, Sumo.com merupakan situs yang menyediakan layanan (aplikasi) yang bisa di pasang pada blog/website.
Sumo sendiri memiliki beberapa aplikasi yang dapat kita pasang pada blog kita antara lain adalah Share. Contact Form untuk blog, Google analytics, image share, dan masih banyak lainnya.
Nah yang kali ini saya bahas iyalah Share pada sumo yang nantinya akan kita pasang pada blog kita sehingga menjadi Box Share Sosial Media,

Cara Membuat Box Share Sosial Media Melayang Di Blog

1. Masuk terlebih dahulu ke situs SUMO, Lalu pilih SignUp pada bagian pojok kanan atas, lebih jelasnya bisa di lihat pada gambar di bawah ini.

Jika sudah masuk ke tahap 2.
2. Silahkan isi formulir pendaftaran dengan lengkap, jika sudah silahkan klik Sign Up.

Nah jika sudah selesai ikuti kembali steep selanjutnya.
3. Nah pada bagian ini, silahkan kamu copy kode yang di kasi pada Edit HTMl template blog kamu, lalu pastekan kodenya tepat di atas kode </head> kodenya kamu ambil seperti gambar di bawah ini.

Nah jika sudah klik simpan, lalu liat blog kamu apakah sudah terpasang menu sumo pada bagian pojok kanan atas di blog kamu, kadang sumo ini, tersembunyi pada bagian scroolbar. untuk lebih jelasnya jika terlihat maka akan seperti gambar di bawah ini.

Nah pada gambar di atas ada No yang ditunjukan, No (1) adalah membuktikan kalo sumo sudah terpasang di blog kamu, (2) klik menu icon seperti gambar yang di tujukan no 2 tadi, ini untuk melakukan pemasangan Share Box pada blog kamu, dan lanjutkan ke tahap berikutnya.
4. Pada bagian ini silahkan kamu plih share lalu pindahkan mode OFF nya menjadi ON seperti gambar di bawah ini.

Jika sudah klik menu share tadi sampe muncul tampilan seperti gambar di bawah ini

5. Pada langkah ini silahkan kamu klik menu setting seperti gambar di atas, silahkan kamu ubah sosial media mana yang akan kamu gunakan untuk tampilan share ini, lalu klik save.
Sekarang coba kamu lihat kembali blog kamu apakan Box sharenya sudah terpasang atau belum jika sudah selamat.
pada tahap ini masih belum selesai, agar pengunjung tidak bisa melihat tampilan sumo pada bagian pojok kanan atas tadi kamu bisa ikuti langkah-langkahnya di bawah ini.
Nah kembali lakukan agian (4) di atas tadi hingan muncul tampilan seperti No (5), lalu klik icon setting pada bagian pojok kanan atas hingga muncul tampilan seperti gambar berikut.

6. Dari menu pilihan accaunt pindahkan ke badge seperti gambar yang di tujukan No (1), untuk menyembunyikan menu sumo tadi silahkan klik seperti gambar yang di tujukan oleh No (2), silahkan ubah menjadi hidden. lalu klik save
Tapi kok masih ada??, tenang aja menu sumo tersebut hanya dapat di lihat oleh user yang tersambung ke sumo (login) yang lain tidak bisa melihat/


Nah bagai mana shobat tutorialnya di atas, semoga bisa membantu anda untuk pemasanganya, jika ada masalah silahkan berikan komentar kamu di bawah ini. oky sampe di sini dulu tutorial untuk Cara Membuat Box Share Sosial Media Melayang Di Blog, sampe ketemu di tutorial selanjutnya yahh

Cara Memasang Komentar Disqus Terbaru Lengkap Dengan Gambar

Hallo sahabat blogger kali ini saya akan coba memberikan tutorial masih sama dengan tema sebelumnya yaitu "Komentar", pada kesempatan sebelumnya saya membagikan Tutorial untuk Memasang Komentar Facebook Responsive Terbaru Di Blogger, nah sekarang saya akan coba mengulas untuk Cara Memasang Komentar Disqus Terbaru Lengkap Dengan Gambar.
sebenarnya komentar yang setau saya bisa di pasang pada blog/blogger iyalaha: Komentar bawaan blogger dan google, sebagai tambahanya kita juga bisa memasang komentar Facebook, dan Disqus.
nah karena saat ini peminat pengguna blog banyak berpindah dengan menggunakan komentar disqus, maka dari itu saya bagikan saja tutorial ini siapa tau bisa membantu dalam pemasangan komentar disqus ini.
Memasang komentar ini sebenarya sangatlah mudah bisa langsung di pasang dari situ resmiunya disqus.com dengan memasang widget disqus di blog namun jika kamu masih belum mengerti silahkan ikuti tutorialnya di bawah ini.

Baca Juga: Cara Mengatasi Masalah Kotak Komentar Disqus Yang TidakTampil Di Blog

Cara Memasang Komentar Disqus Terbaru Lengkap Dengan Gambar

1. Pertama-tama kunjungi terlebih dahulu situs resminya DISQUS, lalu silahkan kamu pilih "Get Stardet" seperti gambar di bawah ini.

Jika sudah masuk ke tahap selanjutnya.
2. Silahkan mengsi formulir pendaftaran terlebih dahulu (Sign Up) dengan lengkap

Isi fomulir pendaftaran seperti pada gambar di atas, (1) Nama kamu, (2) Email Kamu, (3) Password kamu, dan terakhir silahkan klik SignUp.
Jika sudah ikuti kembali langkahny di bawah ini.
3. pada langkah ketiga ini silahkan kamu klik "Instal On The Site" seperti pada gambar berikut.

4. Silahkan kamu lanjutkan dengan mengisi formulir site, kamu jika sudah klik "Creat Site"
Nah tahap ini adalah tahap awal di mana kita akan melakukan pemasangan komentar disqus pada blog kamu.
5. Klik kembali "Get Stardet" seperti gambar berikut

6. Pada tahap ke enam ini anda akan di suruh untuk memilih sub web yang kamu gunakan. misalkan menggunakan blogger kamu bisa klik logo blogger, seperti pada gambar di bawah ini.

7. Silahkan kamu pilih "Add My Blogger Site" seperti gambar di bawah ini.

Nah ini langkah terakhir pemasanganya.
8. steep pada gambar di bawah

Nah pada gambar di atas untuk yang di tujukan No (1) Silahkan kamu ubah blog mana yang ingin kamu pasang komentar disqusnya, (2) judul untuk nama widget komentar disqus, (3) menambah widget maka komentar disqus akan langsung otomatis terpasang di blog kamu.

Nah bagai mana shobat blogger gampang bukan, untuk pemasangan secara responsivenya saya akan membagikannya secara bertahap, sampe ketemu di tutorial blog selajutnya

Membuat Kotak Komentar Facebook Di Halaman statics Tertentu

Hallo shabat blogger, sesuai dengan janji saya kemaren, saya akan membagikan Tutorial untuk Membuat Kotak Komentar Facebook Di Halaman statis Tertentu, nah memasang kotak komentar facebook ini bisa di bilang cukup mudah jika sudah memiliki pengalaman dalam dunia blogging/blogger.
Sebelum kita membahas Membuat Kotak Komentar Facebook Di Halaman statics, sudahkah kamu memasang komentar facebook di blog kamu dengan Responsive???, jika belum kamu ikuti langkah memasangnya di sini: Memasang Komentar Facebook Responsive Terbaru Di Blogger

Membuat Kotak Komentar Facebook Di Halaman statics

Memasang kotak komentar facebook sangat berguna, di mana pengunjung blog dapat lebih mudah memberikan komentar dengan akun sosial medianya yaitu facebook.
Untuk pemasangannya silahkan ikuti Tutorialnya di bawah ini.

1. Buka Blogger>Laman>Laman Baru (Buat Halaman Baru di Blogger kamu)
2.Pada halaman yang tadi telah di buat silahkan kamu pindahkan mode Compose menjadi HTML yang ada pada bagian pojok atas, lebih jelasnya seperti gambar di bawah ini.

3. Pada Kotak HTML tadi silahkan pastekan kode berikut.

<div class="comments-page" id="fb-comments-page">
<b:if cond="data:blog.url != data:blog.homepageUrl"></b:if>
<div id="fb-root">
<fb:comments expr:href="data:post.url" num_posts="20" width="500"></fb:comments></div>
</div>
<div id="fb-root">
<script src="http://connect.facebook.net/en_US/all.js#xfbml=1">
<div id='container-commentfb' style='width: 100%;'>
<fb:comments expr:href='data:post.url' num_posts='10' width='650'/></div>
<script type="text/javascript">
//<![CDATA[
$(window).bind("load resize", function(){
 var url = location.protocol+'//'+location.host+location.pathname;
  var containercm_width = $('#container-commentfb').width(); 
    $('#container-commentfb').html('<div class="fb-comments" ' +
    'data-href="'+url+'"' +
    ' width="' + containercm_width + '" data-num-posts="10">
</div>
');
    FB.XFBML.parse( ); 
  });
//]]>
</script>
</div>

4. Terakhir silahkan kamu save Halaman yang di buat tadi, dan lihat hasilnya

Result

Mungkin itu saja untuk pembahasan tutorial kali ini, jika dalam pemasangan di atas menimbulkan masalah tertentu bisa di pertanyakan dalam bentuk komentar di bawah ini sampe ketemu di tutorial selanjutnya.

Memasang Komentar Facebook Responsive Terbaru Di Blogger

Hallo shobat blogger, selamat pagi, kali ini saya akan coba membagikan sedikit pengetahuan saya tentang Memasang Komentar Facebook Responsive Terbaru Di Blogger. nah manfaat langsung dari pemasangan komentar facebook ini mungkin agar pengunjung bisa memberikan komentar langsung menggunakan akun facebook pada artikel/postingan yang sedang ia baca tersebut.
Nah bagaimana untuk pemasangannya silahkan liat tutorialnya di bawah ini.

Memasang Komentar Facebook Responsive Terbaru Di Blogger

1. Masuk terlebih dahulu ke Blogger>Tema>Edit Html
2. Tambahkan Meta Tag di bawah ini tepat sesudah kode <head> atau sebelum kode </head>, namun biasanya di simpan di bawah markup kode <head> untuk Meta Tag, untuk mempercepat pencarian markup silahkan kamu klik

CTRL

+

F

<meta content='Kode ID Facebook admin' property='fb:admins'/>
<meta content='Kode ID Aplikasi Facebook' property='fb:app_id'/>

Jika Meta Tag di atas sudah ada pada template kamu, kamu bisa melewati tahap di atas.

3. Tambahkan kode di bawah in tepat sebelum markup kode </body>

<script type="text/javascript">
//<![CDATA[
$(window).bind("load resize", function(){
 var url = location.protocol+'//'+location.host+location.pathname;
  var containercm_width = $('#container-commentfb').width(); 
    $('#container-commentfb').html('<div class="fb-comments" ' +
    'data-href="'+url+'"' +
    ' width="' + containercm_width + '" data-num-posts="10"></div>');
    FB.XFBML.parse( ); 
  });
//]]>
</script>

4. Selanjutnya silahkan kamu cari kode <data:post.body/> dan pastekan kode berikut tepat di bawahnya.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='fb-root'/>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
<div id='container-commentfb' style='width: 100%;'><fb:comments expr:href='data:post.url' num_posts='10' width='650'/></div>
</b:if>

5. Silahkan Kamu simpan Template

Result

Nah mungkin kamu ingin menampilkan jumblah dari komentar facebook kamu di setiap postingan contoh pada gambar di bawah

Untuk memasang facebook count di halaman index atau post kamu silahkan kamu tambahkan kode di bawah ini pada markup kode Post meta atau Post info, karena Masing-masing template memiliki markup kode yang berbeda.

<a expr:href='data:post.url + &quot;#fb-comment&quot;'><span class="fb-comments-count" expr:data-href='data:post.url'></span> facebook comments</a>

Baca juga : Memasang Meta Tag Terbaru Seo Friendly Valid HTML5 Di Blog

Nah mungkin sampe di sini tentang tutorial Memasang Komentar Facebook Responsive Terbaru Di Blogger ini.
Untuk menampilkan komentar facebook di halaman Statics Page kamu bisa mengikuti langkah pemasangannya di sini Membuat Kotak Komentar Facebook Di Halaman statics Tertentu.

Template AMP Gratis Untuk Blogger

Hallo shobat blogger, kali ini saya mau berbagi Template AMP Secara Gratis ne, mumpung hari libur saya coba untuk membagikanya sama shobat semua.
Template ini asli di buat oleh orang Indo alias No blasteran hehehehe, mungkin template hususnya AMP ini jika anda ingin mendapatkan dari situs-situs yang mempublikasikanya kamu harus merelakan uang saku kamu hilang demi mendapatkannya, namun di sini saya akan membagikannya secara gratis (Free) maklum tidak terlalu banyak orang yang mau mengeluarkan uang sakunya hanya demi mendapatkan template ini yang harganya bisa di bilang cukup mahal.
AMP (Accelerated Mobile Pages) Adalah struktur website yang meminimalkan pengguna dari JavaScript, CSS, dan HTML, yang nantinya bagi pengguna AMP akan sangat ringan untuk di muat loadinya. Tidak seperti template-template bisa yang terkadang sangat lambat di muat pada tampilan mobile.

Template AMP Gratis Untuk Blogger

Blanteroid Template AMP

Pada Template AMP pertama ini iyalah Blanteroid, Blanteroid sendiri di buat oleh admin dari situs web yang bernama ID BLANTER yang adminya adalah RHINOKAGE RIO, ia membuat template ini dalam kategory premium namun di sini saya akan membagikannya secara gratis tampa di pungut biaya sepeserpun.
Template ini memiliki 2 style homepage yaitu (tampilan LiST style dan tampilan GRID style), namun yang saya bagikan sekarang adalah versi LIST style jika kamu mau mendapatkanya dengan versi GRID silahkan kamu order dengan harga yang sudah di tentukan oleh pemilik situs.
Untuk melihat Demo, dan Link Download dari template ini silahkan kamu kunjungi situsnya di bawah ini.

LIVE DEMO&DOWNLOAD

• DEMO
• DOWNLOAD

Template AMP HTML

Template AMP HTML ini di buat oleh Kang Ismet, template ini sengaja iya bagikan kepada karena melihat perkembangan pesatnya internet mobile, agar pemilik sebagai penyedia informasi Blog dapat memanjakan pengunjungna dengan akses yang begitu ringan sehingga pengunjung tidak bosa untuk melihat (betah dalam mengunjungi situs) konten yang terbilang bagus namun tidak didukung oleh penggalaman pengguna (User Expreience) yang kurang bagus maka pengunjung tidak akan lama mengunjungi situs.
Template AMP HTML ini saya dapatkan dari situs sumbernya yaitu BLOG KANG ISMET yang di bagikan secara gratis nah untuk kamu mungkin tertarik memesangnya templatenya di blog kamu, silahkan kunjungi situs Demo dan Link Downloadnya di bawah ini.

LIVE DEMO&DOWNLOAD

• DEMO
• DOWNLOAD

Template AMP Kompi Design

Template AMP Kompi Desig merupakan template yang pertama kali valid AMP untuk blogger yang di publikasikan untuk oang banyak secara cuma-cuma, sehingga banyak designer yang membuat template dengan menggunakan AMP sehingga munculah berbagai aneka template dengan menggunakan Project AMP, Nah untuk mendapatkan template ini kamu bisa langsung melihat Demo dan Link Download dari Template AMP Kompi Designer.

LIVE DEMO&DOWNLOAD

• DEMO 1
• DOWNLOAD
• DEMO 2

Vletters AMP Template

Vletters AMP Template, adalah template yang sangat berbeda dengan yang lain, bukan masalah kenapa template ini memiliki design yang sangat menonjol, dari segi tampilan maupun warna template. template ini mungkin pertama memiliki design tampilan yang berbeda, lebih menonjol dari yang lainnya. untuk mendapatkan template ini tidak usah pusing tujuh keliling, template ini tersedia gratis untuk kamu pecinta blogger.
Lihat Demon dan Link downloadnya di bawah ini.

LIVE DEMO&DOWNLOAD

• DEMO 1
• DOWNLOAD

Nah bagai mana shobat Template AMP Gratis Untuk Blogger di atas??, tertarik untuk memasang salah satunya di blog kamu??
Oky, sampe ketemu lagi yahhh di Informasinya ID Dzgn lainya, nantikan Template-template AMP Gratis lainnya hanya di ID Dzgn

Memasang Meta Tag Terbaru Seo Friendly Valid HTML5 Di Blog

Hallo sahabat blogger kali ini saya akan coba membagikan sedikit ilmu yang saya dapatkan yaitu tentang Memasang Meta Tag Terbaru Seo Friendly Valid HTML5 Di Blog, Meta Tag mungkin kalian belum terlalu mengenal yang namanya Meta Tag ini, atau mungkin sudah familiyar bagi anda para master yang terlebih dahulu mendahului??, baik bagi yang belum terlalu mengenal Meta Tag, mari kenali terlebih dahulu.

Memasang Meta Tag Terbaru Seo Friendly Valid HTML5 Di Blog

Apa Itu Meta Tag???

Meta tag adalah salah satu optimasi pada web/blog di mana agar blog kita memiliki identitas yang jelas, sehingga blog dapat mudah terindex oleh robot penelusuran, crawl yang terdapat pada browser misalkan google,bing,yahoo. dan masih banyak lainya dan akan mempermudah di urutkan SERP singkatan dari (Search Engine Result Page).


Nah bagai mana dengan penjelasanya di atas?? masih belum selesai sekarang mari simak lagi Element Meta Tag dasarnya terbagi dalam beberapa element tertentu menurut fungsinya:

Meta Tag Description misalnya: Meta Tag Descriptions di gunakan untuk memberikan gambaran umumnya tentang isi dari halaman/post blog shobat. ukuranya pun di batasi lebih kuranya 180 karakter dan usahakan agar bisa Descriptions kamu menjadi seperti:

<meta content='Tulis deskripsi di sini'  name='description'/>

Meta Tag Keywoard misalnya: Meta Tag Keywoard ingat bukan Meta Tag Keyboard ☺ heee,,
Meta Tag Keywoard sangat penting keberadaanya, karena akan menentukan kata kunci dari halaman blog kamu pada Search Engine atau SERP, sama halnya dengan Meta Tag Description tadi, Meta Tag Keywoard juga jumblah karakternya di batasi lebih sedikit dari Meta Tag Description tadi, jumblahnya minimal 150 karakter dan usahakan pula Meta Tag Keywoard (Kata kunci) ini menjadi:

<meta content="kata kunci 1, kata kunci 2, kata kunci 3,... name="keywords"/>

Meta Tag Robots Misalnya: Meta Tag Robots ini tujuan utamanya untuk menentukan halaman mana yang akan di index oleh  Robots Indexs. dan akan sebaliknya halaman mana yang di kecualikan agar tidak terindex oleh Robots indexs (Search engine), misalkan pada halaman Error page, Archive dll itu wajib untuk di berikan meta tag pengecualian.Meta Tag ini juga sangat berguna sekali terutama jika suatu blog menggunakan frame untuk navigasinya. Nah Meta Tag  Robots untuk indexs usahakan menjadi:

<meta content="index follow" name="robots"/>

Dan untuk Meta Tag pengecualianya pastikan menjadi seperti:

s<meta content='noindex,nofollow' name='robots'/>

Nah ke empat komponen Meta Tag ini jika di perpadukan akan menjadi:

<meta content='Tulis deskripsi di sini' name='description'/>
<meta content='kata kunci 1, kata kunci 2, kata kunci 3...' name='keywords'/>
<meta content='index, follow' name='robots'/>
s<meta content='noindex,nofollow' name='robots'/>

Nah jika Shobat sudah mengetahui fungsi dasar dari Komponen-komponen dasar yang wajib terpasang pada template suatu blog, maka selanjutnya saya akan membahasas tentang Meta Tag Seo Fiendly dan sudah pasti Valid HTML5

Meta Tag Terbaru Seo Friendly Valid HTML5 Di Blog

Di sini saya akan membagikan contoh dari Meta Tag Yang Seo Friendly dan Valid HTML5 yang saya dapatkan dari sumbernya yaitu Arlinadzgn.com> Kode Meta Tag di bawah ini dapat shobat pasang di bawah kode <head> atau mungkin di atas kode </head>

<!-- [ Meta Tag SEO ] -->
<include expiration='7d' path='*.css'/>
<include expiration='7d' path='*.js'/>
<include expiration='3d' path='*.gif'/>
<include expiration='3d' path='*.jpeg'/>
<include expiration='3d' path='*.jpg'/>
<include expiration='3d' path='*.png'/>
<meta content='sat, 02 jun 2020 00:00:00 GMT' http-equiv='expires'/>
<meta charset='utf-8'/>
<meta content='width=device-width, initial-scale=1' name='viewport'/>
<meta content='blogger' name='generator'/>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<link href='http://www.blogger.com/openid-server.g' rel='openid.server'/>
<link expr:href='data:blog.homepageUrl' rel='openid.delegate'/>
<link expr:href='data:blog.url' rel='canonical'/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.pageTitle/></title>
<b:else/>
<b:if cond='data:blog.pageType != &quot;error_page&quot;'>
<title><data:blog.pageName/> - <data:blog.title/></title>
</b:if></b:if>
<b:if cond='data:blog.pageType == &quot;error_page&quot;'>
<title>Page Not Found - <data:blog.title/></title>
</b:if>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<meta content='noindex' name='robots'/>
</b:if>
<b:if cond='data:blog.searchLabel'>
<meta content='noindex,nofollow' name='robots'/>
</b:if>
<b:if cond='data:blog.isMobile'>
<meta content='noindex,nofollow' name='robots'/>
</b:if>
<b:if cond='data:blog.pageType != &quot;error_page&quot;'>
<meta expr:content='data:blog.metaDescription' name='description'/>
<script type='application/ld+json'>{ &quot;@context&quot;: &quot;http://schema.org&quot;, &quot;@type&quot;: &quot;WebSite&quot;, &quot;url&quot;: &quot;<data:blog.homepageUrl/>&quot;, &quot;potentialAction&quot;: { &quot;@type&quot;: &quot;SearchAction&quot;, &quot;target&quot;: &quot;<data:blog.homepageUrl/>?q={search_term}&quot;, &quot;query-input&quot;: &quot;required name=search_term&quot; } }</script>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<meta expr:content='data:blog.pageName + &quot;, &quot; + data:blog.pageTitle + &quot;, &quot; + data:blog.title' name='keywords'/>
</b:if></b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta content='DESKRIPSI-BLOG' name='keywords'/></b:if>
<link expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' expr:title='data:blog.title + &quot; - Atom&quot;' rel='alternate' type='application/atom+xml'/>
<link expr:href='data:blog.homepageUrl + &quot;feeds/posts/default?alt=rss&quot;' expr:title='data:blog.title + &quot; - RSS&quot;' rel='alternate' type='application/rss+xml'/>
<link expr:href='&quot;http://www.blogger.com/feeds/&quot; + data:blog.blogId + &quot;/posts/default&quot;' expr:title='data:blog.title + &quot; - Atom&quot;' rel='alternate' type='application/atom+xml'/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:if cond='data:blog.postImageThumbnailUrl'>
<link expr:href='data:blog.postImageThumbnailUrl' rel='image_src'/>
</b:if></b:if>
<link expr:href='data:blog.url' hreflang='x-default' rel='alternate'/>
<link href='/favicon.ico' rel='icon' type='image/x-icon'/>
<link href='https://plus.google.com/USER-GOOGLE-PLUS/posts' rel='publisher'/>
<link href='https://plus.google.com/USER-GOOGLE-PLUS/about' rel='author'/>
<link href='https://plus.google.com/USER-GOOGLE-PLUS' rel='me'/>
<meta content='KODE-VALIDASI-GOOGLE-WEBMASTER' name='google-site-verification'/>
<meta content='KODE-VALIDASI-BING-WEBMASTER' name='msvalidate.01'/>
<meta content='Indonesia' name='geo.placename'/>
<meta content='NAMA-ADMIN' name='Author'/>
<meta content='general' name='rating'/>
<meta content='id' name='geo.country'/>
<!-- [ Social Media Meta Tag ] -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta expr:content='data:blog.pageName' property='og:title'/>
<meta expr:content='data:blog.canonicalUrl' property='og:url'/>
<meta content='article' property='og:type'/>
</b:if>
<meta expr:content='data:blog.title' property='og:site_name'/>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta expr:content='data:blog.metaDescription' name='description'/>
<meta expr:content='data:blog.title' property='og:title'/>
<meta content='website' property='og:type'/>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' property='og:description'/>
<b:else/>
<meta expr:content='&quot;Silakan kunjungi &quot; + data:blog.pageTitle + &quot; Untuk membaca postingan menarik.&quot;' property='og:description'/>
</b:if>
</b:if>
<b:if cond='data:blog.postImageUrl'>
<meta expr:content='data:blog.postImageUrl' property='og:image'/>
<b:else/>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postThumbnailUrl' property='og:image'/>
<b:else/>
<meta content='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuJVrdMvYcXzM015ZDyHcPBXZmRs0WtAKvmGse5XA3bmkXMZ-h69Duwpg_NAtBIG1zdm3BFjYoQ1DTKDbwNOX7Xq_FnbaVXlho8eVPqOS0yWp73Z5vcSdumrmCTco5TaHnsHu-gsuzL6A/s1600/Id+Dzgn.png' property='og:image'/>
</b:if>
</b:if>
<meta content='https://www.facebook.com/PROFIL-FACEBOOK' property='article:author'/>
<meta content='https://www.facebook.com/FAN-PAGE-FACEBOOK' property='article:publisher'/>
<meta content='KODE-APLIKASI-FACEBOOK' property='fb:app_id'/>
<meta content='KODE-ADMIN-FACEBOOK' property='fb:admins'/>
<meta content='en_US' property='og:locale'/>
<meta content='en_GB' property='og:locale:alternate'/>
<meta content='id_ID' property='og:locale:alternate'/>
<meta content='summary' name='twitter:card'/>
<meta expr:content='data:blog.pageTitle' name='twitter:title'/>
<meta content='USER-TWITTER' name='twitter:site'/>
<meta content='USER-TWITTER' name='twitter:creator'/>

Keterangan Lengkapny

Tulisan	Penjelasan
DESKRIPSI-BLOG	Diisi dengan deskripsi atau kata kunci blog
USER-GOOGLE-PLUS	Diisi dengan link Google+ admin blog, contoh : +IDDzgn
KODE-VALIDASI-GOOGLE-WEBMASTER	Diisi dengan kode validasi Google di Search Console
KODE-VALIDASI-BING-WEBMASTER	Diisi dengan kode validasi Bing Webmaster *
NAMA-ADMIN	Isi dengan nama penulis
id dan Indonesia	Isi dengan kode negara lokasi dimana blog sobat dipublikasikan
PROFIL-FACEBOOK	Isi dengan link profil Facebook sobat
FAN-PAGE-FACEBOOK	Isi dengan link Fan Page Facebook
KODE-APLIKASI-FACEBOOK	Isi dengan kode App Facebook, bisa buat di https://developers.facebook.com
KODE-ADMIN-FACEBOOK	Isi dengan kode profil Facebook sobat, dapatkan di http://findmyfbid.com
USER-TWITTER	Isi dengan nama user Twitter sobat

Hapus *= jika tidak shobat gunakan.
Atau bisa juga menghapus meta tag yang ada, dan di ganti dengan Meta Tag yang saya bagikan.
Nah bagai mana shobat tips kali??, semoga shobat bisa menjadi blogger yang mulia, mau berbagi pengetahuan yang di miliki. sukses selalu
mungkin sampe ini dulu tips kali ini, sampe ketemu di lain waktu salam berjumpa lagi.

Memasang Sitemap Responsive Menggunakan Material Design Di Blog

Baiklah shobat kali ini saya akan membagikan sedikit tutorial Memasang Sitemap Responsive Menggunakan Material Design Di Blog, perlu dikeahui sitemap sendiri adalah data situs yang sederhana bagi para webmaster/wapmaster yang intinya digunakan untuk mengonfigurasi tentang url halaman situs kepada (Search enggine), misalnya halaman situsnya yang bisa di crawl. dan bentuk dari sitemap ini cukup sederhana sekali yaitu berupa fie jenis XML yang berisi daftar URL sebuah situs beserta metadatanya.
Nah Sitemap ini juga bisa langsung di blog kamu, mau tau caranya??? langsung saja ikuti langkahangkahnya di bawah ini.

Memasang Sitemap Responsive Menggunakan Material Design Di Blog

Result

1. Masuk terebih dahulu ke Blogger>Laman>Buat Laman Nah bada bagian halaman tadi silahkan kamu pindahkan mode Compose Menjadi HTML yang berada di pojok kiri atas seperti gambar di bawah ini.

Lalu pastekan code CSS berikut pada aera penulisan HTML

<style scoped="scoped" type="text/css">
#sidebar-wrapper{display:none!important}#main-wrapper{width:100%!important}#show-cat{    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);float:left;margin:10px 5% 20px 0;width:25%;height:389px;overflow-x:hidden;overflow-y:auto;line-height:18px;border:1px solid #ccc}#show-cat ul{margin:0;border-top:0 solid #ccc;padding:0}#show-cat ul li{list-style-type:none;margin:0;border-right:1px solid #ccc;border-bottom:0 solid #ccc;border-left:0 solid #ccc;padding:0}#show-cat ul li a{display:block;padding:10px;border-bottom:1px solid #ccc}#navi-cat a:hover{color:#fff!important}#show-cat ul li:last-child a{border-bottom:none}#show-cat ul li a,#navi-cat a{background:#fff;color:#555;font-weight:bold;text-decoration:none}#show-cat ul li a,#navi-cat a,#navi-cat span{font-size:14px}#show-cat ul li a:hover,#navi-cat a:hover{    background: #44a996;;color:#fff}#show-post{float:left;width:69%;line-height:1.6em}#show-post ul li{0 0px 0px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12)list-style-type:none;margin:10px 0 0 -40px;padding:10px;border:1px solid #ddd}#show-post a:hover{color:#07ACEC}#show-post a{color:#333;font-weight:bold}#navi-cat{padding:20px 0}#navi-cat a{margin-right:10px;border:1px solid #ccc}#navi-cat a,#navi-cat span{padding:10px 15px}#navi-cat span{float:right}#show-cat::-webkit-scrollbar{width:8px;height:8px}#show-cat::-webkit-scrollbar-track{background-color:rgba(0,0,0,.1);border-radius:2px}#show-cat::-webkit-scrollbar-thumb:hover{background-color:rgba(0,0,0,.6)}#show-cat::-webkit-scrollbar-thumb{border-radius:2px;background-color:rgba(0,0,0,.4);transition:all 400ms ease-in-out}@media screen and (max-width:768px){#show-cat{width:35%}#show-post{width:59%}}@media screen and (max-width:480px){#show-cat{width:100%;margin:20px 0}#show-post{width:100%}}
</style>

Jika sudah, silahkam tambahkan HtmlScriptnya di bawah ini.

<div id='show-cat'></div>
<div id='show-post'>
<script type='text/javaScript'>
var cat_home='http://www.iddzgn.blogspot.com';cat_numb=11;cat_pre='Prev';cat_nex='Next';
var cat_name;var cat_start;var cat_class;
function show_post2(a){var tt=a.feed.openSearch$totalResults.$t;dw='';dw+='<ul>';for(var i=0;i<cat_numb&&i<a.feed.entry.length;i++){var entry=a.feed.entry[i];cat_title=entry.title.$t;for(var j=0;j<entry.link.length;j++){if(entry.link[j].rel=='alternate'){var cat_url=entry.link[j].href}}dw+='<li>';dw+=(cat_start+i)+'. <a href="'+cat_url+'" rel="nofollow" title="'+cat_title+'">'+cat_title+'</a>';dw+='</li>'}dw+='</ul>';dw+='<div id="navi-cat">';if(cat_start>1){dw+='<a href="" onclick="show_post(\''+cat_name+'\',\''+(cat_start-cat_numb)+'\',\''+cat_class+'\');return false" title="'+cat_pre+'">'+cat_pre+'</a>'}if((cat_start+cat_numb-1)<tt){dw+='<a href="" onclick="show_post(\''+cat_name+'\',\''+(cat_start+cat_numb)+'\',\''+cat_class+'\');return false" title="'+cat_nex+'">'+cat_nex+'</a>'}dw+='<span>'+cat_start;if(cat_start!=tt){dw+=' &ndash; '+(cat_start+i-1)}dw+=' / '+tt+'</span>';dw+='</div>';document.getElementById('show-post').innerHTML=dw+'<style type="text/css">.cat-'+cat_class+' a{background:#bbb!important;color:#fff!important}<\/style>'}function show_post(a,b,c){var d=document.getElementsByTagName('head')[0];e=document.createElement('script');e.type='text/javascript';e.setAttribute('src',cat_home+'/feeds/posts/default/-/'+a+'?alt=json-in-script&start-index='+b+'&max-results='+cat_numb+'&callback=show_post2');d.appendChild(e);cat_name=a;cat_start=parseInt(b),cat_class=c}function show_cat(a){var cat=a.feed.category;dw='';dw+='<ul>';for(var i=0;i<cat.length-1;i++){for(var j=i+1;j<cat.length;j++){if(cat[i].term>cat[j].term){cat_hv=cat[i].term;cat[i].term=cat[j].term;cat[j].term=cat_hv}}}for(var i=0;i<cat.length;i++){dw+='<li class="cat-'+i+'">';dw+='<a href="" onclick="show_post(\''+cat[i].term+'\',\'1\',\''+i+'\');return false" title="';dw+=cat[i].term;dw+='">';dw+=cat[i].term;dw+='</a>';dw+='</li>'}dw+='</ul>';document.getElementById('show-cat').innerHTML=dw}document.write('<script type="text/javascript" src="'+cat_home+'/feeds/posts/default?alt=json-in-script&max-results=0&callback=show_cat"><\/script>');
</script>
</div>
<div style='clear:both'></div>

Silahkan kamu ganti url http://www.iddzgn.blogspot.com dengan url situs kamu, sedangkan 11 adalah jumblah postingan yang akan di tampilkan sesuai dengan kategory. ganti dengan selera kamu

Misteri Menghilangnya Blog Seocips.com??

Seocips.com adalah situs pribadi yang menyajikan berbagai Tips&Tutorial blog, admin seocips.com sendiri adalah: Brando Mewo

Pasti kalian bingung kenapa blog seocips.com tiba-tiba saja menghilang.??
saya sendiri juga bingung pas saya coba untuk mengunjungi situs seocips.com tiba-tiba teralihkan ke halaman Error 404 (Not Found) om google, padahal url yang saya ketik sudah fix benar namun tetap saja, tidak bisa masuk ke situs seocips.com.

Padahal blog ini terakhir saya check tanggal 28/02/2017 masih bisa masuk, namun kali ini saya benar-benar bingung, di google juga saya coba telusuri dengan kata kunci seocips.com tidak ketemu, yang ketemu hanyalah blog-blog lain yang memiliki kata kunci seocips.com, apakah blog ini di hapus oleh google sendiri atau mungkin hal lainnya saya juga tidak teralu jelas tau tentang hal ini, namun saya akan mencoba mencari informasi yang lebih detailnya lagi dari adminnya sendiri. nantikan onformasi lebih lanjutnya.
jangan lupa subscribe email kamu di bawah ini untuk mendapatkan postingan-postingan blog terupdate.

Update

Hallo para sehabat blogger, yang pengen tau penyebab dari hilangnya blog seocips.com, Kemaren malam saya coba untuk menanyakan kemana sebenarnya blog seocips, kenapa bisa seocips terkena Goggle Error 404. namun lebih dari itu ada informasi tambahan yang saya dapatkan.

Pada malam kemaren saya melihat ternyata Admin dari seocips.com sendiri online di facebook, saya tidak ingin melewatkan hal ini, langsung saja saya tanyakan kepada pemilikiknya (Admin) Brando Mewo sendiri, dalam percakapan tadi malam melalui Facebook Messenger saya mendapatkan informasi yang pungkin cukup membuat shobat terkejut.
berikut adalah screenshot dalam wawan cara saya dengan admin Seocips.com. terkait hilangnya blog seocips.com

Di atas adalah Screenshot percakapan saya, bukti pertama ternyata blog seocips.com sendiri sudah di jual oleh adminya Brando Mewo, alasanya "Lagi Butuh Danal", entah dana apa saya juga kurang tau yang jelas Brando Mewo lg butuh dana sehingga mengharuskan ia untuk menjual blog Seocips.com
Di bawah ini bagian dari percakapan saya dengan bang Mewo.

Nah di atas di katakan klo experied domainya masih panjang, berarti tidak mungkin penyebab dari hilangnya blog seocips adalah Kedaluarsanya domain yang di gunakan
Kemungkinan ada hal2 lain yang salah. ini masih jadi misteri.
Kini Kang Mewo sendiri sudah lepas tangan karena saat ini iya sudah tidak memegang alih untuk blog Seocips.com.
Lalu siapa sebenranya pemilik baru dari blog Seocips.com????, Tunggu Updatenya lagi.
jangan lupa share end subscribe informasi ini.