Cara Membuat Aplikasi Web Launcher Untuk HP Android

Halo sobat apa kabarnya..Lama Saya tidak update blog ini dikarenakan banyak kesibukan yang harus diselesaikan sehingga ada salah satu kegiatan yang mesti saya korbankan salah satunya adalah aktifitas Bloging,jadi mohon maaf buat semua komentar yang belum sempat saya tanggapi juga belum sempat berkunjung balik.

Pada postingan kali ini saya coba bagikan Tutorial ringan tentang cara membuat Aplikasi Web Launcher untuk HP Android.Seperti kita tahu,penggunaan HP berbasis Android makin hari makin banyak diminati,nah buat sobat yang memiliki blog dan ingin mempermudah pengunjung mengaksesnya sobat bisa membuatkan shortcut blog sobat yang yang bisa ditampilkan pada menu HP android seperti gambar dibawah ini :

Sekarang langsung saja pada cara pembuatannya :

1. Silahkan sobat kunjungi www.appsgeyser.com dan langsung register.

2.Jika Sudah sobat tinggal login dan pilih CREATE APP.ada banyak pilihan tapi sobat pilih saja pada pilihan Website.

3. Selanjutnya akan masuk pada halaman seperti berikut,isikan saja sesuai data blog sobat dan jika sudah memiliki logo blog sobat bisa menguploadnya dengan memilih custom icon,ukuran image yang digunakan 72x72 pixels.

4. JIka sudah tinggal klik CREATE APP dan akan masuk pada halaman download APP seperti berikut :

Selamat sekarang sobat sudah memiliki Web Launcher Android untuk blog sobat dan siap dibagikan kepada pengunjung setia blog sobat.

Demikian Tutorial Cara Membuat Aplikasi Web Launcher Untuk HP Android semoga bermanfaat dan buat sobat yang ingin menggunakan Launcher Abitalita Blog silahkan Download Disini.

Cara Membuat Kotak Iklan 125x125

Kali ini saya coba share cara membuat kotak iklan 125 x 125,sebenarnya tutorial seperti ini sudah banyak sekali dan mudah kita temukan namun untuk melengkapi tutorial diblog ini kembali saya share buat sobat semua,untuk kotak iklan seperti ini biasanya ditempatkan pada bagian sidebar mengingat ukurannya yang kurang lebih pas dengan lebar sidebar pada sebuah blog.seperti apa bentuk iklan 125 x 125 yang saya maksud,sobat bisa lihat screenshotnya dibawah ini atau pada sidebar blog ini :

Nah buat sobat yang mau mencoba berikut  langkah langkahnya :

1. Masuk ke Blogger.com Template >> Pilih Edit HTML + Lanjutkan

2. Kemudian cari  kode ]]></b:skin> dan letakkan kode berikut diatas kode ]]></b:skin>

