BangBek

Showing posts with label Tutorial. Show all posts

Membuat CD OS Windows XP dengan nLite

Written By Bahtiar Kelana on Friday, 15 November 2013 | 19:52

Assalamu'alaikum Warochmatullohi Wabarokatuh...

Pada Postingan terdahulu saya pernah membahas bagaimana cara Mengkustomasi Tampilan Setup pada Windows XP, Nah...Pada Postingan kali ini saya akan coba membahas mengenai Cara Membuat CD OS Windows XP dengan menggunakan Program nLite. Pastikan bahwa Komputer anda sudah terinstal NET Framework 2.0.

Caranya:

Terlebih dahulu kita harus Menjalankan Program nLite, Donwload disini (password : bahtiarmahmud.blogspot.com)
Setelah program nLite berhasil di download, lakukan proses instalasi. Jika berhasil silahkan klik icon nlite. Tekan tombol lanjut.
Masukkan CD OS Windows Xp, cari lokasi CD OS Windows Xp dengan menekan browse. Tekan tombol lanjut.
Untuk membuat bootable iso, pilih Driver dan Bootable ISO. Tekan Lanjut.
Tekan lanjut, jikan ingin menyisipkan tekks silahkan klik sisipkan. Tekan tombol lanjut.
Pilih Yes untuk memulai proses penerapan instalasi.

Proses instalasi

Proses instalasi selesai. Tekan tombol lanjut.

Klik tombol Buat ISO untuk membuat proses ISO.

Isikan nama file iso dan tempat untuk menyimpan iso. Tekan tombol save.

Proses membuat ISO

Proses pembuatan CD OS Windows XP

Burn file iso yang telah dibuat menggunakan program pembakar (Nero atau yang lainnya)

Untuk proses menginstall jangan lupa merubah booting first cd rom di bios.

Selamat Mencoba.....

Cara Mudah Membuat Headline News di Blog

Written By Bahtiar Kelana on Thursday, 18 July 2013 | 02:27

Cara Mudah Membuat Headline News di Blog - Cara/trik gampang memberi headline news atau news update atau hotnews berita terbaru berjalan dan bergerak di blog atau cara menambah headline news atau news update atau hotnews di blog dengan mudah dan cepat.

Postingan Blogaul kali ini akan membahas bagaimana cara memberi headline news di blog. di kesempatan yang baik ini, saya akan mengulas artikel mengenai cara membuat news update di blog. Sobat pastinya sudah tau semua kan apa itu headline news/news update/hot news dan bagaimana bentuk sebenarnya? :) Ok, bagi yang belum tau, saya jelaskan sedikit. Headline news adalah sebuah bagian/elemen di blog yang berisi link-link artikel terbaru dari blog tersebut yang biasanya selalu bergonta-ganti tiap berapa detik sekali dan umumnya terletak di bagian atas dari sebuah blog. Untuk contohnya, bisa dilihat di bagian atas di bawah header blog ini. Tujuan utama pembuatan fasilitas ini menurut saya adalah untuk membuat blog lebih tampil profesional, lebih menarik, membuat betah pengunjung dan pastinya meningkatkan pageviews. Ok, bagi yang tertarik untuk membuat headline news/news update/berita terbaru di blog silahkan ikuti langkah-langkahcara membuat headline news/news update/berita terbaru bergerak di blog di bawah ini:

1. Login ke akun Blogger sobat.

2. Klik Template >> Edit HTML.

3. Cari kode ]]></b:skin> (gunakan tombol CTRL + F atau F3 untuk memudahkan pencarian kode).

4. Letakkan kode berikut tepat diatas kode ]]></b:skin>

