diff --git a/src/routes/blogs/a.svelte b/src/routes/blogs/a.svelte
new file mode 100644
index 0000000..1680359
--- /dev/null
+++ b/src/routes/blogs/a.svelte
@@ -0,0 +1,7 @@
+<script lang="ts">
+	export let href;
+
+	let target = href.includes('https://') || href.includes('http://') ? '_blank' : '';
+</script>
+
+<a {href} {target}><slot /></a>
diff --git a/src/routes/blogs/blog.svelte b/src/routes/blogs/blog.svelte
index e2b0e2f..0b2b1d0 100644
--- a/src/routes/blogs/blog.svelte
+++ b/src/routes/blogs/blog.svelte
@@ -1,9 +1,10 @@
 <script context="module">
 	import img from './img.svelte';
+	import a from './a.svelte';
 	import h1 from './h1.svelte';
 	import h2 from './h2.svelte';
 	import h3 from './h3.svelte';
-	export { img, h1, h2, h3 };
+	export { img, a, h1, h2, h3 };
 </script>
 
 <script>
@@ -11,13 +12,13 @@
 	export let date;
 	export let desc;
 
-	let ddate = new Date(Date.parse(date));
+	let ddate = new Date(Date.parse(date)).toDateString();
 </script>
 
 <main>
 	<div class="title media-margin">
 		<!-- prettier-ignore -->
-		<h1>{title}</h1><p class="date">Last updated {ddate.toDateString()}</p>
+		<h1>{title}</h1><p class="date">Last updated {ddate}</p>
 	</div>
 	<div class="blog-text media-margin">
 		<p>{desc}</p>