.kotakiklan {background:#fff;padding: 5px 5px 5px 5px;text-align: center;}
.kotakiklan  img {background:#fff;width:125px;height:125px;margin: 3px 3px 3px 3px;padding:5px 5px 5px 5px;text-align: center;border: 1px solid #ddd;}
.kotakiklan  img:hover {border:1px solid #980000;}

3. Selanjutnya masukan kode HTML di bawah ini dalam Gadget HTML/JavaScript.

<div class="kotakiklan">
<a href="LINK SOBAT" target="_blank" title="TITLE IKLAN"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigoOD7EuTbnhG_tZZjYtL_THGUyn4JRVakzfNQeflrsUEIB_7eNtG2rlbYCjekor2XLdGJK435ZFPbT7qio1jmDM9oOPmHq9k22ypixMSKnP09r438zGeg-sy4m2TuFg0rQcg-vSbJs-7P/s1600/125_1.png" alt="ad size"/></a>
<a href="LINK SOBAT" target="_blank" title="TITLE IKLAN"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigoOD7EuTbnhG_tZZjYtL_THGUyn4JRVakzfNQeflrsUEIB_7eNtG2rlbYCjekor2XLdGJK435ZFPbT7qio1jmDM9oOPmHq9k22ypixMSKnP09r438zGeg-sy4m2TuFg0rQcg-vSbJs-7P/s1600/125_1.png" alt="ad size"/></a>
<a href="LINK SOBAT" target="_blank" title="TITLE IKLAN"><img  src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigoOD7EuTbnhG_tZZjYtL_THGUyn4JRVakzfNQeflrsUEIB_7eNtG2rlbYCjekor2XLdGJK435ZFPbT7qio1jmDM9oOPmHq9k22ypixMSKnP09r438zGeg-sy4m2TuFg0rQcg-vSbJs-7P/s1600/125_1.png" alt="ad size"/></a>
<a href="LINK SOBAT" target="_blank" title="TITLE IKLAN"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigoOD7EuTbnhG_tZZjYtL_THGUyn4JRVakzfNQeflrsUEIB_7eNtG2rlbYCjekor2XLdGJK435ZFPbT7qio1jmDM9oOPmHq9k22ypixMSKnP09r438zGeg-sy4m2TuFg0rQcg-vSbJs-7P/s1600/125_1.png" alt="ad size"/></a>
</div>

Kode yang berwarna biru adalah link dan Judul Iklan dan yang berwarna merah adalah gambar iklannya,silahkan sobat sesuaikan dengan iklan sobat.

4. Terakhir klik Simpan dan lihat hasilnya.Demikian cara membuat Kotak iklan 125 x 125 diblog semoga bermanfaat.

Tips Aman Menjelajah Dunia Maya!!

Dunia dalam genggaman...mungkin itu yang sering dibilang orang saat bicara tentang internet,internet atau sering juga disebut dunia maya merupakan suatu media yang mempunyai jaringan begitu luas dan tidak terbatas oleh kepentingan satu golongan, siapapun bisa berpartisipasi didalamnya, internet seperti jaringan sarang laba-laba yang kelihatannya begitu lembut akan tetapi memiliki kekuatan yang sangat kuat. dia seperti pisau bermata dua, tergantung siapa yang mengendalikannya.

Kerena begitu tipisnya jarak antara manfaat dan keburukan yang ada didalamnya tentu kehati hatian sangat diperlukan sebelum kita memasuki dunia maya.berikut sedikit tips aman dalam berselancar di dunia maya :

Niatkan untuk menambah ilmu dan wawasan
Gunakanlah media internet ini sebagai sarana untuk menjadikan kita lebih membuka wawasan.lebih maju,dan lebih pintar,serta menjalin persahabatan dan tali selaturahmi dengan pengguna lainnya baik itu melalui blog,sosial media dan yang lainnya.

Berdo'a sebelum memulai.
Berdoa sebelum memasuki dunia maya sangat dianjurkan minimal membaca Bissmilah dengan begitu mudah mudahan kita bisa terhindar dari keburukan,karena jalan-jalan yang akan kita lalui didunia maya ini penuh dengan persimpangan dan tikungan dan tidak jarang berujung pada jurang kematian, setiap pintu dan jendela yang kita buka kebanyakan berhiaskan dengan fitnah dunia.

Tentukan terlebih dahulu apa yang akan kita butuhkan sebelum memulai.
Bukalah media internet ketika kita mempunyai suatu keperluan, dan setelah selesai dari kebutuhan kita terhadapnnya maka segera tinggalkan sebelum dia dapat memperdayai kita dengan banyak cara.

Jadikan internet sebagai budak dan jangan kita yang diperbudak.
Tidak jarang pada sebagian dari kita yang mengeluh ketika sehari saja tidak berselancar didunia maya, kita merasa seolah tidak punya semangat,badan terasa letih, pegal, pusing dan lain sebagainya. ini pertanda kalau kiat sudah menjadi budak dunia maya. Jika keadaannya sudah seperti ini maka banyak banyaklah beristighfar dan kita harus mampu melatih diri untuk tidak terlalu bergantung pada internet.

Berikan batasan waktu
Tentukanlah berapa waktu yang kita perlukan dalam menggunakan media internet,karena seringnya kita akan menghabiskan banyak waktu sampai tugas dan pekerjaan yang lain jadi terlupakan.

Tinggalkan hal-hal yang tidak bermanfaat.
Meninggalkan hal hal yang tidak bermanfaat sangatlah dianjurkan begitu juga ketika kita berada di dunia maya,oleh karenanya kita harus pandai memilah mana yang mermanfaat untuk kita dan mana yang tidak sehingga kita bisa terhindar dari keburukan dunia maya.
Demikian semoga bermanfaat....

Internet Download Manager 6.17 Build 8 Final !

Siapa yang ngga kenal sama software yang satu ini,saya yakin semua sudah sangat akrab dengan Internet Download Manager (IDM),dengan kecepatan yang stabil dalam mendownload serta beragam fitur yang ada di dalamnya membuat software ini banyak di gunakan.

Internet Download Manager adalah software  yang memiliki logika pintar dan teknologi download multipart untuk mempercepat download. selain itu IDM juga memiliki kemampuan mendownload file secara dinamis untuk mencapai kinerja percepatan pengunduhan file terbaik.

Nah kali ini saya coba share software IDM dengan versi terbarunya yaitu versi 6.17 Build 8.dengan kecepatan yang makin baik dalam men-download serta perbaikan bug dari versi sebelumnya.saya rasa menggunakan software ini untuk mendownload adalah pilihan yang tepat.saya sendiri sudah lama menggunakan software ini.

Beberapa Fitur dari IDM 6.17 yang bisa sobat dapatkan adalah :
1. Download file secara dinamis
2. Mempercepat pengunduhan file
3. Kemampuan resume file secara cepat
4. Support sistem 32 bit dan 64 bit
5. Serta fitur lainnya.

Nah Bagi sobat yang membutuhkan Software Internet Download Manager Versi 6.17 bisa sobat download melalui link berikut

DOWNLOAD IDM 6.17 BUILD 8 FINAL

Didalamnya sudah disertakan File Fatch serta petunjuk instalasi yang membuat software IDM ini menjadi Full version.demikian semoga bermanfaat.

Download Software Penghitung Zakat Maal

Sambil nunggu ide untuk postingan selanjutnya saya mau bagi bagi software gratis ni,dengan ukuran yang kecil tapi lumayan untuk mempermudah kita saat menghitung Zakat Maal (Zakat Harta) yang harus kita keluarkan.

Karena sebagai seorang muslim yang sudah mampu dalam hal ekonomi wajib membayar sebagian harta yang dimiliki kepada orang-orang yang berhak menerimanya jika harta yang dilmiliki tersebut telah mencapai batas minimal bayar zakat atau yang disebut nisab.

Secara manual Zakat Maal dapat dihitung dengan rumus Zakat Maal = 2,5% x Jumlah Harta Yang Tersimpan Selama 1 Tahun sedangkan batas nisab untuk Zakat Maal adalah 85 x harga emas 24 karat dipasaran per gram  (begitu kata pak ustad tetangga saya :d).selanjutnya untuk mempermudah penghitungan sobat bisa gunakan software ini.

Nah buat sobat yang membutuhkan software ini langsung aja di download Disini 

Demikian Semoga bermanfaat...

Cara Mengatasi Komentar Google Plus Yang tidak Bisa Muncul Diblog

Berdasarkan pertanyan dari rekan rekan pada postingan saya tentang Cara Menampilkan Komentar Blogger dan Google Plus Diblog yang menanyakan tentang masalah komentar Google+ yang tidak bisa muncul saat ada pengunjung yang berkomentar maka postingan ini saya  buat.Masalah ini terjadi karena template yang kita gunakan tidak mendukung untuk komentar Google Plus sehingga komentar yang dibuat tidak bisa muncul nah untuk mengatasi masalah ini berikut tipsnya :

1. Pada menu edit HTML cari kode berikut, :

<div class='comments' id='comments'>

gunakan Ctrl + F untuk memudahkan pencarian

2. Setelah ketemu tambahkan kode ini dibawah kode tadi

<div class='cmt_iframe_holder' expr:data-href='data:post.canonicalUrl' expr:data-viewtype='data:post.viewType'/>

3. Terakhir simpan template sobat.

Sebagai tambahan jika sobat masih menggunakan template lama dan belum menggunakan fitur threaded comment silahkan update template sobat dengan cara mengganti kode berikut :

<b:include data='post' name='post'/>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
  <b:include data='post' name='comments'/>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
   <b:include data='post' name='comments'/>
</b:if>

Deangan kode dibawah ini :

<b:include data='post' name='post'/>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
    <b:include data='post' name='comment_picker'/>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
    <b:include data='post' name='comment_picker'/>
</b:if>

Demikian yang bisa saya sampaikan berkaitan dengan cara mengatasi komentar G+ yang tidak bisa muncul,selamat mencoba semoga membantu.

Cara Menggunakan keyword Yang Tepat Untuk Web/Blog

Menyambung postingan saya tentang Menentukan Keyword yang Tepat Untuk Web/Blog.pada artikel ini akan saya bahas tentang bagaimana menggunakan keyword yang tepat dan melihat kekuatan web lain dalam hal SEO agar mempunyai peluang mendapatkan peringkat di SERP (Search Engine Result Position).

Namun sebelumnya saya perlu jelaskan bahwa saya bukan seorang yang ahli seo apalagi master seo,saya hanya kebetulan mengetahui info ini dan ingin berbagi dengan sobat semua.jadi mohon di maklum jika ada kesalahan dan kekeliruan,oke kita lanjut lagi pembahasannya.

Selain pemilihan keyword yang tepat yang banyak dicari orang kita juga harus tahu betul keyword apa yang pas buat kita agar mendapatkan page one (halaman pertama pada search engine),kebanyakan dari kita biasanya terlalu terburu buru dalam menentukan sebuah kata kunci sehingga tidak dapat meraih page one dan mengakibatkan postingan kita tidak muncul di search engine.sehingga peluang mendapatkan pengunjung dari search engine menjadi hilang.

Apabila kita memilih keyword yang banyak dicari orang seperti "cara membuat blog gratis" , keyword ini sudah mencapai 12.100 untuk Global Monthly Searches nya (nilai yang cukup tinggi).bisa dibayangkan banyaknya orang yang mengetikkan kata kunci tersebut,tetapi yang perlu diketahui biasanya kata kunci seperti ini digunakan oleh para master SEO sehingga jika kita menggunakan kata kunci yang sama maka sulit rasanya bisa menang di page one.jadi mencari keyword yang Global Monthly Searches nya 300 juga sudah cukup lumayan.

Setelah kita mencari keyword yang banyak di ketikkan orang selanjutnya kita tinggal mengecek keyword tersebut apakah berpeluang masuk ke dalam page one atau tidak.berikut ini akan dijelaskan bagaimana cara mengecek lawan/web lain di SERP dengan menggunakan sebuah software yang bernama Serp Attacks.Sedikit membahas tentang software Serp Attacks. software ini juga bisa menjadi pengecek SERP, terkadang saat kita mengetikkan dengan kata kunci pada sebuah posting blog kita di google maka akan muncul blog kita tetapi kadang ini salah karena google akan menampilkan web/blog yang pernah dikunjungi atau faktor lain dan bukan sebenarnya maka dengan bantuan software ini akan jelas berada  di urutan mana kah blog kita di SERP.

Nah langsung saja kita lanjut dengan tutorialnya :

1. Download dulu softwarenya  DISINI  tinggal pilih yang free atau yang Pro,yang pro tentu akan lebih baik.
2. Instal aplikasi dan diakhir proses instal kita diminta memasukan nama dan email untuk registrasi.
3. Selanjutnya kita dapat mengecek kekuatan lawan dengan software ini,caranya klik tab SERP ANALIZER dan masukan kata kunci pada kolom yang disediakan selanjutnya klik Search,sebagai contoh saya mengetikkan kata "SEO" pada kolom keyword.seperti pada gambar berikut :

4. kemudian akan muncul daftar situs yang berada di page one dengan kata kunci yang kita masukan tadi.hasilnya seperti gambar berikut :

Dari contoh diatas terlihat wikipedia yang memiliki jumlah backlink 2.099.160 diikuti dengan blogjuragan yang memiliki backlink 4.131 dan seterusnya.disamping kolom backlink kita juga bisa melihat kolom Page Rank dari masing masing web/blog.nah dari data di atas bisa disimpulkan jika blog kita masih lemah dalam hal SEO kemudian kita menggunakan keyword ini maka besar kemungkinan tidak akan muncul di page one bahkan mungkin hingga puluhan page berikutnya.

Lalu bagaimana cara kita mencari keyword yang baik dan tepat buat blog kita? mungkin tips berikut bisa sedikit membantu :

• Gunakan Keyword yang digunakan web/blog lain yang berada di page one nya memiliki jumlah dibawah 50. 
• Jangan memilih keyword yang di page one nya ada web/blog yang memiliki site link. 
• Gunakan Keyword yang web/blog lain yang page one nya  urutan 1 sampai 3 memiliki pagerank dibawah 3 dan pada urutan 4 - 10 memiliki pagerank dibawah 3 dengan aturan penghitungan jumlah pagerank masing - masing pagerank situs yang berada di rank 4 - 10 dibagi 10.

Contoh :
Berdasarkan gambar diatas page rank masing masing situs yang ada di urutan 4 - 10 dengan keyword " SEO  " adalah :

Rank ( Posisi ) :	Situs	Pagerank
4	moz	0
5	Seobook	6
6	Seochat	6
7	Searhengineland	6
8	Thequardian	0
9	Seo-usa	6
10	joomace	7

Sekarang tinggal kita jumlahkan dari masing masing page rank diatas :
0 + 6 + 6 +  6 + 0 + 6 + 7 = 31
Kemudian kita bagi dengan 10
31 : 10 = 3.1

Dari tips diatas sudah dijelaskan harus berada dibawah 3 namun dari hasil penjumlahan pagerank tadi hasilnya 3.1 maka dapat dipastikan jika kita menggunakan kata kunci tersebut akan sangat sulit untuk masuk ke page one.

Setelah semua langkah diatas dilakukan selanjutnya sering seringlah melakukan Ping ke Google ping, agar setiap artikel yang kita terbitkan cepat terindeks oleh search engine.

Demikian yang bisa saya sampaikan berkaitan dengan Cara Menggunakan keyword Yang Tepat Untuk Web/Blog,semoga bermanfaat.

Menentukan Keyword Yang Tepat Untuk Web/Blog

Seperti yang kita ketahui keyword adalah kata atau teks ringkas yang di munculkan oleh search engine juga pada sebuah entri atau artikel yang di tulis dalam sebuah web atau blog. Keyword yang di tulis pada search engine akan disesuaikan dengan kata atau teks yang ada pada web atau blog, baik itu judul entri atau artikel dan tulisan pada setiap postingan, tetapi semuanya itu sangat bergantung pada bagaimana cara kita menentukani sebuah keyword agar dapat terbaca oleh search engine.

Sebagai contoh ketika kita mengetikkan kata "Tutorial" pada search engine misalnya, maka search engine akan memunculkan usulan kata tersebut dibawahnya.nah kata kata tersebut yang disebut dengan keyword.sebagai contoh bisa sobat lihat pada gambar berikut :

Panggunaan keyword pada sebuah blog menurut saya sangat penting karena keyword merupakan salah satu cara yang digunakan untuk mendapatkan  pengunjung atau visitor melalui search engine. Jadi, setiap keyword yang kita tulis pada entri atau artikel didalam blog kita secara tidak langsung adalah merupakan undangan bagi pengunjung untuk masuk kedalam blog kita.oleh karena itu jika sobat ingin mendapatkan pengunjung melalui search engine,gunakan keyword sebaik baiknya dan yang terpenting harus benar benar mewakili semua konten yang ada dalam blog kita.

Berkaitan dengan pencarian Keyword untuk web/blog kita berikut ini saya share google suggest keyword tool yang bisa membantu sobat mencari keyword-keyword dari google suggets. 

Silahkan Klik Disini kemudian sobat tinggal mengetikkan keyword yang diinginkan,menentukan lokasi,mengisi captcha dan terakhir klik suggest. kurang lebih tampilannya seperti gambar berikut :

Setiap tool memiliki keterbatasan tersendiri,termasuk tool ini yang memiliki kelemahan karena tak dilengkapi dengan adanya jumlah pencarian. tapi sebagai sebuah tool keyword suggest, saya rasa cukup untuk kita mendapatkan keyword suggestion secara mudah dan cepat.

Demikian cara Mementukan Keyword Yang Tepat Untuk Web/Blog,semoga bermanfaat.

Cara Mendeteksi Darah Babi di Filter Rokok

Sejumlah pakar kembali mengungkapkan bahwa di dalam filter rokok ada kandungan darah babi. Salah satunya, Dosen Institut Pertanian Bogor, Dr Anna P Roswiem.

"Iya, ada (kandungan darah babi, red) dalam filternya", ujarnya seperti dikutip Republika, Rabu (28/8).

Bagaimana cara mendeteksi adanya darah babi di filter rokok dan apa alasan produsen rokok memasukkan darah babi di filter rokok?

Dalam rokok ada dua filter. Filter pertama, berwarna putih yang langsung ke mulut. Filter ini disambung lagi dengan filter kedua yang mengandung darah babi. Menurut klaim perusahaan rokok, darah ini digunakan untuk menyaring toksin yang ada dengan lebih baik. Hemoglobin dari darah babi menyaring racun-racun tembakau sehingga racunnya lebih sedikit.

Biasanya kita bisa mengetahui bahwa rokok ini mengandung hemoglobin babi dengan melihat kemasan rokoknya. Ada tanda Diamond Filter di punggung kemasan. Perusahaan rokok menulis keterangan ini di kemasan rokok dengan tulisan dan gambar.

Peneliti di Australia telah meneliti kandungan darah babi dalam rokok ini di salah satu bandara militer di Cina. Jika kita melihat dengan seksama, terlihat titik-titik kuning pada filter yang biasanya berwarna putih. Titik kuning ini menandakan adanya hemoglobin, atau darah.

Seperti dilansir Republika, di Indonesia belum ada yang memproduksi rokok dengan kandungan darah walaupun di negara lain rokok seperti ini sudah beredar.

Meskipun begitu, belum tentu filter tanpa hemoglobin juga bebas dari titik kritis halal. Filter sendiri terbuat dari Carboxi Metil Selulosa (CMS) yang sebenarnya aman karena berasal dari tumbuhan. Tapi, untuk membuat filter, CMS ini ditambahkan dengan Gliserol dari Gliserin.

Bahan pembuat gliserol ini sumbernya bermacam-macam, ada yang dari sintetik kimia yang halal dan ada juga dari lemak atau minyak. Jika sumbernya dari lemak atau minyak, maka perlu diketahui sumbernya apakah dari hewan ataukah dari tumbuhan.

Jika pun filter rokok masih bebas dari darah babi, banyak riset telah membuktikan soal bahaya rokok pada kesehatan. Termasuk memicu kanker, penyakit jantung, penyakit pernapasan, dan emfisema (penyakit paru obstruktif). Karena itulah sebagian ulama mengharamkan rokok, sedangkan sebagian lainnya minimal menghukuminya makruh.

Sumber

Cara Membuat Menu Navigasi Merto UI Diblog

Menu navigasi pada sebuah blog merupakan salah satu elemen penting,karena dari menu tersebut pengunjung bisa menelusuri lebih jauh setiap konten yang ada di blog tersebut.oleh karena itu keberadaan menu navigasi hampir bisa dipastikan wajib keberadaannya pada sebuah blog.apalagi jika menu tersebut bisa kita ditampilkan dengan tampilan yang lebih menarik.untuk dapat menciptakan tampilan menu navigasi yang lebih menarik dan terlihat elegan salah satunya dengan merubahnya ke tampilan Metro UI windows 8.

Tampilan Merto UI yang saya maksud adalah seperti terlihat pada gambar dibawah ini,atau jika ingin lebih jelas anda sobat bisa melihat dulu demonya.

DEMO

Seperti yang kita tahu bahwa tampilan Merto UI ini adalah tampilan antar muka yang dimiliki oleh windows 8.jadi bagi sobat yang menggunakan sistem operasi windows 8 tentu sudah tidak asing lagi dengan tampilan ini.Untuk penempatannya bisa sobat sesuaikan dengan template milik sobat tapi idealnya bisa sobat pasang pada bagian atas blog/dibawah header blog sobat.

Nah jika tertarik untuk menggunakannya,mari kita mulai langkah penerapannya :

1. Masuk ke Blogger.com Template >> Pilih Edit HTML + Lanjutkan

2. Kemudian cari  kode ]]></b:skin> dan letakkan kode berikut diatas kode ]]></b:skin>