/* Headline News
-------------------*/
.newspic {background:#000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnfzcrlboWi9X6T8rIKi7w0P-Zkvjmw6NLPX6MoMpY_-DxP69RKGasmMYShk3lhq3-zTFNkpbYiMB5rpeJDgVVSKZZ0V4N8ns7_fJxdUz5Ywf2sBSG4HQjSSzhJ38xt7p9ssloaTk3uGM/s1600/news.gif) no-repeat top left;width:970px;margin:0 auto;padding:0 auto;height:32px;color:#fff;}
.news {width: 970px;margin:0 auto;padding:0 auto;line-height: 1.4em;text-align:left;font-family:Arial;font-size:11px;color:#fff;overflow:hidden;clear:both;}
.news a:link, .news a:visited{color:#fff;text-decoration:none;}
.news a:hover {color:#ddd;text-decoration:underline;}

Keterangan :
> Warna merah adalah ukuran panjang headline news.
> Warna biru adalah ukuran tinggi headline news.

5. Next cari kode </head>

6. Lalu copas kode berikut tepat diatas kode </head>

<script src='http://www.google.com/jsapi?key=ABQIAAAAUMsU2d40bO1-m8DeADFRexTdcQS31_Y0TkToW9tE1XWPEnv6YBSa1QfZaAr4GJ8-AZkWddpnW9Y0hA'></script>
<script type='text/javascript'>
//<![CDATA[
var gfeedfetcher_loading_image="indicator.gif";google.load("feeds","1");function gfeedfetcher(c,a,b){this.linktarget=b||"";this.feedlabels=[];this.feedurls=[];this.feeds=[];this.feedsfetched=0;this.feedlimit=5;this.showoptions="";this.sortstring="date";document.write('<div id="'+c+'" class="'+a+'"></div>');this.feedcontainer=document.getElementById(c);this.itemcontainer="<li>"}gfeedfetcher.prototype.addFeed=function(b,a){this.feedlabels[this.feedlabels.length]=b;this.feedurls[this.feedurls.length]=a};gfeedfetcher.prototype.filterfeed=function(b,a){this.feedlimit=b;if(typeof a!="undefined"){this.sortstring=a}};gfeedfetcher.prototype.displayoptions=function(a){this.showoptions=a};gfeedfetcher.prototype.setentrycontainer=function(a){this.itemcontainer="<"+a.toLowerCase()+">"};gfeedfetcher.prototype.init=function(){this.feedsfetched=0;this.feeds=[];this.feedcontainer.innerHTML='<img src="'+gfeedfetcher_loading_image+'" /> Loading news...';var a=this;for(var b=0;b<this.feedurls.length;b++){var c=new google.feeds.Feed(this.feedurls[b]);var d=(this.feedlimit<=this.feedurls.length)?1:Math.floor(this.feedlimit/this.feedurls.length);if(this.feedlimit%this.feedurls.length>0&&this.feedlimit>this.feedurls.length&&b==this.feedurls.length-1){d+=(this.feedlimit%this.feedurls.length)}c.setNumEntries(d);c.load(function(e){return function(f){a._fetch_data_as_array(f,e)}}(this.feedlabels[b]))}};gfeedfetcher._formatdate=function(a,c){var d=new Date(a);var b=(c.indexOf("datetime")!=-1)?d.toLocaleString():(c.indexOf("date")!=-1)?d.toLocaleDateString():(c.indexOf("time")!=-1)?d.toLocaleTimeString():"";return"<span class='datefield'>"+b+"</span>"};gfeedfetcher._sortarray=function(a,b){var b=(b=="label")?"ddlabel":b;if(b=="title"||b=="ddlabel"){a.sort(function(e,d){var g=e[b].toLowerCase();var f=d[b].toLowerCase();return(g<f)?-1:(g>f)?1:0})}else{try{a.sort(function(e,d){return new Date(d.publishedDate)-new Date(e.publishedDate)})}catch(c){}}};gfeedfetcher.prototype._fetch_data_as_array=function(b,a){var d=(!b.error)?b.feed.entries:"";if(d==""){alert("Google Feed API Error: "+b.error.message)}for(var c=0;c<d.length;c++){b.feed.entries[c].ddlabel=a}this.feeds=this.feeds.concat(d);this._signaldownloadcomplete()};gfeedfetcher.prototype._signaldownloadcomplete=function(){this.feedsfetched+=1;if(this.feedsfetched==this.feedurls.length){this._displayresult(this.feeds)}};gfeedfetcher.prototype._displayresult=function(a){var e=(this.itemcontainer=="<li>")?"<ul>\n":"";gfeedfetcher._sortarray(a,this.sortstring);for(var c=0;c<a.length;c++){var d='<a href="'+a[c].link+'" target="'+this.linktarget+'" class="titlefield">'+a[c].title+"</a>";var b=/label/i.test(this.showoptions)?'<span class="labelfield">['+this.feeds[c].ddlabel+"]</span>":" ";var g=gfeedfetcher._formatdate(a[c].publishedDate,this.showoptions);var f=/description/i.test(this.showoptions)?"<br />"+a[c].content:/snippet/i.test(this.showoptions)?"<br />"+a[c].contentSnippet:"";e+=this.itemcontainer+d+" "+b+" "+g+"\n"+f+this.itemcontainer.replace("<","</")+"\n\n"}e+=(this.itemcontainer=="<li>")?"</ul>":"";this.feedcontainer.innerHTML=e};

var gfeedfetcher_loading_image="indicator.gif";function gfeedrssticker(d,b,a,c){this.tickerid=d;this.delay=parseInt(a);this.mouseoverBol=0;this.itemsperpage=1;this.messagepointer=0;gfeedfetcher.call(this,d,b,c);this.itemcontainer="<div>";this.tickerdiv=document.getElementById(d)}gfeedrssticker.prototype=new gfeedfetcher;gfeedrssticker.prototype.constructor=gfeedrssticker;gfeedrssticker.prototype._displayresult=null;gfeedrssticker.prototype.entries_per_page=function(a){this.itemsperpage=a};gfeedrssticker.prototype._signaldownloadcomplete=function(){this.feedsfetched+=1;if(this.feedsfetched==this.feedurls.length){this._initscroller(this.feeds)}};gfeedrssticker.prototype._initscroller=function(a){var c=this;gfeedfetcher._sortarray(a,this.sortstring);this.itemsperpage=(this.itemsperpage>=a.length)?1:this.itemsperpage;var b=a.slice(this.messagepointer,this.itemsperpage);this.tickerdiv.innerHTML=formatrssmessage(b,this.showoptions,this.itemcontainer,this.linktarget);this.tickerdiv.onmouseover=function(){c.mouseoverBol=1};this.tickerdiv.onmouseout=function(){c.mouseoverBol=0};this.messagepointer=this.itemsperpage;if(window.attachEvent){window.attachEvent("onunload",function(){c.tickerdiv.onmouseover=c.tickerdiv.onmouseout=null})}setTimeout(function(){c._rotatemessage()},this.delay)};function formatrssmessage(d,b,f,g){var c=(f=="<li>")?"<ul>\n":"";for(var e=0;e<d.length;e++){var h='<a href="'+d[e].link+'" target="'+g+'" class="titlefield">'+d[e].title+"</a>";var j=/label/i.test(b)?'<span class="labelfield">['+d[e].ddlabel+"]</span>":" ";var k=gfeedfetcher._formatdate(d[e].publishedDate,b);var a=/description/i.test(b)?"<br />"+d[e].content:/snippet/i.test(b)?"<br />"+d[e].contentSnippet:"";c+=f+h+" "+j+" "+k+"\n"+a+f.replace("<","</")+"\n\n"}c+=(f=="<li>")?"</ul>\n":"";return c}gfeedrssticker.prototype._rotatemessage=function(){var b=this;if(this.mouseoverBol==1){setTimeout(function(){b._rotatemessage()},100)}else{var a=this.feeds.slice(this.messagepointer,this.messagepointer+this.itemsperpage);this.tickerdiv.innerHTML=formatrssmessage(a,this.showoptions,this.itemcontainer,this.linktarget);this.messagepointer=(this.messagepointer+this.itemsperpage>this.feeds.length-1)?0:this.messagepointer+this.itemsperpage;setTimeout(function(){b._rotatemessage()},this.delay)}};
//]]>
</script>
<style type='text/css'>
.titlefield{ /*CSS for RSS title link in general*/
text-decoration: none;}
.labelfield{ /*CSS for label field in general*/
color:#aaa;font-size: 100%;}
.datefield{ /*CSS for date field in general*/
color:#aaa;font:normal 14px Arial;text-transform:none;}
#example1{ /*Demo 1 main container*/
width: 780px;
height: 14px;
border: 0px solid #aaa;
padding: 0px;
font:bold 16px Arial;
text-transform:none;
text-align:left;
background-color:transparent;}
code{ /*CSS for insructions*/
color: #fff;}
#example1 a:link, #example1 a:visited {color:#f2f2f2;text-decoration:none;}
#example1 a:hover {color:#C8D3F2;text-decoration:none;}
</style>

7. Terakhir cari kode <div id='header-wrapper'> atau <div id='header-outer'> (pilih salah satu saja)

8. Lalu letakkan kode berikut tepat di bawah kode nomor 7 tadi

<div class='newspic'>
<div style='float:left;width:780px;padding:6px 0 6px 180px; position:relative; overflow:hidden;'>
<script type='text/javascript'>
var cssfeed=new gfeedrssticker("example1", "example1class", 4000, "_new")
cssfeed.addFeed("Creating Website", "http://bahtiarmahmud.blogspot.com/feeds/posts/default") //Specify "label" plus URL to RSS feed
cssfeed.displayoptions("date") //show the specified additional fields
cssfeed.setentrycontainer("div") //Wrap each entry with a DIV tag
cssfeed.filterfeed(10, "date") //Show 10 entries, sort by date
cssfeed.entries_per_page(1)
cssfeed.init()
</script>
</div>
<div style='clear:both;'/>
</div>>

Ganti kode yang berwarna biru dengan URL blog sobat.

9. Simpan template dan lihat hasilnya.

Nah, mudah sekali bukan? :)
Demikianlah postingan mengenai cara mudah membuat headline news di blog. Semoga bermanfaat buat semua. Sampai jumpa.. ^_^

Teknik Mendesain Template Blog

Written By Bahtiar Kelana on Tuesday, 16 July 2013 | 22:45

Alhamdulillah sob artikel Teknik Mendesain Template Blog ini merupakan artikel ketiga saya hari ini dan sebenarnya saya sudah agak mengantuk nih sob , tapi saya sempatkan untuk menulis artikel dulu untuk penutupan artikel pada hari ini. Sebenarnya ada banyak Teknik untuk Mendesain Template Blog , Tapi saya kali ini hanya akan membagikan beberapa tips-tips dasar Teknik Mendesain Template Blog agar blog anda lebih terarah dalam Mendesain Template Blog agar hasil mendesainnya tambah bagus.

Template yang saya gunakan sendiri merupakan hasil Mendesain Template Blog dari maskolis pemilik blog www.maskolis.com. Yang tentunya blog maskolis ini memang sudah benar-benar master blog indonesia dalam masalah SEO (Search Engine Optimazation) dan dalam masalah membuat template blog keren.

Berikut ini Teknik Mendesain Template Blog :
1. Loading Blog yang Super Cepat dan Ringan
Loading blog merupakan salah satu penunjang agar blog anda bisa mendapatkan perhatian dari Search Engine Google , Karena search engine google menyukai blog dengan loading Blog yang super cepat dan Ringan. Apabila anda mau membuat blog anda cepat dan ringan , anda bisa baca tutorialnya di artikel saya yang berjudul Membuat Loading Blog Super Cepat dan Ringan

2. Mendesain Blog Sesuai Dengan Selera Pengunjung
Selera pengunjung juga sangat berpengaruh terhadap blog kita , apalagi tampilan blog kita. Apabila blog kita mempunya tampilan yang enak dilihat oleh pengunjung , pastinya pengunjung pun betah berlama-lama di blog kita , dan pengunjung tersebutpun akan senang berada di blog kita

3. Meyembunyikan CSS agar blog Cepat
Selain teknik nomer satu diatas ada juga teknik lain untuk mempercepat loading blog kita yaitu dengan membuat blog Valid CSS3 Karena apabila blog kita sudah Valid CSS3 maka size (ukuran) blog kita pun akan semakin kecil atau sedikit yang dapat membuat loading blog cepat , apabila anda ingin blog anda Valid CSS3 silahkan simak postingan saya tentang Cara Membuat Blog Valid CSS3.
Nah , cara Teknik Mendesain Template Blog hanyalah sebagian kecil cara mendesain template blog. Apabila kurang caranya saya mohon maaf , karena saya juga sudah mengantuk jadinya sudah tidak sepenuhnya bersemangat untuk menulis artikel , bawaannya cuma mau tidurr terus , hehehe.
Demikianlah postingan penutup hari ini tentang Teknik Mendesain Template Blog. Semoga teknik ini dapat bermanfaat bagi anda semua. Bila ada tutur kata atau penguacapan saya yang kurang baik saya mohon maaf sebesar-besarnya.

Sumber : http://planetajaib.blogspot.com

Membuat Loading Blog Super Cepat dan Ringan

Selamat Siang Sob , Alhamdulillah yah saya masih diberi kesempatan untuk mempostingan artikel lagi. Sebelumnya kalau tidak salah saya pernah membahas artikel tentang Cara Membuat Efek Shadow Terbaru Terkeren yang pastinya jooss banget yahh , hehehe
Balik ke topik sebenarnya sob , Loading blog sangat berpengaruh terhadap kenyamanan pengunjung maupun search engine google , karena saya pernah baca bahwa loading blog berpengaruh terhadap blog kita , dan juga berpengaruh dengan trafic blog kita , kenapa ?? karena bila pengunjung tidak sabar buka blog kita pengunjung tersebut pun akan menutup blog kita. Jadi kita perlu mempercepat loading bolg kita.

BERIKUT INI TERMASUK CONTOH BLOG DENGAN LOADING CEPAT

Sobat bisa lihat loading blog diatas tidak sampai 1 detik , bahkan loading blog diatas hanyalah 0,37... WAWWW , Kenapa bisa begitu ???? nanti kita akan membahasnya.. hehehehe

Nah untuk Membuat Loading Blog Super Cepat dan Ringan kita perlu menerapkan langkah-langkah dibawah ini .. oke ???? hehehe

1. Gambar

Kurangi penggunaan gambar dalam template blog dan kalau bisa jangan menggunakan gambar sebagai background template karena saat melakukan loading, gambar akan otomatis terbaca. Seperti yang ada pada blog ini, tidak ada gambar atau gambar background yang terpasang pada template. Solusinya gunakan warna yang sesuai dengan warna gambar.

2. Ukuran Gambar

Ukuran gambar juga mempengaruhi loading blog (tetapi tidak banyak mempengaruhinya) dan juga kenyaman pembaca artikel blog Sobat. Jika Sobat menampilkan ukuran gambar sesuai ukuran aslinya, ganti ukuran gambar tersebut yang Sobat pasang ke dalam artikel blog Sobat.

3. Url Gambar

Pada artikel blog, jangan menggunakan url gambar dari luar atau milik url gambar milik blog orang lain, karena hal ini akan terbaca sebagai media dari luar blog Sobat. Misalnya menggunakan url gambar dari photobucket, tinypic, atau url gambar blogspot milik orang lain. Solusinya agar usaha mempercepat loading blog Sobat berhasil, upload sendiri gambar yang ingin Sobat pasang pada artikel blog Sobat , seperti saya selalu mengupload foto sendiri.

4. Link Gambar

Kadang saya menemukan blog yang masih menggunakan link gambar asli tanpa mengganti dengan link khusus. Misalnya, ketika Sobat mengupload sebuah gambar ke dalam artikel maka gambar akan disertai oleh link gambar itu sendiri.

5. Html Script

Jika Sobat menggunakan template dan pada template tersebut mengandung html script orang lain, pastikan Sobat menggantinya terlebih dahulu. Misalnya kode script untuk artikel terkait, http://scriptoranglain.googlecode.com/files/artikelterkait.js karena jika Sobat menggunakan script orang lain maka link script itu akan dibaca sebagai media luar dari template Sobat Solusinya agar usaha mempercepat loading blog Sobat berhasil, ganti script tersebut dengan script Sobatsendiri.

6. Link Layanan

Jangan memasang link layanan kedalam template Sobat Misalnya layanan sosial bookmark dari Add this atau Webiya, karena mau tidak mau blog Sobat akan membaca link script dari layanan tersebut. Solusinya buatlah link layanan sendiri dengan kode script anda sendiri.

7. Link Iklan

Untuk memasang iklan di blog, jangan terlalu berlebihan karena sangat mengganggu pembaca sehingga pembaca segera menutup blog kita.

Begitulah Solusi Cara Membuat Loading Blog Super Cepat dan Ringan , Tidak ada salahnya sobat menggunakan cara diatas untuk mempercepat blog sobat..Saya juga menerapkannya setelah saya baca pada blog majidchan.blogspot.com.
Demikianlah Artikel Saya hari ini , semoga bisa menjadi motivasi , manfaat , dan guna bagi sobat semua , Bila ada tutur kata atau pengucapan saya yang tidak benar saya mohon maaf sebesar-besarnya , Sampai jumpa pada artikel selanjutnya , Wassalamualaikum.

Sumber : http://planetajaib.blogspot.com

Cara Membuat Efek Shadow Terbaru Terkeren

Alhamdulillah saya bisa posting artikel lagi , saya sangat mengucapkan terimakasih sekali pada Allah SWT yang masih memberi saya peluang untuk memposting artikel. Kalau yang artikel kemarin saya bagikan setelah listriknya mati , sekarang saya baru akan memberikan artikel setelah ada tamu dari tadi di rumah saya (hehehe) , yang kemarin saya bagikan yaitu berjudul Membuat Blogroll Bergerak Paling Keren yang bertujuan untuk menambahkan link teman atau sahabat kedalam widget atau postingan blog sobat.

Cara Membuat Efek Shadow Terbaru Terkeren ini sendiri sudah banyak para blogger lainnya yang membagikannya , tapi saya ganti judul menjadi judul seperti diatas itu.

Contohya sobat bisa lihat gambar dibawah ini dan begitulah contoh Efek Shadow Terbaru Terkeren , hehehe

Sobat mau membuat efek shadow seperti diatas ??? silahkan sobat ikuti cara-caranya berikut ini,mudah kok:

1. Login ke Blogger Sobat

2. Klik Template > Edit HTML

3. Sobat cari kode ]]></b:skin> (gunakan Ctrl + F untuk mempermudah pencarian)

4. Taruh kode berikut ini diatas kode ]]></b:skin> tadi#shadow2{background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEii8o0KK8CedUXJPkR9CDuorO-ByO20lybC7AoUIXGDHnTVCQvA4Yz24jTt-02_MkrcWrYVTtQ1M9mZPrLWoNq95ON3hQS5hS-gFNxRxDiLNowo-0cszIojRLE9QcJhm0rJqqqMU8sGfRc/s1600/frame_shadow2+copy.png") no-repeat scroll center center transparent; height: 20px; width: 300px; } Sumber : http://ahmad-manarul.blogspot.com/2013/05/membuat-efek-shadow-di-widget-sidebar.html#ixzz2UZx0X8dX

5.Simpan template sobat.

6. Bila sobat sudah menyimpan templatenya , sekarang yang harus kita lakukan adalah memilih widget apa yang akan kita berikan efek shadownya , contoh kita menggunakan artikel terbaru sebagai contohnya .
Maka sobat cari kata artikel terbaru (Gunakan ctrl + f untuk mempercepat) maka kurang lebih bentuk kodenya seperti ini :
<b:widget id='HTML2' locked='false' title='Resent Post' type='HTML'>
<b:includable id='main'>

<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

7. Sobat tambahkan kode

<div style='overflow:auto; width:auto;height:200px;'> dan </div> dan <div id='shadow2'/>. Maka penampakan kodenya kira-kira menjadi seperti ini :<b:widget id='HTML2' locked='false' title='Resent Post' type='HTML'>
<b:includable id='main'>

<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div style='overflow:auto; width:auto;height:200px;'>
<div class='widget-content'>
<data:content/>
</div></div><div id='shadow2'/>

8. Lalu simpan template Sobat dan lihat hasilnya.
Bila sobat berhasil menerapkan cara diatas maka kurang lebih widget sobat mempunyai efek shadow keren dibawahnya. Mudah kan sob ???? kalau kita berusaha pasti mudah kok , hehehe

Demikianlah postingan saya kali ini tentang Cara Membuat Efek Shadow Terbaru Terkeren . Seperti biasanya sob , semoga artikel ini berguna dan bermanfaat bagi sobat semua. Bila ada tutur kata atau pengucapan saya yang tidak enak , mohon dimaafkan , Wassalamualaikum.

Sumber : http://planetajaib.blogspot.com

Membuat Blogroll Bergerak Paling Keren

Alhamdulillah bisa posting lagi nih , setelah barusan di daerah sini listriknya mati sekitar 2 jam dan akhirnya nyala juga deh listriknya , alhamdulillah. Saya pada kesempatan sebelumnya pernah membahas sebuah artikel yang berjudul Membuat Widget Subscribe Paling Keren yang gunanya supaya pengunjung bisa mengikuti blog kita dan juga akan mendapat informasi bila kita membuat postingan. dan kesempatan sebelumnya saya juga pernah membahas masalah template yaitu Template Mirip Terselubung Paling Keren.

Balik ke topik sob , Fungsi Blogroll ini sendiri untuk blog yaitu untuk mencantumkan link-link teman atau kawan. Tapi keistimewaan tutorial ini yaitu Blogroll yang kita buat bisa bergerak sob , mau liat contohnya gak sob ??? ,berikut ini contoh blogrollnya sob :

Sobat ingin membuat Blogroll Bergerak Paling Keren seperti diatas ???
kalau sobat ingin , silahkan ikuti tutorialnya berikut ini , mudah kok sob santai aja.

1. Login ke blogger sobat

2. Klik Template > Edit HTML

3. Masukan kode berikut diatas kode </head>

4. Klik Simpan Template

5. Letakan kode berikut di tata letak maupun postingan , ya pokoknya yang sobat sukai :

<ul id="blog-roll">
<li><a href="#">Planet Ajaib 1</a></li>
<li><a href="#">Planet Ajaib 21</a></li>
<li><a href="#">Planet Ajaib 3</a></li>
<li><a href="#">Planet Ajaib 4</a></li>
<li><a href="#">Planet Ajaib 5</a></li>
<li><a href="#">Planet Ajaib 6</a></li>
<li><a href="#">Planet Ajaib 7</a></li>
<li><a href="#">Planet Ajaib 8</a></li>
<li><a href="#">Planet Ajaib 9</a></li>
<li><a href="#">Planet Ajaib 10</a></li>
<li><a href="#">Planet Ajaib 11</a></li>
<li><a href="#">Planet Ajaib 12</a></li>
<li><a href="#">Planet Ajaib 13</a></li>
<li><a href="#">Planet Ajaib 14</a></li>
<li><a href="#">Planet Ajaib 15</a></li>
</ul>

Gantilah tanda pagar (#) dengan link-link teman atau kawan , dan Planet Ajaib 1-15 dengan judul
Mudah kan sobat ????? pastinya dong .....

Demikianlah kali ini postingan saya tentang Membuat Blogroll Bergerak Paling Keren , Semoga dapat berguna dan bermanfaat bagi sobat semua . Dan seperti biasanya bila ada tutur kata atau ucapan saya yang kurang berkenan mohon dimaafkan , dan bila ada pertanyaan silahkan berkomentar dibawah , Wassalamualaikum.

Sumber : http://planetajaib.blogspot.com

Membuat Widget Subscribe Paling Keren

Alhamdulillah akhirnya saya bisa update postingan lagi, soalnya dari tadi pagi cuma ngutak-atik template nih. Setelah hari-hari sebelumnya saya coba memPostingkan cara2 blog agar SEO dan akhirnya saya pun bisa menerapkannya yaitu pada tutorial Cara Membuat Blog Valid CSS3 dan Membuat Blog SEO Di Chkme.com. Nah kan masalah SEO pada tutorial sebelumnya sudah teratasi , sekarang masalah Widget Subscribe. Mengapa Widget Subscribe ini diperlukan ??? karena agar pengunjung bisa mengikuti blog sobat.

Berikut ini penampakan widget subcribe paling keren , hehehe :

Sobat tertarik dengan Widget Subscribe Paling Keren kaya diatas ??? Pasti dong.
ayoooo berangkat belajar cara Membuat Widget Subscribe Paling Keren, contoh berikut ini saya CoPas dari Blog Planet Ajaib, berikut Langkah2nya :

1. Sob , untuk menggunakan kode CSS yg mengatur tampilan gambar Email, RSS, Twitter, Facebook, dan Google+. Silahkan copy kode di bawah ini dan simpan di atas kode ]]></b:skin>

