Chipunk : weblog

Menambahkan Lencana Facebook Di Blog Mervpolis

Bagi temen-temen yang belum tahu caranya nambahin lencana facebook di blog mervpolis,

kalian bisa belajar caranya di sini.

Tenanggg...... gratis kok, gak perlu bayar,,,

Paling cuma modal internet ma laptop doank..... wkwkkk.... :D

Okelah langsung aja aku kasih tahu caranya buat kalian :

*Pertama, kalian harus kunjungi web Facebook Badges terlebih dahulu.

Berikut alamat webnya : http://www.facebook.com/badges

Untuk memudahkan koneksi ke Facebook Badges jangan lupa FB kamu di buka ya??? :)

*Berikut tampilan Web dari Facebook Badges :

Setelah masuk di Facebook Badges,kalian pilih "Profile Badge".

Maka akan tampil seperti ini :

Kemudian pilih "Other".

Setelah Kalian pilih other,dibagian bawahnya akan tampil code dari Profil Badge:

Kemudian copy code tersebut .

Untuk sementara,kalian paste code tersebut di geditTextEditor dulu.

Nah,,, urusan sama Facebook Badges telah selesai.

Tinggal menempatkan code itu di blog Mervpolis.

.......................................

Mau tahu kelanjutannya???

Ok....ok....

Kalian login ke blog mervpolis dulu yaa???

Setelah login kalian pilih Design-Theme-terus pilih "Custom Theme",update theme.....

Selanjutnya pilih Templates,klik weblog....

Maka akan tampil code-code dari template yang ada di blog kamu....

Nah,,,, disinilah kalian menempatkan code dari lencana Facebook yang di dapat dari

Facebook Badges tadi... ^^

Kalian dapat menempatkannya dimana saja,asalkan format codingan benar.

Karena penempatan code Lencana Facebook tsb bebas sesuai dengan keinginan pemilik

blog dan theme yang di gunakan.

Example :

Berikut ini contoh penempatan code Facebook Badges di Blog saya :

Codingan Template :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<!--

Design by Free CSS Templates

http://www.freecsstemplates.org

Released for free under a Creative Commons Attribution 2.5 License

Template by Eugene Strokin http://jyaga.com



Title      : Carbonated

Version    : 1.0

Released   : 20070405

Description: A two-column fixed-width template suitable for blogs and small business websites.



-->



<head>

<meta http-equiv="Content-Type" content="text/html; charset=" />

<title>$model.weblog.name : $model.weblogPage.name</title>

#showAutodiscoveryLinks($model.weblog)

<link rel="stylesheet" type="text/css" href="$model.weblog.stylesheet"/>

<style type="text/css">#includeTemplate($model.weblog "_css")</style>

</head>



<div id="header">

	<div id="logo">

		<h1><a href="$url.home">$model.weblog.name</a></h1>

		<h2><a href="$url.home">$model.weblog.description</a></h2>

	</div>

	<div id="menu">

		<ul>

		#if(!$model.weblogCategory.path)

		<li class="first active">

		#else

		<li class="first">

		#end

		<a href="$url.home" title="Home">All</a></li>

		#foreach ($cat in $model.weblog.getWeblogCategory("nil").weblogCategories)

		#if($cat.path == $model.weblogCategory.path)

		<li class="active">

		#else

		<li>

		#end

		<a href="$url.category($cat.path)" title="$cat.description">$cat.name</a></li>

		#end

		</ul>

	</div>

</div>

<!-- end #header -->

<div id="page">

	<div id="content">

	  #set($pager = $model.getWeblogEntriesPager()) 

	  #if ($model.results)

	     #showWeblogSearchAgainForm($model.weblog)

	     <div class="next-prev">

	     #showNextPrevSearchControl($pager)

	     </div>

	  #end

	  #showWeblogEntriesPager($pager)

	  <div class="next-prev">

	  #if ($model.results)

	     #showNextPrevSearchControl($pager)

	  #else

	     #showNextPrevEntriesControl($pager)

	  #end

	  </div>

	  #if ($model.permalink)

	  <br/><br/>

	     #showWeblogEntryComments($entry)

	     #showWeblogEntryCommentForm($entry)

	  #end

	</div>

	<!-- end #content -->

	<div id="sidebar">

		<ul>

			<li>

				<h2>Search</h2>

				#showWeblogSearchForm($model.weblog false)

			</li>



// Code Lencana Facebook

<li>

<!-- Facebook Badge START --><a href="http://www.facebook.com/people/Punk-Keciphank-Cipung/100000607486088" target="_top" style="font-family: "lucida grande",tahoma,verdana,arial,sans-serif; font-size: 11px; font-variant: normal; font-style: normal; font-weight: normal; color: #3B5998; text-decoration: none;" title="Punk Keciphank Cipung">Punk Keciphank Cipung</a><br/><a href="http://www.facebook.com/people/Punk-Keciphank-Cipung/100000607486088" target="_top" title="Punk Keciphank Cipung"><img src="http://badge.facebook.com/badge/100000607486088.537.1838676927.png" width="120" height="222" style="border: 0px;" /></a><br/><a href="http://www.facebook.com/badges/" target="_top" style="font-family: "lucida grande",tahoma,verdana,arial,sans-serif; font-size: 11px; font-variant: normal; font-style: normal; font-weight: normal; color: #3B5998; text-decoration: none;" title="Make your own badge!">Create Your Badge</a><!-- Facebook Badge END -->

</li>



			

			<li>

				<h2>News & Events</h2>

				<dl>

				#foreach($entry in $model.weblog.getRecentWeblogEntries("nil", 3))

					<dt><strong>$utils.formatDate($entry.pubTime, "MMMMMMMMM dd, yyyy")</strong></dt>

					<dd>

					#if($entry.displayContent)

					  $utils.truncateNicely($utils.removeHTML($entry.displayContent), 60, 90, "…")

					#else ## planet entries don't have displayContent

					  $utils.truncateNicely($utils.removeHTML($entry.text), 60, 90, "…")

					#end

					<a href="$utils.escapeHTML($entry.permalink)">More…</a>

					</dd>

					#end

				</dl>

			</li>

			#set($rootFolder = $model.weblog.getBookmarkFolder("/"))

			#if($rootFolder.getBookmarks().size()>0)

			<li>

				<h2>Links</h2>

				#showBookmarkLinksList($rootFolder false false)

			</li>

			#end

			<li>

				<h2>Feeds</h2>

				#showAtomFeedsList($model.weblog)

			</li>

			<li>

				<h2 class="title">Referers</h2>

				#set($refs = $model.weblog.getTodaysReferrers())

				#showReferrersList($refs 30 20)

			</li>

			<li>

				<h2>Navigation</h2>

				#showPageMenu($model.weblog)

			</li>

		</ul>

	</div>

	<!-- end #sidebar -->

	<div style="clear: both;"> </div>

</div>

<!-- end #page -->

<div id="footer">

	<p id="legal">Copyright © 2007 ${model.weblog.creator.fullName}. All Rights Reserved.<p></p>

	<p class="links">Designed By <a href="http://www.freecsstemplates.org/">Free CSS Templates</a> · Template by <a href="http://rollerthemes.com">Roller Themes</a><p></p>

</div>

SELAMAT MENCOBA yaaaa,,,,,,,,,

« Cara Mengubah Tampil... | Main | KOLERA PRODUCT(JOURN... »

Comments:

Chipunk

Be The Best...!!!

Menambahkan Lencana Facebook Di Blog Mervpolis

Search

News & Events

Links

Feeds

Referers

Navigation