/*===AB METRO UI Menu==*/
body {
font-family:sans-serif;
}
a {
text-decoration:none;
}
.abmetromenu {
width:960px;
margin:auto;
}
@media screen and (max-width:960px) {
.abmetromenu {
width:100%;
}
}
/* abbMetroMenu */
.AbMetroMenu {
position:relative;
}
.om-nav {
position:absolute;
width:100%;
z-index:999;
display:none;
}
.om-ctrlbar {
width:100%;
height:48px;
}
.om-ctrlitems {
margin:auto;
padding:0px;
height:48px;
display:inline-block;
text-align:center;
}
.om-ctrlitem {
height:48px;
width:48px;
display:none;
cursor:pointer;
float:left;
opacity:0.5;
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=50)" !important;
filter: alpha(opacity=50) !important; /* For IE8 and earlier */ }
.om-ctrlitem:hover {
opacity:0.8;
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=80)" !important;
filter: alpha(opacity=80) !important; /* For IE8 and earlier */ }
.om-activectrlitem {
opacity:1 !important;
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)" !important;
filter: alpha(opacity=100) !important; /* For IE8 and earlier */ }
.om-controlitems {
width:960px;
margin:auto;
}
.om-controlitem {
height:48px;
cursor:pointer;
}
.om-closenav {
float:left;
}
.om-movenext {
float:right;
}
.om-itemholder {
margin:auto;
padding:20px 0px;
}
@media screen and (max-width:960px) {
.om-closenav {
position:absolute;
z-index:9999;
left:0;
top:0;
}
.om-movenext {
position:absolute;
z-index:9999;
right:0;
top:0;
}
.om-controlitems {
width:100%;
}
.om-itemholder {
width:100%;
}
}
.om-centerblock {
display:inline-block;
}
.om-item {
display:none;
}
.om-showitem {
margin:5px;
float:left;
display:none;
}
/* END abmetromenu */
/* TILE BUTTONS */
/* Standar Buttons */
.tile-bt {
text-align:center;
cursor:pointer;
width:90px;
height:90px;
}
.tile-bt a {
display:block;
padding-top:12px;
text-decoration: !important;
}
.tile-bt img {
margin:0 auto 0 auto;
padding-bottom:5px;
height:48px;
width:48px;
position:relative;
display:block;
}
.tile-bt span {
font-size:12px;
padding-bottom:10px;
display:block;
}
.tile-bt:active {
opacity:0.5;
}
/* End Standard Buttons */