.social a{color: #6e6e6e;font: bold 12px Arial;text-decoration: none;padding: 3px 5px 2px;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: #f3f3f3;border: solid 1px #999;}
.social a:hover {color: #333;border-color: #666;-moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);-webkit-box-shadow:0 2px 5px 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;}Tempelkan kode diatas tadi agar tampilan Widget Subscribenya menjadi Paling Keren

2. Kemudian sobat pergi ke Tata Letak > Tambahkan Gadget dan letakan kode berikut ini :

<div style="background: none; border:none; padding: 4px;">
<div class='social' style='padding: 0pt 0pt 0pt 5px;'>
<table><tbody><tr><td>
<a href='http://feedburner.google.com/fb/a/mailverify?uri=Planetajaib' target='_blank' title='newsletters'><img alt='email' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh31HRnSbgl8-wQ12V07vw6LslaLNwVDJSjU1CXLGNlTskP41peuDs-mtC1CGqMYxuf9m6Ws-oKhuS1roT85q5g8H46-9vOuOABev5-onSD-dKDygBGiWTDoAaF0PJd73E6I-VDzDj_Syk/s40/mail.png' title='newsletters'/></a> </td>
<td> <a href='http://feeds.feedburner.com/planetajaib'target='_blank' title='rss'><img alt='rssfeed' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXxjsfzA2Ic-Mq8n2tbkyk0BUD6O3dWEgDy-c7JBvh_748ApPpiVNwpp-MswHgcTUC2KO-wIXuaYgP2_c7wlMItX06ttEfrtUQl_Z4RDRp4-CBXFhNjp_0VBdkHOQSKrd9o0wcvAC3LEI/s40/rss.png' title='rss'/></a> </td>
<td> <a href='https://twitter.com/Ahmad_ManarulH' target='_blank' title='Follow on twitter'><img alt='twitter' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjT2r_9xqklDsWdQyTJgv9bzkHYa8iss8qQg74Y5Rz0u6ObNc4M5oUrhHc8ngmMUFhca1on-BssbJgImmYuvUYlYqiM1m7czu28EJKdM2S3ES9gWxSCF5fUf-I7-lI9nXOCVTLB1Lwk48k/s40/twitter.png' title='Follow on twitter'/></a> </td>
<td> <a href='https://www.facebook.com/PlanetAjaib'_blank' title=' like me on facebook'><img alt='facebook' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiid0Nkt6-3AMGnqmAgpNIr4eyT5xa0hE3Na6JGZwPRh0Frs4PQK3ai3OxOAmtmeMIWLkIjFsHXTq6UfGyPnJkzR0c3RzU92a8aS0wjqGA8QeL0mXBJxr9X3fBT2WVLsZwSDn93CxTX0f8/s40/facebook.png' title=' Like me on Facebook'/></a> </td>
<td> <a href='https://plus.google.com/u/0/111196340129624846374' target='_blank' title='Follow on G+'><img alt='blog' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj798F9aQj9uZ7IcF8W_OGvsfiGh48ChOmVGop2v4g1N4KjY2MWL-RSXin3otESq65PK9y4cpAJBPfWF532ys8syl8eowNzK26OMB7gwabZaTyliteWMyIVYSKJqX-1wthJmzq12nYnND0/s1600/g+.png' title='Follow on G+'/></a>
</td></tr></tbody></table></div> <br/>
<div style='text-align: center;'>
<a href='http://www.blogger.com/follow-blog.g?blogID=2376713864947803790' target='_blank' title='Follow this blog'><img alt='blog' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjX5F0K4xKh9fqXQ0X7fmMzRHSERfrTBYTuXW_JWoZYlJKZdDZIYIDd47IyRMQ0wmIUsFIaaM0LSzSQd1Lvl3OldNq7ON6IYllPpgtZAlOrRzX1EAojJIrGgrnKht5TrCJ9jeBIUFuWHV8/s1600/Follower.png' title='Follow this blog'/></a>
</div><br/>
</div>

Keterangan tulisan berwarna yang ada di atas :

Untuk tulisan Planet Ajaib, silahkan ganti dengan user name feedburner blog Sobat.
Tulisan http://feeds.feedburner.com/planetajaib, ganti dengan url feedburner blog Sobat.
Tulisan https://twitter.com/Ahmad_ManarulH, ganti dengan url profil Twitter Sobat.
Tulisan https://www.facebook.com/PlanetAjaib, ganti dengan url Facebook Sobat.
Untuk https://plus.google.com/u/0/111196340129624846374, silahkan ganti dengan url profil G+ Sobat.
Untuk 2376713864947803790 ganti dengan ID blog Sobat.Terus kalau sudah dirubah tinggal simpan dan lihat hasilnya.

Demikianlah sob postingan saya kali ini tentang Membuat Widget Subscribe Paling Keren , dan seperti biasa sob , semoga berguna dan bermanfaat , apabila ada pertanyaan silahkan komentar dibawah akan saya jawab bila saya bisa , dan bila ada tutur kata / pengucapan saya yang salah mohon dima'afkan , Wassalamualaikum.

Sumber : http://planetajaib.blogspot.com

Cara Membuat Blog Valid CSS3

Jujur saja saya tidak bergitu paham dengan masalah SEO. Nah , cara ini juga saya dapat dari blog lain saat saya sedang mengunjungi blognya , dan alhamdulillah saya berhasil menerapkannya di blog saya sendiri. Nah sebelumnya saya juga pernah bahas tentang Membuat Blog SEO Di Chkme.com. Kali ini saya akan mmbagikan seperti yang tertera di judul diatas.

Silahkan sobat cek blog sobat di Jigsaw.w3.org. Apakah blog sobat sudah Valid CSS3 ????
Jika blog sobat belum Valid CSS3 nanti ikuti Cara Membuat Blog Valid CSS3 ini.

Yup , apa keuntungannya jika blog kita Valid CSS3 ??? Menurut saya keuntungannya adalah membuat blog kita loadingnya menjadi ringan bahkan sangat ringan , karena saya juga merasakannya. Terus mengapa loading blog kita menjadi Ringan ??? Karena kode CSS kita menjadi lebih berkurang..

Sobat pastinya ingin blog sobat Valid CSS3 kan ??? Jawabannya : pasti dong hehehe
Berikut ini cara agar blog Valid CSS3 :

Login ke blogger sobat
Klik Template > Edit HTML
Backup template sobat terlebih dadulu untuk mengantisipasi kesalahan
Sobat cari kode <b:skin><![CDATA[ (Gunakan Ctrl + F atau F3 untuk mempercepat pencarian)
Selanjurnya sobat pindahkan (Cut / Ctrl + x) dari kode dibawah <b:skin><![CDATA[ sampai ]]></b:skin> , lalu letakan kode yang tadi dipindah ke notepad
Sehingga nantinya kode CSS yang belum dipindah hanya menyisakan kode <b:skin><![CDATA[ ]]></b:skin>
Ganti kode <b:skin><![CDATA[ ]]></b:skin> dengan kode berikut ini :
:<style type="text/css"><!-- /*<b:skin><![CDATA[*/]]></b:skin> 8. Letakan kode berikut dibawah kode diatas :

<style type='text/css'>
Kode yang dipindah di notepad
</style> 9. Sehingga nantinya kodenya kurang lebih menjadi seperti ini :

<style type="text/css">
<!-- /*<b:skin><![CDATA[*/]]></b:skin>
<style type='text/css'>
Kode yang dipindah dari notepad
</style> 10. Sekarang masukan kode yang dipastekan di notepad di kata
Kode yang dipindah dari notepad.

