Menempatkan بِسْــــــــــــــــمِ اﷲِالرَّحْمَنِ الرَّحِيم dan ٱلْحَمْدُ لِلَّهِ رَبِّ ٱلْعَٰلَمِين di blog

بِسْــــــــــــــــمِ اﷲِالرَّحْمَنِ الرَّحِيم

Setiap muslim pasti mengenal kalimat basmalah dan hamdalah, Kalimat pendek sarat makna ini biasanya dipakai ketika akan memulai suatu pekerjaan dan usai mengerjakannya. Karena bacaannya yang pendek ini pula, banyak yang menyepelekan kalimat basmalah dan hamdalah. Padahal jika dikaji lebih mendalam, di samping sebagai sarana meraih cinta Allah, ternyata kedua kalimat ini mengandung kekuatan luar biasa dalam meraih kesuksesan dan keberkahan hidup. Tidaklah mengherankan jika para Nabi, Rasul, dan orang-orang sukses selalu membaca basmalah setiap memulai aktivitasnya dan mengakhiri dengan hamdalah sebagai ungkapan syukur.

Baiklah cukup untuk pengantar, berikut cara menambahkan basmalah dan hamdalah diawal dan akhir posting blog

Setelah login ke akun blogger anda

Pada dasbor >> klik  tab template >> Edit HTML

Klik tab drop down Lompat ke widget >> Blog1 >> Klik tanda panah kecil disamping kode dengan id Blog1

Klik tanda panah kecil disamping kode <b:includable id='post' var='post'>

Clik  ctrl F cari <data:post.body/>

Untuk menambahkan basmalah diawal posting tambahkan kode berikut diatas <data:post.body/>

(<div style='text-align: center;'><span style='font-size: medium;'><span class='messageBody' data-ft='{"type":3}'><span dir='rtl'>بِسْــــــــــــــــمِ اﷲِالرَّحْمَنِ الرَّحِيم</span></span></span></div><br /> )

Untuk menambahkan hamdalah diakhir postingan tambahkan kode berikut dibawah

<div align='center'><span style='font-size: medium;'>ٱلْحَمْدُ لِلَّهِ رَبِّ<br /> ٱلْعَٰلَمِين</span></div>

Simpan template dan lihat hasilnya di blog anda.

Demikian tutorial kali ini, cara menambahkan basmalah dan hamdalah diawal dan akhir artikel blog. Semoga bermanfaat dan berkah.

Terimakasih.

ٱلْحَمْدُ لِلَّهِ رَبِّ ٱلْعَٰلَمِين

Buat Slide Di Blogmu

Sekarang, kita akan belajar untuk membuat slide show, yaitu foto-foto yang ditampilkan secara bergantian dengan otomatis. Slide show bisa digunakan untuk menampilkan banyak foto tanpa menyita banyak space. Karena foto akan diputar layaknya sebuah video, sehingga lebih menarik dan hemat tempat.

Cara Mudah Membuat Slide Show Foto di Blog
1. Login ke blogger
2. Pilih Tata Letak kemudian Tambah Gadget
3. Pilih HTML/JavaScript
4. Masukan kode HTML berikut ini:

<script src='http://yourjavascript.com/53816065231/Database5.js' type='text/javascript'></script><br /> <script type="text/javascript" src="http://yourjavascript.com/65160840132/cycle.js"></script><br /> <script type="text/javascript"> $(document).ready(function() { $('#content-slider').cycle({ fx: 'fade' }); }); </script><br /> <style type="text/css"> #content-slider { position: relative; width: 100%; height: 250px; overflow: hidden; margin:0 auto; } #content-slider img { display: block; width: 100%; height: 250px; } </style><br /> <div id="content-slider"> <img src="URL Foto 1" /><br /> <img src="URL Foto 2" /><br /> <img src="URL Foto 3" /><br /> <img src="URL Foto 4" /><br /> </div>

5. Ganti URL Foto 1 dengan URL foto yang sudah dihost (upload)
6. Kita bisa juga menyesuaikan tinggi foto (height) dan lebarnya.
7. Kita bisa menambahkan atau menampilkan foto lebih banyak lagi dengan menambahkan kode sama seperti <img src="URL Foto 4" /> dan seterusnya.
7. Simpan jika sudah selesai.

