<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>video Archives - Mobiroller Bilgi Bankası</title>
	<atom:link href="https://support.mobiroller.com/tr/kb-tag/video/feed/" rel="self" type="application/rss+xml" />
	<link>https://support.mobiroller.com/tr/kb-tag/video/</link>
	<description>Make your own mobile app!</description>
	<lastBuildDate>Fri, 09 May 2025 11:40:09 +0000</lastBuildDate>
	<language>tr</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.6.4</generator>
	<item>
		<title>Özel Ekran</title>
		<link>https://support.mobiroller.com/tr/bilgi-bankasi/html-kod-ile-mobil-uygulama-yapimi/</link>
		
		<dc:creator><![CDATA[Mobiroller]]></dc:creator>
		<pubDate>Fri, 09 May 2025 11:36:52 +0000</pubDate>
				<guid isPermaLink="false">http://support.mobiroller.com/tr/?post_type=st_kb&#038;p=1178</guid>

					<description><![CDATA[<p>Mobil uygulamanızda bir tablo oluşturmak veya HTML/CSS kodlarıyla bir ekran oluşturmak istiyorsanız Özel Ekran modülünden faydalanabilirsiniz. Ayrıca Özel Ekran modülünde resim,video,tablo veya metin gibi verileri tek bir sayfada oluşturabilirsiniz. Özel Ekran Modülünü Uygulamama Nasıl Eklerim? Kontrol panelinizin sol tarafında bulunan İçerik sekmesine tıklayarak Aktif Modüller‘i görebilirsiniz. Özel Ekran modülünün altında bulunan Uygulamaya Ekle butonu ile [&#8230;]</p>
<p>The post <a href="https://support.mobiroller.com/tr/bilgi-bankasi/html-kod-ile-mobil-uygulama-yapimi/">Özel Ekran</a> appeared first on <a href="https://support.mobiroller.com/tr/">Mobiroller Bilgi Bankası</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p><span style="font-weight: 400;">Mobil uygulamanızda bir tablo oluşturmak veya HTML/CSS kodlarıyla bir ekran oluşturmak istiyorsanız </span><b>Özel Ekran</b><span style="font-weight: 400;"> modülünden faydalanabilirsiniz. Ayrıca </span><b>Özel Ekran</b><span style="font-weight: 400;"> modülünde resim,video,tablo veya metin gibi verileri tek bir sayfada oluşturabilirsiniz.</span></p>
<h2><b>Özel Ekran Modülünü Uygulamama Nasıl Eklerim?</b></h2>
<p><img fetchpriority="high" decoding="async" class="alignnone size-full wp-image-10941" src="https://support.mobiroller.com/wp-content/uploads/2016/09/1-8.png" alt="" width="1913" height="867" srcset="https://support.mobiroller.com/wp-content/uploads/2016/09/1-8.png 1913w, https://support.mobiroller.com/wp-content/uploads/2016/09/1-8-300x136.png 300w, https://support.mobiroller.com/wp-content/uploads/2016/09/1-8-1024x464.png 1024w, https://support.mobiroller.com/wp-content/uploads/2016/09/1-8-768x348.png 768w, https://support.mobiroller.com/wp-content/uploads/2016/09/1-8-1536x696.png 1536w" sizes="(max-width: 1913px) 100vw, 1913px" /></p>
<p><span style="font-weight: 400;">Kontrol panelinizin sol tarafında bulunan </span><b>İçerik</b><span style="font-weight: 400;"> sekmesine tıklayarak </span><b>Aktif Modüller</b><span style="font-weight: 400;">‘i görebilirsiniz. </span><b>Özel Ekran</b><span style="font-weight: 400;"> modülünün altında bulunan </span><b>Uygulamaya Ekle</b><span style="font-weight: 400;"> butonu ile de uygulamanızın içeriğine modül eklemesi yapabilirsiniz.</span></p>
<p><img decoding="async" class="alignnone size-full wp-image-10943" src="https://support.mobiroller.com/wp-content/uploads/2016/09/2.1.png" alt="" width="1913" height="867" srcset="https://support.mobiroller.com/wp-content/uploads/2016/09/2.1.png 1913w, https://support.mobiroller.com/wp-content/uploads/2016/09/2.1-300x136.png 300w, https://support.mobiroller.com/wp-content/uploads/2016/09/2.1-1024x464.png 1024w, https://support.mobiroller.com/wp-content/uploads/2016/09/2.1-768x348.png 768w, https://support.mobiroller.com/wp-content/uploads/2016/09/2.1-1536x696.png 1536w" sizes="(max-width: 1913px) 100vw, 1913px" /> <img decoding="async" class="alignnone size-full wp-image-10945" src="https://support.mobiroller.com/wp-content/uploads/2016/09/2.2.png" alt="" width="1911" height="869" srcset="https://support.mobiroller.com/wp-content/uploads/2016/09/2.2.png 1911w, https://support.mobiroller.com/wp-content/uploads/2016/09/2.2-300x136.png 300w, https://support.mobiroller.com/wp-content/uploads/2016/09/2.2-1024x466.png 1024w, https://support.mobiroller.com/wp-content/uploads/2016/09/2.2-768x349.png 768w, https://support.mobiroller.com/wp-content/uploads/2016/09/2.2-1536x698.png 1536w" sizes="(max-width: 1911px) 100vw, 1911px" /></p>
<p><span style="font-weight: 400;">Karşınıza gelen ekrandaki,</span><span style="font-weight: 400;"><br />
</span><span style="font-weight: 400;"><br />
</span><b>Seçim Menüsü Resmi:</b><span style="font-weight: 400;"> Bu alandan modülünüzün uygulama içinde görüntülenecek olan ikonunu yükleyebilirsiniz. Bu butona tıklayınca açılan ekranda yer alan </span><b>Özel Resim</b><span style="font-weight: 400;"> seçeneğiyle bilgisayarınızdan dilediğiniz ikonu yükleyebilirsiniz, veya bu ekranda yer alan bir diğer seçenek olan </span><b>Kütüphane </b><span style="font-weight: 400;">seçeneğini seçerek Mobiroller’ın hazırlamış olduğu hazır ikonlardan birini seçerek devam edebilirsiniz.</span><span style="font-weight: 400;"><br />
</span><span style="font-weight: 400;"><br />
</span><b>Modülü Yayınla/Taslak:</b><span style="font-weight: 400;"> Bu alandan modülünüzün uygulamaya dahil olup olmayacağını seçebilirsiniz. </span><b>Modülü Yayınla</b><span style="font-weight: 400;"> seçeneğini seçerek modülü uygulamanıza dahil edebilirsiniz. </span><b>Taslak </b><span style="font-weight: 400;">seçeneğini seçerek de modülünüzün taslak olarak kalmasını sağlayabilirsiniz. Bu seçeneği seçerseniz modül uygulamanızda görüntülenmeyecektir.</span></p>
<p><b>Modülü Ana Menüye Bağlama/Özel Menü:</b><span style="font-weight: 400;"> Bu alandan modülünüzün uygulama içerisinde yer alacağı alanı belirleyebilirsiniz. </span><b>Modülü Ana Menüye Bağlama</b><span style="font-weight: 400;"> seçeneğini seçerek modülünüzün ana menü üzerinde görüntülenmesini sağlayabilirsiniz. </span><b>Özel Menü</b><span style="font-weight: 400;"> seçeneğini kullanabilmeniz için uygulamanıza </span><b>Alt Menü</b><span style="font-weight: 400;"> modülü eklemiş olmanız gerekmektedir. Eğer daha önce eklemiş olduğunuz bir </span><b>Alt Menü</b><span style="font-weight: 400;"> modülü var ise </span><b>Özel Menü</b><span style="font-weight: 400;"> alanına tıkladığınızda bu alanda listelenecektir. Buradan istediğiniz alt menüyü seçerek modülünüzün bu alt menü altında görüntülenmesini sağlayabilirsiniz. </span></p>
<p><span style="font-weight: 400;">Alt Menü modülünün kullanımı hakkında daha detaylı bilgi almak için </span><a href="https://support.mobiroller.com/tr/bilgi-bankasi/mobil-uygulamada-kategori-yapimi/"><b>buraya tıklayınız</b></a><span style="font-weight: 400;">.</span></p>
<p>&nbsp;</p>
<p><b>Başlık: </b><span style="font-weight: 400;">Eklediğiniz Özel Ekran modülünün uygulama içerisinde gözükecek adını bu alandan girebilirsiniz.</span></p>
<p><b>Uygulama İçeriği:</b><span style="font-weight: 400;"> Bu alandan modülünüzün içeriğini oluşturabilirsiniz. Ayrıca </span><b>Özel Ekran</b><span style="font-weight: 400;"> modülünün içeriğinde yazı boyutunu, rengini ve tipini modül özelinde düzenleyebilirsiniz.</span></p>
<p><b>Arkaplan Resmi: </b><span style="font-weight: 400;">Modülünüzde yer alacak arkaplan resmini bu alandan ayarlayabilirsiniz. Bu butona tıklayınca açılan ekranda yer alan </span><b>Özel Resim</b><span style="font-weight: 400;"> seçeneğiyle bilgisayarınızdan dilediğiniz arkaplan resmini yükleyebilirsiniz, veya bu ekranda yer alan bir diğer seçenek olan </span><b>Kütüphane </b><span style="font-weight: 400;">seçeneğini seçerek Mobiroller’ın hazırlamış olduğu hazır arkaplan resimlerinden birini seçerek devam edebilirsiniz.</span></p>
<h3><b>Özel Ekran Modülü’nde Resim Ekleme</b></h3>
<p><img decoding="async" class="alignnone size-full wp-image-10947" src="https://support.mobiroller.com/wp-content/uploads/2016/09/3-5.png" alt="" width="1912" height="867" srcset="https://support.mobiroller.com/wp-content/uploads/2016/09/3-5.png 1912w, https://support.mobiroller.com/wp-content/uploads/2016/09/3-5-300x136.png 300w, https://support.mobiroller.com/wp-content/uploads/2016/09/3-5-1024x464.png 1024w, https://support.mobiroller.com/wp-content/uploads/2016/09/3-5-768x348.png 768w, https://support.mobiroller.com/wp-content/uploads/2016/09/3-5-1536x697.png 1536w" sizes="(max-width: 1912px) 100vw, 1912px" /></p>
<p><span style="font-weight: 400;">Modül içerisindeki resim butonuna tıklayarak </span><b>Resim ekle/düzenle</b><span style="font-weight: 400;"> bölümüne erişebilirsiniz.</span></p>
<p><img decoding="async" class="alignnone size-full wp-image-10949" src="https://support.mobiroller.com/wp-content/uploads/2016/09/4-5.png" alt="" width="1917" height="865" srcset="https://support.mobiroller.com/wp-content/uploads/2016/09/4-5.png 1917w, https://support.mobiroller.com/wp-content/uploads/2016/09/4-5-300x135.png 300w, https://support.mobiroller.com/wp-content/uploads/2016/09/4-5-1024x462.png 1024w, https://support.mobiroller.com/wp-content/uploads/2016/09/4-5-768x347.png 768w, https://support.mobiroller.com/wp-content/uploads/2016/09/4-5-1536x693.png 1536w" sizes="(max-width: 1917px) 100vw, 1917px" /></p>
<p><span style="font-weight: 400;">Bu alandan eklemek istediğiniz resmin kaynak URL’sini, resmin açıklamasını ve boyutlarını girebilirsiniz.</span></p>
<p><img decoding="async" class="alignnone size-full wp-image-10951" src="https://support.mobiroller.com/wp-content/uploads/2016/09/5-4.png" alt="" width="1914" height="865" srcset="https://support.mobiroller.com/wp-content/uploads/2016/09/5-4.png 1914w, https://support.mobiroller.com/wp-content/uploads/2016/09/5-4-300x136.png 300w, https://support.mobiroller.com/wp-content/uploads/2016/09/5-4-1024x463.png 1024w, https://support.mobiroller.com/wp-content/uploads/2016/09/5-4-768x347.png 768w, https://support.mobiroller.com/wp-content/uploads/2016/09/5-4-1536x694.png 1536w" sizes="(max-width: 1914px) 100vw, 1914px" /></p>
<p><b>Gelişmiş</b><span style="font-weight: 400;"> bölümünde, görüntünün ekranda nasıl görüneceğini daha detaylı bir şekilde ayarlayabilirsiniz.</span></p>
<p><span style="font-weight: 400;">Gerekli alanları doldurduktan sonra </span><b>Kaydet </b><span style="font-weight: 400;">butonuna tıklayarak resim ekleme işlemini gerçekleştirebilirsiniz.</span></p>
<blockquote><p><span style="font-weight: 400;">Bilgisayarınızdaki bir resmi direkt olarak özel ekran modülüne ekleyememektesiniz. Öncelikle resminizi bir web sayfasına yüklemeniz gerekmektedir. Bunun için </span><a href="https://hizliresim.com/"><b>hizliresim.com</b></a><span style="font-weight: 400;"> adresinden faydalanabilirsiniz.</span></p></blockquote>
<h3><b>Özel Ekran Modülü’nde Video Ekleme</b></h3>
<p><img decoding="async" class="alignnone size-full wp-image-10953" src="https://support.mobiroller.com/wp-content/uploads/2016/09/6-2.png" alt="" width="1912" height="865" srcset="https://support.mobiroller.com/wp-content/uploads/2016/09/6-2.png 1912w, https://support.mobiroller.com/wp-content/uploads/2016/09/6-2-300x136.png 300w, https://support.mobiroller.com/wp-content/uploads/2016/09/6-2-1024x463.png 1024w, https://support.mobiroller.com/wp-content/uploads/2016/09/6-2-768x347.png 768w, https://support.mobiroller.com/wp-content/uploads/2016/09/6-2-1536x695.png 1536w" sizes="(max-width: 1912px) 100vw, 1912px" /></p>
<p><span style="font-weight: 400;">Modül içerisindeki video butonuna tıklayarak </span><b>Medya ekle/düzenle</b><span style="font-weight: 400;"> bölümüne erişebilirsiniz.</span></p>
<p><img decoding="async" class="alignnone size-full wp-image-10955" src="https://support.mobiroller.com/wp-content/uploads/2016/09/7-2.png" alt="" width="1914" height="869" srcset="https://support.mobiroller.com/wp-content/uploads/2016/09/7-2.png 1914w, https://support.mobiroller.com/wp-content/uploads/2016/09/7-2-300x136.png 300w, https://support.mobiroller.com/wp-content/uploads/2016/09/7-2-1024x465.png 1024w, https://support.mobiroller.com/wp-content/uploads/2016/09/7-2-768x349.png 768w, https://support.mobiroller.com/wp-content/uploads/2016/09/7-2-1536x697.png 1536w" sizes="(max-width: 1914px) 100vw, 1914px" /></p>
<p><span style="font-weight: 400;">Bu alana eklemek istediğiniz videonun kaynak URL&#8217;sini, videonun boyutlarını girebilirsiniz.</span></p>
<p><img decoding="async" class="alignnone size-full wp-image-10957" src="https://support.mobiroller.com/wp-content/uploads/2016/09/8-1.png" alt="" width="1913" height="866" srcset="https://support.mobiroller.com/wp-content/uploads/2016/09/8-1.png 1913w, https://support.mobiroller.com/wp-content/uploads/2016/09/8-1-300x136.png 300w, https://support.mobiroller.com/wp-content/uploads/2016/09/8-1-1024x464.png 1024w, https://support.mobiroller.com/wp-content/uploads/2016/09/8-1-768x348.png 768w, https://support.mobiroller.com/wp-content/uploads/2016/09/8-1-1536x695.png 1536w" sizes="(max-width: 1913px) 100vw, 1913px" /></p>
<p><span style="font-weight: 400;">Eğer videonuzun gömülü koduna sahipseniz bu alana yapıştırabilirsiniz.</span></p>
<p><img decoding="async" class="alignnone size-full wp-image-10959" src="https://support.mobiroller.com/wp-content/uploads/2016/09/9-1.png" alt="" width="1915" height="865" srcset="https://support.mobiroller.com/wp-content/uploads/2016/09/9-1.png 1915w, https://support.mobiroller.com/wp-content/uploads/2016/09/9-1-300x136.png 300w, https://support.mobiroller.com/wp-content/uploads/2016/09/9-1-1024x463.png 1024w, https://support.mobiroller.com/wp-content/uploads/2016/09/9-1-768x347.png 768w, https://support.mobiroller.com/wp-content/uploads/2016/09/9-1-1536x694.png 1536w" sizes="(max-width: 1915px) 100vw, 1915px" /></p>
<p><span style="font-weight: 400;">Gelişmiş bölümünde alternatif bir kaynak ve medya için bir poster resmi ekleyebilirsiniz.</span></p>
<p><span style="font-weight: 400;">Gerekli alanları doldurduktan sonra </span><b>Kaydet </b><span style="font-weight: 400;">butonuna tıklayarak medya ekleme işlemini gerçekleştirebilirsiniz.</span></p>
<blockquote><p><em><span style="font-weight: 400;">Bilgisayarınızdaki bir resmi doğrudan özel ekran modülüne ekleyemezsiniz. Öncelikle videonuzu bir web sayfasına yüklemeniz gerekmektedir.</span></em></p></blockquote>
<h3><b>Özel Ekran Modülü’nde Tablo Ekleme</b></h3>
<p><img decoding="async" class="alignnone size-full wp-image-10961" src="https://support.mobiroller.com/wp-content/uploads/2016/09/10-1.png" alt="" width="1915" height="867" srcset="https://support.mobiroller.com/wp-content/uploads/2016/09/10-1.png 1915w, https://support.mobiroller.com/wp-content/uploads/2016/09/10-1-300x136.png 300w, https://support.mobiroller.com/wp-content/uploads/2016/09/10-1-1024x464.png 1024w, https://support.mobiroller.com/wp-content/uploads/2016/09/10-1-768x348.png 768w, https://support.mobiroller.com/wp-content/uploads/2016/09/10-1-1536x695.png 1536w" sizes="(max-width: 1915px) 100vw, 1915px" /></p>
<p><span style="font-weight: 400;">Bu işlem için öncelikle</span><b> Özel Ekran</b><span style="font-weight: 400;"> modülündeki </span><b>Tablo </b><span style="font-weight: 400;">butonuna tıklayınız.</span></p>
<p><span style="font-weight: 400;">Karşınıza gelen ekrandan </span><b>Tablo</b><span style="font-weight: 400;"> alanı ile mobil uygulamanıza tablo eklemesi yapabilirsiniz.</span></p>
<h3><b>Kaynak kodu nedir?</b></h3>
<p><span style="font-weight: 400;">Kaynak kodu mobil uygulamanıza </span><b>HTML </b><span style="font-weight: 400;">ve </span><b>CSS </b><span style="font-weight: 400;">kodları kullanarak ekran oluşturabileceğiniz bölümdür.</span></p>
<p><img decoding="async" class="alignnone size-full wp-image-10963" src="https://support.mobiroller.com/wp-content/uploads/2016/09/11-1.png" alt="" width="1911" height="867" srcset="https://support.mobiroller.com/wp-content/uploads/2016/09/11-1.png 1911w, https://support.mobiroller.com/wp-content/uploads/2016/09/11-1-300x136.png 300w, https://support.mobiroller.com/wp-content/uploads/2016/09/11-1-1024x465.png 1024w, https://support.mobiroller.com/wp-content/uploads/2016/09/11-1-768x348.png 768w, https://support.mobiroller.com/wp-content/uploads/2016/09/11-1-1536x697.png 1536w" sizes="(max-width: 1911px) 100vw, 1911px" /></p>
<p><span style="font-weight: 400;">Öncelikle </span><b>Özel Ekran</b><span style="font-weight: 400;"> modülündeki </span><b>Kaynak kodu</b><span style="font-weight: 400;"> alanına tıklayınız.</span></p>
<p><img decoding="async" class="alignnone size-full wp-image-10965" src="https://support.mobiroller.com/wp-content/uploads/2016/09/12.png" alt="" width="1917" height="868" srcset="https://support.mobiroller.com/wp-content/uploads/2016/09/12.png 1917w, https://support.mobiroller.com/wp-content/uploads/2016/09/12-300x136.png 300w, https://support.mobiroller.com/wp-content/uploads/2016/09/12-1024x464.png 1024w, https://support.mobiroller.com/wp-content/uploads/2016/09/12-768x348.png 768w, https://support.mobiroller.com/wp-content/uploads/2016/09/12-1536x695.png 1536w" sizes="(max-width: 1917px) 100vw, 1917px" /></p>
<p><span style="font-weight: 400;">Kaynak kodu ekranı karşınıza gelecektir. Bu alandan HTML/CSS kodları ile modülünüzün içeriğini oluşturabilirsiniz.</span></p>
<p>&nbsp;</p>
<p><img decoding="async" class="alignnone size-full wp-image-10918" src="https://support.mobiroller.com/wp-content/uploads/2020/08/kaydet.png" alt="" width="971" height="93" srcset="https://support.mobiroller.com/wp-content/uploads/2020/08/kaydet.png 971w, https://support.mobiroller.com/wp-content/uploads/2020/08/kaydet-300x29.png 300w, https://support.mobiroller.com/wp-content/uploads/2020/08/kaydet-768x74.png 768w" sizes="(max-width: 971px) 100vw, 971px" /></p>
<p><span style="font-weight: 400;">İçeriğinizi oluşturduktan sonra sağ altta bulunan </span><b>Kaydet</b><span style="font-weight: 400;"> butonu ile </span><b>Özel Ekran</b><span style="font-weight: 400;"> modülünü uygulamanıza ekleyebilirsiniz.</span></p>
<p><img decoding="async" class="alignnone size-full wp-image-10967" src="https://support.mobiroller.com/wp-content/uploads/2016/09/13-1.png" alt="" width="1911" height="867" srcset="https://support.mobiroller.com/wp-content/uploads/2016/09/13-1.png 1911w, https://support.mobiroller.com/wp-content/uploads/2016/09/13-1-300x136.png 300w, https://support.mobiroller.com/wp-content/uploads/2016/09/13-1-1024x465.png 1024w, https://support.mobiroller.com/wp-content/uploads/2016/09/13-1-768x348.png 768w, https://support.mobiroller.com/wp-content/uploads/2016/09/13-1-1536x697.png 1536w" sizes="(max-width: 1911px) 100vw, 1911px" /></p>
<p><span style="font-weight: 400;">Eklediğiniz </span><b>Özel Ekran</b><span style="font-weight: 400;"> modülünü </span><b>Uygulama İçeriği</b><span style="font-weight: 400;"> alanından görebilirsiniz.</span></p>
<p>&nbsp;</p>
<p><img decoding="async" class="alignnone size-full wp-image-10926" src="https://support.mobiroller.com/wp-content/uploads/2020/08/UcNokta.png" alt="" width="508" height="518" srcset="https://support.mobiroller.com/wp-content/uploads/2020/08/UcNokta.png 508w, https://support.mobiroller.com/wp-content/uploads/2020/08/UcNokta-294x300.png 294w, https://support.mobiroller.com/wp-content/uploads/2020/08/UcNokta-60x60.png 60w" sizes="(max-width: 508px) 100vw, 508px" /></p>
<p><span style="font-weight: 400;">Modülünüzün sağında yer alan üç nokta(</span><b>…</b><span style="font-weight: 400;">) ikonuna tıklayarak modülünüzle ilgili seçeneklere ulaşabilirsiniz. Bu alanda modülünüzle ilgili; </span><b>düzenleme</b><span style="font-weight: 400;">, </span><b>silme</b><span style="font-weight: 400;">, </span><b>modülü taslak haline getirme</b><span style="font-weight: 400;"> ve </span><b>modül konumunu ayarlama</b><span style="font-weight: 400;"> gibi işlemleri gerçekleştirebilirsiniz.</span></p>
<p>The post <a href="https://support.mobiroller.com/tr/bilgi-bankasi/html-kod-ile-mobil-uygulama-yapimi/">Özel Ekran</a> appeared first on <a href="https://support.mobiroller.com/tr/">Mobiroller Bilgi Bankası</a>.</p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