11. Klik simpan Template

Bila sobat sudah melakukan cara diatas , coba sobat cek kembali di jigsaw.w3.org , Apabila blog sobat sudah Valid CSS3 seperti contoh foto diatas , maka sobat berhasil menerapkannya di blog sobat. Apabila belum , berarti sobat harus mengulangi cara ini lagi dan diperhatikannya.

Demikianlah potingan kali ini dari saya tentang Cara Membuat Blog Valid CSS3 . Semoga Berguna dan bermanfaat bagi sobat semua. Bila ada tutur kata atau penguacapan saya yang tidak baik , mohon dimaafkan , Wassalamualaikum.

Sumber : http://planetajaib.blogspot.com

Membuat Blog SEO Di chkme.com

ara Membuat Blog SEO Di Chkme.com ini sudah banyak para blogger yang membagikannya , dan tidak ada salahnya jika saya ikut membagikan cara ini. Sebenarnya saya tidak handal dalam masalah SEO , cara ini sendiri saya terapkan di blog saya setelah membaca tutorial dari blog lain. Saya juga pusing kalau membahas masalah SEO dan Optimalisinya.Alhamdulillah nih setelah saya mencoba cara ini saya berhasil membuat blog saya saat di cek di Chkme.com 100% Scorenya.

Berikut Screenshot Gambar blog ini saat di check di Chkme.com :