Menambahkan Widget Komentator

Malam yg panas (khususnya di Denpasar) sudah lama tidak update,  kali ini saya  akan coba membuat widget top komentator, cara menambahkan widget dg perpaduan  style.  menambahkan efek howover pada avatar atau nama, menampilkan jumlah komentar atau pada jenis dan size link komentator.
Adapun kegunaan dari widget ini, bisa anda maknai sebagai apresiasi untuk pengunjung setia anda atau undangan untuk menarik perhatian dan keinginannya agar lebih giat berkomentar diblog anda.
Jika anda tertarik untuk menambahkan widget top komentator menarik dengan avatar ini, silahkan ikuti tutorial berikut:

Pada dasbor –> Menu Tata Letak –> Tambah gadget HTML/JavaScript
Beri title/judul yang anda inginkan dan Pada kolom konten masukkan kode berikut:

Tulis text ataupun kode yang ingin anda tampilkan disini

Tulisan berwarna merah dan bercetak tebal diatas (Nama Admin), silahkan diganti dengan nama anda jika anda tidak menginginkan masuk dalam lists top komentator

Idwebhost.com The Best Trend Hosting Indonesia

BINGUNG MAU CARI HOSTING YANG MURAH DAN SANGAT DIJAMIN KELANCARANYA DALAM BERBLOGGING RIA MARIKITA UNGKAP, IDwebhost.com menurut saya sebuah calon pasangan hidup yang mampu memenuhi semua kebutuhan kita terutama soal hosting murah dan menggunakan hosting indonesia yang artinya website kita akan lebih cepat jika di akses se nusantara kira² begitu kali ya .hehehe kenapa ya kok milih idwebhost menjadi trend ? Sesuai slogan idwebhost.com 'Best Service at Affordable Cost' IDwebhost memberikan pelayanan terbaik bagi para konsumen. idwebhost.com menjamin kenyamanan dan kemudahan berkomunikasi melayani konsumen akan di utamakan. seakan jadi raja kan jadinya, gimana kalo pelayanannya gak baik trus kita juga gaptek waduuuhhh lama banget pastinya prosesnya. untuk itu idwebhost siap dengan pelayanan terbaiknya. Kemudahan Komunikasi dengan IDwebhost.com bisa dilakukan dengan banyak cara, YM : idwebhost_cs19 ini namanya mas anang, chat aja orangnya ramah banget.. SMS : 08572 99999 51 kalo mau ngomong sungkan, malu, atau apa ja bisa sms kok.hehehe Telp : 021 3377 9000 IDwebhost telah berpengalaman bertahun tahun lamanya. clientnya 7.500 website telah dilayani dengan sangat baik. itulah mengapa IDwebhost menjadi trend dunia hosting. oya jangan lupa hosting di IDwebhost mulai dari 1.000 rupiah. passs banget ma kantong.hehehe sudah tahu kan keunggulan-keunggulan IDwebhost kalau begitu tugas anda segera buktikan hanya IDwebhost yang mempu melayani pelangganannya dengan segala kemudahan. kurang jelas silahkan kunjungi IDwebhost satu hal lagi yang perlu anda ketahui IDwebhost itu setiap ulang tahun mengirmkan souvenir kepada member maupun ngajak ketemu semua klient membicarakan bisnis wah pasti lebih berkesan dan menarik yaa, sebentar lagi IDwebhost akan ulang tahun. selamat ulang tahun IDwebhost.com semoga tambah besar dan semakin terdepan dalam penyediaan web hosting di Indonesia yaa

Teks Mengikuti Kursor

Login Jangan Lupa Masuk ke Rancangan >> Element Halaman Tambah Gedget >> HTML/JavaScript Masukin Code Berikut :