/* Large Buttons */
.tile-bt-large {
width:190px;
height:90px;
line-height:90px;
text-align:center;
cursor:pointer;
}
.tile-bt-large a {
display:block;
text-decoration: !important;
}
.tile-bt-large img {
vertical-align: middle;
margin:auto;
padding:0px;
position:relative;
width:48px;
height:48px;
}
.tile-bt-large span {
vertical-align: middle;
display:inline;
}
.tile-bt-large:active {
opacity:0.5;
}
/* End Large Buttons */
/* Extralarge Buttons */
.tile-bt-extralarge {
text-align:center;
cursor:pointer;
width:190px;
height:190px;
}
.tile-bt-extralarge a {
display:block;
padding-top:52px;
text-decoration: !important;
}
.tile-bt-extralarge img {
margin:0 auto 0 auto;
padding-bottom:22px;
height:80px;
width:80px;
position:relative;
display:block;
}
.tile-bt-extralarge span {
font-size:14px;
padding-bottom:20px;
display:block;
}
.tile-bt-extralarge:active {
opacity:0.5;
}
/* End Extralarge Buttons */
/* END TILE BUTTONS */
/* SHADOW LIST */
.shadow-white, .shadow-black, .shadow-blue, .shadow-green, .shadow-red {
/*display:inline-block;*/
}
.shadow-white:hover {
box-shadow:0px 0px 6px 3px #fff;
-webkit-box-shadow:0px 0px 6px 3px #fff;
-moz-box-shadow:0px 0px 6px 3px #fff;
-o-box-shadow:0px 0px 6px 3px #fff;
-ms-box-shadow:0px 0px 6px 3px #fff;
}
.shadow-blue:hover {
box-shadow:0px 0px 6px 3px #38D1F7;
-webkit-box-shadow:0px 0px 6px 3px #38D1F7;
-moz-box-shadow:0px 0px 6px 3px #38D1F7;
-o-box-shadow:0px 0px 6px 3px #38D1F7;
-ms-box-shadow:0px 0px 6px 3px #38D1F7;
}
.shadow-green:hover {
box-shadow:0px 0px 6px 3px #AACA37;
-webkit-box-shadow:0px 0px 6px 3px #AACA37;
-moz-box-shadow:0px 0px 6px 3px #AACA37;
-o-box-shadow:0px 0px 6px 3px #AACA37;
-ms-box-shadow:0px 0px 6px 3px #AACA37;
}
.shadow-red:hover {
box-shadow:0px 0px 6px 3px #E81750;
-webkit-box-shadow:0px 0px 6px 3px #E81750;
-moz-box-shadow:0px 0px 6px 3px #E81750;
-o-box-shadow:0px 0px 6px 3px #E81750;
-ms-box-shadow:0px 0px 6px 3px #E81750;
}
.shadow-black:hover {
box-shadow:0px 0px 6px 3px #444;
-webkit-box-shadow:0px 0px 6px 3px #444;
-moz-box-shadow:0px 0px 6px 3px #444;
-o-box-shadow:0px 0px 6px 3px #444;
-ms-box-shadow:0px 0px 6px 3px #444;
}
/* END SHADOW LIST */
/* BACKGROUND LIST */
/* Solid Colors */
.solid-blue { background:#00BBE2; }
.solid-blue-2 { background:#2C84EE; }
.solid-darkblue { background:#044E94; }
.solid-violetred { background:#781766; }
.solid-red { background:#E51400;}
.solid-red-2 { background:#E81750; }
.solid-pink { background:#FF539B; }
.solid-purple { background:#D02090; }
.solid-orange { background:#FB8F02; }
.solid-orange-2 { background:#FF6600; }
.solid-orange-3 { background:#DD5F37; }
.solid-coral { background:#CD5B45; }
.solid-green { background:#67B239; }
.solid-green-2 {background:#96BF01; }
.solid-darkgreen { background:#016C38; }
.solid-olive { background:#999900}
.solid-grass { background:#CDCD00; }
.solid-darkred { background:#5F0000; }
.solid-gold { background:#FEE9AE; }
.solid-yellow { background:#F7D100; }
.solid-black { background:#000; }
.solid-smoke { background:#F5F5F5; }
/* End Solid Colors */
/* MISC */
.clearspace { clear: both; }
.floatleft { float:left; }
.floatright { float:right; }
.none { display: none !important; width:0px !important; }
.light-text {
color:#fff;
}
.dark-text {
color:#1e1e1e;
}
.gradient {
background: -moz-linear-gradient(-45deg,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.3) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba
(255,255,255,0.3))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg,  rgba(255,255,255,0) 00%,rgba(255,255,255,0.3) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.3) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.3) 100%); /* IE10+ */
background: linear-gradient(-45deg,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.3) 100%); /* W3C */
}
.margin-5 { margin:5px; }

4. Selanjutnya tambahkan kode berikut,terserah sobat mau tempatkan dimana idealnya berada di bawah header blog sobat.berikut kodenya :

<!-- abmetromenu -->
<div class="abmetromenu">
<div data-navid="om-nav" class="tile-bt-extralarge solid-violetred shadow-black margin-5 floatleft AbMetroMenu">
<a href="#" class="gradient">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_8gculFAZqKv321olzX8S6s0PiMwyKcIIEgp1y2qJDdJfdqM5NpcXChdtL5VUSRbt2LQkAbM1WRO6gQWajPLRvdQCa8AspQtasiVFhj4QpoZXT7wgOS5ICi3cEVl2R0sS2F3SeBV-wFw/s1600/home.png" alt="" />
<span class="light-text">Homepage</span>
</a>
</div>
<div data-navid="om-nav" class="tile-bt-large solid-coral shadow-red margin-5 floatleft AbMetroMenu">
<a href="Masukkan Link disini" class="gradient">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYs1Txo0ELXiYJIvcMI9G9nDJTRszf-ESvtE8xytbsa0KIgKSMXfbt_Qc93iKAXCCRa453PdOKKxAgyovpvSAQXqrLEoEnKPKtXRx2Kw8MURVlilnqJ6mH-syABxSMa8idoEFUFXy71EU/s1600/messanger.png" alt="" />
<span class="light-text">About US</span>
</a>
</div>
<div data-navid="om-nav2" class="tile-bt solid-purple shadow-blue margin-5 floatleft AbMetroMenu">
<a href="Masukkan Link disini" class="gradient">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPmnAN5vLKufdKSgp27BbZtR3Jg80qKMuiTxMr5tvZZazmLtIJWpYQiCpwQkQwXeLqv7OG41HF6itLnWie3ZvljQRtQZo1qz8IyUb6jsMWE1lnUALWvVkwJmnU99h7WH_tgdjme8c6FGw/s1600/rss.png" alt="" />
<span class="light-text">Rss Feeds</span>
</a>
</div>
<div data-navid="om-nav" class="tile-bt-large solid-red shadow-red margin-5 floatleft AbMetroMenu">
<a href="Masukkan Link disini" class="gradient">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8c6Wov1IvhFXOg7y-PFydWWXRhLnfzZUGbMve6J7N922EZMG8pjgZvOXdfq9t2nT7iiLG-dfrsHdvVTeTT50ToP4DTQtPIQr5Silc2hyb1HDcY-eHnf04cw8PNbthxJJ8KLk2BxZ9yqc/s1600/search.png" alt="" />
<span class="light-text">Search</span>
</a>
</div>
<div data-navid="om-nav2" class="tile-bt solid-darkred shadow-red margin-5 floatleft AbMetroMenu">
<a href="Masukkan Link disini" class="gradient">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtjFGjaSTPoKxqo0DXTjpS0AFb3DoQudEhkONLLfDUfjnRFBsDEEeJGnkRyyNfWi8c2G3iHf6puWMfhACiWTCMfPcBp83B36ozA0r1i5W81ZbCNEjL62KkUPnqgorsWLiQnqXiU3DiAV0/s1600/mail.png" alt="" />
<span class="light-text">Contact US</span>
</a>
</div>
<div data-navid="om-nav2" class="tile-bt solid-black shadow-black margin-5 floatleft AbMetroMenu">
<a href="Masukkan Link disini" class="gradient">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9Y2YzpGOCgy1m7JbQKfmpOsLIWkHgAlDcMq4D-xB6Gx8Pge4TNYR2fwtD6EcCwhwL2vUrElmQNs6I5jTHFBjV-sete17klXEUZVnpCOKA6ARZ_H9YFVTH7K8VjcTIu7hkVLeYoGw5ZNo/s1600/help.pn" alt="" />
<span class="light-text">Get HELP</span>
</a>
</div>
<div data-navid="om-nav2" class="tile-bt solid-orange shadow-black margin-5 floatleft AbMetroMenu">
<a href="Masukkan Link disini" class="gradient">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgt-rebb_XQO8-4zrMZOIf-R1SkKB2RVr4e_mUHuVK5WkiRI7icF5b57y7OG-chRcB4fy6yHoIbHv-Sql8GDlM7C3qTjiqTvxvWtVzpCb0tbIffDPd2NIE41a3SshG_9brJFgvMyJrC_RI/s1600/youtbe.png" alt="" />
<span class="light-text">YouTube</span>
</a>
</div>
<div data-navid="om-nav2" class="tile-bt solid-darkblue shadow-blue margin-5 floatleft AbMetroMenu">
<a href="Masukkan Link disini" class="gradient">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4aztLwTv9DXHSR0TPOXiOrqLhmlVfLQsNn2Kdxdzu-4NfA_JOzMcMcB-ctvUbM78nOb_mnUCqz8XKT1haIlu_2Pb4599XYuKI9LkEnXMcgYneYTUKwokBF4vEwHA_6Sm0jihIijbQw2c/s1600/face.png" alt="" />
<span class="light-text">Facebook</span>
</a>
</div>
<div data-navid="om-nav" class="tile-bt-large solid-blue shadow-blue margin-5 floatleft AbMetroMenu">
<a href="Masukkan Link disini" class="gradient">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7XkSKfNa0Zm4zOXDeVwE_XxSPigsmbzmJ0CmNzny5KI6RMK890Ul6qx6dMpGy11xe-aqjybN7PDxsO_6AQ3bUzXAm3UyUVqFtpRi4DhL_Fiwly2CyeLppVUycB9BrKY4_2l_30krWEXE/s1600/photo.png" alt="" />
<span class="light-text">Photos</span>
</a>
</div>
<div data-navid="om-nav2" class="tile-bt solid-olive shadow-green margin-5 floatleft AbMetroMenu">
<a href="Masukkan Link disini" class="gradient">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgs02N_HZ-3iHgdzPZiDRFUaZ3Si9KmJ-oCMWBqe9s6qcIDo4jpVH9GBOVwHpMRXmWV5F8xAnK-BO4icWahlm1xamDz7ut6azcc5JNwyaYL0UMGd9CvwWsYBYKSwSpknK-fZzn86M_Ab28/s1600/music.png" alt="" />
<span class="light-text">Music</span>
</a>
</div>
<div data-navid="om-nav" class="tile-bt-large solid-blue-2 shadow-blue margin-5 floatleft AbMetroMenu">
<a href="http://abitalita.blogspot.com" class="gradient">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRtM4HQDsY4CYewI0GFJn4EN32h3I0S-X2IPsLqRJYKxiFnMUVALAVlCp_WA01knLoGUv3VbS8xzgtMgEDUl_SuQVoeGHaWNgZ0ZHJQZdTU2IhYl0Mg-AChdithaLH7rL8UjQdQyTn5oSg/s1600/ab.png" alt="" />
<span class="light-text">Abitalita</span>
</a>
</div>
<!-- End AbMetroMenu -->
</div>
<!-- END Abmetromenu -->

Demikian cara membuat menu navigasi merto ui diblog,semoga bermanfaat dan bisa difahami.
Terima Kasih atas kunjungan sobat. salam...

Selamat Idul Fitri 1434H

Saya selaku admin Abitalita blog mengucapkan selamat hari raya Idul Fitri 1434H Mohon Maaf Lahir Dan Bathin.sebagai manusia yang tak luput dari salah dan dosa saya menyadari banyak kesalahan dan kekurangan pada diri saya selama ini,untuk itu dari hati yang terdalam saya memohon maaf lahir dan bathin.mudah mudahan dihari yang fitri ini kita semua termasuk orang orang yang mendapatkan kemenangan setelah sebulan penuh kita menjalankan puasa.

SELAMAT HARI RAYA IDUL FITRI 1434H

MINAL AIDIN WAL FAIDZIN MOHON MAAF LAHIR DAN BATHIN

Membuat Kolom Komentar Menjadi Offline

Apa kabar sob,pada artikel kali ini saya akan membagikan tutorial cara membuat kolom komentar menjadi offline.tutorial ini saya dapatkan dari blognya kang ismet.bagi sobat yang sering berkunjung ke sana mungkin sudah pernah menemukan tutorial ini.dan buat yang belum saya sarankan sempatkan mampir yah.. :)  karena akan banyak ilmu dan pengalaman baru yang mungkin bisa kita dapat disana.

Adakalanya mode offline pada komentar ini kita butuhkan,terutama pada saat kita sedang sibuk dengan pekerjaan lain untuk beberapa waktu lamanya sehingga besar kemungkinan akan banyak komentar yang tidak terbalas,nah mungkin pada saat seperti inilah mode offline kolom komentar bisa kita aktifkan.

Kita langsung saja pada tahap penerapannya :

1.Masukan kode berikut ini diatas kode </b:skin>

/* Offline Mode
----------------------------------------------- */
#offline-mode{
background:#dfdede url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWjvSyliwghBQZ6u-5-ZmuIZjX-GFir3Dy388KObBFaHuEUjMZ2Fca6Ora1EvxVreYBUOQWXDnfKnc13F9oekJImF2qBjNlqXK-YN3CH2_p_PXer-BemsjeS6YEEtMu9OHswYtZg0RI9c/s1600/offline-mode.png)no-repeat 3% 50%;padding:20px 20px 20px 175px;border:1px solid #c9c9c9;margin-bottom:10px}
#offline-mode h2{
font-size:220%;
text-transform:uppercase;
color:#fff;
text-shadow: -1px -1px  3px rgba(0,0,0,0.3);
}
#offline-mode p{
font-size: 12px;
color:#888;
line-height:1.8em;
margin-top:-15px;
}

2. Cari kode seperti ini  <b:includable id='threaded-comment-form' var='post'> jika sudah ketemu klik tanda panah disebelahnya sehingga akan muncul kode seperti berikut

<div class='comment-form'>
...kode panjang....
</div>

3. Kemudian taruh kode berikut sesudahnya atau sebelum kode </b:includable>

<div id='offline-mode'>
<h2>
Offline mode</h2>
<p>Mohon maaf, form komentar sementara dinon-aktifkan karena ada sesuatu dan lain hal yang menyebabkan saya tidak bisa membalas komentar sobat. Silahkan kunjungi beberapa saat lagi apabila sobat ingin berkomentar .</p>
</div>

4. Kemudian untuk menonaktifkan sementara kolom komentar dengan cara menambahkan kode <!-- dan --> pada kode sebelumnya. sehingga hasil keseluruhan menjadi seperti berikut :

<!-- <div class='comment-form'>
..............
  </div>--> <div id='offline-mode'>
<h2>
Offline mode</h2>
<p>Mohon maaf, form komentar sementara dinon-aktifkan karena ada sesuatu dan lain hal yang menyebabkan saya tidak bisa membalas komentar sobat. Silahkan kunjungi beberapa saat lagi apabila sobat ingin berkomentar .</p>
</div>

5. Terakhir simpan template sobat.

Catatan :

Untuk mengembalikan kolom komentar pada mode online dengan cara memindahkan tanda <!-- dan --> pada HTML Offline-Mode, sehingga menjadi seperti berikut :

<!--<div id='offline-mode'>
<h2>
Offline mode</h2>
<p>Mohon maaf, form komentar sementara dinon-aktifkan karena ada sesuatu dan lain hal yang menyebabkan saya tidak bisa membalas komentar sobat. Silahkan kunjungi beberapa saat lagi apabila sobat ingin berkomentar .</p>
</div>-->

Demikian cara membuat kolom komentar menjadi offline,semoga bermanfaat dan bisa difahami..
Sumber : kangismetdotnet

Keajaiban Buah Kurma

Ternyata selain kaya akan manfaat, kurma juga memiliki keajaiban yang belum banyak diketahui manusia. Keajaiban ini berhubungan dengan kebutuhan ragawi dan psikologis yang tak banyak diungkap di manapun.

Kurma Menguatkan Anda Menjadi Pemberani.
Kurma ternyata menjadi salah satu sumber makanan yang mampu mendongkrak kalori, namun juga menguatkan adrenalin kita sehingga kita menjadi lebih tabah, tangguh dan kuat. Konon pejuang di masa lalu kerap makan kurma sehingga mereka memiliki jiwa survive yang tinggi.

Kurma Menguatkan Kita Saat Berpuasa.
Mengapa saat puasa begitu banyak orang berjualan kurma? Sejak dahulu kurma menjadi makanan andalan para muslim saat berpuasa, bahkan untuk makanan sehari-hari. Kurma memang mampu memberi asupan karbohidrat kompleks yang cukup. Selain itu, kurma juga mampu melindungi pencernaan seperti kanker usus besar, mencuci ginjal, membersihkan liver dan sebagainya.

Kurma Membuat Mata Anda Lebih Bersinar.
Kabarnya, kurma mampu menguatkan indra penglihatan Anda. Selain membuat penglihatan Anda lebih tajam, kurma juga membuat mata Anda lebih bersinar dan nampak menyenangkan. Makanlah kurma bila Anda ingin memiliki mata yang sehat dan bercahaya.

Kurma Adalah Makanan yang Tahan Lama.
Kurma adalah salah satu jenis makanan yang tahan lama untuk disimpan. Makanan ini tidak akan rusak kandungan dan bentuknya sekalipun sudah disimpan begitu lama. Selain awet untuk mempertahankan dirinya sendiri, kurma mengandung glutathione yang baik sebagai antioksidan bagi manusia.

Kurma Mampu Menenangkan Jiwa.
Dari sebuah kurma yang sederhana, ternyata bisa menjadi makanan yang menenangkan jiwa. Kurma menjadi salah satu buah yang dianjurkan bagi mereka yang sering marah-marah, depresi dan memiliki riwayat penyakit saraf.

Teh Kurma Mampu Menyembuhkan Hati yang Sedih.
Kurma yang direbus dan dijadikan teh memiliki manfaat untuk menghibur hati Anda yang rentan galau. Khasiat kurma tak hanya untuk kesehatan raga, namun juga jiwa Anda. Ada sebuah pohon kurma yang kabarnya mati ketika pemiliknya meninggal. Kurma memang merupakan salah satu buah yang menyimpan keajaiban. Temukan pengalaman keajaiban Anda sendiri dengan mengonsumsi kurma pada puasa kali ini. Selamat menuju kemenangan.

Semoga Bermanfaat.........

Cara Mempercepat Loading Form Komentar

Seperti yang kita ketahui bahwa  form komentar pada blogspot mempunyai banyak error dan tidak valid HTML. sobat bisa perhatikan pada saat load halaman biasanya bagian sidebar yang muncul lebih dulu dari pada form komentar,seharusnya justru sebaliknya ,form komentar dulu baru kemudian sidebar. 

Kalau sobat perhatikan kode asli forf komentar blog seperti di bawah ini :

<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='520' id='comment-editor' name='comment-editor' src='' width='100%'/>

Dari kode diatas terlihat sedikit janggal karena pemanggilan iframe'nya dibuat terpisah menjadi dua bagian.juga pada kode src='' yang biasanya digunakan untuk memanggil data external itu dibiarkan dalam keadaan kosong.inilah kenapa loading form komentar menjadi sedikit melambat.Nah untuk mengatasi masalah tersebut sobat bisa ikuti langkahnya berikut ini :

Pada Edit HTML cari kode seperti berikut ini, jangan lupa untuk membiasakan membackup template terlebih dahulu sebelum diedit.

<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='520' id='comment-editor' name='comment-editor' src='' width='100%'/>

Nah kode asli form komentar yang berwarna merah tersebut yang akan kita rubah ,caranya pindahkan kode data:post.commentFormIframeSrc kedalam target src'' yang kosong sehingga setelah dirubah kodenya akan seperti berikut :

<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='520' id='comment-editor' name='comment-editor' src='data:post.commentFormIframeSrc' width='100%'/>

 
Biasanya kode form komentar seperti diatas ada dua bagian,ganti saja kedua duanya.dan terakhir simpan template sobat .
Demikian Cara mempercepat loading Form komentar semoga bermanfaat dan bisa difahami.

Membuat Persentase Scrollbar Pada Blog

Persentase scrollbar ini keberadaan dan fungsinya tidak begitu penting,hanya saja selain untuk menambah pernak pernik tampilan blog juga akan memudahkan pengunjung untuk mengetahui sudah berapa persenkah halaman yang discroll. Saat halaman yang di scroll sudah sampai kebawah maka akan ditunjukan dengan inidaktor angka 100%.

Untuk langkah pebuatannya kurang lebih seperti berikut ini :

1. Pada edit HTML masukan kode berikut dibawah kide ]]></b:skin>

#scroll {
  display: none;
  position: fixed;
  top: 0;
  right: 20px;
  z-index: 500;
  padding: 3px 8px;
  background-color: #009632;
  color: #fff;
  border-radius: 3px;
}
#scroll:after {
  content: " ";
  position: absolute;
  top: 50%;
  right: -8px;
  height: 0;
  width: 0;
  margin-top: -4px;
  border: 4px solid transparent;
  border-left-color: #009632;
}

Silahkan sobat sesuaikan warna backgrounnya dengan mengganti kode berwarna merah.untuk kode warna bisa dilihat disini

2. Selanjutnya  letakan kode berikut dibawah kode </head>

<div id='scroll'></div>

3.Kemudian letakan juga kode berikut diatas kode </body>

<script type='text/javascript'>
//<![CDATA[
var scrollTimer = null;
$(window).scroll(function() {
   var viewportHeight = $(this).height(),
       scrollbarHeight = viewportHeight / $(document).height() * viewportHeight,
       progress = $(this).scrollTop() / ($(document).height() - viewportHeight),
       distance = progress * (viewportHeight - scrollbarHeight) + scrollbarHeight / 2 - $('#scroll').height() / 2;
    $('#scroll')
        .css('top', distance)
        .text(' (' + Math.round(progress * 100) + '%)')
        .fadeIn(100);
    if (scrollTimer !== null) {
        clearTimeout(scrollTimer);
    }
    scrollTimer = setTimeout(function() {
        $('#scroll').fadeOut();
    }, 1500);
});
//]]>
</script>

4. Terakhir simpan template,sekarang blog sobat sudah terpasang persentase scrollbar.

Demikian semoga bermanfaat.

Tips Khusyuk Dalam Sholat

Assalamu alaikum sob,apa kabarnya mudah mudahan sehat semua ya,gimana sama puasanya sudah ada yg bolong belum? biasanya sih saat memasuki sepuluh hari kedua ibadah kita dibulan mulia ini udah mulai banyak gangguannya nih baik itu puasanya ataupun ibadah yang lain seperti sholat,apalagi yang lebaran nanti punya acara mudik keluarga dari sekarang dah kebayang deh repotnya acara mudik.sampe sampe kepikiran saat kita sedang sholat .dan pastinya ini akan mengurangi kualitas kekhusyukan kita dalam beribadah.

Ngomong ngomong soal khusyuk dalam sholat..gimana ya agar sholat kita tergolong sholat yang khusyu? Sebenarnya ada banyak cara. Tapi cara yang paling mudah adalah dengan membersihkan dahulu hati dan fikiran dari pengaruh godaan syetan. Karena sering kali hati dan fikiran kita nggak terfokus mengigat Allah ketika dalam sholat.

Terus gimana caranya membersihkan hati dan fikiran ? Caranya perbanyaklah melakukan amalan sunnah setiap hari secara rutin. Karena dengan melakukan amalan-amalan sunnah setiap hari, maka hati, badan dan fikiran kita akan bersih dari pengaruh syetan dan penyakit hati. kalo diibaratkan seperti kita mandi gitu lah kira kira. Kalau setiap hari mandi kan badan jadi bersih selalu.Tapi kalau jarang mandi badan jadi kotor dan baauuu penampilan jadi dekil and the kumel..hehe..

Nah begitu juga dengan hati . Ia akan selalu bersih Apabila kotoran-kotorannya selalu dibuang dengan cara beramal sholeh.Kita ambil saja contoh suatu amalan yg paling bagus khasiatnya untuk mengusir syetan atau penyakit hati, yaitu:

1.Sholat Malam  atau Tahajjud
Jika kita mengamalkannya dalam tiga hari berturut-turut. Maka 1 sampai 2 hari kedepan sesudahnya kita akan merasakan ketenangannya. (Surat: Ar-ra'd ayat 28 & Al-fath ayat 4). Bukan cuma ketenangan dalam hati, tapi juga dalam fikiran ketika kita sedang melakukan sholat, baik sholat fardhu maupun sunnah. Dari mulai niat, takbiratul ihrom sampai salam, dijamin tidak ada fikiran-fikiran yg mengganggu alias khusyuk dan tenang. Karena pengaruh yg mengganggu hati & fikiran ketika kita sedang sholat itu sesungguhnya adalah syetan.

2. Itikaf
Ini adalah contoh mudahnya .Cobalah setelah selesai sholat Maghrib berjamaah di masjid, kita lakukan zikir tanpa henti atau membaca Al-Quran juga boleh (I'tikaf) sampai masuk waktu Isya. Lalu ketika kita memulai sholat Isya, pasti kita akan merasakan perubahan berupa ketenangan (kekhusyukannya). Fikiran-fikiran yg mengganggu ketika dalam sholat menjadi hilang total seperti dalam keheningan. Hati yg mungkin sebelumnya emosi atau menggerutu menjadi ikhlas karena Allah. Saat itulah kita bisa fokus mengingat Allah.

3. Banyak berdzikir & Baca Quran
Inilah contoh yang lebih mudahnya lagi. Cobalah setelah sholat fardhu kita membiasakan diri dengan berzikir Subhanallah, Alhamdulillah, Allahuakbar, masing-masing 33x ditutup dengan lailahaillallahu-wahdahu-laa syarikalahu-dst (sesuai sunnahnya) ditambah baca Quran sehabis maghrib.Amalan ini haruslah rutin dilakukan tiap hari. Setelah kita mengamalkannya, dijamin tdk ada fikiran-fikiran yg mengganggu (khusyuk) ketika kita sedang sholat.

Nah mungkin itu sedikit tips agar sholat kita menjadi khusyuk,mudah mudahan bermanfaat,selamat menjalankan ibadah puasa semoga puasa dan  ibadah kita yang lainnya dibulan suci ini diterima Allah SWT. amin...

Cara Membuat Backgroud Blog Berubah Sesuai Waktu

Memiliki tampilan blog yang keren dan menarik tentunya akan memiliki nilai tersendiri,itu sebabnya kenapa banyak sekali blog yang menyajikan tutorial seputar modifikasi tampilan blog. saya sendiri termasuk orang yang suka sekali mengutak atik tampilan blog dengan tujuan ingin belajar lebih banyak seputar scrift yang ada di blogspot.jadi mohon maaf  ya kalo sobat merasa kurang nyaman karena setiap berkunjung ke sini ada saja tampilan yang berubah pada halaman blog ini.

Nah bicara soal tampilan blog,kali ini saya mau share cara menjadikan background blog berubah ubah sesuai waktu kunjungan.misalkan sobat berkunjung pada pagi hari di blog ini maka background blog berwarna biru,tetapi jika sobat berkunjung lagi pada siang hari warna background blognya akan berubah menjadi orange begitu juga ketika berkunjung pada sore dan malam hari backgroundnya akan berubah dengan sendirinya menjadi warna yang lain yang sudah kita tentukan sebelumnya.

Nah jika sobat tertarik untuk menerapkannya diblog sobat.silahkan ikuti langkahnya berikut ini.

1. Pada Dashboard Klik Tata Letak >> Add a Gadget >> HTML/Javascript,

2. Kemudian Copy paste  kode berikut ini dan untuk judul dikosongkan saja :

<script type='text/javascript'>
<!--
var now = new Date();
var hours = now.getHours();
//16-18 sore
if (hours >= 16 && hours <= 18){
document.body.style.background="#3399FF url('http://abitalita.blogspot.com/sore.jpg') fixed top repeat-x";
//19-21 malam
} else if (hours >= 19 && hours <= 21){
document.body.style.background="#99CC66 url('http://abitalita.blogspot.com/petang.jpg') fixed top repeat-x";
//22-4 malam
} else if (hours >= 22 || hours <= 4){
document.body.style.background="#993399 url('http://abitalita.blogspot.com/malam.jpg') fixed top repeat-x";
//5-6 pagi
} else if (hours >= 5 && hours <= 7){
document.body.style.background="#CC99CC url('http://abitalita.blogspot.com/pagi.jpg') fixed top repeat-x";
//7-8 pagi
} else if (hours >= 7 && hours <= 8){
document.body.style.background="#9966CC url('http://abitalita.blogspot.com/pagi.jpg') fixed top repeat-x";
//9-15 siang
} else if (hours >= 9 && hours <= 15){
document.body.style.background="#868579 url('http://abitalita.blogspot.com/siang.jpg') fixed top repeat-x";
}
//-->
</script>

Keterangan :

- Kode yang berwarna biru adalah koda warna background,silahkan ganti dengan warna yang diinginkan.untuk kode warna bisa dilihat disini. atau sobat bisa juga menuliskannya dengan nama warna   seperti red,green,blue dan lain lain.

- Kode yang berwarna merah silahkan ganti dengan URL Gambar jika sobat ingin menggunakan gambar sebagai backgroundnya jika tidak hapus saja kode tersebut.

- Untuk yang lainnya silakan bereksperimen sendiri sesuai selera sobat.

Demikian Cara Membuat Backgroud Blog Berubah Sesuai Waktu semoga bermanfaat.

Gaya Baru Orang Kaya China, Minum Susu ASI Wanita Desa

Sebuah tren baru demi meningkatkan kesehatan merebak di kalangan orang kaya China. Mereka rela menghabiskan belasan juta rupiah untuk bisa mengkonsumsi air susu ibu (ASI).

Laman Shanghai Daily, Rabu 3 Juli 2013 melansir dengan mengkonsumsi ASI, para orang kaya meyakini kesehatan anak mereka akan tetap terjaga. Namun ASI ini tidak hanya dikonsumsi oleh bayi saja, orang dewasa pun banyak yang ikut menikmatinya. Bahkan dari payudara langsung seperti seorang bayi.

Di China sudah ada beberapa perusahaan yang menyediakan layanan ASI bagi para orang dewasa dan berasal dari kalangan menengah ke atas. Salah satunya adalah Xinxinyu Household Service Company milik Lin Jun yang beroperasi di Provinsi Guangdong.

Lin mengatakan layanan penyedia jasa ASI mulai populer di China, khususnya setelah skandal susu formula bayi terungkap. Selain itu ASI kini dipercaya menjadi salah satu nutrisi tambahan bagi orang dewasa yang dapat meningkatkan kesehatan. "ASI adalah nutrisi terbaik khususnya bagi mereka yang baru saja menjalani operasi besar," ujar Lin.

Untuk dapat memperoleh layanan mewah dari para suster penyedia ASI, para pelanggannya dipatok dengan harga 8000 Yuan atau Rp13 juta per bulan. Harga itu bisa semakin mahal, apabila suster yang disediakan berusia muda dan cantik.

Para suster ini nantinya akan berkunjung ke rumah pelanggan untuk memberikan ASI secara langsung. "Namun apabila mereka malu, kami dapat menjual ASI yang sudah dipompa dan disimpan di dalam sebuah botol," kata Lin.

Salah satu pelanggan yang menggunakan jasa tersebut adalah seorang sales excutive di kota Shenzen dengan nama tengah Wang. Wang mencoba jasa ini setelah diinformasikan oleh temannya yang bermukim di Hong Kong.

Dia memilih mengkonsumsi ASI setelah merasakan keletihan yang berat akibat pekerjaan di kantor. Setelah mendapat restu dari sang istri, jadilah Wang membayar jasa suster ASI senilai 15 ribu Yuan atau Rp24,3 juta.

Wang biasa mengkonsumsi ASI sebanyak tiga sampai lima kali. Namun dia mengaku tidak pernah minum langsung dari payudara suster ASI.

Kendati dipercaya dapat meningkatkan kesehatan, Wang tidak merasakan perubahan yang signifikan kecuali dia mengurangi kesibukannya di kantor dan berolah raga. Sementara Lin mengatakan proses perekrutan menjadi seorang suster ASI tidak mudah.

Dia harus memastikan ASI yang disediakan oleh si suster sehat. Kebanyakan dari para suster yang dia rekrut berasal dari desa dan keluarga miskin yang membutuhkan biaya untuk membesarkan anaknya.

Lin akan mewawancarai calon suster dan memastikan bahwa mereka sehat secara fisik. Hal serupa juga dilakukan oleh banyak kandidat pelanggan yang akan menggunakan jasa suster ASI.

Menurut Lin, sebelum memilih suster, pelanggan akan menilai dua hal yaitu status kesehatannya dan karakter mereka. Setelah terpilih, para suster ini akan menandatangani kontrak dengan periode enam hingga delapan bulan.

Namun di dalam kontrak, status pekerjaan mereka tertulis sebagai pengasuh bayi, pembersih ruangan atau koki. Bagi para suster, kontrak kerja yang ditawarkan sangat menggiurkan karena dalam waktu delapan bulan, mereka bisa membawa pulang 120 ribu Yuan atau Rp194 juta.

Namun industri baru yang tidak biasa ini menimbulkan kekhawatiran bahwa layanan tersebut dapat dijadikan modus baru prostitusi. Walaupun menurut juru bicara biro keamanan publik Shenzen, akan sulit membuktikan dan menginvestigasi dugaan itu.

VivaNews

Membuat Widget Social Media dengan Efek Berputar

Kali ini saya coba share cara membuat Widget Social Media dengan efek berputar.sesuai dengan efeknya image social media ini akan berputar ketika diarahkan mouse.ada lima image social media pada widget ini yaitu Facebook,Twitter,Google Plus,Rss dan widget feedburner.

Untuk langkah pembuatannya hanya mengikuti tiga  langkah mudah berikut ini :

1. Masukan kode dibawah ini diatas kode  ]]></b:skin>

.social a{color: #6e6e6e;font: bold 12px Arial;text-decoration: none;padding: 1px 1px 0px;position: relative;display: inline-block;text-shadow: 0 1px 0 #fff;-webkit-transition: border-color .218s;-moz-transition: border .218s;-o-transition: border-color .218s;transition: border-color .218s; background: #f9f9f9;border: solid 1px #f9f9f9;margin-bottom:10px}
.social a:hover {color: #333;border-color: #0e928d;-moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);-webkit-box-shadow:0 2px 2px rgba(0, 0, 0, 0.2);box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);}
.social a:active{color:#000;border-color: #444;}

2.Selanjutnya masukan lagi kode berikut diatas kode  </head>

<style type='text/css'>#rotate img{-moz-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out;} #rotate img:hover{ -o-transform: scale(1.1) rotate(360deg); -moz-transform: scale(1.1) rotate(360deg); -webkit-transform: scale(1.1) rotate(360deg);}</style>

3.Sampai disini simpan dulu template sobat.

4. Kemudian masukan kode HTML di bawah ini dalam Gadget HTML/Javascript.

<div class='social'>
<div id="rotate">
<a style="margin-left: 5px; margin-right: 5px;" title="Get updates right in your inbox"  href='http://feedburner.google.com/fb/a/mailverify?uri=Id Sobat' target='_blank' alt='newsletters'><img alt='email' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOUJR9QUi8T5IZeLfwM9SP3QU4yjnR-nYOtN42nydj9v90eqvHg6Yp_ai_ndNCyTWESoCkrIF6kP_VbYebuD2q5PcdAC8bs79gLFQW66h0qKKih9RoB43wNIkhCpmbxIKkn3t53AkTa6s/s40/mail.png' alt='newsletters' title='newsletters'/></a>
<a style="margin-left: 5px; margin-right: 5px;" title="Subscribe to our RSS feed" href='http://feeds.feedburner.com/Id Sobat' target='_blank' alt='rss'><img alt='rssfeed' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpWCGaqzmAcsy8kNf028tt4wDs1ifGRxKE-kuXtkAsESymzJ-n2cCRLJglPC_HviMLAhFZJBglZNRPC1oNbPQwwQonCb8oGqaJTZlsCaH8JRdL5AXVYEmROj0TwUtjhfTka8rBCx475bs/s40/rss.png' alt='rss' title='rss'/></a>
<a style="margin-left: 5px; margin-right: 5px;" title="Follow us to get our twitter updates"  href='http://twitter.com/Id Sobat' target='_blank' alt='Follow on twitter'><img alt='twitter' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBZvnjKGD7UZnL-m4OhKayU6LBc533E6yhGNlPVF6TL5Sn-bA_98MOWtgThfXHmstecoxTsqbkTq6XvxLXKtGiZMgDHX3m6iCzT-Y_5q12Au3XzUVs7s2tdfS1iwZv-jqxmSsFldV8g9A/s40/twitter.png' alt='Follow on twitter' title='Follow'/></a>
<a style="margin-left: 5px; margin-right: 5px;" title="Like me on Facebook" href='http://www.facebook.com/Id Sobat/' target='_blank' alt='Like me on Facebook'><img alt='facebook' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaEFfcEV7oovKWw3QrmGyGeTBzFAYXs0t5clnjcfwibbr7pZtAPOva3vsn6xMLopXoemYkfLbjvbDwK_LYk9bqBgW2AE8cYaNeFIaMjJHI4fFtTp04ppnsEzoDdE9YN7r0e-Y9gU6zmic/s40/facebook.png' alt='Like me on Facebook' title='Like me on Facebook'/></a>
<a style="margin-left: 5px; margin-right: 5px;" title="Add us to your circles on google plus"  href='https://plus.google.com/108693546003414204831' target='_blank' title='Follow on G+'><img alt='blog' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBRP6dm9RY0J7fUFN-uA7QSSCxA6s9SM4MtuR4RVzamHGd2W6MonBdAVa6QDxKSEkXJvMPQMIz1BlGAvz-PJ3aTSevkuJHqVMcwJGfjnnE7Px03aORuvmel6HG2nAzLn14xF-tmlbmG7o/s1600/g+.png' alt='Follow on G+' title='Follow on G+'/></a></div></div>

Ganti tulisan berwarna merah dengan ID milik sobat.
Terakhir klik simpan dan lihat hasilnya.demikian tutorial cara membuat widget Social Media dengan efek Berputar semoga bermanfaat.

Cara Menampilkan Komentar Blogger dan Google Plus Diblog

Pada artikel kali ini saya coba share Cara Menampilkan Komentar Blogger dan Google Plus Diblog dengan sistem toggle.Menampilkan komentar blogger dan komentar google plus bertujuan untuk memberikan pilihan sekaligus kemudahan  kepada  pengunjung untuk berkomentar.secara default komentar yang terbuka pada halaman blog adalah komentar blogger namun jika pengunjung lebih menyukai berkomentar dengan menggunakan komentar gogle plus maka bisa langsung beralih dengan mengklik icon google plus yang disediakan.

Untuk menampilkan komentar blogger dan google plus diblog sobat bisa ikuti langkahnya berikut ini :

1. Seperti biasa sobat masuk pada dashboard kemudian pilih template dan klik Edit HTML.ada baiknya sobat membackup dulu template sobat untuk menghindari terjadinya kesalahan.

2. Gunakan Ctrl+F untuk memudahkan pencarian kode seperti dibawah ini

<b:includable id='threaded_comments' var='post'>
--
--
--
</b:includable>

3. Setelah ketemu danti kode diatas dengan kode berikut ini :

<b:includable id='threaded_comments' var='post'>
  <div id='com-header'>
<h6>Poskan komentar dengan </h6> <img class='com-on' id='com-norm' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsa6IJLcAVM9hz5XR1Ki6py963F-R2igCZVqg7SMcqMA6c1bdokM-2x0bhEE7Z8w3a_WvkWnnR0HudwP8aKf4IUKPN_pkFimg9gZH-ZEvq9coUOc_352d5LPBpP3F4ILdLMge4tD7gFmM_/s1600/blogger-comments-on.png' title='Tampilkan Komentar Blogger'/><h6>Poskan komentar dengan </h6> <image id='com-gplus' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg14eTJYOoNOoRpmSYfDHSHDLab3EyecuUNvhv-o7g_FC6yI9rdnVor368w79BhgiBt3Q1S7X9PtpPQQ4HFmIwIw8cfYSwElT4aOkTtvvlbeVUdo2n2A0DquBZP7AuUVXt-h5uqzvD0HDwM/s1600/Google-plus-comments-off.png' title='Tampilkan Komentar Google+'/><h6/>
</div>
<div id='comment-zone'>
  <div class='comments' id='comments'>
    <a name='comments'/>
    <h4><data:post.commentLabelFull/>:</h4>
    <div class='comments-content'>
      <b:if cond='data:post.embedCommentForm'>
        <b:include data='post' name='threaded_comment_js'/>
      </b:if>
      <div id='comment-holder'>
         <data:post.commentHtml/>
      </div>
    </div>
    <p class='comment-footer'>
      <b:if cond='data:post.allowNewComments'>
        <b:include data='post' name='threaded-comment-form'/>
      <b:else/>
        <data:post.noNewCommentsText/>
      </b:if>
    </p>
    <b:if cond='data:showCmtPopup'>
      <div id='comment-popup'>
        <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
        </iframe>
      </div>
    </b:if>
    <div id='backlinks-container'>
    <div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'>
       <b:if cond='data:post.showBacklinks'>
         <b:include data='post' name='backlinks'/>
       </b:if>
    </div>
    </div>
  </div>
  <div id='gcontainer'><div id='gcomments'/></div>
<script src='http://apis.google.com/js/plusone.js'/>
<script type='text/javascript' src='https://abitalita.googlecode.com/files/googleplus.js'/>
<style>
#gcontainer {
display:none;
  }
#com-norm,#com-gplus {
cursor:pointer;
padding:0 5px;
float:left;
  }
#com-header {
border: 1px solid #d2d2d2;
padding: 10px;
float: left;
width: 600px;
margin: 5px;
background: #f5f5f5;
  }
#com-header h6{
font-size: 15px;
text-transform: none;
font-weight: bold;
text-align: center;
float: left;
padding-top: 15px;
margin: 0px;
margin-right: 7px;
margin-left: 7px;
  }
</style>
</div>
</b:includable>

4. Kemudian cari lagi kode seperti berikut :

<b:includable id='comment_picker' var='post'>
--
--
--
</b:includable>

Dan jika sudah ketemu ganti dengan kode berikut :

<b:includable id='comment_picker' var='post'>
  <b:if cond='data:post.forceIframeComments'>
    <b:include data='post' name='iframe_comments'/>
    <b:if cond='data:post.showThreadedComments'>
      <b:include data='post' name='threaded_comments'/>
    <b:else/>
      <b:include data='post' name='comments'/>
    </b:if>
  <b:else/>
    <b:if cond='data:post.commentSource == 1'>
      <b:include data='post' name='iframe_comments'/>
    <b:else/>
      <b:if cond='data:post.showThreadedComments'>
        <b:include data='post' name='threaded_comments'/>
      <b:else/>
        <b:include data='post' name='threaded_comments'/>
      </b:if>
    </b:if>
  </b:if>
 <div style='clear:both;'/>
</b:includable>

5. Terakhir sobat tinggal save template dan jika tidak ada kesalahan maka komentar Blogger dan komentar Google Plus sudah muncul diblog sobat.

Catatan : Sobat harus beralih dulu dari profile blogger ke profile google plus agar fitur komentar google plus ini bisa berjalan

Demikian tips Cara Menampilkan Komentar Blogger dan Google Plus Diblog semoga bermanfaat.