Sobat ingin blog sobat 100% di Chkme.com ?? Pastinya ingin dong.

Berikut ini cara agar Blog 100% di Chkme.com :1. Check Scrore SEO sobat di Chkme.com.
2. Lihat berapa persen Score SEO sobat.
3. Bila belum 100% Scorenya , ikutilah langkah berikut.

4. Usahakan setiap sobat akan membuat postingan dan disitu terdapat link tautan , Gunakanlah tag ini :
<a href="link-tujuan" title="Deskripsi" target="_blank">judul</a>
5. Dan apabila sobat akan menampilkan gambar pada postingan , Gunakanlah tag berikut :

<img src="link images" alt="Deskripsi" title="Judul">NB : Pada intinya sobat harus memberikan judul dan deskripsi pada link atau tautan

6. Cek kembali Score SEO sobat di chkme.com , jika score SEO nya sudah 100% Maka Sobat sudah berhasil menerapkannya di blog sobat

Ternyata cara ini cukup mudah bukan ? Tentunya dong. Sebetulnya cara diatas hanya sebagian kecil dari SEO. Bila ada kesalahan sobat bisa bilang pada saya melalui kotak komentar dibawah.

Demikianlah pembahasan singkat dari saya tentang cara Membuat Blog SEO Di Chkme.com. Semoga Sobat berhasil menerapkannya , dan semoga bermanfaat bagi kita semua. Wassamualaikum.