<script language="javascript"> // ENTER TEXT BELOW. CAN *NOT* INCLUDE NORMAL HTML CODE. var text='Ndorae suka²';//ganti message-nya var delay=40; // SPEED OF TRAIL var Xoff=0; // PIXEL COUNT FROM THE LEFT OF THE CURSOR (- VALUES GO TO LEFT) var Yoff=-15; // PIXEL COUNT FROM THE TOP OF THE CURSOR (- VALUES GO UP) var txtw=20; // AMOUNT OF PIXEL SPACE EACH CHARACTER OCCUPIES var beghtml='<font color="#99ff00"><b>'; // OPTIONAL HTML CODE THAT EFFECTS WHOLE TEXT STRING SUCH AS FONT COLOR, SIZE, ETC. var endhtml='</b></font>'; // END HTML CODE. MOSTLY USED IF ABOVE SETTING IS USED. //********** NO NEED TO EDIT BELOW HERE **********\\ ns4 = (navigator.appName.indexOf("Netscape")>=0 && document.layers)? true : false; ie4 = (document.all && !document.getElementById)? true : false; ie5 = (document.all && document.getElementById)? true : false; ns6 = (document.getElementById && navigator.appName.indexOf("Netscape")>=0 )? true: false; var txtA=new Array(); text=text.split(''); var x1=0; var y1=-100; var t=''; for(i=1;i<=text.length;i++){ t+=(ns4)? '<layer left="0" top="-100" width="'+txtw+'" name="txt'+i+'" height="1">' : '<div id="txt'+i+'" style="position:absolute; top:-100px; left:0px; height:1px; width:'+txtw+'; visibility:visible;"> '; t+=beghtml+text[i-1]+endhtml; t+=(ns4)? '</layer>' : '</div> '; } document.write(t); function moveid(id,x,y){ if(ns4)id.moveTo(x,y); else{ id.style.left=x+'px'; id.style.top=y+'px'; }} function animate(evt){ x1=Xoff+((ie4||ie5)?event.clientX+document.body.scrollLeft:evt.pageX); y1=Yoff+((ie4||ie5)?event.clientY+document.body.scrollTop:evt.pageY); } function getidleft(id){ if(ns4)return id.left; else return parseInt(id.style.left); } function getidtop(id){ if(ns4)return id.top; else return parseInt(id.style.top); } function getwindowwidth(){ if(ie4||ie5)return document.body.clientWidth+document.body.scrollLeft; else return window.innerWidth+pageXOffset; } function movetxts(){ for(i=text.length;i>1;i=i-1){ if(getidleft(txtA[i-1])+txtw*2>=getwindowwidth()){ moveid(txtA[i-1],0,-100); moveid(txtA[i],0,-100); }else moveid(txtA[i], getidleft(txtA[i-1])+txtw, getidtop(txtA[i-1])); } moveid(txtA[1],x1,y1); } window.onload=function(){ for(i=1;i<=text.length;i++)txtA[i]=(ns4)?document.layers['txt'+i]:(ie4)?document.all['txt'+i]:document.getElementById('txt'+i); if(ns4)document.captureEvents(Event.MOUSEMOVE); document.onmousemove=animate; setInterval('movetxts()',delay); } </script>

  Simpan dan lihat hasilnya,..

Membuat Burung Tweeter Terbang Di Blog

Sobat mau lihat dan buat burung twitter beterbangan di blog,tentu saja sobat sering ketika blogwalking ke blog-blog lain sobat melihat burung twitter beterbangan di blog, sekarng buat di blog anda langkah-langkahnya,..
1. Login ke akun blogger sobat
2. Kemudian pilih"Opsi Lainya">>Tata Letak>>Tambah Gadget>>HTML/JavaScript
3. Masukkan kode dibawah ini kedalamnya

<!-- floating twitter Bird --><br /> <script type="text/javascript" src="http://misbahudin-dcaesga.googlecode.com/files/twitter-terbang.js"></script><br /> <script type="text/javascript"> var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQ0zHZCEb0Nb3pKQdRVa7jlhdxR39SGW__8M1hxVmluPslgsRADcD1YJJbD8WC4ckeAE7U_ICxfjIi1gitojfsKwz1evUl1G6MUGeUHcQMYCB03G7SIHEnJKXVBmKfOOW_qWuJ2sf0QN0/s1600/cyan+bird.png"; var targetElems=new Array("img","hr","table","td","div","input","textarea","button","select","ul","ol","li","h1","h2","h3", "h4","p","code","object","a","b","strong","span"); var twitterAccount = "http://twitter.com/#!/robz_hitz"; var tweetThisText = "Twitter - UserID http://slinder9.blogspot.com/"; tripleflapInit(); </script>