Sumber : http://planetajaib.blogspot.com

Kumpulan Efek - Efek Blog: Ringan & Berat

Share kumpulan efek blog yang telah di posting oleh sobat CHRISTIAN TATELU kumpulan efek-efek blog baik dari yang ringan hingga yang berat, untuk diterapka pada blog sobat sekalian, singkat cerita saja silakan simak keterangan berikut.

Kumpulan Efek - Efek Blog ( Lengkap ) - Memang selalu ada cara untuk mempercantik penampilan blog. Setelah sebelum memposting cara memasang animasi di blog, kali ini saya akan kasih sobat berbagai macam / jenis efek - efek blog yang bisa di pasang di blog.

Sebelum kita masuk ke intinya, terlebih dahulu saya ingatkan pada sobat bahwa efek, animasi dan widget - widget serupa akan menambah beban loading blog sobat, jadi mohon di perhitungkan sebelum sobat memasang efek ini. Efek yang akan saya posting kali ini, akan saya bagi 2 yaitu efek ringan ( loading ringan ) dan efek menegah hingga berat. ( kayak tinju aja.. ) .

Sobat yang tertarik memasangnya silahkan ikuti tutorial memasang efek - efek pada blog berikut.

A. Efek Ringan
Mungkin Ini adalah efek yang biasa sobat lihat saat sobat blogwalking.