Ganti yang berwarna merah dengan ID Twittermu, dan untuk yang berwarna biru ganti dengan URL blogmu. Kalo sudah "Save" dan selsesai..
 NB: Kode yang berwarna hijau adalah warna burung twitter sobat.Kalo sobat pengen ganti dengan warna yang lain silakan ganti dengan URL gambar dibawah ini.

Burung Twitter Biru Muda<br /> <br /> https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQ0zHZCEb0Nb3pKQdRVa7jlhdxR39SGW__8M1hxVmluPslgsRADcD1YJJbD8WC4ckeAE7U_ICxfjIi1gitojfsKwz1evUl1G6MUGeUHcQMYCB03G7SIHEnJKXVBmKfOOW_qWuJ2sf0QN0/s1600/cyan+bird.png<br /> <br /> Burung Twitter hijau<br /> <br /> https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUVcv4oSMeEEcgrLZioGSH4seFE29aqNbDJaWKv166ttg5CYZnyHB_SyxBHJhATJ4ZaQ1fR0rIKl_SmoQEJQ9EIWGhsGbbxlRWEWUS2Sb1kw01xCZ3WGpO-rJWAFMb1BJag_FpGPjRP1U/s1600/Green+bird.png<br /> <br /> Burung Twitter hitam<br /> <br /> https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyQTlmHtWyj6EZiTXSl38oxUmmxrDG2PWhHIPBk59WnV488biGPxQSB7PfUwkaH8KKqVUrHf8WBUlUWMflNBe2WLdn3fgdlwtfMuOP5qWFaW9KN0t8C18lFj2dkGDoGipRC0BOy-vuaZM/s1600/black+bird.png <br /> <br /> Burung Twitter coklat<br /> <br /> https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimB8lOU_gyWzeADDvwBaKsYUuPgHL0tGfGdm6CY_Y6xShY_EJ7Ma_H6cYQQlJhL4cWWUA_CLcDq9yRnONl3VVW9pjoCm9TKIsIEHvb-dj5DCrY95BGIIuw3jHYVU_Mz4MDeEWNYIKAKGk/s1600/brown+bird.png <br /> <br /> Burung Twitter ungu<br /> <br /> https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8cvWEtZt629AIOI6zwoEfKYb8FBHbCqa1HTXCO7G774Yu3yRsbNsiWWTJDtvrxgzMIb5Cw0aC9rKzfFXyMTHgbK4xy_GZlmt4p8DCcbiuLh0JzXvqCf1IeWcc6LYmYuHgLT9Z3RoiQL8/s1600/purple+bird.png <br /> <br /> Burung Twitter merah<br /> <br /> https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZLsTscaGJuI64HMuelu0aWKfsA8JiKnj-j5qNUyghGy_Y9Zo6mwLTa7VwiC4R3k0cpzW2Uxcb8O-xBhKn_jhegk7Sz6KlH64QKL52GHu2ChJD4BZlBRBoIkSOPWNDCiD1YrgGuLsY9ts/s1600/red+bird.png <br /> <br /> Burung Twitter putih<br /> <br /> https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6P2EryHWu8JCUaP7mmc_VRf4DA0fhoRyybNnnCAtLABokBDv1S1QZIlWOX-YP_wju5l28q3349K4fp1rgelmjz8P-YchzIQ9QYreS6PM5pQ-s83hyphenhyphensp9MNnF7hscJ1x5zistLR6wzNSE/s1600/white+bird.png <br /> <br /> Burung Twitter kuning<br /> <br /> https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjP0ZfWPQ9NE-n5RK_2_a4NhX-fhkbA0vP2r6Ky_ees47XajhWGvJ7SNvarOx7ztCEBADpM4BmfxPiyZ783swhyg35Y0LuqnInj_atD04jIey96bhNP3_ILqEtpv6ExzVwi9JQuD8oqupQ/s1600/yellow+bird.png

Sobat yang kreatif buat sendiri pakek Adobe Photoshop yaa .Ok,cukup sekian mudah-mudahan bisa membantu mempercantik tampilan blog sobat.Terima kasih sudah mampir,..

Membuat Navigasi Halaman Bernomor/Paging

Setelah lama saya mencari akhirnya dapat juga, jika biasanya pada halaman pada blog anda hanya ada older post ternyata itu bisa di ganti dengan halaman bernomor seperti gambar berikut:

Pasti penasarankan bagaiman cara membuatnya, langsung aja :
yang paling penting anda harus login dulu
2. masuk ke tata letak (layout) >> element halaman
3. tambah gedget >> pilih HTML/java script
4. copas dan code berikut:

<style> .showpageArea {padding: 0 2px;margin-top:10px;margin-bottom:10px; } .showpageArea a {border: 1px solid #505050; color: #000000;font-weight:normal; padding: 3px 6px !important; padding: 1px 4px ;margin:0px 4px; text-decoration: none; } .showpageArea a:hover { font-size:11px; border: 1px solid #333; color: #000000; background-color: #FFFFFF; } .showpageNum a {border: 1px solid #505050; color: #000000;font-weight:normal; padding: 3px 6px !important; padding: 1px 4px ;margin:0px 4px; text-decoration: none; } .showpageNum a:hover { font-size:11px; border: 1px solid #333; color: #000000; background-color: #FFFFFF; } .showpagePoint {font-size:11px; padding: 2px 4px 2px 4px; margin: 2px; font-weight: bold; border: 1px solid #333; color: #fff; background-color: #000000; } .showpage a:hover {font-size:11px; border: 1px solid #333; color: #000000; background-color: #FFFFFF; } .showpageNum a:link,.showpage a:link { font-size:11px; padding: 2px 4px 2px 4px; margin: 2px; text-decoration: none; border: 1px solid #0066cc; color: #0066cc; background-color: #FFFFFF;} .showpageNum a:hover {font-size:11px; border: 1px solid #333; color: #000000; background-color: #FFFFFF; } </style><br /> <br /> <br /> <br /> <script type="text/javascript"> function showpageCount(json) { var thisUrl = location.href; var htmlMap = new Array(); var isFirstPage = thisUrl.substring(thisUrl.length-14,thisUrl.length)==".blogspot.com/"; var isLablePage = thisUrl.indexOf("/search/label/")!=-1; var isPage = thisUrl.indexOf("/search?updated")!=-1; var thisLable = isLablePage ? thisUrl.substr(thisUrl.indexOf("/search/label/")+14,thisUrl.length) : ""; thisLable = thisLable.indexOf("?")!=-1 ? thisLable.substr(0,thisLable.indexOf("?")) : thisLable; var thisNum = 1; var postNum=1; var itemCount = 0; var fFlag = 0; var eFlag = 0; var html= ''; var upPageHtml =''; var downPageHtml =''; var pageCount=5; var displayPageNum=3; var firstPageWord = 'First'; var endPageWord = 'Last'; var upPageWord ='Previous'; var downPageWord ='Next'; var labelHtml = '<span class="showpageNum"><a href="/search/label/'+thisLable+'?&max-results='+pageCount+'">'; for(var i=0, post; post = json.feed.entry[i]; i++) { var timestamp = post.published.$t.substr(0,10); var title = post.title.$t; if(isLablePage){ if(title!=''){ if(post.category){ for(var c=0, post_category; post_category = post.category[c]; c++) { if(encodeURIComponent(post_category.term)==thisLable){ if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){ if(thisUrl.indexOf(timestamp)!=-1 ){ thisNum = postNum; } postNum++; htmlMap[htmlMap.length] = '/search/label/'+thisLable+'?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&max-results='+pageCount; } } } }//end if(post.category){ itemCount++; } }else{ if(title!=''){ if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){ if(thisUrl.indexOf(timestamp)!=-1 ){ thisNum = postNum; } if(title!='') postNum++; htmlMap[htmlMap.length] = '/search?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&max-results='+pageCount; } } itemCount++; } } for(var p =0;p< htmlMap.length;p++){ if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){ if(fFlag ==0 && p == thisNum-2){ if(thisNum==2){ if(isLablePage){ upPageHtml = labelHtml + upPageWord +'</a></span>'; }else{ upPageHtml = '<span class="showpage"><a href="/">'+ upPageWord +'</a></span>'; } }else{ upPageHtml = '<span class="showpage"><a href="'+htmlMap[p]+'">'+ upPageWord +'</a></span>'; } fFlag++; } if(p==(thisNum-1)){ html += ' <span class="showpagePoint"><u>'+thisNum+'</u></span>'; }else{ if(p==0){ if(isLablePage){ html = labelHtml+'1</a></span>'; }else{ html += '<span class="showpageNum"><a href="/">1</a></span>'; } }else{ html += '<span class="showpageNum"><a href="'+htmlMap[p]+'">'+ (p+1) +' </a></span>'; } } if(eFlag ==0 && p == thisNum){ downPageHtml = '<span class="showpage"> <a href="'+htmlMap[p]+'">'+ downPageWord +'</a></span>'; eFlag++; } }//end if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){ }//end for(var p =0;p< htmlMap.length;p++){ if(thisNum>1){ if(!isLablePage){ html = '<span class="showpage"><a href="/">'+ firstPageWord +' </a></span>'+upPageHtml+' '+html +' '; }else{ html = ''+labelHtml + firstPageWord +' </a></span>'+upPageHtml+' '+html +' '; } } html = '<div class="showpageArea"><span style="padding: 2px 4px 2px 4px;margin: 2px 2px 2px 2px;border: 1px solid #333; background-" class="showpage">Page '+thisNum+' of '+(postNum-1)+': </span>'+html; if(thisNum<(postNum-1)){ html += downPageHtml; html += '<span class="showpage"><a href="'+htmlMap[htmlMap.length-1]+'"> '+endPageWord+'</a></span>'; } if(postNum==1) postNum++; html += '</div>'; if(isPage || isFirstPage || isLablePage){ var pageArea = document.getElementsByName("pageArea"); var blogPager = document.getElementById("blog-pager"); if(postNum <= 2){ html =''; } for(var p =0;p< pageArea.length;p++){ pageArea[p].innerHTML = html; } if(pageArea&&pageArea.length>0){ html =''; } if(blogPager){ blogPager.innerHTML = html; } } } </script><br /> <br /> <script src="/feeds/posts/summary?alt=json-in-script&callback=showpageCount&max-results=99999" type="text/javascript"></script>

5. text seperti : first menjadi home,
next menjadi lanjut, Previous menjadi kembali last menjadi terakhir
6. letakkan di bawah posting blog seperti gambar berikut:

Terahir simpan widget anda tadi dan lihat hasilnya, selamat mencoba,...

Membuat Pesan Pembuka

Tips dari Blog Tips and Trick kali ini yaitu tentang bagaimana caranya untuk membuat pesan pembuka kepada pengunjung blog anda, ditambah lagi pada pesan pembuka tersebut anda bisa meminta kepada pengunjung blog anda untuk memasukan namanya terlebih dulu sebelum mereka menjelajahi blog anda.seperti contoh pada gambar berikut ini :

Untuk anda yang berminat membuat pesan sapaan seperti pada contoh gambar di atas, caranya yaitu
sebagai berikut. anda login ke blogger lalu klik menu tata letak halaman kemudian anda tambah gadget baru dengan mengklik add a gadget, terus anda pilih gadget Html/java script. setelah itu anda copy dan paste semua kode dibawah ini pada gadget Html/java script tersebut.kodenya adalah :

<script type='text/javascript'> var name = prompt("Greeting", "may I know your name "); alert("wellcome to My Blog "+name) alert("Thank You for Visiting My Blog") </script><br />

Setelah itu anda klik simpan atau save, selesai dech. buka blog anda untuk melihat hasilnya.

Catatan : Teks yang saya beri warna biru di atas silahkan anda ganti sesuai dengan keinginan anda, misalnya pada greeting anda ganti menjadi selamat datang dan yang lainnya juga.

ok cukup sekian dulu postingan Blog Tips and Trick kali ini, semoga bermanfaat dan salam blogger mania.