1. Efek salju berjatuhan
<script src='http://tateluproject.googlecode.com/files/snow.js' type='text/javascript'></script>

2. Efek hati bertaburan
<script src='http://tateluproject.googlecode.com/files/lovingheart.js' type='text/javascript'></script>

3. Efek bintang bertaburan
<script src='http://tateluproject.googlecode.com/files/bintang.js' type='text/javascript'></script>

4. Efek kembang api
<script src='http://tateluproject.googlecode.com/files/kembangapi.js' type='text/javascript'></script>

5. Efek Gelembung
<script src='http://tateluproject.googlecode.com/files/efek-gelembung.js' type='text/javascript'></script>

Cara pemasangan :
Klik rancangan --> Edit html
Letakkan script efek di atas kode </body>
Klik Save

B. Efek Menengah - Berat
Efek ini saya ambil dari http://www.netdisaster.com. Untuk demo dari salah satu script berikut, silahkan lihat di sini.. DEMO

1.Meteor Jatuh

nd_mode="meteor";

nd_control="on";

nd_sound="on";

nd_vAlign="bottom";

nd_hAlign="right";

nd_vMargin="10";

nd_hMargin="10";

nd_target="_blank";

</script>

2. Banjir

nd_mode="flood";

nd_vAlign="bottom";

nd_hAlign="right";

nd_vMargin="10";

nd_hMargin="10";

nd_target="_blank";

</script>

3. Bunga Mekar

nd_mode="flowers";

nd_vAlign="bottom";

nd_hAlign="right";

nd_vMargin="10";

nd_hMargin="10";

nd_target="_blank";

</script>

4. Bom Atom

nd_mode="bomb";

nd_sound="on";

nd_vAlign="bottom";

nd_hAlign="right";

nd_vMargin="10";

nd_hMargin="10";

nd_target="_blank";

</script>

5. Ufo

nd_mode="ufo";

nd_sound="on";

nd_vAlign="bottom";

nd_hAlign="right";

nd_vMargin="10";

nd_hMargin="10";

nd_target="_blank";

</script>

6. Graffity

nd_mode="graff";

nd_vAlign="bottom";

nd_hAlign="right";

nd_vMargin="10";

nd_hMargin="10";

nd_target="_blank";

</script>

7. Shaver

nd_mode="shaver";

nd_vAlign="bottom";

nd_hAlign="right";

nd_vMargin="10";

nd_hMargin="10";

nd_target="_blank";

</script>

8. Gun

nd_mode="gun";

nd_sound="on";

nd_vAlign="bottom";

nd_hAlign="right";

nd_vMargin="10";

nd_hMargin="10";

nd_target="_blank";

</script>

9.Bloody gun

nd_mode="blood";

nd_vAlign="bottom";

nd_hAlign="right";

nd_vMargin="10";

nd_hMargin="10";

nd_target="_blank";

</script>

10. Paint ball

nd_mode="paint";

nd_vAlign="bottom";

nd_hAlign="right";

nd_vMargin="10";

nd_hMargin="10";

nd_target="_blank";

</script>

11. Chainsaw

nd_mode="chainsaw";

nd_vAlign="bottom";

nd_hAlign="right";

nd_vMargin="10";

nd_hMargin="10";

nd_target="_blank";

</script>

12. Dinosaur

nd_mode="dino";

nd_vAlign="bottom";

nd_hAlign="right";

nd_vMargin="10";

nd_hMargin="10";

nd_target="_blank";

</script>

13. Lebah

nd_mode="wasp";

nd_vAlign="bottom";

nd_hAlign="right";

nd_vMargin="10";

nd_hMargin="10";

nd_target="_blank";

</script>

14. Lalat

nd_mode="fly";

nd_vAlign="bottom";

nd_hAlign="right";

nd_vMargin="10";

nd_hMargin="10";

nd_target="_blank";

</script>

15. Semut

nd_mode="ants";

nd_vAlign="bottom";

nd_hAlign="right";

nd_vMargin="10";

nd_hMargin="10";

nd_target="_blank";

</script>

16. Siput

nd_mode="snail";

nd_vAlign="bottom";

nd_hAlign="right";

nd_vMargin="10";

nd_hMargin="10";

nd_target="_blank";

</script>

17. Cacing

nd_mode="worms";

nd_vAlign="bottom";

nd_hAlign="right";

nd_vMargin="10";

nd_hMargin="10";

nd_target="_blank";

</script>

18. Mold

nd_mode="mold";

nd_vAlign="bottom";

nd_hAlign="right";

nd_vMargin="10";

nd_hMargin="10";

nd_target="_blank";

</script>

19. Bayi merangkak

nd_mode="baby";

nd_vAlign="bottom";

nd_hAlign="right";

nd_vMargin="10";

nd_hMargin="10";

nd_target="_blank";

</script>

20. Telur mata sapi

nd_mode="eggs";

nd_vAlign="bottom";

nd_hAlign="right";

nd_vMargin="10";

nd_hMargin="10";

nd_target="_blank";

</script>

21. Kopi tumpah

nd_mode="coffee";

nd_vAlign="bottom";

nd_hAlign="right";

nd_vMargin="10";

nd_hMargin="10";

nd_target="_blank";

</script>

22. Terbakar

nd_mode="burn";

nd_vAlign="bottom";

nd_hAlign="right";

nd_vMargin="10";

nd_hMargin="10";

nd_target="_blank";

</script>

23. Tomat
<script language="javascript">

nd_mode="tomato";

nd_vAlign="bottom";

nd_hAlign="right";

nd_vMargin="10";

nd_hMargin="10";

nd_target="_blank";

</script>

24. Creampie

nd_mode="creampie";

nd_vAlign="bottom";

nd_hAlign="right";

nd_vMargin="10";

nd_hMargin="10";

nd_target="_blank";

</script>

25. Murka

nd_mode="god";

nd_vAlign="bottom";

nd_hAlign="right";

nd_vMargin="10";

nd_hMargin="10";

nd_target="_blank";

</script>

26. Sapi Jorok

nd_mode="cow";

nd_vAlign="bottom";

nd_hAlign="right";

nd_vMargin="10";

nd_hMargin="10";

nd_target="_blank";

</script>

27. Anjing Jorok

nd_mode="dog";

nd_vAlign="bottom";

nd_hAlign="right";

nd_vMargin="10";

nd_hMargin="10";

nd_target="_blank";

</script>

28. Kencing Sembarangan

nd_mode="pee";

nd_vAlign="bottom";

nd_hAlign="right";

nd_vMargin="10";

nd_hMargin="10";

nd_target="_blank";

</script>

Cara pemasangan :

Klik rancangan --> Elemen laman --> Tambah gadget --> HTML/Javascript
Masukkan script efek di dalam kotak yang di sediakan
Klik save dan lihat hasilnya.

Tambahan :
Efek yang ke 2 berbeda dengan efek yang pertama. di efek ke 2, efek bisa dimatikan secara manual, sedangkan yang pertama sebaliknya ( tidak bisa dimatikan selama masih memasang scriptnya ). so, pilih mana yang terbaik menurut sobat.. salam..

Sumber: http://christiantatelu.blogspot.com

Cara Merakit Komputer

Written By Bahtiar Kelana on Saturday, 13 July 2013 | 05:30

Cara Merakit Komputer atau Merakit PC Sendiri Itu sangat Mudah sekali dan bisa anda lakukan sendiri di rumah, karena dengan Tutorial Cara Merakit Komputer atau Merakit PC Sendiri ini, akan memandu anda untuk memiliki sebuah Komputer atau PC yang murah tapi juga Handal. Karena tutorial ini berisi mulai dari memilih hardware, menyiapkan alat, hingga Merakit Komputer sampai komplit. dengan bahasa yang lugas dan ringkas, dan Tutorial ini akan menjadikan anda seorang teknisi komputer yang piawai dan handal tentang masalah komputer. dan Panduan ini juga di lengkapi dengan gambar serta foto yang jelas dan beruntun, dan ini akan semakin memudahkan anda untuk mewujutkan impian anda untuk memiliki sebuah komputer yang canggih yang anda impikan. dan nanti hasilnya juga gak kalah sama dengan komputer-komputer yang bermerk seperti HP, Acer, Lenovo, dan lain lain. dan yang penting adalah dengan merakit komputer sendiri biaya yang anda keluarkan akan jauh Lebih Murah di bandingkan dengan kita membeli komputer paketan atau komputer siap pakai. Ok silahkan anda Download TutorialLENGKAP Cara Merakit Komputer atau Merakit PC Sendiri.

Cara Merakit Komputer.rar
(password : bahtiarmahmud.blogspot.com)

Semoga dengan TUTORIAL LENGKAP Cara Merakit Komputer atau Merakit PC Sendiri di atas bisa mewujudkan impian anda untuk bisa mempunyai Komputer Rakitan sendiri dan bisa menjadikan anda sebagai Teknisi Komputer yang Handal. Dan " SUKSES SELALU UNTUK ANDA "

MEMASANG BISMILLAH DI SETIAP AWAL POSTINGAN BLOG

Written By Bahtiar Kelana on Friday, 12 July 2013 | 23:30

Tutorial blog mengenai cara memasang Bismillah pada awal postingan blog khusus yang beragama Islam. Kalimat/bacaan Basmalah (Bismillahirrohmannirrohim)memang seharusnya diucapkan bagi setiap muslim jika hendak memulai mengerjakan sesuatu. Sesuatu perkara yang tidak diawali dengan mengucapkan/membaca Bismillah maka hasilnya kurang berkah. Kali ini saya akan share kode scriptnya Bismillah dan silahkan simak cara pemasangannya di blogspot.

Cara Memasang Bismillah Di Setiap Awal Postingan
1. Buka blog anda
2. Pilih Template => Edit HTML
3. Cari kode <data:post.body/> lalu letakkan kode Bismillah diatasnya

<div style='text-align: center;'><span style='font-size: large;'><span style='font-family: Traditional Arabic;'>بِسْمِ اللهِ الرَّحْمنِ الرَّحِيمِ</span></span> </div><br/>

Atau anda bisa juga memasang kode dibawah ini.

<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/>

Silahkan dipasang bacaan Bismillah di awal postingan blog anda, semoga bermanfaat.

Latest Post

Membuat CD OS Windows XP dengan nLite

Written By Bahtiar Kelana on Friday, 15 November 2013 | 19:52

Cara Mudah Membuat Headline News di Blog

Written By Bahtiar Kelana on Thursday, 18 July 2013 | 02:27

Teknik Mendesain Template Blog

Written By Bahtiar Kelana on Tuesday, 16 July 2013 | 22:45

Membuat Loading Blog Super Cepat dan Ringan

Cara Membuat Efek Shadow Terbaru Terkeren

Membuat Blogroll Bergerak Paling Keren

Membuat Widget Subscribe Paling Keren

Cara Membuat Blog Valid CSS3

Membuat Blog SEO Di chkme.com

Kumpulan Efek - Efek Blog: Ringan & Berat

Cara Merakit Komputer

Written By Bahtiar Kelana on Saturday, 13 July 2013 | 05:30

MEMASANG BISMILLAH DI SETIAP AWAL POSTINGAN BLOG

Written By Bahtiar Kelana on Friday, 12 July 2013 | 23:30

About Me

Translate